@shopify/polaris/CHANGELOG.md

Shopify’s admin product component library

# Changelog

## 9.14.0

### Minor Changes

- [#6086](https://github.com/Shopify/polaris/pull/6086) [`bb777601a`](https://github.com/Shopify/polaris/commit/bb777601af9abd276147c8251c800e6d878c08a0) Thanks [@aaronccasanova](https://github.com/aaronccasanova)! - Added 'onActionRollup' prop to Page component.

* [#6086](https://github.com/Shopify/polaris/pull/6086) [`bb777601a`](https://github.com/Shopify/polaris/commit/bb777601af9abd276147c8251c800e6d878c08a0) Thanks [@aaronccasanova](https://github.com/aaronccasanova)! - Add TopBar `logoSuffix` prop

- [#6086](https://github.com/Shopify/polaris/pull/6086) [`bb777601a`](https://github.com/Shopify/polaris/commit/bb777601af9abd276147c8251c800e6d878c08a0) Thanks [@aaronccasanova](https://github.com/aaronccasanova)! - Added row and column props to Grid.Cell

### Patch Changes

- [#6086](https://github.com/Shopify/polaris/pull/6086) [`bb777601a`](https://github.com/Shopify/polaris/commit/bb777601af9abd276147c8251c800e6d878c08a0) Thanks [@aaronccasanova](https://github.com/aaronccasanova)! - Fixed `Listbox` to preserve scroll position when lazy-loading additional items

* [#6086](https://github.com/Shopify/polaris/pull/6086) [`bb777601a`](https://github.com/Shopify/polaris/commit/bb777601af9abd276147c8251c800e6d878c08a0) Thanks [@aaronccasanova](https://github.com/aaronccasanova)! - - Fixed rolled up action groups to include section title.
  - Fixed action items inside action groups to be disabled if the action group is disabled.

- [#6086](https://github.com/Shopify/polaris/pull/6086) [`bb777601a`](https://github.com/Shopify/polaris/commit/bb777601af9abd276147c8251c800e6d878c08a0) Thanks [@aaronccasanova](https://github.com/aaronccasanova)! - Add keyboard shortcut

- Updated dependencies [[`bb777601a`](https://github.com/Shopify/polaris/commit/bb777601af9abd276147c8251c800e6d878c08a0)]:
  - @shopify/polaris-tokens@5.2.1

## 9.13.0

### Minor Changes

- [#5539](https://github.com/Shopify/polaris/pull/5539) [`4366b2b52`](https://github.com/Shopify/polaris/commit/4366b2b52c1528e550a5c33ff6b191f5b4713a6f) Thanks [@JeremyLudwigDev](https://github.com/JeremyLudwigDev)! - Added `hasFixedFirstColumn` and `firstColumnMinWidth` props to `DataTable`

### Patch Changes

- [#6060](https://github.com/Shopify/polaris/pull/6060) [`7bacb9342`](https://github.com/Shopify/polaris/commit/7bacb9342c14580f268c14c8e37d735e71a338a1) Thanks [@kyledurand](https://github.com/kyledurand)! - Removed image background fallback

* [#6054](https://github.com/Shopify/polaris/pull/6054) [`f63177602`](https://github.com/Shopify/polaris/commit/f63177602b2bdd447dabd930dcb3187344f9a5e6) Thanks [@chazdean](https://github.com/chazdean)! - Implement icons modal

- [#6027](https://github.com/Shopify/polaris/pull/6027) [`d08935693`](https://github.com/Shopify/polaris/commit/d08935693d01e712ba0d3df291ac4e8703bc25f9) Thanks [@samrose3](https://github.com/samrose3)! - The `CustomProperties` component and the `colorScheme` prop in all components have been deprecated. Please see the [v9 to v10 migration guide](https://github.com/Shopify/polaris/blob/main/documentation/guides/migrating-from-v9-to-v10.md) for upgrade options.

* [#5966](https://github.com/Shopify/polaris/pull/5966) [`1185d7fed`](https://github.com/Shopify/polaris/commit/1185d7feddbe402b38b62457717d48d046afbc52) Thanks [@kyledurand](https://github.com/kyledurand)! - Simplified the Grid component and improved its performance

- [#6044](https://github.com/Shopify/polaris/pull/6044) [`dcdf862bb`](https://github.com/Shopify/polaris/commit/dcdf862bb75b10cefd6900514963559509494517) Thanks [@aaronccasanova](https://github.com/aaronccasanova)! - Updated the `sticky-manager` to use a valid spacing token

* [#5840](https://github.com/Shopify/polaris/pull/5840) [`04ce5c6a3`](https://github.com/Shopify/polaris/commit/04ce5c6a34b4165fe9f7f9d9b10bc5f5b453a18e) Thanks [@Berhell](https://github.com/Berhell)! - Fixed `Badge` and `Pip` having different background colors for `new` and `info` status ([#5840](https://github.com/Shopify/polaris/pull/5840))

- [#6029](https://github.com/Shopify/polaris/pull/6029) [`c779008f8`](https://github.com/Shopify/polaris/commit/c779008f8edf7d9abc802e324b97eaeff05a407f) Thanks [@kyledurand](https://github.com/kyledurand)! - Fixed a bug in Image where the loading class wasn't reliably getting removed on load due to server side rendering

* Updated dependencies [[`f63177602`](https://github.com/Shopify/polaris/commit/f63177602b2bdd447dabd930dcb3187344f9a5e6), [`27a0fba87`](https://github.com/Shopify/polaris/commit/27a0fba877789a3becb10c6e60d78921d71e6887)]:
  - @shopify/polaris-tokens@5.2.0

## 9.12.2

### Patch Changes

- [#6012](https://github.com/Shopify/polaris/pull/6012) [`c71d26cff`](https://github.com/Shopify/polaris/commit/c71d26cffcb21f663b8a58d7b64d8957d555cb67) Thanks [@kyledurand](https://github.com/kyledurand)! - Fixed breakpoint tokens

- Updated dependencies [[`c71d26cff`](https://github.com/Shopify/polaris/commit/c71d26cffcb21f663b8a58d7b64d8957d555cb67)]:
  - @shopify/polaris-tokens@5.1.1

## 9.12.1

### Patch Changes

- [#5984](https://github.com/Shopify/polaris/pull/5984) [`c3e7f2ef7`](https://github.com/Shopify/polaris/commit/c3e7f2ef7fb63eb632e81b52541229a2d1731be9) Thanks [@zakwarsame](https://github.com/zakwarsame)! - changes divider padding on page component

* [#6006](https://github.com/Shopify/polaris/pull/6006) [`92ca0e5b2`](https://github.com/Shopify/polaris/commit/92ca0e5b2731529085822633c688aeda60ac16dd) Thanks [@kyledurand](https://github.com/kyledurand)! - Fixed a bug where keyframes weren't being properly added to builds

## 9.12.0

### Minor Changes

- [#5962](https://github.com/Shopify/polaris/pull/5962) [`3a64ee7e3`](https://github.com/Shopify/polaris/commit/3a64ee7e394e6d459ad629b8c054a63c1febc236) Thanks [@alex-page](https://github.com/alex-page)! - Updated @rollup/pluginutils to v4.1.0

* [#5473](https://github.com/Shopify/polaris/pull/5473) [`f04a387bc`](https://github.com/Shopify/polaris/commit/f04a387bcc5b3528f663f0694500ee6ddeb2195d) Thanks [@kyledurand](https://github.com/kyledurand)! - Add graceful fallbacks for `Image` and `Avatar`

### Patch Changes

- [#5957](https://github.com/Shopify/polaris/pull/5957) [`e51901656`](https://github.com/Shopify/polaris/commit/e519016562c8caa70ae4e9e5210b660a0b9a112c) Thanks [@chloerice](https://github.com/chloerice)! - Fixed `TextField` blocking text selection within `verticalContent`

* [#5874](https://github.com/Shopify/polaris/pull/5874) [`814bef39e`](https://github.com/Shopify/polaris/commit/814bef39e376c921557f535967315d7491694bbf) Thanks [@kyledurand](https://github.com/kyledurand)! - Fixed an accessibility bug in modal where clicking or tapping the backdrop would not close the modal

## 9.11.0

### Minor Changes

- [#5952](https://github.com/Shopify/polaris/pull/5952) [`4a59bc57d`](https://github.com/Shopify/polaris/commit/4a59bc57d2385cc38099601bd8dacd182687a131) Thanks [@romellogoodman](https://github.com/romellogoodman)! - Integrated `@shopify/polaris-tokens` v5 in `@shopify/polaris` and updated the `CustomProperties` component to use the `@shopify/polaris-tokens` SCSS stylesheet

* [#5952](https://github.com/Shopify/polaris/pull/5952) [`4a59bc57d`](https://github.com/Shopify/polaris/commit/4a59bc57d2385cc38099601bd8dacd182687a131) Thanks [@aaronccasanova](https://github.com/aaronccasanova)! - Updated the `Grid` component to use breakpoint tokens from `@shopify/polaris-tokens`

## 9.10.0

### Minor Changes

- [#5946](https://github.com/Shopify/polaris/pull/5946) [`3a5be82cb`](https://github.com/Shopify/polaris/commit/3a5be82cbc96fd05e64583425dee8f3fd8b58616) Thanks [@rmleg](https://github.com/rmleg)! - Added support for setting a `ReactNode` on the `PageActions` `primaryAction` prop

* [#5712](https://github.com/Shopify/polaris/pull/5712) [`290b41c61`](https://github.com/Shopify/polaris/commit/290b41c61ce6a6319631ec1e960c7ac896138ad5) Thanks [@aveline](https://github.com/aveline)! - Updated checkbox and radio button styling

  - Increased spacing between `ChoiceList` items on small screens only

* [#5785](https://github.com/Shopify/polaris/pull/5785) [`56b8ca790`](https://github.com/Shopify/polaris/commit/56b8ca790b458f050f00be5a80ed58e7bc08ef9a) Thanks [@mrcthms](https://github.com/mrcthms)! - Upstream changes from polaris-next `IndexTable`
  - Added a className prop to a IndexTable.Cell
  - Added a customClickHandler prop to a IndexTable.Row
  - Added a paginatedSelectAllActionText to the IndexTable
  - Exported a clearSelection method from the use-index-resource-state hook
  - Updated the styling of the ScrollBarContainer
  - Updated styling for TableCell to fix unpadded cell bug.
  - Added a 20px width to the TableHeading-first to fix the width of the checkbox column

- [#5945](https://github.com/Shopify/polaris/pull/5945) [`54d15c3c1`](https://github.com/Shopify/polaris/commit/54d15c3c1df0f78d39ec68d528b0c732c2651db1) Thanks [@aaronccasanova](https://github.com/aaronccasanova)! - Added experimental `Grid` component

- [#5933](https://github.com/Shopify/polaris/pull/5933) [`9c1a868cb`](https://github.com/Shopify/polaris/commit/9c1a868cb76912a93004d5357e630d28c337283a) Thanks [@tal87](https://github.com/tal87)! - Added support for handling the `onPointerDown` event on `Button`

### Patch Changes

- [#5876](https://github.com/Shopify/polaris/pull/5876) [`eb25cdaf4`](https://github.com/Shopify/polaris/commit/eb25cdaf40c5c08689521779f1176c6c34909507) Thanks [@aveline](https://github.com/aveline)! - Updated `TextField` docs with examples of `inputMode` virtual keyboards

* [#5960](https://github.com/Shopify/polaris/pull/5960) [`837094ac6`](https://github.com/Shopify/polaris/commit/837094ac68b08965ac34a19c405ebefd901f6394) Thanks [@alex-page](https://github.com/alex-page)! - Removed jestAdjustmentsPlugin as we have `jest.config.js`. Moved scripts to scripts/build.js.

- [#5889](https://github.com/Shopify/polaris/pull/5889) [`fe8987948`](https://github.com/Shopify/polaris/commit/fe8987948e72ef8ff95cc792bf97cc4c1e363b51) Thanks [@zaquille-oneil](https://github.com/zaquille-oneil)! - Fixed clear button covering `placeholder` text in `TextField` on small screens

* [#5931](https://github.com/Shopify/polaris/pull/5931) [`87b489073`](https://github.com/Shopify/polaris/commit/87b48907363f25c0f76d2c39126ce174c5a11d82) Thanks [@laurkim](https://github.com/laurkim)! - Fixed input focus loss in `TextField` on `verticalContent` change

## 9.9.0

### Minor Changes

- [#5832](https://github.com/Shopify/polaris/pull/5832) [`d810f8e73`](https://github.com/Shopify/polaris/commit/d810f8e73009a10a4feb06bb728f030b510662fe) Thanks [@Stivaros](https://github.com/Stivaros)! - Added `disableQueryField` to `Filters` component

* [#5688](https://github.com/Shopify/polaris/pull/5688) [`c66352b03`](https://github.com/Shopify/polaris/commit/c66352b032ffab0ab9e11348c3491761a22b4521) Thanks [@camd](https://github.com/camd)! - Added new FullscreenBar component which provides a uniformly styled Back button to exit Fullscreen mode.

- [#5865](https://github.com/Shopify/polaris/pull/5865) [`68a647348`](https://github.com/Shopify/polaris/commit/68a64734828d058dcf4f4974f45183b26f67d8b5) Thanks [@alex-page](https://github.com/alex-page)! - Added underline to Link on hover when removeUnderline property is used

* [#5810](https://github.com/Shopify/polaris/pull/5810) [`da6fce76b`](https://github.com/Shopify/polaris/commit/da6fce76bfa34b48832b4781a5ead8ef2558a046) Thanks [@kyledurand](https://github.com/kyledurand)! - add useEventListenerHook

- [#5894](https://github.com/Shopify/polaris/pull/5894) [`affb94a8f`](https://github.com/Shopify/polaris/commit/affb94a8f58dea735ec9890ed71a97cff22c1c7a) Thanks [@alex-page](https://github.com/alex-page)! - Deprecated `badge`, `icon` and `image` props in ActionList.Item as the `prefix` and `suffix` properties can replace them.

* [#5391](https://github.com/Shopify/polaris/pull/5391) [`46e7db0d8`](https://github.com/Shopify/polaris/commit/46e7db0d82b40c7379fea0e4cbae27346c0ff594) Thanks [@alex-page](https://github.com/alex-page)! - Removed focus-visible polyfill as Safari 15.4 and 15.5 support this functionality

- [#5879](https://github.com/Shopify/polaris/pull/5879) [`42331f399`](https://github.com/Shopify/polaris/commit/42331f399ee071787b847366e2f8308948dedcde) Thanks [@rmleg](https://github.com/rmleg)! - Fixed spacing above action group titles when they are the first element in a Page's action list menu on mobile

### Patch Changes

- Updated dependencies [[`c7c6295a4`](https://github.com/Shopify/polaris/commit/c7c6295a4c6b75a01545dbbfa16aaebe3330f4ce)]:
  - @shopify/polaris-icons@4.22.0

## 9.8.0

- Ported internal breakpoint and layout functions to SCSS variables ([#5722](https://github.com/Shopify/polaris/pull/5722))
- Added `extraSmall` to the available sizes of the `Thumbnail` and `SkeletonThumbnail` ([#5770](https://github.com/Shopify/polaris/pull/5770))
- Updated experimental breakpoint values ([#5804](https://github.com/Shopify/polaris/pull/5804), [#5830](https://github.com/Shopify/polaris/pull/5830))
- Added support for tooltips on Navigation items ([#5750](https://github.com/Shopify/polaris/pull/5750))
- Change types for DataTable `totalsName` prop to allow for ReactNode ([#5454](https://github.com/Shopify/polaris/pull/5365/))
- Implemented accessibility role and attributes in `SettingToggle` ([#5470](https://github.com/Shopify/polaris/pull/5470))
- Fixed vertical scroll on small screens in `EmptyState` ([#5779](https://github.com/Shopify/polaris/pull/5779))
- Fixed broken links in documentation ([#5824](https://github.com/Shopify/polaris/pull/5824))
- Fixed key prop error introduced in [sticky header](https://github.com/Shopify/polaris/pull/5494) ([#5826](https://github.com/Shopify/polaris/pull/5826))
- Replaced `deprecationNotice` with `notice` object ([#5841](https://github.com/Shopify/polaris/pull/5841))

## 9.7.0

- Replaced hardcoded `padding` or `margin` values with spacing tokens ([#5528](https://github.com/Shopify/polaris/pull/5528))
- Added `border-width-4` and `border-width-5` tokens and replaced hardcoded values ([#5528](https://github.com/Shopify/polaris/pull/5528))
- Replaced any hardcoded `outline-width` with `border-width` ([#5528](https://github.com/Shopify/polaris/pull/5528))
- Added the ability to disable specific dates in the `DatePicker`, to go along with date ranges ([#5356](https://github.com/Shopify/polaris/pull/5356))
- Added breakpoint CSS custom properties and SCSS media conditions ([#5558](https://github.com/Shopify/polaris/pull/5558))
- Replaced `768px` breakpoint mixins and variables with custom media conditions ([#5629](https://github.com/Shopify/polaris/pull/5629))
- Added `customListId` prop to `Listbox` ([5627](https://github.com/Shopify/polaris/pull/5627))
- Pass `domId` as an argument to `onActiveOptionChange` prop on `Listbox` ([5627](https://github.com/Shopify/polaris/pull/5627))
- Adding min-height to `Popover.Pane` when the `Popover` contains a `height` prop ([#5685](https://github.com/Shopify/polaris/pull/5685))
- Adjusted a hardcoded `padding` value for `FileUpload` and replaced it with a spacing token ([#5675](https://github.com/Shopify/polaris/pull/5675))
- Added `disable` prop to the action groups title of the Page header ([#5702](https://github.com/Shopify/polaris/pull/5702))
- Added `onClick` prop to the action groups title of the Page header ([#5751](https://github.com/Shopify/polaris/pull/5751))
- Used prop-provided `selectable` value in `IndexTable` ([#5661](https://github.com/Shopify/polaris/pull/5661))
- Fixed passing inline styles to the root element of the `CustomProperties` component ([#5661](https://github.com/Shopify/polaris/pull/5661))
- Replaced incorrect usage of `aria-expanded` on `Collapsible` with `aria-hidden` ([#5661](https://github.com/Shopify/polaris/pull/5661))
- Removed usage of deprecated and removed in v18 React types ([#5704](https://github.com/Shopify/polaris/pull/5704))
- Fixed `plain-button-backdrop` background color on colored backgrounds ([#5687](https://github.com/Shopify/polaris/pull/5687))
- Fixed scrolling bug in DataTable sticky header ([#5700](https://github.com/Shopify/polaris/pull/5700))
- Added wrapper with height on `Combobox` example for autocomplete with loading ([#5624](https://github.com/Shopify/polaris/pull/5624))
- Removed `lodash` ([#5544](https://github.com/Shopify/polaris/pull/5544))
- Uses more permissive dependency for `@types/react` and `@types/react-dom` ([#5575](https://github.com/Shopify/polaris/pull/5575))
- Replaced `skeleton-content` and `thumbnail-size` mixins with css values ([#5630](https://github.com/Shopify/polaris/pull/5630))

## 9.6.0

- Added an `autoSelection` prop to `Listbox` to support setting the first option as the default action option ([#5667](https://github.com/Shopify/polaris/pull/5667))
- Added `autoSelection` `AutoSelection.First` to `Autocomplete` `Listbox` when `actionBefore` is set ([#5667](https://github.com/Shopify/polaris/pull/5667))

## 9.5.2

- Fixed documentation example for `ComboBox` ([#5622](https://github.com/Shopify/polaris/pull/5622))

## 9.5.1

- Fixed default `Pip` color in `Badge` ([#5616](https://github.com/Shopify/polaris/pull/5616))

## 9.5.0

- Added `icon` prop to the `Badge` component ([#5292](https://github.com/Shopify/polaris/pull/5292))
- Improved styling for the `DataTable` component when the `increaseTableDensity` prop is set to `true` ([#5480](https://github.com/Shopify/polaris/pull/5480))
- Added support for setting a `ReactNode` on the `PageActions` `secondaryActions` prop ([#5495](https://github.com/Shopify/polaris/pull/5495))
- Added support for NodeJS v14 ([#5551](https://github.com/Shopify/polaris/pull/5551))
- Add `video` as DropZoneFileType option on the `DropZone` component ([#5349](https://github.com/Shopify/polaris/pull/5349))
- Removed whitespace from CustomProperties output ([#5570](https://github.com/Shopify/polaris/pull/5570))
- Added a `height` prop to `Combobox` and `Popover.Pane` to support setting a fixed `height` and `man-height` on the `Scrollable` ([#5571](https://github.com/Shopify/polaris/pull/5571))
- Made `Pip` a sub-component of `Badge` and exposed it to outside ([#5520](https://github.com/Shopify/polaris/pull/5520))
- Fixed focus and hover style on `Tag` for removable tag with link ([#5567](https://github.com/Shopify/polaris/pull/5567))
- Fixed border size on vertical content on `TextField` ([#5571](https://github.com/Shopify/polaris/pull/5571))
- Fixed `aria-activedescendent` being unset in `Combobox` on option select when `allowMultiple` is `true` ([#5584](https://github.com/Shopify/polaris/pull/5584))
- Fixed `Combobox` multi-select examples not resetting the input value and list on option select ([#5584](https://github.com/Shopify/polaris/pull/5584))

## 9.4.0

- Increased token coverage by creating `@keyframes` tokens and replacing hardcoded instances ([5427](https://github.com/Shopify/polaris/pull/5427/))
- Added support for setting a ReactNode on `DataTable` `totalsName` prop ([#5454](https://github.com/Shopify/polaris/pull/5365/))
- Added a `verticalContent` prop to `TextField` to support rendering markup above the input value ([#5392](https://github.com/Shopify/polaris/pull/5392/))
- Added a `suggestion` prop on `TextField` to support inline autocomplete ([5303](https://github.com/Shopify/polaris/pull/5303))
- Added support for setting `ariaAutocomplete` to `both` on `Combobox.TextField` ([5303](https://github.com/Shopify/polaris/pull/5303))
- Added a `willLoadMoreOptions` prop to `Combobox` that's passed to `Listbox` through context so that `onKeyToBottom` is only called if `willLoadMoreOptions` is `true` ([5303](https://github.com/Shopify/polaris/pull/5303))
- Improved `Autocomplete` performance when options are lazy loaded by passing `willLoadMoreResults` to the `Combobox` `willLoadMoreOptions` prop when present ([5303](https://github.com/Shopify/polaris/pull/5303))
- Updated `Listbox` scroll UX to behave natively when navigating options with keyboard instead of scrolling the active option to the top of the visible list ([5303](https://github.com/Shopify/polaris/pull/5303))
- Fixed automatic selection of first navigable `Listbox.Option` not resetting in `Listbox` ([5303](https://github.com/Shopify/polaris/pull/5303))
- Fixed subdued styles not applying to `Listbox.TextOption` when `disabled` ([5303](https://github.com/Shopify/polaris/pull/5303))
- Fixed `Listbox.TextOption` keyboard focus ring flashing when focus moves to an option being scrolled into view ([5303](https://github.com/Shopify/polaris/pull/5303))

## 9.3.0

- Updated `Listbox` to only scroll when active option outside of view ([#5401](https://github.com/Shopify/polaris/pull/5401/))
- Added visual density updates to `Tag` component for mobile view ([#5353](https://github.com/Shopify/polaris/pull/5353))
- Added visual density updates to `Tag` component ([#5312](https://github.com/Shopify/polaris/pull/5312))
- Added `ReactNode` as an accepted prop type to `secondaryActions` on the `Page` component ([#5258](https://github.com/Shopify/polaris/pull/5258))
- Added `useCapture` and `options` props in `KeypressListener` to allow passing through those options to the underlying `addEventListener` call ([#5221](https://github.com/Shopify/polaris/pull/5221))
- Add option to make `Thumbnail` component transparent ([#5109](https://github.com/Shopify/polaris/pull/5109))
- Replaced hard coded `transition` values with tokens ([5340](https://github.com/Shopify/polaris/pull/5340/))
- Replaced hard coded `font-size` and `line-height` values with tokens ([5355](https://github.com/Shopify/polaris/pull/5355/))
- Replaced hard coded spacing values with tokens ([5364](https://github.com/Shopify/polaris/pull/5364/))
- Simplified usage of color tokens ([5360](https://github.com/Shopify/polaris/pull/5360/))
- Increased token coverage by replacing hard coded `border-width` values with tokens, replaced sass var with css custom property, removed unused sass vars, and updated `Banner` Secondary action styles ([5389](https://github.com/Shopify/polaris/pull/5389))
- Created `icon-attention` and `surface-attention` color tokens ([5389](https://github.com/Shopify/polaris/pull/5389))
- Increased token coverage by removing unnecessary `transitions` and `animations` with hard coded duration values ([5405](https://github.com/Shopify/polaris/pull/5405/))
- Added optional visual density updates and zebra striping to `DataTable` ([#5365](https://github.com/Shopify/polaris/pull/5365/))
- Fixed accessibility issues on focus and option create in `Combobox` and `Listbox` ([#5298](https://github.com/Shopify/polaris/pull/5298))
- Fixed accessibility issues and logic to set active descendant in `Listbox` ([#5297](https://github.com/Shopify/polaris/pull/5297))
- Fixed alignment of right-hand side of `Header` in `Page` ([#5390](https://github.com/Shopify/polaris/pull/5390))
- Fixed `disabled` `Listbox.TextOption` not setting `disabled` on the `Checkbox` rendered when `allowMultiple` is `true` ([#5428](https://github.com/Shopify/polaris/pull/5428))
- Bumped `@shopify/polaris-icons` to `v4.18.2` ([#5312](https://github.com/Shopify/polaris/pull/5312))
- Bumped marked from 0.7.0 to 4.0.10 ([#4898](https://github.com/Shopify/polaris/pull/4898))
- Replace `calc()` with space token equivalent ([#5295](https://github.com/Shopify/polaris/pull/5295))

## 9.2.3

- Fixed flash of unstyled content in the CustomProperties component ([#5299](https://github.com/Shopify/polaris/pull/5299))

## 9.2.2

- Passed TextField event object to onFocus callback to address failing admin unit tests ([#5265](https://github.com/Shopify/polaris-react/pull/5265))

## 9.2.1

- Moved all CSS custom properties to be defined under the Polaris color-scheme selector ([#5257](https://github.com/Shopify/polaris-react/pull/5257))

## 9.2.0

- Added the `selectTextOnFocus` prop to `TextField` ([#5216](https://github.com/Shopify/polaris-react/pull/5216))
- Fixed Sheet animation by replacing deprecated `easing()` with css custom property ([#5251](https://github.com/Shopify/polaris-react/pull/5251))

## 9.1.0

- Added `SkeletonTabs` component ([#5229](https://github.com/Shopify/polaris-react/pull/5229))
- Added an inset box-shadow to `ColorPicker` to make it easier to see the draggers ([#4948](https://github.com/Shopify/polaris-react/pull/4948))
- Fixed logo appearing in `Navigation` at 769px ([#5213](https://github.com/Shopify/polaris-react/pull/5213))
- Reintroduced `top: 0` to `VisuallyHidden` CSS to prevent unexpected scrolling when using a `Sheet` ([#5208](https://github.com/Shopify/polaris-react/pull/5208))
- Fixed `Form` > `VisuallyHidden` markup causing excessive vertical whitespace ([#5181](https://github.com/Shopify/polaris-react/pull/5181))
- Fixed a bug in `Toast` where it wasn't rendering ([#5224](https://github.com/Shopify/polaris-react/pull/5224))
- Removed `examples` dir and all references ([#5207](https://github.com/Shopify/polaris-react/pull/5207))

## 9.0.0

For instructions on updating from v8 to v9, see our [migration guide](https://github.com/Shopify/polaris-react/blob/main/documentation/guides/migrating-from-v8-to-v9.md).

### Major changes

**CSS custom properties**

- Removed `--p-badge-font-weight` and `--p-button-font-weight` ([#4687](https://github.com/Shopify/polaris-react/pull/4687))
- Renamed `--p-duration-1-0-0` and `--p-duration-1-5-0` to `--p-duration-100` and `--p-duration-150`.
- Removed `--p-override-*` `--p-non-null-content` `--p-badge-mix-blend-mode` `--p-range-slider-thumb-scale` custom properties ([#4686](https://github.com/Shopify/polaris-react/pull/4686))
- Removed `nonDesignLangaugeCustomProperties` and `designLangaugeCustomProperties` ([#4770](https://github.com/Shopify/polaris-react/pull/4770))
- Renamed shadow custom properties ([#4823](https://github.com/Shopify/polaris-react/pull/4823))
- Renamed border radius custom properties ([#4763](https://github.com/Shopify/polaris-react/pull/4763))
- Renamed `--p-icon-size` to `--p-icon-size-small` ([#4990](https://github.com/Shopify/polaris-react/pull/4990))
- Updated `--global-ribbon-height` to `--pc-frame-global-ribbon-height` ([#4804](https://github.com/Shopify/polaris-react/pull/4804))
- Updated `--p-frame-offset` to `--pc-frame-offset` ([#4804](https://github.com/Shopify/polaris-react/pull/4804))
- Updated `--top-bar-*` to `--pc-top-bar-*` ([#4804](https://github.com/Shopify/polaris-react/pull/4804))

**Sass functions and mixins**

- Removed the `color()` function ([#4696](https://github.com/Shopify/polaris-react/pull/4696))
- Removed the `border-width()` function ([#4900](https://github.com/Shopify/polaris-react/pull/4900))
- Removed the `filter()` function ([#4676](https://github.com/Shopify/polaris-react/pull/4676))
- Removed the `px()` function ([#4751](https://github.com/Shopify/polaris-react/pull/4751))
- Removed the `em()` function ([#4937](https://github.com/Shopify/polaris-react/pull/4937))
- Removed the `rem()` function ([#4761](https://github.com/Shopify/polaris-react/pull/4761/))
- Removed the `color-multiply` function ([#4714](https://github.com/Shopify/polaris-react/pull/4714))
- Removed the `z-index()` function ([#4753](https://github.com/Shopify/polaris-react/pull/4753))
- Removed the `border()` function ([#4934](https://github.com/Shopify/polaris-react/pull/4934))
- Removed the `available-names()` function ([#4967](https://github.com/Shopify/polaris-react/pull/4967))
- Removed the `map-extend` function ([#4970](https://github.com/Shopify/polaris-react/pull/4970))
- Removed the `spacing()` function and replaced with tokens ([#4691](https://github.com/Shopify/polaris-react/pull/4691/))
- Removed the `easing()` function and replaced with tokens ([#4698](https://github.com/Shopify/polaris-react/pull/4698))
- Removed the `duration()` function and replaced with tokens ([#4699](https://github.com/Shopify/polaris-react/pull/4699))
- Removed the `border-radius()` function and replaced with tokens ([#4793](https://github.com/Shopify/polaris-react/pull/4793))
- Removed the `shadow()` function and replaced with tokens ([#4823](https://github.com/Shopify/polaris-react/pull/4823))
- Removed the `font-family()` function and replaced with tokens ([#4940](https://github.com/Shopify/polaris-react/pull/4940))
- Removed the `ms-high-contrast-color()` function and replaced with values ([#4938](https://github.com/Shopify/polaris-react/pull/4938))
- Removed the `color-icon()` mixin ([#4676](https://github.com/Shopify/polaris-react/pull/4676))
- Removed the `skeleton-shimmer` mixin ([#4462](https://github.com/Shopify/polaris-react/pull/4462))
- Removed the `state()` mixin ([#4989](https://github.com/Shopify/polaris-react/pull/4989))
- Removed the `skeleton-page-header-layout` mixin ([#4991](https://github.com/Shopify/polaris-react/pull/4991))
- Removed the `skeleton-page-secondary-actions-layout` mixin ([#4991](https://github.com/Shopify/polaris-react/pull/4991))
- Removed the `unstyled-link()` mixin and replaced with values ([#4951](https://github.com/Shopify/polaris-react/pull/4951))
- Removed the `unstyled-list()` mixin and replaced with values ([#4960](https://github.com/Shopify/polaris-react/pull/4960))
- Removed the `high-contrast-outline()` and `high-contrast-border()` mixins and replaced with tokens and values ([#4962](https://github.com/Shopify/polaris-react/pull/4962))
- Removed the `when-printing`, `when-not-printing`, `hidden-when-printing`, and `print-hidden` scss mixins ([#4995](https://github.com/Shopify/polaris-react/pull/4995))
- Replaced the `icon-size()` function with the `--p-icon-size-medium` custom property ([#4990](https://github.com/Shopify/polaris-react/pull/4990))
- Removed the public scss api ([#4993](https://github.com/Shopify/polaris-react/pull/4993))

**Sass global variables**

- Removed `$color-palette-data` ([#4714](https://github.com/Shopify/polaris-react/pull/4714))
- Removed `$easing-data` ([#4698](https://github.com/Shopify/polaris-react/pull/4698))
- Removed `$duration-data` ([#4699](https://github.com/Shopify/polaris-react/pull/4699))

**ThemeProvider**

- Removed `ThemeProvider` component ([#4642](https://github.com/Shopify/polaris-react/pull/4642))
- Moved `logo` from `ThemeProvider` to `Frame` context ([#4667](https://github.com/Shopify/polaris-react/pull/4667))
- Moved `frameOffset` from `ThemeProvider` to `offset` prop on `Frame` ([#4727](https://github.com/Shopify/polaris-react/pull/4727))

**Components**

- Removed the deprecated `secondaryAction` prop on `SkeletonPage` ([#4742](https://github.com/Shopify/polaris-react/pull/4742))

**Development workflow**

- Removed `build/styles` directory from build output ([#4728](https://github.com/Shopify/polaris-react/pull/4728))
- Dropped support for node < 16 ([#4778](https://github.com/Shopify/polaris-react/pull/4778))
- Added `CustomProperties` component ([#4642](https://github.com/Shopify/polaris-react/pull/4642))
- Added duration token values between `0` and `500` with `50ms` increments ([#4781](https://github.com/Shopify/polaris-react/pull/4781))
- Aligned easing tokens and values with CSS defaults ([#4790](https://github.com/Shopify/polaris-react/pull/4790))
- Fixed `ContextualSaveBar` not registering the `secondaryMenu` in the `Frame` context ([#5116](https://github.com/Shopify/polaris-react/pull/5116))
- Fixed `monochrome` `outline` `Button` `children` being visible when `loading` ([#5145](https://github.com/Shopify/polaris-react/pull/5145))
- Removed `@shopify/polaris-tokens` dependency ([#4868](https://github.com/Shopify/polaris-react/pull/4868))
- Replaced font-weight values with tokens ([#4599](https://github.com/Shopify/polaris-react/issues/4599))
- Replaced hardcoded spacing values with spacing tokens ([#4775](https://github.com/Shopify/polaris-react/pull/4775))
- Avoid some usage of `/` for division in preparation for dart-sass support [#4933](https://github.com/Shopify/polaris-react/pull/4933))
- Deprecated `additionalNavigation` in `<Page>` component

## 8.2.2

- Updated Navigation alignment in `Navigation` ([#5135](https://github.com/Shopify/polaris-react/pull/5135))

## 8.2.1

- Reverted [ColorPicker] Add an inset box-shadow to make it easier to see the draggers ([#4948](https://github.com/Shopify/polaris-react/pull/4948))

## 8.2.0

- Bumped `@shopify/polaris-icons` to v4.17.0 ([#4837](https://github.com/Shopify/polaris-react/pull/4837))

## 8.1.0

- Add an inset box-shadow to `ColorPicker` to make it easier to see the draggers ([#4948](https://github.com/Shopify/polaris-react/pull/4948))
- Tightened up the Navigation component UI density. ([#4874](https://github.com/Shopify/polaris-react/pull/4874))
- Updated mobile behaviour of Navigation to only show one sub-section at a time ([#4902](https://github.com/Shopify/polaris-react/pull/4902))
- Remove the info icon and external link guidance from FooterHelp ([#4982](https://github.com/Shopify/polaris-react/pull/4982))
- Normalise spacing around the `Header` within the `Page` ([#4911](https://github.com/Shopify/polaris-react/pull/4911))
- Added a `secondaryMenu` prop to the `ContextualSaveBar` component ([#5018](https://github.com/Shopify/polaris-react/pull/5018))
- Fixed `segmented` `ButtonGroup` misaligning icon only buttons when grouped with text only buttons ([#4079](https://github.com/Shopify/polaris-react/issues/4079))
- Added missing styles for `destructive` `Page` `secondaryActions` ([#4647](https://github.com/Shopify/polaris-react/pull/4647))
- Removed `min-height` from `Page` `additionalNavigation` ([#4952](https://github.com/Shopify/polaris-react/pull/4952))
- Fixed overly dark `bottom-border` on `DataTable` header cell and total cell ([#4975](https://github.com/Shopify/polaris-react/pull/4975))
- Removed `min-height` on `Autocomplete` `action` ([#4977](https://github.com/Shopify/polaris-react/pull/4977))
- Fixed `focus-ring` on `Banner` `secondaryAction` ([#4997](https://github.com/Shopify/polaris-react/pull/4997))
- Fixed a bug where remove button could shrink in the `Tag` component ([#4816](https://github.com/Shopify/polaris-react/issues/4816))
- Fixed incorrect `Popover` position in `Combobox` when an element is conditionally rendered before the `Combobox` ([#4825](https://github.com/Shopify/polaris-react/pull/4825))
- Reverted the deprecation of the "attention" `status` in `Badge` ([#4840](https://github.com/Shopify/polaris-react/pull/4840))
- Fixed an issue where the `MutationObserver` of the `PositionedOverlay` was calling setState on an unmounted component ([#4869](https://github.com/Shopify/polaris-react/pull/4869));
- Fixed a color contrast issue in `FileUpload` ([#4875](https://github.com/Shopify/polaris-react/pull/4875))
- Fixed a bug where a checkbox showed on an `Autocomplete` action when `allowMultiple` is true ([#4886](https://github.com/Shopify/polaris-react/pull/4886))
- Fixed a bug where the `Listbox.Action` was not treated like an action when used outside `Autocomplete` ([#4893](https://github.com/Shopify/polaris-react/pull/4893))
- Fixed a bug where the `Checkbox` in a `Combobox` with `allowMultiple` would steal focus and close the `Popover` when clicked ([#4895](https://github.com/Shopify/polaris-react/pull/4895))
- Fixed an issue where `TextField` was the wrong height on initial render ([#4903](https://github.com/Shopify/polaris-react/pull/4903))
- Fixed an issue where token values in px weren't converted to rems ([#5000](https://github.com/Shopify/polaris-react/pull/5000))
- Fixed `display` on `Banner` `secondaryAction` on focus in Firefox ([#5001](https://github.com/Shopify/polaris-react/pull/5001))
- Fixed focus ring display on focus of `TopBar` `NavigationIcon` ([#5010](https://github.com/Shopify/polaris-react/pull/5010))
- Improve error logging in the event of sass errors ([#4954](https://github.com/Shopify/polaris-react/pull/4954))

## 8.0.0

For instructions on updating from v7 to v8, see our [migration guide](https://github.com/Shopify/polaris-react/blob/main/documentation/guides/migrating-from-v7-to-v8.md).

### Major changes

- Updated the base font size to `100%` from `62.5%` and update `rem` values accordingly, along with `pxtorem` `rootValue` ([#4794](https://github.com/Shopify/polaris-react/pull/4794))
- Updated required node version to `v16.9.1` ([#4853](https://github.com/Shopify/polaris-react/pull/4853))
- Removed `_SECRET_INTERNAL_FilterControl` and `_SECRET_INTERNAL_FilterControlProps` exports. These exports have been deprecated since Polaris v5 and are not part of our stable API, which is why we are removing them in a minor release. ([#4905](https://github.com/Shopify/polaris-react/pull/4905))

## 7.6.0

- Keyboard arrow navigation support added in `ActionList` ([#4505](https://github.com/Shopify/polaris-react/pull/4505))
- Menu role attribute value support added in `ActionList/Section` ([#4505](https://github.com/Shopify/polaris-react/pull/4505))
- Updated the styling of `DropZone.FileUpload` ([#4813](https://github.com/Shopify/polaris-react/pull/4813))
- Added a minimum height to `Page` component `Header` ([#4770](https://github.com/Shopify/polaris-react/pull/4779))
- Added a `verticalAlign` prop to `OptionList`. ([#4800](https://github.com/Shopify/polaris-react/pull/4800))
- Added suppport for a `url` prop in the `Tag` component ([#4837](https://github.com/Shopify/polaris-react/pull/4837))
- Added support for `children` to take elements other than strings in the `Tag` component ([#4837](https://github.com/Shopify/polaris-react/pull/4837))
- Bumped the `@shopify/storybook-a11y-test` package to the latest version `0.3.0` ([#4870](https://github.com/Shopify/polaris-react/pull/4870))
- Added a `warning` variation to `TextStyle` ([#4880](https://github.com/Shopify/polaris-react/pull/4880))
- Added a class to hide the clear button in the `TextField` component instead of removing it from the DOM ([#4897](https://github.com/Shopify/polaris-react/pull/4897))
- Fixed a bug where remove button could shrink in the `Tag` component ([#4816](https://github.com/Shopify/polaris-react/issues/4816))
- Fixed incorrect `Popover` position in `Combobox` when an element is conditionally rendered before the `Combobox` ([#4825](https://github.com/Shopify/polaris-react/pull/4825))
- Reverted the deprecation of the "attention" `status` in `Badge` ([#4840](https://github.com/Shopify/polaris-react/pull/4840))
- Fixed an issue where the `MutationObserver` of the `PositionedOverlay` was calling setState on an unmounted component ([#4869](https://github.com/Shopify/polaris-react/pull/4869));
- Fixed a color contrast issue in `FileUpload` ([#4875](https://github.com/Shopify/polaris-react/pull/4875))
- Fixed a bug where a checkbox showed on an `Autocomplete` action when `allowMultiple` is true ([#4887](https://github.com/Shopify/polaris-react/pull/4887))
- Fixed a bug where the `Listbox.Action` was not treated like an action when used outside `Autocomplete` ([#4893](https://github.com/Shopify/polaris-react/pull/4893))
- Fixed a bug where the `Checkbox` in a `Combobox` with `allowMultiple` would steal focus and close the `Popover` when clicked ([#4895](https://github.com/Shopify/polaris-react/pull/4895))
- Fixed a bug in the `Icon` component where examples did not show ([#4843](https://github.com/Shopify/polaris-react/pull/4843))
- Added arrow navigation instructions in keyboard support for `ActionList` ([#4505](https://github.com/Shopify/polaris-react/pull/4505))
- Updated examples to properly support JAWS screen reader for `Popover` and `ActionList` ([#4505](https://github.com/Shopify/polaris-react/pull/4505))
- Removed `dev start` command. Thank you to [@aaronadamsCA](https://github.com/aaronadamsCA) for the contribution ([#4876](https://github.com/Shopify/polaris-react/pull/4876)).

- Bumped `@shopify/polaris-icons` to v4.11.0 ([#4837](https://github.com/Shopify/polaris-react/pull/4837))
- Bumped `@storybook/react` to 6.4.10 ([#4796](https://github.com/Shopify/polaris-react/pull/4796))
- Bumped `@shopify/storybook-a11y-test` to 0.4.3 ([#4796](https://github.com/Shopify/polaris-react/pull/4796))
- Removed dependency `serve`. Thank you to [@aaronadamsCA](https://github.com/aaronadamsCA) for the contribution ([#4876](https://github.com/Shopify/polaris-react/pull/4876)).

## 7.5.0

- Removed animation from `Skeleton` components ([#4697](https://github.com/Shopify/polaris-react/pull/4697))
- Remove duplicate duration(fast) usage. ([#4682](https://github.com/Shopify/polaris-react/pull/4682))
- Updated the accessability label for the rollup actions in the `Page` header ([#4080](https://github.com/Shopify/polaris-react/pull/4080))
- Centered full width `Popover` on small viewports ([#4114](https://github.com/Shopify/polaris-react/pull/4114))
- Remove analyze custom properties check. ([#4718](https://github.com/Shopify/polaris-react/pull/4718))
- Removed support for importing from `components` as it slows tests down ([#4735](https://github.com/Shopify/polaris-react/pull/4735), [#4739](https://github.com/Shopify/polaris-react/pull/4739))
- Bumped `postcss` to `v8.3.1` ([#4701](https://github.com/Shopify/polaris-react/pull/4701))
- Bumped `@shopify/postcss-plugin` to `v5.0.1` ([#4701](https://github.com/Shopify/polaris-react/pull/4701))
- Bumped `postcss-loader` to `v4.2.0` ([#4701](https://github.com/Shopify/polaris-react/pull/4701))
- Bumped `postcss-modules` to `v4.2.2` ([#4701](https://github.com/Shopify/polaris-react/pull/4701))
- Bumped `node-sass` to `v6.0.1` ([#4783](https://github.com/Shopify/polaris-react/pull/4783))
- Bumped `sass-loader` to `v10.1.1` ([#4783](https://github.com/Shopify/polaris-react/pull/4783))
- Bumped `stylelint` to `v14.1.0` and `@shopify/stylelint-plugin` to `v11.0.0` ([#4798](https://github.com/Shopify/polaris-react/pull/4798))
- Bumped `eslint` to `v8.3.0` and `@shopify/eslint-plugin` to `v41.0.1` ([#4797](https://github.com/Shopify/polaris-react/pull/4797))
- Removed `rem()` function from `tokens.ts` ([#4695](https://github.com/Shopify/polaris-react/pull/4695))
- Remove unnecessary import of `Tokens` in `Collapsible` test ([#4722](https://github.com/Shopify/polaris-react/pull/4722))
- Remove legacy tokens and use default theme for `.storybook/manager.js` ([#4729](https://github.com/Shopify/polaris-react/pull/4729))
- Deprecated `thumbnail` property for `Page` ([#4733](https://github.com/Shopify/polaris-react/pull/4733))
- Deprecated `secondaryActions` property for `SkeletonPage` ([#4740](https://github.com/Shopify/polaris-react/pull/4740))

## 7.4.1

- Added back miscellaneous css custom properties ([#4679](https://github.com/Shopify/polaris-react/pull/4679))
- Added back custom and unnecessary font weight properties ([#4677](https://github.com/Shopify/polaris-react/pull/4677))
- Fixed an issue with `Popover` where the transform property interfered with descendants positioning ([#4685](https://github.com/Shopify/polaris-react/pull/4685))
- Fixed screen reader accessibility issue of the `Checkbox` component ([#4631](https://github.com/Shopify/polaris-react/pull/4631))

## 7.4.0

- Allowed for `readonly` items in ActionList ([#4623](https://github.com/Shopify/polaris-react/pull/4623))
- Updated `VisuallyHidden` styles to not use `top` or `clip` ([#4641](https://github.com/Shopify/polaris-react/pull/4641))
- Added `PlainAction` type to `ComplexAction`. ([#4489](https://github.com/Shopify/polaris-react/pull/4489))
- Updated timeout of `Popover` exit to `durationFast`. ([#4651](https://github.com/Shopify/polaris-react/pull/4651))
- Reduced the size of the `progress` pip in `Badge` ([#4658](https://github.com/Shopify/polaris-react/pull/4658))
- Updated styling of `DropZone` border and overlay text. ([#4662](https://github.com/Shopify/polaris-react/pull/4662))
- Fixed try-catch syntax error in `Modal` ([#4553](https://github.com/Shopify/polaris-react/pull/4553))
- Fixed an issue with `TextField` where date and time were uneditable on click ([#4671](https://github.com/Shopify/polaris-react/pull/4671))
- Added an example for the `small` `size` variant of `Badge` ([#4658](https://github.com/Shopify/polaris-react/pull/4658))
- Updated top bar description and keywords to include `header` ([#4672](https://github.com/Shopify/polaris-react/pull/4672))
- Tightened up what absolute imports are allowed. Removed `baseUrl` from `tsconfig.json`. Attempting to do an absolute import from `src/X` or `components/X` now results in a error when type-checking. ([#4643](https://github.com/Shopify/polaris-react/pull/4643))
- Cleaned up Button styling and \$button-filled mixin([#4635](https://github.com/Shopify/polaris-react/pull/4635))
- Removed filter functions ([#4650](https://github.com/Shopify/polaris-react/pull/4650))
- Removed all color() invocations ([#4636](https://github.com/Shopify/polaris-react/pull/4636))
- Deprecated passing `attention` to the `status` prop on `Badge` in favor of `warning` ([#4658](https://github.com/Shopify/polaris-react/pull/4658))

## 7.3.1

- Reverted exit timeout in `Popover` to avoid race conditions ([#4633](https://github.com/Shopify/polaris-react/pull/4633))

## 7.3.0

- Added helper hooks `useIndexTableRowHovered`, `useIndexTableRowSelected`, and `useIndexTableContainerScroll` to `IndexTable` ([#4286](https://github.com/Shopify/polaris-react/pull/4286))
- Added token for slim border radius ([#4573](https://github.com/Shopify/polaris-react/pull/4573))
- Improved `Popover` component and its animation ([#4580](https://github.com/Shopify/polaris-react/pull/4580))
- Improved `base` easing curve ([#4580](https://github.com/Shopify/polaris-react/pull/4580))
- Removed vertical padding from wrapping div of `ActionList` ([#4571](https://github.com/Shopify/polaris-react/pull/4571))
- Removed extraneous space in `MediaCard` when card has no actions (thanks to [@emilycritter](https://github.com/emilycritter) for the [pull request](https://github.com/Shopify/polaris-react/pull/4538))
- Fixed a bug in `Stack` where vertical spacing was off ([#4572](https://github.com/Shopify/polaris-react/pull/4572))
- Fixed typo in `DropZone` documentation [4566](https://github.com/Shopify/polaris-react/pull/4566)
- Updated Loom to v1 ([#950](https://github.com/Shopify/global-nav/pull/950))

Bumped polaris-icons to v4.10.0 ([#4569](https://github.com/Shopify/polaris-react/pull/4569))

## 7.2.0

- Updated the primary and secondary action type on `MediaCard` to `ComplexAction` ([#4546](https://github.com/shopify/polaris-react/pull/4546))
- Fixed `Stack.Item` having margin when empty ([#4556](https://github.com/Shopify/polaris-react/pull/4556))
- Fixed `Stack` not wrapping valid children in `Stack.Item` ([#4556](https://github.com/Shopify/polaris-react/pull/4556)) (thanks [@benjamindoe](https://github.com/benjamindoe) for the [original issue](https://github.com/Shopify/polaris-react/issues/4555))

## 7.1.0

- Added the `ariaControls` prop to `Checkbox` ([#4509](https://github.com/Shopify/polaris-react/pull/4509))
- Reduced vertical spacing in `Page` ([#4541](https://github.com/Shopify/polaris-react/pull/4541))
- Fixed empty children being wrapped with `Item` in `Stack` ([#4487](https://github.com/Shopify/polaris-react/pull/4487))
- Created an example for an IndexTable with multiple promoted bulk actions ([4497](https://github.com/Shopify/polaris-react/pull/4497))
- Light edits to the best practices for `Modal` and `Banner` ([#4501](https://github.com/Shopify/polaris-react/pull/4501))
- Removed banner in navigation example ([#4533](https://github.com/Shopify/polaris-react/pull/4533))

## 7.0.0

For instructions on updating from v6 to v7, see our [migration guide](https://github.com/Shopify/polaris-react/blob/main/documentation/guides/migrating-from-v6-to-v7.md).

### Major changes

- Updated `react` and `react-dom` to version 16.14.0. This is now the minimum version of React required to use the `@shopify/polaris` library.
- Dropping support for node 10.x
- Dropped support for Desktop Safari versions less than 13.1, and ios Safari versions less than 13.6. ([#4304](https://github.com/Shopify/polaris-react/pull/4304))
- Made `autoComplete` prop in `TextField` a required string ([#4267](https://github.com/Shopify/polaris-react/pull/4267)). If you do not want the browser to autofill a user's information (for example an email input which is a customer's email, but not the email of the user who is entering the information), we recommend setting `autoComplete` to `"off"`.
- `Autocomplete` now requires `Autocomplete.TextField` to be used ([#3910](https://github.com/Shopify/polaris-react/pull/3910))
- Removed ComboBox as a named export on `Autocomplete` ([#3910](https://github.com/Shopify/polaris-react/pull/3910))
- Remove the `esnext` folder from the package. If you use Polaris in an app built with sewing-kit, it must use at least sewing-kit 0.152.0 to leverage esnext builds. ([#4425](https://github.com/Shopify/polaris-react/pull/4425))
- The component styles have moved fromm `dist/styles.css` to `build/esm/styles.css`. Consumers who import styles shall need to update their import path. ([#4424](https://github.com/Shopify/polaris-react/pull/4424))
- The public Sass API has moved from `dist/styles/_public-api.scss` to `build/styles/_public-api.scss`. Consumers who use our Sass API shall need to update their import path. ([#4424](https://github.com/Shopify/polaris-react/pull/4424))
- Add `lastColumnSticky` prop to `IndexTable` to create a sticky last cell and optional sticky last heading on viewports larger than small ([#4150](https://github.com/Shopify/polaris-react/pull/4150))
- Added `id` prop to `Layout` and `Heading` for hash linking ([#4307](https://github.com/Shopify/polaris-react/pull/4307))
- Added `external` prop to `Navigation.Item` component ([#4310](https://github.com/Shopify/polaris-react/pull/4310))
- Added `ariaLabelledBy` props to `Navigation` component to allow a hidden label for accessibility ([#4343](https://github.com/Sho