**All notable changes to `@qualtrics/ui-react` will be documented in this file. This project adheres to <a href="https://semver.org/spec/v2.0.0.html" target="_blank">Semantic Versioning</a>. To be notified of new releases, subscribe to the `design-system-changelog@qualtrics.com` email group in [Odo](https://odo.corp.qualtrics.com/)**

## 2.62.0 - September 03, 2025

### Minor Changes

-   Add `overflow` parameter to `Accordion` component to allow custom overflow behavior for accordion panels
-   [fix] `Logic Editor` add aria-label for default condition set
-   [Next] [fix] Fix accessibility issue in menu action in Advanced Table

---

## 2.61.0 - August 22, 2025

### Minor Changes

-   Add `BreakdownBarWidgetIcon`, `CompetitorIcon`, `IFrameWidgetIcon`, and `TextAnalyticsIcon`
-   [Next] Fix rendering issues in next/Menu when switching between submenus

### Patch Changes

-   Fix NavLink definition in Sidebar Nav
-   Updated dependencies
    -   @qualtrics/component-styles@0.156.0

---

## 2.60.0 - July 16, 2025

### Minor Changes

-   Added next/loading-spinner
-   [Next] Add unsafe `persistentInDom` property to `Tooltip`
-   Fix aria-controls and aria-expanded values in Components/Menu and Components/Select Menu in collapse state

---

## 2.59.0 - June 16, 2025

### Minor Changes

-   [Next] `SplitButton` add screen reader information about more options
-   Add new properties to `ColorPicker` component: CustomAnchor and hexInputHidden

### Patch Changes

-   [Next] Add aria-label to a character count in a `ChatInput` component

---

## 2.58.0 - April 04, 2025

### Minor Changes

-   Add info and error messageLevels to ChatMessage

---

## 2.57.0 - February 27, 2025

### Minor Changes

-   Add color prop to the `Typography` bundle and `warning-text-regular`, `error-text-regular` bundles.

---

## 2.56.0 - February 18, 2025

### Minor Changes

-   [Next] Add `Typography` component
-   Release Typography Tokens
-   Add `ExperienceTransparencyIcon`

### Patch Changes

-   Updated dependencies
    -   @qualtrics/component-styles@0.155.0

---

## 2.55.0 - January 24, 2025

### Minor Changes

-   Add 5 new icons

### Patch Changes

-   [fix] Make `Tooltip` invisible in print mode
-   Updated dependencies
    -   @qualtrics/component-styles@0.154.0

---

## 2.54.0 - January 15, 2025

### Minor Changes

-   [NumberStepper] Change to border of invalid unfocused `NumberStepper`

---

## 2.53.0 - December 11, 2024

### Minor Changes

-   Add `DeprecatedIcon` and `DeprecationReplacementIcon`
-   Release Spacing Tokens

### Patch Changes

-   Updated dependencies
    -   @qualtrics/component-styles@0.153.0

---

## 2.52.1 - November 14, 2024

### Patch Changes

-   [fix] Make `Tooltip` hide properly when not open, resolving issues with layout breaking.

---

## 2.52.0 - November 06, 2024

### Minor Changes

-   Add new icons: `SocialChannelsIcon`, `GridBottomLeftIcon`, `GridBottomHalfIcon`, `GridBottomRightIcon`, `GridTopLeftIcon`, `GridTopHalfIcon`, `GridTopRightIcon`, `GridLeftHalfIcon`, `GridRightHalfIcon`

### Patch Changes

-   Updated dependencies
    -   @qualtrics/component-styles@0.152.0

---

## 2.51.0 - October 30, 2024

### Minor Changes

-   **Added support for React 18.**

    Switch to the `@dnd-kit` library in `next/AdvancedTable`. Include cosmetic changes to the drag-and-drop functionality.

-   [fix] Make `Tooltip` persistent in DOM
-   Add 'aria-controls', 'aria-expanded' and 'role' props to SearchInput. Allow for changing custom DropdownButton's role.
-   [Fix][Next] `AdvancedTable` expandable rows works with pagination, documentation fix for bulk action with expandable rows
-   [Fix] Remove flex-direction change in `AccordionPanel`

---

## 2.50.0 - October 22, 2024

### Minor Changes

-   Add `MobileAppInterceptIcon` and `MobileAppSessionReplayIcon`. Change `InformationIcon`
-   Added AsynchronousJobs and CircleEmpty icons
-   [Fix] (a11y) Change role of anchor in `SelectMenu`, `Dropdown` and `LogicEditor`'s dropdown to `combobox`. Role of search input in `Dropbox` has been changed to `searchbox`.

### Patch Changes

-   Fixed focus border not appearing on disabled next/Menu buttons
-   Updated dependencies
    -   @qualtrics/component-styles@0.151.0

---

## 2.49.0 - October 10, 2024

### Minor Changes

-   [Next] Fix `next/AdvancedTable` header's screen reader experience
-   [Fix] Fix enter behaviour in single-select `Dropdown` and `next/Menu`/`next/Select`

---

## 2.48.0 - October 09, 2024

### Minor Changes

-   Release Color Tokens
-   [Fix] Fix `RangeSlider` animation issues when left value equals right

---

## 2.47.0 - October 04, 2024

### Minor Changes

-   [Next] Add `mainButtonProps` and `dropdownAnchorProps` to `SplitButton`

### Patch Changes

-   [next] Fix `AdvancedTable` rules of hooks violation

---

## 2.46.1 - September 12, 2024

### Patch Changes

-   [Fix] Fix `next/Tooltip` rendering issues

---

## 2.46.0 - September 10, 2024

### Minor Changes

-   [Next] Add `id` prop to `ChatInput` component

### Patch Changes

-   [Fix] Change `Dropdown` to always focus on search when component is searchable
-   [fix] Set default value of `lightTheme` in `Tooltip` back to `false`
-   [next] Reduced not necessary rerenders of `AdvancedTable` cells

---

## 2.45.0 - September 04, 2024

### Minor Changes

-   [next] Add `isSearchFilteringDisabled` to `ComboboxInput` component
-   [Fix] Change `Dropdown`, `next/Menu` and `next/Select` behaviour:
    -   `Space` selects item
    -   `Enter` opens sublist
-   Forward ref to Banner div element allowing div props
-   Change PageContainer from `<section>` to `<div>`

### Patch Changes

-   Added an aria-label attribute to the button of a ChatInput component

---

## 2.44.0 - August 28, 2024

### Minor Changes

-   Add flex-direction change in `AccordionPanel` to prevent overflow
-   Add `characterLimit` prop to `ChatInput` enabling character limit and count
-   Add new icons: `DashboardSpotCheckIcon`, `PictureInAPictureIcon`, `WorkflowIcon`, `EditTableViewIcon`
-   Change flexDirection breakpoint for `Banner` component from `481px` to `400px`
-   [Breaking change] Change default theme in `Tooltip` from dark to light, by changing the default value of `lightTheme` prop from `false` to `true`, this prop will be removed in QDS version 3.X.X. For more information visit this [component page](https://designsystem.qualtrics.com/components/tooltip/)
-   [next] Add `Tooltip` component without the dark theme

### Patch Changes

-   Fix AdvancedTable's 'rows' prop modifying unexpectedly
-   Updated dependencies
    -   @qualtrics/component-styles@0.150.0

---

## 2.43.0 - August 09, 2024

### Minor Changes

-   `PaginationInput` only allow to enter numbers

    Add new property for `Input` component `allowDecimalNumbers` that by default is true and allows for non-numeric characters to be typed.

### Patch Changes

-   Fix scrollable-region-focusable error in Menu and similar components
-   Change `Tabs` component font-size to `14px`
-   Fix screen reader not reading Dropdown items

---

## 2.42.0 - August 01, 2024

### Minor Changes

-   Fix `Next/Select` and `Next/Menu` not opening on button press
-   Add `CloudUploadIcon`

### Patch Changes

-   Fix scrolling behind page overlays
-   Update `tooltip` padding to 8px
-   Updated dependencies
    -   @qualtrics/component-styles@0.149.0

---

## 2.41.0 - July 25, 2024

### Minor Changes

-   Fix searchable `Dropdown` losing focus on search input when hovering over dropdown options
-   Fix decreased performance of keyboard navigation in next/Menu, next/Chat, Combobox and Tooltip

### Patch Changes

-   Security patches

---

## 2.40.0 - July 10, 2024

### Minor Changes

-   [next] Add `data-testid`s to `AdvancedTable` row action buttons, row action menus and row action menuitems
-   Change `AISpinningFilledIcon` to have no padding

### Patch Changes

-   Add `data-testid`s to `Checkbox`
-   Fix aria-required-children accessibility requirement in Quick Search and Menu components
-   Updated dependencies
    -   @qualtrics/component-styles@0.148.0

---

## 2.39.1 - July 04, 2024

### Patch Changes

-   Fix decrease `Input` onChange event firing while using IME
-   Add `ExtendIcon` and `ReoccurringIcon`
-   Add `NoteIcon` `ReviewAppIcon` `ReviewLocationIcon` `ReviewProductIcon` `ReviewThumbsUpIcon`
-   Updated dependencies
-   Updated dependencies
    -   @qualtrics/component-styles@0.147.1

---

## 2.39.0 - April 10, 2024

### Minor Changes

-   Add `placeholderText` prop to `ChatInput`

---

## 2.38.0 - March 28, 2024

### Minor Changes

-   Add `ZoomInIcon` and `ZoomOutIcon`

### Patch Changes

-   Fix `ConfigPane` open/close button behavior for mobile users
-   [next] Fix `Select` and `Menu` bug that prevented searchable menus from reopening when search text with no matching nodes was entered
-   Add button role to `AdvancedTable` column headers
-   Update translation libraries
-   Security updates
-   Updated dependencies
    -   @qualtrics/component-styles@0.147.0

---

## 2.37.0 - March 19, 2024

### Minor Changes

-   [next] Add `data-testid`s to `AdvancedTable` checkboxes
-   Improve `DropdownButton`'s accessible name when using `Dropdown`'s `label` prop

### Patch Changes

-   Security patches

---

## 2.36.0 - March 07, 2024

### Minor Changes

-   Add AISpinningTopIcon, ModeratedUserTestingIcon

### Patch Changes

-   Update Chat message list to anchor to top
-   [next] Update bot icon for `ChatMessage` component
-   Upgrade dependencies
-   Updated dependencies
    -   @qualtrics/component-styles@0.146.0

---

## 2.35.1 - March 01, 2024

### Patch Changes

-   Fix focus ring being added unnecessarily to focusable items in `Popover`
-   [next] Fix `Select` and `Menu` flyout sizing for items with long labels
-   [next] Fix `AdvancedTable` column header checkbox behavior in paginated table

---

## 2.35.0 - February 22, 2024

### Minor Changes

-   [breaking] [next] Change `ToggleButton`'s `onChange` handler to be called with the new expected value of the button, rather than the pre-change value

### Patch Changes

-   Add `AddToReelIcon`
-   Fix `LogicEditor` bracket resizing
-   Fix `LoadingSpinner` `aria-live` functionality
-   [next] Fix incorrect aria-checked on `AdvancedTable` column header menu items
-   Updated dependencies
    -   @qualtrics/component-styles@0.145.1

---

## 2.34.1 - February 15, 2024

### Patch Changes

-   [next] Fix label spacing for Form controls

---

## 2.34.0 - February 06, 2024

### Minor Changes

-   [next] Add `Chat` components

### Patch Changes

-   Fix AdvancedTable focus ring issue
-   Fix Dropdown sizing customizability regression
-   Change order of HelperText and ErrorText in form fields

---

## 2.33.1 - January 31, 2024

### Patch Changes

-   [next] Fix data-testid in AdvancedTable column header menu items
-   Remove max width from banner css

---

## 2.33.0 - January 18, 2024

### Minor Changes

-   Add GlobalCalendarIcon, ChevronSetHorizontalIcon

### Patch Changes

-   Add style resets to Table component
-   Fix RadioGroup width
-   Updated dependencies
    -   @qualtrics/component-styles@0.145.0

---

## 2.32.3 - January 09, 2024

### Patch Changes

-   Upgrade dependencies

## 2.32.2 - January 02, 2024

### Patch Changes

-   [next] Fix `Input`'s `name` prop not being assigned to the underlying `input`

---

## 2.32.1 - December 12, 2023

### Patch Changes

-   [next] Fix issue that prevented some styles from being applied to `Input`, `TimePicker`, and `ComboboxInput`
-   Migrated docs to Docusaurus

---

## 2.32.0 - November 27, 2023

### Minor Changes

-   [next] Added support for `next/Menu` in React 18
-   Change spacing in `Banner` component
-   Add AIEntity, AISpark, ButtonSelector, DropListSelector, HeatMapDiscover, MetricWidget, SearchSelector, HighlightPenSwatch, HighlightSwatch icons
-   Add `isVirtualized` prop to `Menu` and `SelectMenu`

### Patch Changes

-   [next] fixed `next/Menu` `maxHeight` bug
-   Updated dependencies
-   Updated dependencies
    -   @qualtrics/component-styles@0.144.0

---

## 2.31.0 - November 09, 2023

### Minor Changes

-   Add 'mixed' option to `Checkbox` `checked` state

### Patch Changes

-   Fixed bug for empty SubMenu
-   [next] Fix row actions being triggered when clicking outside of table boundaries

---

## 2.30.0 - October 31, 2023

### Minor Changes

-   [next] Add `Pagination` component
-   [next] Added controlled state to next/Combobox open state

### Patch Changes

-   [next] Change `position` of `Drawer` and its overlay to `fixed` when attached to `document.body`
-   Fix LogicEditor margin bug

---

---

## 2.32.0 - November 27, 2023

### Minor Changes

-   [next] Added support for `next/Menu` in React 18
-   Change spacing in `Banner` component
-   Add AIEntity, AISpark, ButtonSelector, DropListSelector, HeatMapDiscover, MetricWidget, SearchSelector, HighlightPenSwatch, HighlightSwatch icons
-   Add `isVirtualized` prop to `Menu` and `SelectMenu`

### Patch Changes

-   [next] fixed `next/Menu` `maxHeight` bug
-   Updated dependencies
-   Updated dependencies
    -   @qualtrics/component-styles@0.144.0

---

## 2.31.0 - November 09, 2023

### Minor Changes

-   Add 'mixed' option to `Checkbox` `checked` state

### Patch Changes

-   Fixed bug for empty SubMenu
-   [next] Fix row actions being triggered when clicking outside of table boundaries

---

## 2.30.0 - October 31, 2023

### Minor Changes

-   [next] Add `Pagination` component
-   [next] Added controlled state to next/Combobox open state

### Patch Changes

-   [next] Change `position` of `Drawer` and its overlay to `fixed` when attached to `document.body`
-   Fix LogicEditor margin bug

---

## 2.29.0 - October 03, 2023

### Minor Changes

-   [next] [breaking change] Change `ToggleButton`s boolean props to default to false and update `ToggleButtonGroup`'s `onChange` type

### Patch Changes

-   [next] Fix `AdvancedTable` nested checkbox behavior
-   [next] Fix regression that caused `TimePicker` flyout styles to not be applied

---

## 2.28.0 - September 27, 2023

### Minor Changes

-   Change `LogicEditor`'s `maxConditions` prop to work regardless of whether `fixedSet` is `true`

### Patch Changes

-   Fix `TimePicker` flyout button style
-   Fix `TimePicker` issue that caused wrong container to scroll on interaction
-   Add `ToggleButtonProps` and `ToggleButtonGroupProps` to exports

---

## 2.27.0 - September 21, 2023

### Minor Changes

-   [next] Add `LayoutGrid`, `LayoutGridItem`, `CollectionGrid`, and `CollectionGridItem` components
-   [next] Change `AdvancedTable` header checkbox behavior to select/deselect rows on current page only
-   Add 5 new icons (`ScatterPlotIcon`,`LinesIcon`,`AIChatbotIcon`,`RobotConversationalIcon`,`UnmoderatedUserTestingIcon`)

### Patch Changes

-   Fix `LogicEditor` styles to not wrap conditions early on zoomed screens
-   Updated dependencies
    -   @qualtrics/component-styles@0.143.0

---

## 2.26.0 - September 06, 2023

### Minor Changes

-   [next] Added virtualization to next/Menu and next/Select
-   [next] Add `onSubmit` prop to `next/Combobox`
-   [next] Added `rowActionsPlacement` prop to AdvancedTable

---

## 2.25.0 - August 29, 2023

### Minor Changes

-   Add useIsTruncated utility hook

### Patch Changes

-   Change components' default return type from `React.JSX.Element` to `ReactElement` to prevent React 16 errors, where `JSX` is not in the React namespace. Similar to fix in `2.20.0`.

---

## 2.24.2 - August 22, 2023

### Patch Changes

-   Fix `AdvancedTable` custom cell setValue function when within expandable row
-   [next] Fix intermittent HTML5Backend error in `AdvancedTable`
-   Fix LoadingSpinner animation small problem

---

## 2.24.1 - August 15, 2023

### Patch Changes

-   Change SwitchField label prop to ReactNode type from string
-   Fix margin on `LogicEditor` conditions when controls are not present
-   Change `SidebarNavItem` hover state colors
-   Fix DropdownButton overflow style
-   Fix bundle to exclude styles in test environments

---

## 2.24.0 - August 03, 2023

### Minor Changes

-   Add zIndex prop to next/Menu

### Patch Changes

-   Fix performance issues for `LogicEditor`s with many conditions
-   Fix `AdvancedTable` checkbox hover styles
-   Fix keyboard navigation bug in `next/Menu`
-   Fix aria-required-children in `Dropdown`
-   Fix accessibility behavior of non cell `AdvancedTable` elements

---

## 2.23.0 - July 28, 2023

### Minor Changes

-   Change `keydown` handlers for several components to prevent `escape` from exiting full screen mode in Safari
-   Add `Banner` component
-   Add 28 new icons (agent, customer, effort, intensity, sentiment and others)

### Patch Changes

-   Fix Dropdown aria labels
-   Add tooltip to truncated text in MenuButton
-   Change color of `HelperText` component and the `helperText` string rendered by `FormField`
-   Update dependencies
-   @qualtrics/component-styles@0.142.0

---

## 2.22.1 - July 19, 2023

### Patch Changes

-   Add aria-disabled to disabled AccordionHeader

---

## 2.22.0 - July 06, 2023

### Minor Changes

-   Exported `DefaultBreakpoints` type

### Patch Changes

-   Fix exported options for `ToggleButton` `kind` property
-   [next] Fix Drawer default overflow to use scrolling behavior
-   Fix build language target to support iOS Safari 12.2

---

## 2.21.0 - June 28, 2023

### Minor Changes

-   Added two new props to customize `ColorPicker`
-   Remove keyboard-user class
-   Added `onIsOpenChange` prop to SubMenu

### Patch Changes

-   Revert focus styles in `next/Menu`
-   Fixed accessibility problem with `next/Menu` search input

---

## 2.20.0 - June 21, 2023

### Stable (@qualtrics/ui-react)

#### Changed

-   Updated `AccordionHeader` line height
-   Changed several components' return type from `React.JSX.Element` to `ReactElement` to prevent React 16 errors, where `JSX` is not in the React namespace
-   Made `Accordion` background transparent

#### Fixed

-   Fix tooltips on icons and other SVGs

### Next (@qualtrics/ui-react/next)

#### Removed

-   Remove unnecessary `div` from `next/Menu`'s `MenuButton` when using `asChild`

#### Changed

-   Changed several components' return type from `React.JSX.Element` to `ReactElement` to prevent React 16 errors, where `JSX` is not in the React namespace

---

## 2.19.1 - June 13, 2023

### Stable (@qualtrics/ui-react)

#### Added

-   Add `HeadsetIcon`, update `PauseCircleIcon`

### Next (@qualtrics/ui-react/next)

#### Fixed

-   Fix `Menu` scroll styles

---

## 2.19.0 - June 06, 2023

### Next (@qualtrics/ui-react/next)

#### Added

-   Add new `VStack` and `HStack` components

#### Changed

-   Opened Advancedtable cell `value` type to `any`

---

## 2.18.0 - June 01, 2023

### Stable (@qualtrics/ui-react)

#### Added

-   Add `Record` and `StopRecording` icons

#### Changed

-   When a `LogicEditor` condition is deleted, focus now moves to the previous condition's controls intead of the document body

### Next (@qualtrics/ui-react/next)

#### Added

-   [BREAKING] Updated Menu to sliding submenu animation for easier compliance with SC 1.4.10

---

## 2.17.0 - May 25, 2023

### Stable (@qualtrics/ui-react)

#### Added

-   Add `ToggleButton` & `ToggleButtonGroup` components

#### Fixed

-   Fix bug that prevented `aria-label` from being correctly attached to `LoadingSpinner`

### Next (@qualtrics/ui-react/next)

#### Changed

-   Hyphenate text in `AdvancedTable` column headers that spans multiple lines

---

## 2.16.0 - May 16, 2023

### Stable (@qualtrics/ui-react)

#### Added

-   Add `showOnDescendantFocus` property to tooltip

#### Changed

-   Change `aria-describedby` behavior in tooltips from passing through props to auto setting on event

### Next (@qualtrics/ui-react/next)

#### Fixed

-   Fix bug that caused `AdvancedTable` expand/collapse row tooltips to remain open after mouseleave event

---

## 2.15.0 - May 11, 2023

### Stable (@qualtrics/ui-react)

#### Removed

-   Removed aria-haspopup from Popover anchor to account for JAWS bug

#### Fixed

-   Fixed Sidebar Nav tooltip color

---

## 2.14.0 - May 2, 2023

### Stable (@qualtrics/ui-react)

#### Fixed

-   Fix `LogicEditor` conditions to no longer stretch to full width of container

---

## 2.13.0 - April 27, 2023

### Stable (@qualtrics/ui-react)

#### Added

-   Add 7 new icons: `CloseCaptioningIcon`, `ConversionIcon`, `DeadClickIcon`, `ErrorClickIcon`, `MouseThrashIcon`, `MouseTrailIcon`, `RageClickIcon`

#### Changed

-   Update font of selected option in `SidebarNav`, `Tabs`, `deprecated_Toolbar`, and `deprecated_Tabs` components

#### Fixed

-   Fix accessibility issue with `Dropdown` search

---

## 2.12.1 - April 21, 2023

### Next (@qualtrics/ui-react/next)

#### Fixed

-   Fix issue with `next/Combobox` focus not returning to the input when an item is selected from the flyout

---

## 2.12.0 - April 13, 2023

### Stable (@qualtrics/ui-react)

#### Fixed

-   Fix searchable `SelectMenu` flyout height calculation

#### Changed

-   Allow text to wrap in `SidebarNavLink`

### Next (@qualtrics/ui-react/next)

#### Added

-   Add new component `TimePicker`

---

## 2.11.0 - April 7, 2023

### Next (@qualtrics/ui-react/next)

#### Added

-   Add new component `Drawer`

---

## 2.10.0 - March 30, 2023

### Stable (@qualtrics/ui-react)

#### Changed

-   Change screen overflow fallback placement behavior for `Popover` and `Tooltip`

#### Fixed

-   Fix focus issue when using `Modal`'s `elementRefToFocusOnClose` prop
-   Accessibility improvements for `Combobox`
-   Fix bug that prevented menu and selectmenu from reading out status to screenreader when no items are passed
-   Fix `InlineInput` issue that cleared window selection when the component lost focus
-   Fix searchable `Menu` and `SelectMenu` accessible roles

### Next (@qualtrics/ui-react/next)

#### Added

-   Released next/Menu, an improved version of our Menu component

---

## 2.9.0 - March 21, 2023

### Stable (@qualtrics/ui-react)

#### Added

-   Add focus ring to active option in `Menu`, `SelectMenu`, `Dropdown`, `QuickSearch`, and `Combobox`

#### Fixed

-   Fix `Popover` focus behavior when opened
-   Fix color on focus ring of disabled components

### Next (@qualtrics/ui-react/next)

#### Added

-   Add focus ring to active option in `Combobox`
-   Add `unsafe_rowProps` field into `AdvancedTable` `rows` prop

---

## 2.8.0 - March 16, 2023

### Stable (@qualtrics/ui-react)

#### Added

-   Vertically center items in `Dropdown` button label

#### Fixed

-   Fixed testing problem in Menu component

---

## 2.7.1 - March 01, 2023

### Stable (@qualtrics/ui-react)

#### Fixed

-   Fixed problem that was breaking custom styles in Menu

---

## 2.7.0 - February 21, 2023

### Stable (@qualtrics/ui-react)

#### Added

-   Adjusted FilterAnchor to fit into small containers

#### Changed

-   Updated `Switch` dimensions from `40px` x `20px` to `32px` x `16px` to match UX guidelines
-   Change `AccordionHeader` arrow icon to be top aligned
-   Changed default value of PortalTargetProvider target from `undefined` to `null`

#### Fixed

-   Fixed `InputGroup` addon color contrast accessibility
-   Minor accessibility improvements in Menu component

---

## 2.6.1 - January 31, 2023

### Stable (@qualtrics/ui-react)

#### Changed

-   Deduplicated missing translation key warnings to reduce noise

---

## 2.6.0 - January 12, 2023

### Stable (@qualtrics/ui-react)

#### Added

-   Added `BreakpointSwitch` component
-   Added `useBreakpoints` and `useResponsiveValue` hooks

#### Fixed

-   Fixed `InlineInput` being focused from clicks outside its container
-   Fixed child element alignment on `Dropdown` button
-   Fixed Accordion header to take full space

### Next (@qualtrics/ui-react/next)

#### Fixed

-   Move aria-expanded from row to expander button for better screen reader support in `AdvancedTable`

---

## 2.5.0 - December 08, 2022

### Stable (@qualtrics/ui-react)

#### Changed

-   Updated font of selected option in flyout components
-   Added pressed styles to `FilterAnchor`
-   Added `className` prop to `AccordionPanel`
-   The `title` prop on `ConfigPane` now accepts `ReactNode` typed values

#### Fixed

-   Prevent scroll for `Menu` based components on keyboard navigation between items
-   Fixed `Link` underlining
-   Fixed `multiSelect` accessibility in `Dropdown` and `SelectMenu` components

---

## 2.4.0 - November 23, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added the `isResponsive` prop to `Modal`

#### Changed

-   Updated config pane border to be lighter when fixed

#### Fixed

-   Fixed multiline input resizer

### Next (@qualtrics/ui-react/next)

#### Changed

-   The `label` attribute of `AdvancedTable`'s `rowActions` can now be customized by row

---

## 2.3.0 - November 9, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added custom resize handle for multiline text inputs
-   Added `hideOpenButton` and `hidePinButton` props to the `ConfigPane` component

#### Fixed

-   Fixed styling problem in `SidebarNav` that obscured the focus border of the first item
-   Fixed tooltip styling in `SidebarNav`
-   Fixed onAnimationEnd event on `Modal`

### Next (@qualtrics/ui-react/next)

#### Added

-   Added `headerMaxLines` prop to `AdvancedTable`

#### Changed

-   Moved `AdvancedTable`'s expand and collapse button out of the pinned container when there are no pinned columns

---

## 2.2.0 - November 2, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added data-testid as a property for `Dropdown`
-   Added 129 new icons and updated 13 icons

#### Fixed

-   Fixed switch slider styles to ensure consistent placement
-   Fixed button elements that were mistakenly created as submit buttons
-   Fixed selected Radio style

### Next (@qualtrics/ui-react/next)

#### Changed

-   Updated `AdvancedTable` text styles to break up long words when necessary

---

## 2.1.1 - October 19, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added support for aria-labelledby to `LoadingSpinner`

---

## 2.1.0 - October 13, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added additional aria attributes for `NumberStepper`s min and max values
-   Added `maxConditions` prop to `LogicEditor`

#### Changed

-   Decreased the top and bottom margin of the `Modal` using the XL `maxSize` and `unstable_isHeightExpandedToMaxSize` options from `40px` to `16px`

#### Fixed

-   Fixed bug in `Modal` that prevented the dialog from closing on escape press
-   Fixed caret and highlighting on `InlineInput` in safari browsers
-   Fixed bug that caused a missing icon when using `SearchInput` within `InputGroup`
-   Fixed `SidebarNav` prop typescript interface for compatibility with react-router
-   Fixed missing prop documentation in `Button`

### Next (@qualtrics/ui-react/next)

#### Changed

-   Added test ids to `AdvancedTable` pagination and column header menu controls

#### Fixed

-   Fixed styling in `AdvancedTable` cells to allow them to take up 100% of the space
-   Fixed missing prop documentation in `AdvancedTable`

#### Changed

-   [Breaking Change] Distribute remaining space evenly to all columns without hardcoded widths in `AdvancedTable`

---

## 2.0.0 - September 30, 2022

### Stable (@qualtrics/ui-react)

#### Changed

-   [Breaking change] Moved the following components (and their corresponding
    subcomponents and typescript types) from `@qualtrics/ui-react/next` to
    `@qualtrics/ui-react`:
    -   `Accordion`
    -   `ColorPicker`
    -   `ConfigPane`
    -   `FullScreenTakeOver`
    -   `NumberStepper`
    -   Page Layout Components (`MainContent`, `PageHeader`, `PageContainer`)
    -   `SidebarNav`
    -   `Tabs`
-   [Breaking change] Removed the `unstable_` prefix from `unstable_LogicEditor`
    (and its corresponding subcomponents and typescript types)
-   [Breaking change] Renamed prop `unstable_maxSize` to `maxSize` in `Modal`

#### Deprecated

-   [Breaking change] Deprecated/renamed the following components (and their
    corresponding subcomponents and typescript types):
    -   `unstable_Toolbar` renamed to `deprecated_Toolbar`
    -   `ColorPicker` renamed to `deprecated_ColorPicker`
    -   `Tabs` renamed to `deprecated_Tabs`
    -   `NumberStepper` renamed to `deprecated_NumberStepper`

#### Removed

-   [Breaking change] Removed support for IE11

### Next (@qualtrics/ui-react/next)

#### Changed

-   [Breaking change] Moved the following components (and their corresponding
    subcomponents and typescript types) from `@qualtrics/ui-react` to
    `@qualtrics/ui-react/next` and removed their `unstable_` prefixes:
    -   `unstable_AdvancedTable` renamed to `AdvancedTable`
    -   `unstable_CollapsibleSearchInput` renamed to `CollapsibleSearchInput`

---

## 1.104.2 - September 29, 2022

### Stable (@qualtrics/ui-react)

#### Fixed

-   Advanced Table resize line is now always the full height of the table.
-   Fixed LogicEditor condition link line color

---

## 1.104.1 - September 27, 2022

### Next (@qualtrics/ui-react/next)

#### Fixed

-   Fixed bug that caused misaligned columns in AdvancedTable

---

## 1.104.0 - September 20, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added default `aria-label` to `LoadingSpinner`

---

## 1.103.0 - September 14, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added functionality to hide the expand button for Toolbar and ConfigPane
-   Added `DonutChart` and `CrossAnalytics` icons
-   Added tooltips to truncated text in tab component

#### Fixed

-   Fixed AdvancedTable sorting on column header click
-   Fixed inaccessible hover behavior in Slider Tooltip
-   Fix styling on checkbox hover for selected row in AdvancedTable

### Next (@qualtrics/ui-react/next)

#### Added

-   Added tooltips to truncated text in tabs components

#### Fixed

-   Fixed ColorPicker issue that would sometimes round hex values passed as props

---

## 1.102.1 - September 6, 2022

### Stable (@qualtrics/ui-react)

#### Fixed

-   Updated the `Modal` backdrop overlay opacity to match designs

---

## 1.102.0 - September 1, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added screen reader announcement when there are no results for QuickSearch query

#### Changed

-   Updated styles of many components to meet contrast requirements of WCAG 2.1 AA

#### Fixed

-   Fixed bug that caused `Link` underline to blur on the ends

### Next (@qualtrics/ui-react/next)

#### Changed

-   Updated ColorPicker to meet WCAG 2.1 accessibility standards

#### Fixed

-   Fixed bug that would cause certain special characters to display incorrectly in text overflow tooltips

---

## 1.101.0 - August 24, 2022

### Stable (@qualtrics/ui-react)

#### Changed

-   Updated `Menu` styles to respond to RTL CSS

#### Fixed

-   Fixed bug that caused `AdvancedTable` pagination to exceed maximum page number when filtering rows
-   Fixed various sizing/layout bugs in `AdvancedTable`

### Next (@qualtrics/ui-react/next)

#### Added

-   Added disabled state to `ColorPicker` through `isDisabled` prop

#### Fixed

-   Fixed `ColorPicker` bug which caused rounding errors when typing a hex value

---

## 1.100.0 - August 16, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added `show` and `onShowChange` props to the Tooltip component
-   Added `dangerouslyDisableFocusLock` to Modal component

#### Fixed

-   Fixed sizing bug in dropdown search

---

## 1.99.1 - August 10, 2022

### Stable (@qualtrics/ui-react)

#### Fixed

-   Fixed bug that prevented combobox v1 from displaying correct label after a controlled value update
-   Fix disabled styles on Dropdown when a value is selected

---

## 1.99.0 - August 03, 2022

### Stable (@qualtrics/ui-react)

#### Fixed

-   Fixed `TableRow` missing border bug
-   Fix screenreader behavior for 'no results found' status messages in Dropdown, Select Menu, and Combobox
-   Fixed bug which prevented `Tooltip` from being hoverable
-   Fixed change that removed `disabled` DOM status from `DropdownButton`
-   Fix `SelectMenu` bug which causes the label to not update when using `MenuItem`s with icons
-   Respect consumer passed width on last column in `AdvancedTable`.
-   Fix disabled styles on `Dropdown` when a value is selected

### Next (@qualtrics/ui-react/next)

#### Added

-   Exported typescript interfaces for `Tabs` component props

---

## 1.98.1 - July 26, 2022

### Stable (@qualtrics/ui-react)

#### Fixed

-   Fix spacing issue in multi select SelectMenu when option text is long
-   Fix disabled text color in Dropdown

---

## 1.98.0 - July 20, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added the `PortalTargetProvider` component.

---

## 1.97.1 - July 12, 2022

### Stable (@qualtrics/ui-react)

#### Fixed

-   Fixed issue with Combobox not showing 'no matches found' with empty chilren

---

## 1.97.0 - July 5, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Support for expandable nested rows in AdvancedTable
-   Added `isFlyoutFullWidth` prop to `QuickSearch`

#### Changed

-   Updated styles for disabled `NumberStepper`

#### Fixed

-   Fixed issue with bundling enableKeyboardUser class
-   Fixed `SelectMenu` bug which would prevent `defaultLabel` from being shown when all options in a `multiselect` menu were deselected
-   Fixed multiselect `SelectMenu` bug which would cause an incorrect label value when a `Tooltip` is used inside a `MenuItem`

---

## 1.96.0 - June 28, 2022

### Stable (@qualtrics/ui-react)

#### Fixed

-   Fixed AdvancedTable pagination bug for async fetching of rows

### Next (@qualtrics/ui-react/next)

#### Added

-   [Breaking change] Added required `NavLink` prop to `SidebarNav` component

#### Fixed

-   Removed need to install `react-router-dom` when using next components

---

## 1.95.0 - June 22, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added search functionality to the `Dropdown` component.

### Next (@qualtrics/ui-react/next)

#### Added

-   Added isFullWidth prop to Tabs component

---

## 1.94.0 - June 21, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added TimePicker recommendation to `DatePicker` docs page

### Next (@qualtrics/ui-react/next)

#### Added

-   Added `isLoading` prop to `FilterAnchor` to support async filtering.

---

## 1.93.1 - June 16, 2022

### Stable (@qualtrics/ui-react)

#### Fixed

-   Fixed small typing error in AdvancedTable's `onPageChange` prop.

### Next (@qualtrics/ui-react/next)

#### Fixed

-   `AdvancedTable` IE11 support and dependency resolution

---

## 1.93.0 - June 07, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   AdvancedTable column header truncated text now features a tooltip on hover.
-   Added `flyoutClassName` prop to `Menu` and `SelectMenu`.

#### Fixed

-   AdvancedTable IE11 support.

---

### Next (@qualtrics/ui-react/next)

#### Changed

-   SplitButton's dropdown now uses `aria-disabled` instead of `disabled`.
-   Updated disabled `SplitButton` styles to match disabled `Button` styles.

#### Added

-   Updated `IconButton` to allow `"submit"` and `"reset"` `type` attributes.

---

## 1.92.0 - May 31, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added pagination to the `unstable_AdvancedTable` component.

#### Fixed

-   Fixed cleanup function for Portal used by flyout components

---

## 1.91.0 - May 24, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added row-actions column to `unstable_AdvancedTable`.

#### Fixed

-   Fixed `unstable_AdvancedTable` bug which caused `Popover`s to close in 2 clicks in React 17

### Next (@qualtrics/ui-react/next)

#### Added

-   Added the `FilterAnchor` component.

---

## 1.90.0 - May 17, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added the `inputProps` prop to the `Radio`, `Switch`, and `Checkbox`.
-   Added inputProps to all input based components for forwarding to native input element

#### Fixed

-   Increased tooltip backplate to fix persistence on hover functionality
-   Fixed `unstable_AdvancedTable` scrollbar bug caused by resize handle overflow
-   Fix default label behavior when label is a value of 0

---

## 1.89.0 - May 10, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added the `isArrowRemoved` prop to the `Popover`.

#### Fixed

-   Very long words no longer overflow the `Tooltip`'s container.

---

## 1.88.0 - May 03, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added new `Icon`s: `Diamond`, `HighVolume`, `NewCustomer`, `Risk`, `ClosePanelLeft`, `ClosePanelRight`, `OpenPanelLeft`, `OpenPanelRight`

#### Changed

-   Reverted fix for bug that caused `Popover` to sometimes close in 2 clicks due to regression of behavior in `Dropdown` components within `Popover`s

#### Fixed

-   If the `disabled` prop is set to `true` on the `Dropdown`, the `DropdownButton` will no longer execute internal `click` or `keydown` logic. This update now matches the `click` and `keydown` behavior if the `disabled` prop is set to `true` on the `DropdownButton`.

### Next (@qualtrics/ui-react/next)

#### Added

-   Added the `SplitButton` component.

---

## 1.87.0 - April 26, 2022

### Stable (@qualtrics/ui-react)

#### Fixed

-   Fixed bug in `unstable_AdvancedTable` that caused an error when switching between `columnConfigs` with different numbers of columns

### Next (@qualtrics/ui-react/next)

#### Fixed

-   The `ComboboxInput` now propagtes the `Escape` `keydown` event as expected to meet accessibility requirements.

---

## 1.86.0 - April 19, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added docs page for recommended external `DatePicker` component.
-   Added pinnable column support to the `unstable_AdvancedTable` component via the `disableUserPinnableColumns`, `initialPinnedColumns`, `pinnedColumns`, and `onPinnedColumnsChange` props.
-   Added reorderable column support to the `unstable_AdvancedTable` component via the `disableUserReorderableColumns`, `columnOrder`, and `onColumnOrderChange` props.
-   Added resizable column support to the `unstable_AdvancedTable` component via the `disableUserResizableColumns`, `columnWidths`, and `onColumnWidthsChange` props.
-   [unstable component breaking change] Added new required translations to the `unstable_AdvancedTable` component for pinnable and reorderable columns.

#### Fixed

-   Fixed bug which caused inactive `LoadingSpinner` to appear on the accessibility tree.
-   Fixed bug in `unstable_AdvancedTable` which caused events to trigger on new targets when focus was changed programatically during `onRowSelect`.
-   Fixed bug in `unstable_AdvancedTable` which caused certain nested flyout components to close in 2 clicks rather than 1 in React 17.
-   Fixed the TypeScript type for `InlineInput`'s `onChange` prop so that it more accurately reflects the underlying implementation.
-   Fixed an issue where clicking on an `unstable_AdvancedTable` checkbox would also trigger the row action (`onRowSelect`).

### Next (@qualtrics/ui-react/next)

#### Added

-   Added new `Combobox` component.

---

## 1.85.2 - April 12, 2022

### Stable (@qualtrics/ui-react)

#### Changed

-   Updated documentation to reflect existing prop `portalTarget` in public API of select components: `ComboboxList`, `DropdownList`, `Menu`, `Modal`, `Popover`, `QuickSearch`, `SelectMenu`, `Tooltip`.

#### Fixed

-   Fixed accessibility bug which prevented `QuickSearch` component from properly forwarding `aria-labelledby` attribute.
-   Fixed the TypeScript type for `Input`'s `onChange` prop, reverting change from 1.81.2.

### Next (@qualtrics/ui-react/next)

#### Fixed

-   The `Input` now respects the `width` set via CSS.

---

## 1.85.1 - April 6, 2022

### Next (@qualtrics/ui-react/next)

#### Changed

-   [Breaking Change] The `Input` component's `leftAddOn` and `rightAddOn` props now ignore pointer events. To override this and get pointer events on an add-on, set `pointer-events: auto` on the root-level element passed into `leftAddOn`/`rightAddOn`.

---

## 1.85.0 - April 5, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added `color` prop to `ColorPicker` component.
-   Added `xs` (extra-small) version of the `LoadingSpinner`.

---

## 1.84.0 - April 1, 2022

### Stable (@qualtrics/ui-react)

#### Fixed

-   The `Pagination` component no longer makes a screen reader announcement when it is first mounted.
-   Fixed types for fallback translations

### Next (@qualtrics/ui-react/next)

#### Added

-   Added the `FullScreenTakeover` component.
-   Added the `PhoneNumberInput` component.
-   Added a new, improved version of the `NumberStepper` component.

---

## 1.83.0 - March 25, 2022

### Stable (@qualtrics/ui-react)

-   Added temporary unstable prop to `<Modal>` to unblock a consumer team

---

## 1.82.0 - March 23, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added `data-testid` propagation to the `unstable_LogicEditor`.

### Next (@qualtrics/ui-react/next)

#### Added

-   Added prop `shouldShowPanelPreview` to `ConfigPane`

#### Changed

-   Updated `ConfigPane` with new hover styles and clickable regions

---

## 1.81.2 - March 15, 2022

### Stable (@qualtrics/ui-react)

#### Fixed

-   Fixed the TypeScript type for `Input`'s `onChange` prop.
-   Fixed the TypeScript types for `Combobox`'s `onChange`, `value` and `defaultValue` props.
-   The `Radio` component props `checked`, `defaultChecked` and `onChange` are now forwarded to the `input` rather than the `span`.

### Next (@qualtrics/ui-react/next)

#### Added

-   Added props `buttonRef` and `anchorRef` to `ColorPicker`

#### Changed

-   Adjusted alignment of text in `Accordion` component.

#### Fixed

-   Fixed issue which caused incorrect prioritization of `ColorPicker` styles

---

## 1.81.1 - March 1, 2022

### Stable (@qualtrics/ui-react)

#### Fixed

-   Fixed the TypeScript type for `PaginationPageInput`'s `onChange` prop.
-   Fixed the TypeScript type for `ToolbarTab`'s `icon` prop.
-   Fixed TypeScript v3 compatibility issue for `InputField`.
-   Fixed a bug that was causing `NumberStepper`'s invalid state styles to fail to appear.

#### Added

-   Added the new `Tabs` component

---

## 1.81.0 - February 23, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added the `columnConfigs[].isCellContentInteractive` prop to `unstable_AdvancedTable` to enable row selection when clicking on non-interactive custom-rendered cells.
-   When passing a `data-testid` to the `FormField`, the `data-testid` now also propagates to the helper text and error text elements.

#### Changed

-   The `Switch` `tabIndex` prop is now forwarded to the `input` element instead of the containing `span` element.
-   The `unstable_AdvancedTable` `data-testid` prop now propagates to rows and cells (with a suffix).
-   No error is thrown when using the `onClose` prop of the `Modal` without a `ModalHeader`.

#### Removed

-   With the completion of the TypeScript migration of `ui-react`, PropTypes are no longer included.

#### Fixed

-   Fixed the TypeScript type for `unstable_AdvancedTable`'s `columnConfigs[].renderCellContent.focusableElementRef` prop.
-   Fixed the TypeScript type for `Slider`'s `formatter` and `onChange` props.
-   Fixed the TypeScript type for `RangeSlider`'s `formatter`, `onChange`, and `values` props.
-   Fixed the TypeScript type for `QuickSearch`'s `onChange` prop.
-   If you don't use any components that have optional or required translations, fallback translations will no longer be bundled.
-   The `portalTarget` prop TypeScript type is now more accurate for `ComboboxList`, `DropdownList`, `Modal`, `Popover`, `QuickSearch`, and `Tooltip`.
-   Fixed the TypeScript type inheritance for native HTML `InputField` props.
-   The `onChange` prop TypeScript type is now more accurate for the `ColorPicker`'s `Alpha` and `Saturation` components.
-   Fixed the `onIsOpenChange` prop not getting called for `Menu`/`SelectMenu` submenus in some cases.

### Next (@qualtrics/ui-react/next)

#### Added

-   Added new `Input` component.

#### Changed

-   Updated `ConfigPane` component to be open and pinned by default and removed header stickiness on scroll.

---

## 1.80.0 - February 7, 2022

### Stable (@qualtrics/ui-react)

#### Changed

-   `Menu`/`SelectMenu` submenus are no longer closed on mouse leave. They continue to be closable by clicking away, mousing over other parent menu items, or by keyboard navigation.

#### Fixed

-   Fixed an issue with `Menu`/`SelectMenu` submenus closing on search input when scrolled near the bottom of the page.

---

## 1.79.0 - February 7, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added the following icon: `ReputationManagementIcon`.

#### Changed

-   Updated the following icon: `SurveyIcon`.

#### Fixed

-   Fixed a problem with ref TS typings

---

## 1.78.0 - February 2, 2022

### Stable (@qualtrics/ui-react)

#### Fixed

-   Style fixes for the `AdvancedTable` component.

---

## 1.77.0 - February 1, 2022

### Stable (@qualtrics/ui-react)

#### Fixed

-   Fixed the TypeScript type for `InlineInput`'s `onChange` prop.
-   Fixed the TypeScript type for `Popover`'s `onClickOutside` prop.
-   Fixed the TypeScript type for `ColorPicker`'s `onChange` prop.
-   Fixed an issue with nested `Menu`/`SelectMenu` submenus losing focus on search input change.
-   Fixed an accesibility issue with `Menu`/`SelectMenu` where the correct number of menu items was not being read by VoiceOver when using Chrome.

### Next (@qualtrics/ui-react/next)

#### Added

-   Added new `Accordion` component

---

## 1.76.0 - January 20, 2022

#### Added

-   Added internal component improvements. No client-facing changes.

---

## 1.75.0 - January 19, 2022

### Stable (@qualtrics/ui-react)

#### Changed

-   [unstable component breaking change] The `AdvancedTable` `sortOptions` API no longer makes an internal copy of the array returned by the given `sort` function. You may need to update code such as `rows.sort()` to `[...rows].sort()`.

#### Fixed

-   The `onIsOpenChange` prop now works for `Menu`/`SelectMenu` submenus.
-   Fixed TypeScript error displaying on `InputField`'s `onChange` prop
-   Fixed an issue with the `Menu`/`SelectMenu` `anchor` prop's type declaration.

---

## 1.74.0 - January 12, 2022

### Stable (@qualtrics/ui-react)

#### Added

-   Added `xl` option to `Modal`'s `unstable_maxSize` prop
-   Added light theme to `Tooltip` component

#### Changed

-   Added vertical scrolling support to `AdvancedTable`. Column headers are now fixed to the top of the table when scrolling.
-   When passing a `data-testid` to the `unstable_Toolbar`, the `data-testid` now propagates (with a suffix) to each `unstable_ToolbarTab` and each `unstable_ToolbarPanel`, as well as the `unstable_ToolbarTabs` expand/collapse button and the `unstable_ToolbarPanels` expand/collapse button.

#### Fixed

-   Fixed type declarations for `TableHeaderCell` and `TableRow` components

### Next (@qualtrics/ui-react/next)

#### Added

-   Added new `ConfigPane` component
-   Added new `SidebarNav` component
-   Added new page layout components: `PageContainer`, `PageHeader`, and `MainContent`

---

## 1.73.0 - December 6, 2021

### Stable (@qualtrics/ui-react)

#### Added

-   Added link-style theme via `kind="link"` to `Button` component.

#### Fixed

-   The `ToolbarTabs` expand/collapse button is now read by screen readers as a toggle button.
-   Screen reader users can no longer focus elements outside of a `Popover` while the `Popover` is open. This is the expected behavior of a modal dialog per W3.

---

## 1.72.1 - November 16, 2021

### Stable (@qualtrics/ui-react)

#### Fixed

-   The `Popover` no longer causes a page scroll when opened.

---

## 1.72.0 - November 15, 2021

### Stable (@qualtrics/ui-react)

#### Added

-   Added the following icons: `PaperClipIcon` and `SchemaEditorIcon`.

#### Changed

-   Updated the following icons: `SaveIcon`.
-   Focus rings have been updated to meet WCAG 2.1 color contrast guidelines.

#### Fixed

-   `Tooltip` no longer ignores `disabled` prop until unfocused if already hovered or focused.
-   Fixed an issue where flyout positioning would not update when the contents changed. Applies to `Combobox`, `Dropdown`, `Menu`, `Popover`, `QuickSearch`, `SelectMenu`, and `Tooltip`.
-   The `value` text of a disabled `Input` is now the correct color in Safari.

---

## 1.71.0 - November 2, 2021

### Stable (@qualtrics/ui-react)

#### Added

-   Added the following props to `Menu` and `SelectMenu`: `isSearchFilteringDisabled`, `searchValue`, and `onSearchValueChange`.
-   Added the following icons: `DistributionSummaryIcon`, `OnlinePanelIcon`, and `ThirdPartyQuestionIcon`.
-   Added `isReadOnly` to `FormField` with support for `InputField`.
-   Added the following prop to `Modal`: `unstable_isHeightExpandedToMaxSize`.

#### Changed

-   When using `Modal`'s `unstable_maxSize` prop, the minimum required space between the `Modal` and the top and bottom of the viewport is consistent across sizes `small`, `medium`, and `large`.

#### Fixed

-   Searchable `Menu` / `SelectMenu` submenus no longer lose focus when using the `ArrowLeft` key to move the cursor.
-   The `InlineInput` edit state can now be re-enabled with a mouse after toggling it with `Escape` / `Enter`.

---

## 1.70.0 - October 14, 2021

### Stable (@qualtrics/ui-react)

#### Added

-   Added the `data-testid` prop to the `AdvancedTable` component.

#### Changed

-   The `id` prop on `Dropdown` now assigns the `id` with suffixes to `DropdownButton` and `DropdownList` if no `id` is provided to those sub-components.

#### Fixed

-   The `Link` component's `target` prop now accepts `_parent` and `_top` as values.
-   The `NumberStepper` now reads out the new input value when the `NumberStepperIncrement` or `NumberStepperDecrement` button is pressed.
-   `Modal` and `Popover` will no longer close when the Escape key is pressed if a component inside of them handles it (`CollapsibleSearchInput`, `ColorPicker` (next version), `ComboBox`, `DropDown`, `InlineInput`, `Menu`, `Modal`, `Popover`, `QuickSearch`, `SearchInput`, `SelectMenu`, and `Tooltip`)

---

## 1.69.1 - October 5, 2021

### Stable (@qualtrics/ui-react)

#### Fixed

-   Fixed a typo in the `logicEditor.conditionActions` translation key.

---

## 1.69.0 - October 1, 2021

### Stable (@qualtrics/ui-react)

#### Added

-   [unstable component breaking change] Added a required translation to the `LogicEditor` for screen reader accessibility.
-   Added a `firstFocusableElementRef` prop to the `LogicEditor` component.

#### Changed

-   The `LogicEditor` component is now screen reader accessible. Be sure to provide an accessible label and follow the acessibility best practices for components used in the `conditionTemplate` passed to `LogicEditor`.
-   The `Input` placeholder color now meets WCAG 2.0 AA standards.
-   The `QuickSearch` component is now screen reader accessible. Be sure to add a translation for the `loading` key to your `UIProvider`, as well as provide an accessible label via `aria-label` or `aria-labelledby`.

#### Deprecated

-   The `QuickSearch` component is now deprecated. `Combobox` should be used for most use cases.

#### Fixed

-   `ColorPicker`, `Combobox`, `Dropdown`, `Menu`, `Popover`, `QuickSearch`, `SelectMenu`, `Slider`, and `Tooltip` flyouts no longer have shrunken widths.
-   Fixed a case where searchable `Menu` / `SelectMenu` submenus would unexpectedly lose focus when typing.

### Next (@qualtrics/ui-react/next)

#### Added

-   Added new `ColorPicker` component.

---

## 1.68.0 - September 28, 2021

### Added

-   [unstable component breaking change] Added required translations to `AdvancedTable` for screen reader accessibility.
-   Added the following props to the `AdvancedTable` component: `id`, `aria-labelledby`, `aria-label`, and `aria-describedby`.

### Changed

-   The `AdvancedTable` component is now screen reader accessible. Be sure to add an accessible label to all `AdvancedTable` components.
-   The `SelectMenu` component is now screen reader accessible. Be sure to use the `aria-labelledby` or `aria-label` props as needed.
-   The `Slider` is now keyboard and screen reader accessible. Be sure to add an accessible label to all `Slider`s using `aria-label` or `aria-labelledby`.
-   The `RangeSlider` is now keyboard and screen reader accessible. Be sure to add accessible labels to all `RangeSlider`s using `minAriaLabel` and `maxAriaLabel` or `minAriaLabelledby` and `maxAriaLabelledby`.
-   When using `FormField`, the input or control component points to the element(s) rendered by the `helperText` and `errorText` props via `aria-describedby`. The following QDS components are currently supported by `FormField`: `Checkbox`, `Combobox`, `Dropdown`, `FilePicker`, `Input`, `NumberStepper`, `Radio`, `SelectMenu`, and `Switch`.
-   The `Combobox` component is now keyboard and screen reader accessible. Be sure to add an accessible label to all `Combobox` and `ComboboxList` components. Also, be sure to wrap `ComboboxOption`s associated with a common `ComboboxHeader` inside of that same `ComboboxHeader`.
-   [unstable prop breaking change] If you are using the `Combobox`'s `unstable_isLoading` prop, be sure to add a translation for the `loading` key to your `UIProvider`.

### Fixed

-   The following `Slider` props are now forwarded to the slider button instead of the containing `div` element: `aria-label`, `aria-labelledby`, and `aria-describedby`.
-   The `Dropdown`'s `aria-describedby` prop is now forwarded to the `DropdownButton` component instead of the containing `div` element.

---

## 1.67.0 - September 13, 2021

### Added

-   Added the following props to the `CollapsibleSearchInput` component: `searchInputAriaLabelledBy` and `searchInputAriaDescribedBy`.

### Changed

-   The `CollapsibleSearchInput` component is now screen reader accessible. Be sure to add a translation for the `clearSearchInput` key. Also, be sure to add an accessible label to all `CollapsibleSearchInput` components via the `searchInputAriaLabel` or `searchInputAriaLabelledBy` prop.
-   The `LoadingSpinner` component is now screen reader accessible.
-   The `Menu` component is now screen reader accessible.
-   `FilePicker` is now keyboard and screen reader accessible.

### Fixed

-   Added a missing Object.assign polyfill for popper.js to resolve potential errors in IE11 for `ColorPicker`, `Combobox`, `Dropdown`, `Menu`, `Popover`, `QuickSearch`, `SelectMenu`, `Slider`, and `Tooltip`.
-   Fixed a keyboard navigation issue with the `CollapsibleSearchInput` that was introduced in version `1.64.0`.
-   [unstable component breaking change] The height of the `CollapsibleSearchInput` is now `36px` instead of `38px`. When the `CollapsibleSearchInput` is collapsed, the icon button also now has a width of `36px` instead of `38px`. This sizing matches the `IconButton` and `SearchInput` components.
-   `onBlur` and `onFocus` now work correctly when used with a child of the `DropdownButton` component.

---

## 1.66.0 - August 27, 2021

### Added

-   Added the `isTooltipADescription` prop to the `IconButton`. If this prop is set to `true` and the `tooltipContent` prop is used, the value of `tooltipContent` will be read by the screen reader as a description.
-   Added the `role=group` prop to the `ButtonGroup` for accessibility.

### Changed

-   The `IconButton` is now keyboard and screen reader accessible. Be sure to add an accessible label to all `IconButton`s using `aria-label` or `aria-labelledby`.
-   `aria-label` is no longer required for `IconButton` because `aria-labelledby` is also a valid accessible label. Be sure to use one or the other.
-   The `Tooltip`'s `aria-hidden` prop accepts a `boolean` as well as a `string`.
-   The `InlineInput` component now allows custom `tabIndex`, `onFocus`, and `onKeyDown` props.
-   The color of the label for `CheckboxField`, `SwitchField`, and `RadioOption` has slightly changed.
-   The `Dropdown` component is now screen reader accessible. Be sure to use the `aria-labelledby` or `aria-label` props as needed.
-   The `DropdownHeader` component now accepts children, and should wrap any related `DropdownOption`s for accessiblity.

### Fixed

-   `aria-hidden` is passed to the containing `Tooltip` `div` element like it was before version 1.63.0.
-   `aria-describedby` is no longer removed from the `Tooltip`'s anchor element if `aria-hidden` is also passed to the `Tooltip`.
-   Fixed a couple keyboard scroll behaviors with the `Dropdown` component.

---

## 1.65.0 - August 24, 2021

### Added

-   Added the `isContainerInTabOrder` prop to `ToolbarPanel`.
-   Added the following icons: `PinToIcon` and `PrivateDataIcon`.

### Changed

-   The `InlineInput` component is now screen reader accessible.
-   The `InlineInput` component is no longer loses focus when Escape or Enter are pressed and instead toggles the edit state.
-   The `Toolbar` is now keyboard and screen reader accessible. Be sure to add an accessible label to `ToolbarTabs`. Also, be sure to set `isContainerInTabOrder` to `true` on any `ToolbarPanel` components that don't contain any tabbable elements.
-   The `Toolbar` `id` prop is now optional. If no `id` is passed, a randomly-generated `id` will be used instead.
-   [unstable component breaking change] The `ToolbarPanel` component now has a `min-width` and `min-height` of `100%`.
-   [unstable component breaking change] The `ToolbarPanel` component's CSS `display` property now uses `!important` when the panel's corresponding `ToolbarTab` is not selected.
-   Updated the following icons: `PinIcon` and `UnpinIcon`.

### Fixed

-   The `InlineInput` component now strips formatting from pasted text and ensures that `onChange` gets called.
-   Fixed `DropdownButton` not showing the selected style when selected label is equal to the `defaultLabel`.
-   Fixed an issue causing the page to scroll when opening a `Menu`.
-   The following `ToolbarTabs` props are now forwarded to the element with `role` `tablist` instead of the containing `div` element: `aria-label`, `aria-labelledby`, and `aria-describedby`.
-   Fixed keyboard navigation when using certain components inside of a `Modal` or `Popover` with React 17.

---

## 1.64.0 - August 16, 2021

### Added

-   Added the `isArrowRemoved` prop to the `Tooltip`.
-   Added the following props to `Modal`: `elementRefToFocusOnOpen` and `elementRefToFocusOnClose`.

### Changed

-   The `SearchInput` is now keyboard and screen reader accessible. Be sure to add a translation for the `clearSearchInput` key and add an accessible label to all `SearchInput` components.
-   The `Input` component's invalid state is now accessible via the `aria-invalid` attribute.
-   The `Tab` component's keyboard accessibility now aligns with WAI-ARIA standards.

### Fixed

-   Fixed overflow behavior where `unstable_AdvancedTable` always showed scrollbars.

---

## 1.63.0 - July 21, 2021

### Added

-   Added a `disabled` prop to the `DropdownOption` component.
-   Can use the `Home` and `End` keys to set the value of a `NumberStepper` to its `min` or `max` value respectively.
-   Added `inputId` prop to `NumberStepper`.
-   Added the following icons: `IndentMoreIcon`, `InlineQuestionIcon`, `ParagraphIcon`, `PinIcon`, `QuestionBlockIcon`, `SpecialCharactersIcon`, `TextColorLetterIcon`, `TextColorSwatchIcon`, and `UnpinIcon`.

### Changed

-   The `Tooltip` is now screen reader accessible.
-   The `Tooltip` content can now be hovered, highlighted, and selected.
-   The `Tooltip` no longer closes `onBlur` when the mouse is hovering over the anchor or flyout.
-   The controls icon button used in `LogicEditor` is now a horizontal ellipsis instead of a vertical ellipsis.
-   The `NumberStepper` is now screen reader accessible.
-   Updated the following icons: `TextBoldIcon`, `TextColorIcon`, `TextItalicIcon`, `TextStrikeThroughIcon`, and `TextUnderlineIcon`.

### Fixed

-   The `aria-controls` attribute on the anchor element for the `Popover` is no longer added when the `Popover` is closed (i.e. `show` = `false`).
-   The following `NumberStepper` props are now forwarded to the `NumberStepperInput` component instead of the containing `span` element: `aria-label`, `aria-labelledby`, and `aria-describedby`.

---

## 1.62.1 - July 1, 2021

### Fixed

-   Fixed an issue with the `unstable_AdvancedTable` type declarations.

---

## 1.62.0 - June 30, 2021

### Added

-   Added the following icons: `BenchmarkGraphIcon` and `SocialResponseIcon`.
-   Added the `columnConfigs.renderCellContent` prop to the `unstable_AdvancedTable` component.

### Changed

-   Updated the following icons: `SortAlphabeticAscendingIcon`, `SortAlphabeticDescendingIcon`, `SortNumberAscendingIcon`, and `SortNumberDescendingIcon`.
-   The `Pagination` component is now screen reader accessible. Make sure to add an accessible label to `Pagination` or `PaginationPageInput`.
-   The `Switch` component now reads out `on` and `off` instead of `checked` and `unchecked` when using a screen reader.
-   React 17 is now supported.
-   Updated the default maxHeight for `Menu`, `SelectMenu`, `Dropdown`, and `Combobox` flyouts so they auto-shrink to fit in the viewport.

### Fixed

-   Fixed the `Checkbox` focus ring in Safari.
-   When writing a test for the `Modal` not wrapped in a `UIProvider`, the test will no longer throw an error if the `onClose` prop is not used.
-   The following `Pagination` props are now forwarded to the `PaginationPageInput` component instead of the containing `div` element: `aria-label`, `aria-labelledby`, and `aria-describedby`.
-   The `Popover` is now keyboard and screen reader accessible. Be sure to add the `onClose` prop, as well as the `aria-label` or `aria-labelledby` prop, to your `Popover` components to meet accessibility standards.

---

## 1.61.0 - June 14, 2021

### Added

-   Added the `onRowsChange`, `onSelectedSortOptionChange`, `defaultSelectedSortOption`, `selectedSortOption`, and `columnConfigs.sortOptions` props to the `unstable_AdvancedTable` component.

### Fixed

-   The following `Checkbox` props are now forwarded to the `input` element instead of the containing `span` element: `aria-label`, `aria-labelledby`, and `aria-describedby`.
-   The following `CheckboxField` props are now forwarded to the `Checkbox` component instead of the `Label` component: `aria-describedby`.
-   When the `Combobox` `unstable_freeForm` prop is set to `true` and either the `ComboboxInput` `value` no longer matches any `ComboboxOption` `label`, or `unstable_autoSelect` is set to `false` and the `ComboboxInput` `value` no longer matches the currently selected `ComboboxOption` `label`, the `Combobox` `value` will be set to `null` on `ComboboxInput` blur.

### Changed

-   The `Pagination` component now looks for translations for the `nextPage` and `previousPage` keys. While these translations are technically optional for backwards compatibility, both translations should be added to the `UIProvider` to meet accessibility requirements.

---

## 1.60.0 - May 26, 2021

### Added

-   Added the `isCollapsible` prop to `ToolbarPanels`.
-   Added the following icon: `LibraryLinkIcon`.
-   Added `isOpen` and `onIsOpenChange` props to the `Menu` and `SelectMenu`.

### Changed

-   Updated the following icons: `HyperlinkIcon` and `UnlinkIcon`.
-   Updated placeholder text color on `DropdownButton` and `SelectMenu` to `#515559` and the focus background color on `DropdownButton` to `#F5F5F5` to meet WCAG AA color contrast standards.

### Fixed

-   The following `Switch` props are now forwarded to the `input` element instead of the containing `span` element: `aria-label`, `aria-labelledby`, and `aria-describedby`.
-   The following `SwitchField` props are now forwarded to the `Switch` component instead of the `Label` component: `aria-describedby`.
-   The following `Radio` props are now forwarded to the `input` element instead of the containing `span` element: `aria-label`, `aria-labelledby`, and `aria-describedby`.
-   The following `RadioOption` props are now forwarded to the `Radio` component instead of the `Label` component: `aria-describedby`.

---

## 1.59.0 - May 19, 2021

### Added

-   Added `aria-hidden="true"` to all decorative icons so that screen readers will not attempt to read out the icon. This change was made to `Checkbox`, `CollapsibleSearchInput`, `ColorPicker`, `Combobox`, `Dropdown`, `FormField`, `LogicEditor`, `Menu`, `NumberStepper`, `Pagination`, `SearchInput`, `SelectMenu`, and `Toolbar`.

### Fixed

-   When using a `Modal` with the `onClose` prop, the close icon button is now placed in the correct screen reader order.
-   The `Dropdown` component now allows keyboard navigation through `DropdownList` after being opened with a click in all browsers.
-   The `DropdownList` component now closes when focus is moved away from `Dropdown` component via keyboard navigation while no `DropdownOption` is highlighted.

---

## 1.58.0 - May 10, 2021

### Added

-   Added the `onCheckedRowIdsChange` and `checkedRowIds` props to the `unstable_AdvancedTable` component.
-   Added the following icons: `MicrophoneIcon`, `MicrophoneMuteIcon`, `RemoveLinkIcon`, `UnlinkIcon`, `VolumeIcon`, `VolumeMuteIcon`, and `WebhookIcon`.

### Changed

-   Updated the following icons: `BellIcon`, `CalendarIcon`, `FeedbackIcon`, `FilterIcon`, `PencilIcon`, `SettingsIcon`, `TableIcon`, and `ToolsIcon`.

### Fixed

-   `ToolbarTab` label text now truncates with an ellipsis when the text is longer than the `max-width` of the tab.

---

## 1.57.0 - April 30, 2021

### Added

-   Added the following icons: `AgentPerformanceIcon`, `ClassIcon`, `CoachingPrioritiesIcon`, `DragAndDropIcon`, `RedoIcon`, `SelectColumnIcon`, `SharedFolderIcon`, `StudentIcon`, `TableAppendIcon`, `TeacherIcon`, and `UnionIcon`.

### Changed

-   The `ColorPicker`, `Combobox`, `Dropdown`, `Menu`, `Popover`, `QuickSearch`, `SelectMenu`, `Slider`, and `Tooltip` components no longer sit right up against the edge of the parent scroll container when the content of the element is too large to fit within the specified `placement`.
-   If the anchor component for a `ColorPicker`, `Combobox`, `Dropdown`, `Menu`, `Popover`, `QuickSearch`, `SelectMenu`, `Slider`, or `Tooltip` is not visible in its scroll container, the tooltip/popover/flyout will become hidden. Once the anchor component is visible in its scroll container the tooltip/popover/flyout will also become visible.
-   Updated the following icons: `UndoIcon` and `SchemaDataIcon`.

---

## 1.56.1 - April 26, 2021

### Fixed

-   The `ColorPicker`, `Combobox`, `Dropdown`, `Menu`, `Popover`, `QuickSearch`, `SelectMenu`, `Slider`, and `Tooltip` are no longer causing blurriness issues when a user is zoomed in/out of the webpage.

---

## 1.56.0 - April 22, 2021

### Fixed

-   Fixed an error when using the `CollapsibleSearchInput`, `ColorPicker` `Combobox`, `Dropdown`, `IconButton`, `LogicEditor`, `Menu`, `Popover`, `QuickSearch`, `SelectMenu`, `Slider`, `Toolbar`, and `Tooltip` after upgrading to `ui-react@1.55.0`.

---

## 1.55.0 - April 16, 2021

### Added

-   Added the `onRowSelect` and `selectedRowId` props to the `unstable_AdvancedTable` component.

### Fixed

-   Fixed a variety of positioning issues with `ColorPicker`, `Combobox`, `Dropdown`, `Menu`, `Popover`, `QuickSearch`, `SelectMenu`, `Slider`, and `Tooltip` by upgrading to Popper.js v2.

---

## 1.54.0 - April 5, 2021

### Added

-   Added the `unstable_AdvancedTable` component.

---

## 1.53.1 - March 22, 2021

### Fixed

-   Added the `type="button"` attribute to the `ToolbarTab` when the `isCollapsible` prop is set to `false`. Now, all variations of the `ToolbarTab` have the `type="button"` attribute.
-   Added the `type="button"` attribute to the `ToolbarPanels` expand/collapse button.

---

## 1.53.0 - March 17, 2021

### Added

-   Added the following icons: `ActiveIcon`, `BooksIcon`, `CloudyIcon`, `DraftIcon`, `EmojiColorSadIcon`, `InactiveIcon`, `JoinInnerIcon`, `JoinLeftOuterIcon`, `JoinOuterIcon`, `JoinRightOuterIcon`, `MarkerIcon`, `PartlyCloudyIcon`, `PauseCircleIcon`, `PauseIcon`, `RainyIcon`, `StormyIcon`, and `SunnyIcon`.

### Changed

-   Updated the following icons: `BarChartIcon`, `EmojiColorAngryIcon`, `EmojiColorHappiestIcon`, `EmojiColorHappyIcon`, `EmojiColorNotGreatIcon`, `EmojiColorOKIcon`, `EmojiColorPrettyGoodIcon`, `EmojiColorUnhappyIcon`, `Employee360Icon`, `EmployeeLifecycleIcon`, `GaugeChartIcon`, `SentenceCaseIcon`, `SmallCapsIcon`.

---

## 1.52.0 - March 8, 2021

### Added

-   Added the `aria-label` prop to the `SearchInput`.
-   Added the `unstable_CollapsibleSearchInput` component.

### Changed

-   The `ToolbarPanels` expand/collapse button now has a `z-index` of `10`.

---

## 1.51.0 - February 26, 2021

### Added

-   The following props have been added to the `unstable_ToolbarTabs` component: `isCollapsible`, `defaultIsCollapsed`, `isCollapsed`, and `onIsCollapsedChange`.
-   The following props have been added to the `unstable_ToolbarPanels` component: `defaultIsCollapsed`, `isCollapsed`, and `onIsCollapsedChange`.

### Changed

-   The following props have been renamed for the `unstable_Toolbar` component: `defaultIndex` is now `defaultSelectedIndex`; `index` is now `selectedIndex`; `onChange` is now `onSelectedIndexChange`.
-   `unstable_ToolbarIcons` has been renamed to `unstable_ToolbarTabs`.
-   `unstable_ToolbarIcon` has been renamed to `unstable_ToolbarTab`.
-   The arrow keys no longer auto-select a different `unstable_ToolbarTab`. Instead, the arrow keys just focus a different `unstable_ToolbarTab`. To select the focused `unstable_ToolbarTab` using the keyboard, the `Enter` or `Space` key must be pressed.
-   The `unstable_ToolbarTab` now has a required prop `label`. This prop should be used in place of the old `tooltip` prop. The `label` prop is used to provide a tooltip and an `aria-label`.
-   There is no longer a need to pass an `aria-label` to the `unstable_ToolbarTab` because the required `label` prop is used as the `aria-label`.
-   The `icon` prop for the `unstable_ToolbarTab` is now optional.

---

## 1.50.0 - February 22, 2021

### Changed

-   `Tooltip`s now only appear `onFocus` for keyboard users.
-   `Tooltip`s no longer disappear `onMouseLeave` for keyboard users.
-   `unstable_ToolbarPanels` now has a fixed expanded width of `292px`.

### Fixed

-   Fixed a typo in the `IconButton` TypeScript file that might have been giving TypeScript users an error.
-   Fixed an issue with the `Modal` close button not having an `aria-label`, which caused prop-types and TypeScript warnings/errors.
-   The `ColorPicker`'s hex input color swatch now appears in Firefox for Mac.

---

## 1.49.0 - February 3, 2021

### Added

-   Added `unstable_isOptionSelectedOnKeyboardHighlight` prop to the `Combobox`.
-   Added `isDisabled` prop to `<unstable_Stepper>`

### Changed

-   Renamed `<unstable_Stepper>` to `<NumberStepper>`
-   Updated `<unstable_Stepper>` accessibility behaviors
-   Updated `<unstable_Stepper>` styles

---

## 1.48.0 - December 17, 2020

### Added

-   Added `<IconButton>` (previously `unstable_IconButton`).
-   Added `<SearchInput>` (previously `unstable_SeachInput`).
-   Added `ref` prop to `<SearchInput>`.
-   Added `tooltipContent` and `tooltipPlacement` props to `<IconButton>`.

### Changed

-   Changed breakpoint values for the `<Modal>` component when the `unstable_maxSize` prop is used. The prop `value` of `small` now has a `min-width` of `480px`.
-   Changed `<IconButton>` to have `aria-disabled` attribute when `disabled` prop is used.

### Removed

-   Removed `unstable_IconButton` (use `<IconButton>` instead).
-   Removed `unstable_SeachInput` (use `<SearchInput>` instead).

### Fixed

-   Fixed the TypeScript types for the `onSearch` and `onSelect` props of `<QuickSearch>`.

---

## 1.47.0 - December 1, 2020

### Fixed

-   Fixed styling when a `TableBody` is used without a `TableHeader`.
-   Fixed TypeScript types for `onChange` prop of `<RadioGroup>` component

---

## 1.46.0 - November 19, 2020

### Changed

-   Modified the stylings for the Table component to match the UX mocks for the future QDS Table component (no functionality change).

---

## 1.45.0 - November 5, 2020

### Added

-   Added `onFocus` and `onBlur` props to the `unstable_SearchInput` component.
-   Added icons: `Catalog`, `EventTrigger`, `ExampleProject`, `Move`, and `Scheduled`.

### Changed

-   If the user types into the `ComboboxInput`, the `ComboboxOption` highlight band will be removed. This prevents the `ComboboxInput` `value` from being overwritten when the user presses `Enter`.
-   Updated icon: `Integration`.

### Fixed

-   Updated the `defaultValue` and `value` prop types for the `unstable_SearchInput` component in the docs. Both props now only accept a string.
-   Fixed the TypeScript function signature for the `unstable_SearchInput` `onChange` prop. The `onChange` prop passes the new value.
-   Removed the clear button from the tab order in `unstable_SearchInput`.
-   Reverted a change that caused nested components to render their portals behind the parent component.

---

## 1.44.0 - October 20, 2020

### Fixed

-   Fixed PopperJS event handler performance issue

---

## 1.43.0 - October 19, 2020

### Added

-   Added icon: `LightBulb`.

### Changed

-   Updated the `Menu` and `SelectMenu` components with Northstar styling.

### Removed

-   Removed the `Input` clear button in IE11 that appears when a text-like `input` element (e.g. `<input type="text" />`) is focused and has a value.

---

## 1.42.0 - October 7, 2020

### Added

-   The `IconButton` now has a centered border instead of an inner border.

### Changed

-   Changed the `ToolbarIcon` tooltip delay to 300ms.

### Fixed

-   Fixed an `InlineInput` bug where `onChange` was never being called in IE 11.
-   Fixed a `Tooltip` bug where the `Tooptip` did not disappear after the delay.
-   Fixed a `Tooltip` bug where the delay was not cleared when the component was unmounted.

---

## 1.41.0 - September 29, 2020

### Added

-   Added `<FingerprintIcon>`

### Changed

-   The following changes are for the `unstable_SearchInput`. The `className` prop and `style` prop will be provided to the containing `span` element instead of the `Input` component. The component will now only accept props explicitly listed in the SearchInput docs page, and the component no longer accepts a `ref`. The `onChange` prop now passes the input value instead of a DOM event.

### Fixed

-   Fixed issue where `setState` being called with an _unchanged_ value would trigger `onChange` handlers to be executed. This affected the following components: `<Combobox>`, `<Dropdown>`, `<FilePicker>`, `<Menu>`, `<SelectMenu>`, `<RangeSlider>`, `<Slider>`, `<Stepper>`, and `<Toolbar>`

---

## 1.40.1 - September 22, 2020

### Fixed

-   Fixed SSR bug with `<UIProvider>` component
-   Fixed `Modal` re-focusing on every render. This bug was causing `Input` components to be blurred (un-focused) after each character was entered, and this is now fixed.
-   `<IconButton>` icon now correctly centers in IE11.
-   `<Tooltip>` and `<Popover>` arrows now correctly remain connected to the body.
-   Fixed a bug with `<Slider>` that caused it to close open `<Popover>` components.
-   `<Combobox>` with dividers now correctly displays the "no matches found" if search results are empty.

---

## 1.40.0 - September 10, 2020

### Added

-   Added the `onClose` prop to the `<Modal>`
-   Added the `<unstable_SearchInput>` component.
-   Added icons: `EXCOVIDReturnToWork`, `EXCOVIDSolution`, `Accessibility`, `AccountsTable`, `BusinessImpact`, `CarryForwardChoices`, `CodeBrackets`, `Comments`, `DefaultChoice`, `DisplayLogic`, `EmployeeAdHoc`, `Exclude`, `ExclusiveAnswer`, `FormField`, `ImportedData`, `IncompleteTranslations`, `LoopAndMerge`, `NotInFlow`, `PasswordLock`, `PipedText`, `RecodedValues`, `ReferenceBlock`, `ReusableChoices`, `SchemaData`, `Shuffle`, `Skip`, `StrategicAccounts`, `SurveyIQ`, `ThreeSixtyProject`, `Validation`, `VariableNaming`, and `VocalizeDashboard`.

### Changed

-   Renamed the `unstable_maxNestedSets` prop to `maxNestedSets` in `<LogicEditor>`. Since `<LogicEditor>` is an unstable component, there is no need for the `maxNestedSets` prop to be prefixed with `unstable_`.

### Fixed

-   The `<Modal>` now gets focus when it is opened.

---

## 1.39.1 - August 28, 2020

### Fixed

-   Fixed the CHANGELOG. This has no effect on consumers.

---

## 1.39.0 - August 28, 2020

### Added

-   Added the `unstable_maxNestedSets` prop to the `<LogicEditor>`.
-   Added `isMultiSelect` prop to `<SelectMenu>`

### Fixed

-   `<Tooltip>` and `<Popover>` arrows now correctly remain connected to the body.
-   Fixed centering of icon for `<IconButton>`.

---

## 1.38.0 - August 14, 2020

### Added

-   Added icons: `BookmarkFillIcon`, `BookmarkIcon`, `ContactListIcon`, `DatabaseIcon`, `EyeDropperIcon`, `FlagIcon`, `PagesIcon`, `PublishIcon`, `RolesIcon`, `SaveIcon`, `SegmentIcon`, `UniqueLinkIcon`, `WhatsAppIcon`, `WidgetsIcon`

### Changed

-   Updated icon: `SMSIcon`

---

## 1.37.0 - Aug 11, 2020

### Added

-   `<Tooltip>` now responds to focus events, and can be dismissed with the 'escape' key.
-   Added top-level `portalTarget` prop to `<UIProvider>` component

### Fixed

-   Fixed `<Dropdown>` component to work properly with screen readers

---

## 1.36.0 - Aug 5, 2020

### Changed

-   The search bar of `<Menu>` is now fixed at the top of the pane.

### Fixed

-   Disabled buttons can no longer dismiss modal.
-   The search results within `<Menu>` now highlight correctly.
-   `<Modal>` is no longer clipped on the top and left when it overflows the viewport.

---

## 1.35.0 - July 31, 2020

### Added

-   Conditional Rendering of the `<Tab>` Component inside of `<Tabs>` is Allowed

### Fixed

-   Made `<Modal>` `unstable_maxSize` prop optional in TS File to match the JS `PropTypes`
-   Fix issue with `<Menu>`/`<SelectMenu>` that would cause page to scroll to top

---

## 1.34.0 - July 28, 2020

### Added

-   Added `unstable_maxSize` prop to the `<Modal>` component

### Changed

-   `ToolbarIcon` now requires an `icon` prop with an icon from `@qulatrics/ui-react/icons`. This replaces the `type` prop that required an value from `IconTypes`.
-   Accessibility updates for `disabled` state of the `<Buttton>` component
-   Updated `<Modal>` styles

### Fixed

-   Fixed a bug that was preventing the search bar of `Menu` to fill the entire pane.
-   `Icon`s no longer shrink inside of a flex container
-   Fixed `Array.prototype.find()` polyfill issue with `<Modal>` component in IE11

---

## 1.33.0 - July 17, 2020

### Added

-   Added controllable `value` prop to `<Stepper>` component

### Fixed

-   Fixed `<SelectMenu>` typescript types for `onChange` and `defaultValue` props
-   Fixed polyfill issue with `<Dropdown>` component in IE11

---

## 1.32.0 - July 10, 2020

### Added

-   Added the 'unstable_IconButton' component.

### Changed

-   Added `<PaginationNextButton>`, `<PaginationPreviousButton>`, and `<PaginationPageInput>` subcomponents to `<Pagination>` for optional composability.

---

## 1.31.1 - June 30, 2020

### Fixed

-   Fixed an issue with the labels for `<CheckboxField>`. Labels now align properly.
-   Fixed an issue with an SVGElement polyfill that broke Server Side Rendering.

---

## 1.31.0 - June 25, 2020

### Added

-   Added the `Home` icon.

### Changed

-   When a `<Modal>` opens, the first focusable element will no longer automatically receive focus.
-   `<ComboboxIcon>` is now visually disabled when `<Combobox>` is disabled.
-   Changed the `<Link>` component to accept any type of child.

---

## 1.30.1 - June 23, 2020

### Fixed

-   Fixed issue with new icons (from `@qualtrics/ui-react/icons`) breaking in jest

---

## 1.30.0 - June 22, 2020

### Added

-   Added new top-level import path to use tree-shakable icon components (e.g. `import { AccountIcon } from '@qualtrics/ui-react/icons';`)
-   Added icons: `NPS`, `Addons`, `ColumnFilter`, `ConstantSum`, `Contacts`, `Dashboard`, `DescriptiveText`, `Drilldown`, `GraphicSlider`, `HeatMap`, `Highlight`, `Hotspot`, `MatrixTable`, `Metadata`, `MultipleChoice`, `PickGroupRank`, `Refresh`, `ScreenCapture`, `SideBySide`, `Signature`, `SurveyDirector`, `TextEntry`, `Timing`, `Transaction`
-   Added a `readOnly` property to the `<LogicEditor>` component.

### Changed

-   Updated icons: `Account`, `Directory`, `ListChecked`, `ListNumbers`, `OrgHierarchy`, `Program`, `Report`, `Trash`

### Fixed

-   Fixed an issue with `<LogicEditor>` where modifying a condition set that was a direct child of the root set would only modify the root set value.
-   Fixed issue with `<Checkbox>` where `name` prop was incorrectly forwarded to `<span>` element

---

## 1.29.0 - June 11, 2020

### Changed

-   Updated the `<Link>` component styling so it no longer resizes when hovered or clicked.
-   `<Popover>` `onClickOutside` is now Portal-aware. For example, clicking on a `<DropdownOption>` inside of `<Popover>` content no longer calls `onClickOutside`.
-   Updated the `<StepperIncrement>` and `<StepperDecrement>` (preview) components to have default `type="button"` on the inner `<button>`
-   Updated `<SelectMenu>`/`<Menu>` to allow for arbitrary top-level children (such as `<Divider>`)
-   Updated library to be more tree-shakable to reduce bundle size for consumers (can reduce size from 10-75%)

### Fixed

-   Fixed issue where `<Button type="submit" disabled>` was causing form submission

---

## 1.28.2 - June 6, 2020

### Fixed

-   Fixed the text wrapping of `<FormField>` `helperText` in IE11
-   Fixed the positioning of the click area of the `<Switch>` component in IE11
-   Fixed issue with hardcoded margin on the `<Button>` component

---

## 1.28.1 - May 28, 2020

### Fixed

-   Pinned exact version of transitive dependency to fix issue with breaking change in patch release of said dependency

## 1.28.0 - May 21, 2020

### Added

-   Added new icon `LogicTree`

### Fixed

-   Fixed issue in various components causing warning about updating a component while rendering
-   Fixed issue causing `<Dropdown>` to display incorrectly inside of `<Modal>` and `<Popover>` that are open on initial render

---

## 1.27.1 - May 20, 2020

### Fixed

-   Fixed `<DropdownOption>` component of `<Dropdown>` to accept a `className` prop
-   Fixed issue causing `<Dropdown>` to display incorrectly inside of `<Modal>` and `<Popover>`

---

## 1.27.0 - May 19, 2020

### Added

-   Added support for deeply nested or wrapped `<DropdownOption>` components within `<Dropdown>`
-   Added the ability to configure the `<LogicEditor>` to use a single fixed set.
    -   Added a `fixedSet` boolean prop that disables nesting sets.
    -   Added a `defaultSetValue` prop to provide a default of `'any'` or `'all'` for all created sets.
-   Added forwarding of accessibility attributes `role`, `aria-haspopup`, and `aria-expanded` to custom `anchor` component provided to `<Menu>` or `<SelectMenu>` (so custom anchors are accessibile by default)
-   Added icons: `AdminGears`, `Directory`, `EditorGeneric`, `File`, `Libraries`, `NewTemplate`, `Program`, `Project`, `SliderOptions`, `WaffleMenu`

### Changed

-   CommonJS and ECMAScript module builds are no longer minified (since they will already be minified by consuming app) which will allow components to display properly in dev tooling
-   Updated icons: `Help`, `PaintBrush`, `Search`

### Fixed

-   Fixed keyboard navigation of `<Dropdown>` to not open with `PageUp`, `PageDown`, `Home` and `End` keys (keys still work when menu is open)
-   Fixed type-to-highlight behavior of `<Dropdown>` to advance to _next_ item that starts with typed letter
-   Fixed `<Popover>` component to not break when `onClickOutside` prop is omitted

### Deprecated

-   `IconTypes.Slider` deprecated (use `IconTypes.SliderOptions` instead)

---

## 1.26.1 - May 12, 2020

### Fixed

-   Fixed unwanted form submission caused by the `unstable_ToolbarIcon` component.

---

## 1.26.0 - May 11, 2020

### Added

-   Added `<Combobox>` (previously `<unstable_Combobox>`).

---

## 1.25.0 - May 5, 2020

### Added

-   Added the `unstable_Toolbar` component.
-   Added the `unstable_Stepper` component.
-   Added the `<HelperText>` and `<ErrorText>` components used in the `<FormField>` component.

### Changed

-   Changed missing UIProvider message from `error` to `warning`

### Fixed

-   Fixed the automatic flipping of `<SelectMenu>`, `<Menu>`, `<Combobox>`, `<Dropdown>`, `<Popover>`, `<Tooltip>`, etc. to only occur when it results in a better fit on the screen.
-   Adjusted `<ComboboxList>`/`<DropdownList>` `maxHeight` to not exceed the browser clientHeight.

---

## 1.24.0 - April 16, 2020

### Added

-   Added the `<unstable_LogicEditor>` component.
-   Added a `<Divider>` component for use with `<Combobox>` and `<Dropdown>`.

### Changed

-   Removed max width on the `<DropdownButton>` component.

### Removed

-   Removed `ResizeObserver` from `<Dropdown>` due to testability issues.

### Fixed

-   Fixed an issue where `<DropdownButton>` would submit forms when clicked.
-   Fixed an IE11 scrolling issue in the `<Dropdown>` and `<Combobox>` components.

---

## 1.23.0 - April 10, 2020

### Added

-   Added and updated various icons
      <details>
        <summary>New Icons</summary>
        <p>
        <ul>
            <li>EmojiColorNotGreat</li>
            <li>EmojiColorPrettyGood</li>
            <li>Unlock</li>
            <li>Workflows</li>
            <li>WorkingFromHome</li>
        </ul>
        </p>
      </details>
    <details>
        <summary>Updated Icons</summary>
        <p>
        <ul>
            <li>Upload</li>
        </ul>
        </p>
    </details>

### Fixed

-   The `<Dropdown>` no longer loses focus when an option is clicked.
-   Fixed `<SelectMenu>`'s label showing as `[object Object]` when a selected `<MenuItem>` had multiple children.
-   Fixed an issue where using an `<svg>` element as a `<Menu>` anchor would cause an error when scrolling in IE11.
-   Fixed the `<Dropdown>` `isInvalid` prop not working.

---

## 1.22.0 - April 7, 2020

### Added

-   Added `unstable_isMultiSelect` prop to `<SelectMenu>`
-   Added and updated various icons
      <details>
        <summary>New Icons</summary>
        <p>
        <ul>
            <li>AI</li>
            <li>ActionPlanning</li>
            <li>AddItem</li>
            <li>Animation</li>
            <li>Button</li>
            <li>EmojiColorOK</li>
            <li>EmojiColorAngry</li>
            <li>EmojiColorHappiest</li>
            <li>EmojiColorHappy</li>
            <li>EmojiColorUnhappy</li>
            <li>EmojiMonoOK</li>
            <li>EmojiMonoAngry</li>
            <li>EmojiMonoHappiest</li>
            <li>EmojiMonoHappy</li>
            <li>EmojiMonoNotGreat</li>
            <li>EmojiMonoPrettyGood</li>
            <li>EmojiMonoUnhappy</li>
            <li>ExternalLink</li>
            <li>HamburgerMenu</li>
            <li>HealthWellness</li>
            <li>JourneyMap</li>
            <li>Lock</li>
            <li>LookAndFeel</li>
            <li>Merge</li>
            <li>Printer</li>
            <li>RemoveItem</li>
            <li>RichTextEditor</li>
            <li>StatsAnalysis</li>
            <li>Tag</li>
            <li>TextAnalysis</li>
            <li>ThumbsDown</li>
            <li>Translation</li>
        </ul>
        </p>
      </details>
    <details>
        <summary>Updated Icons</summary>
        <p>
        <ul>
            <li>Bell</li>
            <li>Download</li>
            <li>Downvote</li>
            <li>Employee360</li>
            <li>EmployeeLifecycle</li>
            <li>Filter</li>
            <li>Intercept</li>
            <li>PieChart</li>
            <li>Search</li>
            <li>Share</li>
            <li>StarFilled</li>
            <li>StarHalf</li>
            <li>StarOutlined</li>
            <li>SurveyComplete</li>
            <li>ThumbsUp</li>
            <li>Tickets</li>
        </ul>
        </p>
    </details>

### Changed

-   Updated types for `<Popover>` and `<Tooltip>` to allow more types for the `content` prop

### Fixed

-   Fixed `<Combobox>` `unstable_isLoading` prop so the spinner is centered in the flyout.
-   Fixed `<Menu>`/`<SelectMenu>` so that the arrow left key only closes one submenu at a time.
-   Searchable `<Menu>`/`<SelectMenu>` input no longer loses focus onMouseLeave.

---

## 1.21.0 - March 27, 2020

### Added

-   Added an `isInvalid` prop to `<Combobox>`.

### Removed

-   Removed `unstable_openOnFocus` prop from `<Combobox>`.

### Fixed

-   Fixed error where `defaultLabel` was broken for `<Dropdown>` and `<SelectMenu>` when child `value` was "falsy."
-   Fixed `<Combobox>` not closing the flyout when clicking outside in IE 11.
-   Additional fixes for `<Combobox>` not resetting to the correct input value when losing focus.
-   Fixed `<Combobox>`'s icon button triggering `onIsOpenChange` twice.

---

## 1.20.0 - March 24, 2020

### Fixed

-   `<Popover>` component now only fires `onClickOutside` when `show` is set to `true`
-   Fixed `<Combobox>` from setting the input value to the last set value when it loses focus and the combobox value is already an empty string.
-   Fixed `<Dropdown>` types to go along with stable release

---

## 1.19.0 - March 20, 2020

### Added

-   Added search support to `<Menu>` and `<SelectMenu>`

### Fixed

-   Fixes for the `<Combobox>` form/autocomplete behavior:
    -   Prevent form submission when the enter key is pressed.
    -   Set `<ComboboxInput>`'s default `autoComplete` value to `off` due to a Firefox limitation.
    -   `<Combobox>` now automatically selects a value when it loses focus if the input value matches an option.

---

## 1.18.0 - March 16, 2020

### Added

-   Release `Dropdown>` (previously `<unstable_Dropdown>`)

### Fixed

-   Minor `<Dropdown>` styling changes
-   Adding a missing Promise polyfill that our library depended on

---

## 1.17.0 - March 13, 2020

-   Add multi-select support to `<unstable_Dropdown>`

---

## 1.16.0 - March 11, 2020

### Added

-   Add custom label/anchor support to `<unstable_Dropdown>` component

### Fixed

-   Standardized the `<FilePicker>` `onChange` behavior across browsers:
    -   The `onChange` handler will be called even if the same file is selected again.
    -   Clicking 'Cancel' will not clear the selected file, nor will it trigger `onChange`.

---

## 1.15.0 - February 28, 2020

### Added

-   Add `<unstable_Dropdown>` component

---

## 1.14.0 - February 24, 2020

### Added

-   Added an `isFilteringDisabled` prop to `<Combobox>` for disabling the built-in option filtering.

### Fixed

-   Fixed an issue that allowed multiple `<Menu>` and `<SelectMenu>` components to be open at the same time.
-   `<Combobox>` now supports conditional rendering of its children.
-   Fixed an issue where hovering over `<Input>`s inside of a `<SelectMenu>` would close the menu.
-   Fixed an issue where multiple `<Tooltip>`s could be visible at once when used with a `<SelectMenu>` wrapped in a div. If you are using `@testing-library/react`, you may need to install the latest patch (`9.4.1`) in order for your tests to pass.

---

## 1.13.1 - February 19, 2020

### Fixed

-   Fixed an issue where modals would re-render every time a state change caused a parent component to re-render.

---

## 1.13.0 - February 18, 2020

### Added

-   Added improved keyboard accessibility to the `<Modal>` component.
    -   Tab focus is now contained within open modals, and focus returns to anchor on close.
    -   Added an `onDismiss` property that can be used to close the modal when the `Escape` key is pressed or when the user clicks outside the modal.

### Fixed

-   Added a `zIndex` property to the `<ColorPicker>` component to configure the popover position. A default is now applied so that color pickers in containers such as modals will show properly.
-   Fix issue preventing `className` prop from being forwarded to the the `<FormField>` wrapper element
-   Fixed incorrect typings for the `<Combobox>` components.
-   Fixed formatting in the `<ModalFooter>` component where it recursively would apply styles to child elements. The styles are now only applied to direct descendants.
-   Fixed the automatic positioning of `<SelectMenu>`, `<Menu>`, `<Combobox>`, `<Popover>`, `<Tooltip>`, etc. to more intelligently prevent overflow.

---

## 1.12.1 - February 10, 2020

### Fixed

-   Updated `<LoadingSpinner>` to allow multiple children.
-   Changed `<LoadingSpinner>` so its children's width/height are relative to the top level containing `<div>`.
-   Fixed incorrect TypeScript type for `<Menu>` and `<SelectMenu>` `anchor` prop.

---

## 1.11.0 - January 28, 2020

### Changed

-   Updated the styling of the following components to more closely match latest designs.

    -   `<Button>`
    -   `<Checkbox>`
    -   `<ColorPicker>`
    -   `<InlineInput>`
    -   `<Popover>`
    -   `<Radio>`
    -   `<Switch>`
    -   `<Tabs>`

-   Improvements to the `<Pagination>` component.
    -   The `currentPage` `<Input>` can now be empty while a user is editing the value.
    -   When the `currentPage` `<Input>` receives focus, the entire text is highlighted.

### Fixed

-   Fixed regression with radio buttons not showing keyboard tab outlines.
-   Fixed the `<FilePicker>` types to allow `files` to be set to null.
-   Fixed an issue with the `<Input>` focus outline styling in Firefox.
-   `<Menu>`/`<SelectMenu>` now closes when tabbed away from menu anchor
-   Fixed the type definitions for the `<QuickSearch>` `onSearch` prop so a Promise can be returned.

---

## 1.10.0 - January 3, 2020

### Added

-   Updated the `<Input>` and `<InputField>` components with new styling.
-   Changed the `<FormField>` `errorText` and `helperText` font size, color, and spacing. Also added an error icon to the error text.

---

## 1.9.0 - January 2, 2020

### Added

-   Components now work with Server Side Rendering tools (such as gatsby)
-   Added `labelProps` and `inputProps` to `<InputField>` component

### Fixed

-   Fixed an issue where `<InputGroup>` styling was only applied to direct children and did not allow for React fragments.
-   Fixed issue that caused CSS parsing errors to be logged in console when running tests
-   Fixed issue with `<Switch>` sizing when \*::before and \*::after selectors are used to reset box-sizing

---

## 1.8.0 - December 16, 2019

### Added

-   Added and updated various icons
      <details>
        <summary>New Icons</summary>
        <p>
        <ul>
            <li>CreditCard</li>
            <li>DownvoteFilled</li>
            <li>Downvote</li>
            <li>Drag</li>
            <li>EnvelopeOptedOut</li>
            <li>Play</li>
            <li>StarRanking</li>
            <li>Table</li>
            <li>Template</li>
        </ul>
        </p>
      </details>
    <details>
        <summary>Updated Icons</summary>
        <p>
        <ul>
            <li>Check</li>
            <li>SurveyComplete</li>
        </ul>
        </p>
    </details>

### Fixed

-   Fixed issue with duplicate TypeScript types for Menu and SelectMenu components

---

## 1.7.0 - December 13, 2019

### Added

-   Added `Upvote` and `UpvoteFilled` icons

---

## 1.6.0 - December 13, 2019

### Added

-   Added `anchor` prop for designating custom anchors for `<Menu>` and `<SelectMenu>`
-   Can control `label` prop of `<SelectMenu>` for providing custom values
-   Can use `Home`, `End`, `PageUp`, `PageDown`, `ArrowRight`, `ArrowLeft`, and `Escape` to navigate through `<Menu>` and `<SelectMenu>` (and their submenus)

---

## 1.5.0 - December 11, 2019

### Added

-   Added `zIndex`, `maxHeight`, `placement`, and `portalTarget` props to `<QuickSearch>`.
-   Allow for `<Switch>` component to be used as an uncontrolled component. Also, pass `value` prop up through `<Checkbox>` and `<CheckboxField>` components.

### Fixed

-   Changed the build system to prevent polyfills from polluting the global namespace.
-   Fixed an issue where the `onSearch` prop of `QuickSearch` needed to be memoized for throttle/debounce to work correctly.
-   Fixed `QuickSearch` menu positioning.
-   Fixed an issue with `SelectMenu` where a `0` was added to the `MenuItem`s instead of a checkmark when the selected value was `0`.

---

## 1.4.1 - December 6, 2019

### Fixed

-   Fixed `<Slider>` and `<RangeSlider>` tooltip positioning inside of `<Popover>`s on first render.

---

## 1.4.0 - December 6, 2019

### Fixed

-   Changed the controlled `<FilePicker>` so that setting the `files` prop to null will clear the currently selected files.
-   Fixed `<Slider>` and `<RangeSlider>` button movement and tooltip positioning inside of `<Popover>`s.
-   Setting the `value` prop of a controlled `<QuickSearch>` component no longer reopens the dropdown menu.

---

## 1.3.0 - November 14, 2019

### Added

-   Keyboard accessibility to the Color Picker components: `<Alpha>`, `<Hue>`, and `<Saturation>`. Users can now tab to these elements and use the arrow keys to change their respective values.

### Changed

-   Propagated the `<ColorPicker>` `data-testid` attribute to the hex sub-component for increased testability.
-   Propagated the `<Pagination>` `data-testid` attribute to sub-components for increased testability.
-   Changed `<Menu>` and `<SelectMenu>` to ellipsize large labels.

### Fixed

-   Changed `<LoadingSpinner>` to disable pointer events on its children when the `show` prop is enabled.
-   Removed `onSelect` and `active` properties from the `<Tab>` component because they could not be consumed directly as they were overridden by the parent `<Tabs>` component.

---

## 1.2.0 - October 23, 2019

### Added

-   Typings for `<ColorPicker>` color objects.

### Fixed

-   Added missing `zIndex` prop to `<SelectMenu>`.
-   Fixed `<Menu>`/`<SelectMenu>` arrow icon alignment in small `<ButtonGroup>` and `<InputGroup>` components.

---

## 1.1.0 - October 7, 2019

### Added

-   Added and updated various icons
      <details>
        <summary>New Icons</summary>
        <p>
        <ul>
            <li>QRCode</li>
            <li>SMS</li>
            <li>AreaChart</li>
            <li>ArrowDown</li>
            <li>ArrowLeft</li>
            <li>ArrowRight</li>
            <li>ArrowUp</li>
            <li>BubbleChart</li>
            <li>Calendar</li>
            <li>CaretDown</li>
            <li>CaretLeft</li>
            <li>CaretRight</li>
            <li>CaretUp</li>
            <li>ClearFormatting</li>
            <li>Clock</li>
            <li>Copy</li>
            <li>DataSource</li>
            <li>Desktop</li>
            <li>EllipsisVertical</li>
            <li>EnvelopeOpened</li>
            <li>Error</li>
            <li>Feedback</li>
            <li>Filter</li>
            <li>FontSize</li>
            <li>GaugeChart</li>
            <li>Globe</li>
            <li>Help</li>
            <li>Hyperlink</li>
            <li>Information</li>
            <li>LineChart</li>
            <li>ListNumbers</li>
            <li>LowerCase</li>
            <li>Maximize</li>
            <li>Minimize</li>
            <li>MobileLandscape</li>
            <li>PaintBrush</li>
            <li>PaintBucket</li>
            <li>Pencil</li>
            <li>PieChart</li>
            <li>Send</li>
            <li>SentenceCase</li>
            <li>SmallCaps</li>
            <li>SortAlphabeticAscending</li>
            <li>SortAlphabeticDescending</li>
            <li>SortNumberAscending</li>
            <li>SortNumberDescending</li>
            <li>StarHalf</li>
            <li>StarOutlined</li>
            <li>Subscript</li>
            <li>Subtract</li>
            <li>Success</li>
            <li>Superscript</li>
            <li>SurveyComplete</li>
            <li>SurveyExpired</li>
            <li>SurveyInvite</li>
            <li>Tablet</li>
            <li>TextAlignJustified</li>
            <li>TextBold</li>
            <li>TextColor</li>
            <li>TextItalic</li>
            <li>TextStrikeThrough</li>
            <li>TextUnderline</li>
            <li>ThumbsUp</li>
            <li>Tickets</li>
            <li>Tools</li>
            <li>Trash</li>
            <li>Undo</li>
            <li>Upload</li>
            <li>UpperCase</li>
            <li>UserGroup</li>
            <li>User</li>
            <li>ViewOff</li>
            <li>ViewOn</li>
        </ul>
        </p>
      </details>
      <details>
          <summary>Updated Icons</summary>
          <p>
          <ul>
              <li>Account</li>
              <li>Add</li>
              <li>AutomatedSetup</li>
              <li>Bell</li>
              <li>Check</li>
              <li>Close</li>
              <li>Contact</li>
              <li>DataAnalysis</li>
              <li>Employee360</li>
              <li>EmployeeEngagement</li>
              <li>EmployeeLifecycle</li>
              <li>EmployeePulse</li>
              <li>Folder</li>
              <li>Integration</li>
              <li>Intercept</li>
              <li>OrgHierarchy</li>
              <li>ParticipantPortal</li>
              <li>ProjectBar</li>
              <li>Search</li>
              <li>Settings</li>
              <li>Share</li>
              <li>Survey</li>
              <li>Video</li>
              <li>Warning</li>
          </ul>
          </p>
      </details>

### Deprecated

-   `IconTypes.Contact` deprecated (use `IconTypes.User` instead)
-   `IconTypes.EmptyBox` deprecated (use `IconTypes.Folder` instead)
-   `IconTypes.PaginateFilter` deprecated (use `IconTypes.Copy` instead)
-   `IconTypes.ParticipantInviteAutomation` deprecated (use `IconTypes.UserGroup` instead)

---

## 1.0.1 - October 1, 2019

### Fixed

-   TypeScript typing for `<SelectMenu>` to rename the `label` prop to `defaultLabel`.
-   `<Modal>` overflow in IE11.

---

## 1.0.0 - September 30, 2019

### Added

-   Border to the swatch on the `<ColorPicker>` button for opaque or white colors.

### Changed

-   **Breaking:** Renamed the `<SelectMenu>` `label` prop to `defaultLabel`
-   **Breaking:** Renamed Icons
    <details>
          <summary>See Renamed Icons</summary>
          <p>
          <ul>
              <li>ActionPlanning --> ListChecked</li>
              <li>AngleDown --> ChevronDown</li>
              <li>AngleLeft --> ChevronLeft</li>
              <li>AngleRight --> ChevronRight</li>
              <li>AngleUp --> ChevronUp</li>
              <li>AppFeedback --> MobilePortrait</li>
              <li>BulletList --> ListBullets</li>
              <li>Creative --> Image</li>
              <li>Dashboard --> BarChart</li>
              <li>Import --> Download</li>
              <li>Ellipsis --> EllipsisHorizontal</li>
              <li>EmailMessages --> EnvelopeClosed</li>
              <li>FrontlineFeedback --> Megaphone</li>
              <li>Report --> Presentation</li>
              <li>MarketSimulator --> Slider</li>
              <li>Star --> StarFilled</li>
              <li>AlignCenter --> TextAlignCenter</li>
              <li>AlignLeft --> TextAlignLeft</li>
              <li>AlignRight --> TextAlignRight</li>
              <li>StatisticsReport --> Report</li>
              <li>RcLogo --> CoreXM</li>
          </ul>
          </p>  
    </details>

### Fixed

-   Updated disabled styles of `<Switch>` to look disabled in IE 11.
-   Updated styles for `<Menu>` and `<SelectMenu>` to correctly align menu items and the button arrow in IE 11.

---

## 0.33.0 - September 26, 2019

### Added

-   TypeScript type declarations.

### Changed

-   **Breaking:** Standardize the default z-indexes of `<Modal>`, `<Tooltip>`, `<Popover>`, and `<Menu>` to all be 1000. The `zIndex` prop can be used with each of these components for custom stacking behavior.
-   **Breaking:** The `<TextField>` component has been removed. Prefer using `<InputField>` with `<FormField>`.

### Fixed

-   Fix `<UIProvider>` not updating with changes to `config.localizedText`.
-   Minor z-index changes to `<ButtonGroup>`, `<InputGroup>`, `<Spinner>`, `<Checkbox>`, `<Radio>`, and `<Switch>`.

---

## 0.32.1 - September 23, 2019

### Security

-   Updated all dependencies.

---

## 0.32.0 - September 19, 2019

### Added

-   `disabled` prop to the `<Radio>`, `<RadioOption>`, `<Checkbox>`, and `<CheckboxField>` components.
-   Updated styles of `<Radio>` and `<Checkbox>` components.

### Changed

-   **Breaking:** Remove `'show'` option from `<Spinner>` `background` prop.
-   **Breaking:** Rename `<Spinner>` to `<LoadingSpinner>`.
-   **Breaking:** Remove `<Caption>` component.
-   **Breaking:** The `Tabs` component is now a controlled component rather than an uncontrolled component, requiring the consumer to provide an `activeKey` prop and `onChange` handler.

### Fixed

-   Bug with `<Modal>` resize behavior and `<ModalBody>` scrollable.

---

## 0.31.0 - September 16, 2019

### Added

-   `<ColorPicker>` component.
-   `<QuickSearch>` component.
-   `config.localizedText` prop to the `<UIProvider>` component for providing translated messages for components that require them.
-   Optional `files` prop to `<FilePicker>` for using as a controlled component.

### Changed

-   **Breaking:** The `onClickOutside` handler for the `<Popover>` component now triggers on `mousedown` and `touchstart` events, rather than `mouseup` and `touchend` events.
-   **Breaking:** The `buttonText` prop of the `<FilePicker>` component has been removed in favor of providing configured translations. See https://designsystem.qualtrics.com/localization for more details.
-   **Breaking:** The `config.languageCode` prop of the `<UIProvider>` component has been removed in favor of providing `config.localizedText`. See https://designsystem.qualtrics.com/localization for more details.

### Fixed

-   Modify InputGroup behavior so that the contained `<Input>` components shrink in width to fit in the container and `<Button>`/`<SelectMenu>`/`<InputGroupAddon>` components do not.
-   Update `@qualtrics/ui-react` to work with applications bundled with `rollup`

---

## 0.30.1 - September 10, 2019

### Fixed

-   Bug with `<Menu>` and `<SelectMenu>` in Internet Explorer

---

## 0.30.0 - September 10, 2019

### Added

-   `AlignLeft`, `AlignCenter`, and `AlignRight` icons

---

## 0.29.1 - September 10, 2019

### Fixed

-   Bug with non-`CommonJS` loaders resolving translations from the `@qualtrics/ui-i18n` package where file extensions were not explicitly specified.

---

## 0.29.0 - September 9, 2019

### Added

-   `<Slider>` component
-   `<RangerSlider>` component
-   `<InputField>` component (replaces deprecated `<TextField>` component)
-   `onClickOutside` prop to `<Popover>` component
-   `CoreXM` icon
-   Additional props are now spread to underlying core element for all components

### Changed

-   **Breaking:** Modify default `<Label>` styles
-   **Breaking:** Rename `<Switch>` to `<SwitchField>`, and `children` prop replaced by `label` prop
    -   (`<Switch>` is now a lower-level component used for custom label layouts)
-   **Breaking:** Rename `<Checkbox>` to `<CheckboxField>`, and `children` prop replaced by `label` prop
    -   (`<Checkbox>` is now a lower-level component used for custom label layouts)
-   **Breaking:** Rename `<Radio>` to `<RadioOption>`, and `children` prop replaced by `label` prop
    -   (`<Radio>` is now a lower-level component used for custom label layouts)
-   **Breaking:** Remove `ariaLabel` prop from all components (use `aria-label` instead)
-   **Breaking:** Remove `testId` prop from all components (use `data-testid` instead)

### Deprecated

-   `<TextField>` component, (use `<InputField>` with `<FormField>` instead)

### Fixed

-   Bug preventing `onSelect` handler from being called inside of nested `<Menu>` components

---

## 0.28.0 - August 27, 2019

### Added

-   `<Pagination>` component.
-   Unstable translations (i18n), configurable via `<UIProvider>`.

### Changed

-   **Breaking:** The `<Input>` component used to override internally applied props with any additional props specified by the consumer. Additional props are still added to the `<Input>`, but are now overridden by internally applied props.
-   **Breaking:** The `<Input>` component `className` prop used to be applied to the internal container, but is now applied to the inner `input`/`textarea` element. This change was made to standardize on how additional props and top level `testId` and `className` will all be applied to the same underlying component/element.

---

## 0.27.1 - August 23, 2019

### Fixed

-   Bug preventing `onSelect` from being called in the `<Menu>` component

---

## 0.27.0 - August 23, 2019

### Added

-   `<Menu>` component

### Changed

-   Update `<Link>` component focus styling

---

## 0.26.1 - August 21, 2019

### Fixed

-   Bug that caused untranspiled code to be included in library

<!--
## 0.26.0 - August 14, 2019

## 0.25.2 - August 9, 2019

-   Fix issue that caused multiple versions of `@qualtrics/ui-react` to have conflicting styles

## 0.25.1 - August 8, 2019

-   Update `<Button>` component so extra props don't override built-in props

## 0.25.0 - August 3, 2019

-   Add `<UIProvider>` component

## 0.24.0 - August 1, 2019

## 0.23.0 - July 29, 2019

## 0.22.0 - July 26, 2019

## 0.21.0 - July 24, 2019

## 0.20.2 - July 23, 2019

## 0.20.1 - July 23, 2019

## 0.20.0 - July 22, 2019

## 0.19.0 - July 19, 2019

## 0.18.3 - July 19, 2019

## 0.18.2 - July 19, 2019

## 0.18.1 - July 19, 2019

## 0.18.0 - July 19, 2019

## 0.17.0 - July 17, 2019

## 0.16.0 - July 12, 2019

## 0.15.1 - July 11, 2019

## 0.14.3 - July 8, 2019

## 0.14.2 - July 5, 2019

## 0.14.1 - July 5, 2019

## 0.14.0 - July 5, 2019

## 0.13.0 - July 3, 2019

## 0.12.0 - June 30, 2019

## 0.11.0 - June 27, 2019

## 0.10.0 - June 26, 2019

## 0.9.1 - June 24, 2019

## 0.9.0 - June 24, 2019

## 0.8.0 - June 21, 2019

## 0.7.1 - June 20, 2019

## 0.7.0 - June 20, 2019

## 0.6.1 - June 19, 2019

## 0.6.0 - June 18, 2019

## 0.5.0 - June 17, 2019

## 0.4.0 - June 14, 2019

## 0.3.1 - June 12, 2019

## 0.3.0 - June 11, 2019

## 0.2.0 - June 7, 2019

## 0.1.1 - May 1, 2019

## 0.1.0 - March 26, 2019
-->
