**All notable changes to `@qualtrics/ui-react` will be documented in this file. This project adheres to Semantic Versioning. To be notified of new releases, subscribe to the `design-system-changelog@qualtrics.com` email group in [Odo](https://odo.corp.qualtrics.com/)**
## 2.78.0 - April 07, 2026
### Minor Changes
- Add ColumnAppendIcon, ColumnPrependIcon, ColumnsHeaderIcon, RowsHeaderIcon, TablePrependIcon, FreezeFirstColumnIcon, FreezeFirstRowIcon, RowsIcon, RowsStripingIcon, TableMergeCellsIcon
- Add `tooltipProps` to `IconButton`
### Patch Changes
- Updated dependencies
- @qualtrics/component-styles@0.157.0
---
## 2.77.0 - March 24, 2026
### Minor Changes
- Add elementRefToFocusOnClose for Next Menu and Next Select
- Fix color picker snapping window scrollY to 0
---
## 2.76.0 - March 17, 2026
### Minor Changes
- **Added support for React 19.**
- Migrated all components from **popperjs** to **floating-ui** especially Popover, Tooltip and from **react-input-mask** to **react-imask**, specifically PhoneNumberInput and TimePicker to support React 19 migration.
---
## 2.75.0 - March 16, 2026
### Minor Changes
- Added paginationClassName prop in AdvancedTable
---
## 2.74.0 - March 02, 2026
### Minor Changes
- Add `forceHideOutsideOfAnchor` prop in `Tooltip` component
- Add elementRefToFocusOnClose for color picker component
- Fix IconButton activation on Enter click
### Patch Changes
- Add data-testid prop to FilterAnchor component with suffix pattern for sub-components. The data-testid is applied to the button itself and propagates to sub-components with suffixes: `-label`, `-selected-filters`, and `-spinner`.
---
## 2.73.0 - January 27, 2026
### Minor Changes
- Fix IME composition handling in Input and Menu components
### Patch Changes
- Fix inputProps type in ToggleButton
---
## 2.72.0 - January 15, 2026
### Minor Changes
- Forward inputProps to ToggleButton's input
- Hide screen reader announcement element in print mode
- Fix lack of display name for components that use wrapper.
### Patch Changes
- [Fix] Add missing types to AdvancedTableColumnConfig
- [fix] Fix accessibility violation in `ColorPicker` saturation control - added `role="slider"` and required ARIA attributes (`aria-valuenow`, `aria-valuemin`, `aria-valuemax`, `aria-orientation`) to the saturation slider thumb element.
---
## 2.71.0 - December 15, 2025
### Minor Changes
- Fix `next/Menu` dropdown not opening when `Colorpicker` or `Popover` are open
- Add `ColorPickerWithNoColor` component allowing for no color and cleaning selection from `ColorPicker`
---
## 2.70.0 - December 09, 2025
### Minor Changes
- [Next] Add optional isCheckboxDisabled prop to AdvancedTableRow in `AdvancedTable`
---
## 2.69.0 - December 03, 2025
### Minor Changes
- [next] Add small variant of next/Indicator
- [next] Change typography in next/Indicator
---
## 2.68.0 - November 12, 2025
### Minor Changes
- [fix] Fixed the nested set in LogicEditor to update UI when all/any value is changed
---
## 2.67.0 - October 21, 2025
### Minor Changes
- Fix value of action-secondary-danger-default color token
- [fix] Add isMenuOpen prop to AdvancedTable for custom headers to properly hide them when entering sort menu
Add shouldShowTooltip prop to AdvancedTable custom headers for simplified tooltip management
- [next] Add next/Indicator component
### Patch Changes
- Added data test id to menu items in logic editor
---
## 2.66.1 - October 09, 2025
### Patch Changes
- Change translations dependencies
---
## 2.66.0 - September 30, 2025
### Minor Changes
- Add datatest-id to main TimePicker component
---
## 2.65.1 - September 26, 2025
### Patch Changes
- Change `Tooltip` to not pass persistentInDom to the div on default
- [fix] Remove usage of React 18 hook from Advanced Table
---
## 2.65.0 - September 23, 2025
### Minor Changes
- Enhanced AdvancedTable with React node header support
- Added React component support for `headerLabel` with three new props: `sortIndicator`, `focusSource`, and `contentId`
- Expanded documentation, provided explanation and examples for the new functionality
---
## 2.64.0 - September 09, 2025
### Minor Changes
- [next] Added optional `isExcluded` prop to the `AdvancedTableAction` type, which controls whether an action should be excluded for a given row
---
## 2.63.0 - September 08, 2025
### Minor Changes
- [fix] `Logic Editor` add aria-label for dropdown button in condition set
---
## 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 `` to `
`
### 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 `` 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 ``
### Changed
- Renamed `` to ``
- Updated `` accessibility behaviors
- Updated `` styles
---
## 1.48.0 - December 17, 2020
### Added
- Added `` (previously `unstable_IconButton`).
- Added `` (previously `unstable_SeachInput`).
- Added `ref` prop to ``.
- Added `tooltipContent` and `tooltipPlacement` props to ``.
### Changed
- Changed breakpoint values for the `` component when the `unstable_maxSize` prop is used. The prop `value` of `small` now has a `min-width` of `480px`.
- Changed `` to have `aria-disabled` attribute when `disabled` prop is used.
### Removed
- Removed `unstable_IconButton` (use `` instead).
- Removed `unstable_SeachInput` (use `` instead).
### Fixed
- Fixed the TypeScript types for the `onSearch` and `onSelect` props of ``.
---
## 1.47.0 - December 1, 2020
### Fixed
- Fixed styling when a `TableBody` is used without a `TableHeader`.
- Fixed TypeScript types for `onChange` prop of `` 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. ``) 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 ``
### 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: ``, ``, ``, `