hunk.code_window:   const ariaContext = `${ariaFocused} ${ariaResults} ${ariaGuidance}`;
     return (
       <A11yText
         role="alert"
         aria-live="polite"
         aria-atomic="false"
         aria-relevant="additions text"
       >
         {isFocused && (
  
hunk.labels: keep keep keep keep replace replace keep keep keep keep
hunk.after_edit:       aria-live={ariaLive}
  
hunk.file_path: packages/react-select/src/components/LiveRegion.js
hunk.type: replace
file: import React from 'react';
  import Select, { components } from 'react-select';
  import Tooltip from '@atlaskit/tooltip';
  import { colourOptions } from '../data';
  
  const SelectContainer = ({ children, ...props }) => {
    return (
      <Tooltip content={'customise your select container'} delay={0}>
        <components.SelectContainer {...props}>
          {children}
        </components.SelectContainer>
      </Tooltip>
    );
  };
  
  export default () => (
    <Select
      closeMenuOnSelect={false}
      components={{ SelectContainer }}
      styles={{
        container: base => ({
          ...base,
          backgroundColor: colourOptions[2].color,
          padding: 5,
        }),
      }}
      options={colourOptions}
    />
  );
  