Patch Changes

• #10976 f1d256fce Thanks @sarahill! - Added descriptions to color tokens

Patch Changes

• Updated dependencies [f1d256fce]:
  • @shopify/[email protected]
  • @shopify/[email protected]

Patch Changes

• Updated dependencies [f1d256fce]:
  • @shopify/[email protected]

Minor Changes

• #10950 da2466f41 Thanks @aaronccasanova! - Updated the CLI to accept a file list via stdin

Major Changes

• #10941 ec1efca1b Thanks @sophschneider! - - Updated dependencies [2a467249f, 2cdc59f88, 794d1f5e4, 86d4040c05, 08aaf11ec, a2aefd0, 2ce6c37]:
  • @shopify/[email protected]

Migrating from v11 to v12

Major Changes

• #10122 43b42aefed Thanks @aveline! - Removed shape prop on Avatar component

• #10705 c7c2312f7 Thanks @chloerice! - - Removed the subdued and status props from IndexTable.Row. Use tone instead.

• #10778 b126f64e6 Thanks @laurkim! - Migrated shadow custom properties from v11 to v12

• #10762 1ef71164c Thanks @laurkim! - Migrated font custom properties from v11 to v12

• #10270 b9bcaef414 Thanks @kyledurand! - Changed spacing prop to gap on List and DescriptionList

• #10741 2c2bb0e09 Thanks @laurkim! - - Migrated border custom properties from v11 to v12

  • Removed backwards compatibility for v11 border tokens on Tooltip component BorderRadius type
  • Updated JSDoc prop type descriptions to include updated border custom properties on Divider and Tooltip components

• #10744 a4f5e7df3 Thanks @mrcthms! - Removed deprecated disable1Password prop from TextField.

• #9997 b59fc9e272 Thanks @yurm04! - Replaced segmented prop with variant in ButtonGroup.
  Replaced spacing prop with gap in ButtonGroup.

• #10100 4c7b2d4858 Thanks @kyledurand! - Updated borderRadius props on Box to match logical property naming conventions.

• #10051 69edd97ceb Thanks @aveline! - Renamed color prop to tone for ProgressBar component

• #10182 e814c0ee1a Thanks @kyledurand! - Removed connectedDisclosure prop from Button

• #10283 42ee9f407d Thanks @sam-b-rose! - Renamed size prop values for the Avatar component. See the following table for the new prop mappings.

  Before	After
  size="extraSmall"	size="xs"
  size="small"	size="sm"
  size="medium"	size="md"
  size="large"	size="lg"
  size="xl-experimental"	size="xl"
  size="2xl-experimental"	size="xl"

• #10232 eb2c2035ca Thanks @laurkim! - Removed divider prop from Page component

• #10727 179b481d7 Thanks @laurkim! - Migrated space custom properties from v11 to v12
  Removed backwards compatibility for v11 border tokens on Tooltip component Padding type
  Updated JSDoc prop type descriptions to include updated padding custom properties on Box component

• #10271 1125087b59 Thanks @kyledurand! - Removed deprecated additionalNavigation prop on Page Header

• #10164 af9f264b9a Thanks @aveline! - Renamed destructive prop to tone for Button component

• #10261 abeef7ad05 Thanks @kyledurand! - Replaced small, large, and fullScreen props with size prop

• #10060 84e66a3ec4 Thanks @sophschneider! - Enabled the Summer Editions 2023 feature flag by default

• #10206 dad09bde96 Thanks @kyledurand! - Changed status prop on Banner to tone

• #10220 2b0cdb2fbf Thanks @kyledurand! - Changed color prop on Icon to tone

• #10669 794d1f5e4 Thanks @lgriffee! - Added border-radius semantic layer

• #10036 359614cf83 Thanks @kyledurand! - Replaced borderless prop with variant on TextField

• #10635 340e36e7d Thanks @laurkim! - Removed polarisSummerEditions2023 feature flag from AppProvider context

• #10090 4caed28a77 Thanks @aveline! - Consolidated boolean Button props into variant prop

• #10041 8f927f7622 Thanks @kyledurand! - Replaced boolean props: secondary, fullWidth, oneHalf, oneThird on Layout.Section with variant

• #10266 22a51eae2b Thanks @kyledurand! - Renamed color prop on Text to tone

• #10745 a4205eee1 Thanks @mrcthms! - [IndexFilters] Remove IndexFiltersManager in AppProvider

• #10060 66f5c8df3e Thanks @sophschneider! - Removed Summer Editions experimental styles and code for the following components: AppProvider, Avatar, AccountConnection, ActionList, ActionMenu, Autocomplete, Badge, Banner, Breadcrumbs, BulkActions, Button, ButtonGroup, CalloutCard, Card, CheckableButton, Checkbox, Choice, Connected, DataTable, DatePicker, DropZone, EmptyState, Filters, FormLayout, Frame, FullscreenBar, IndexFilters, IndexTable, InlineError, KeyboardKey, Labelled, Layout, LegacyCard, LegacyFilters, LegacyTabs, Link, List, Listbox, MediaCard, Modal, Navigation, OptionList, Page, PageActions, Pagination, Popover, ProgressBar, RadioButton, ResourceItem, ResourceList, Select, SettingAction, ShadowBevel, SkeletonPage, SkeletonThumbnail, Spinner, Tabs, Tag, Text, TextField, Thumbnail, TooltipOverlay, TopBar, and VideoThumbnail

• #10773 f6bc29ade Thanks @laurkim! - Removed support for headingXs and heading4xl variants and replaced usage with headingSm and heading3xl

• #10232 eb2c2035ca Thanks @laurkim! - Removed optionRole prop from OptionList component

Minor Changes

• #10722 14a94967d Thanks @laurkim! - Added support for emphasis and text tones on Icon and migrated primary and subdued tone color tokens

Patch Changes

• #10228 e18ca907ec Thanks @gwyneplaine! - Removed unused disabled states in FilterPill

• #10918 aaf61fe6a Thanks @aaronccasanova! - Executing useBreakpoints isormophically no longer triggers a Hydration mismatch error or rendering bugs.

• #10268 dbe3d9ecee Thanks @laurkim! - Fixed broken focus ring styles on ResourceItem component

• #10871 77744cbf0 Thanks @chloerice! - Disabled calt font ligatures to prevent unwanted stylizing of letters into symbols

• #10238 b17d23d69d Thanks @sam-b-rose! - Ensure Avatar has no background color if an source prop is passed in to allow for transparent images

• #10230 a573e55d04 Thanks @gwyneplaine! - IndexFilter remove custom FilterButton in favor of directly invoking the Polaris Button component.

• Updated dependencies [2a467249f, 2cdc59f88, 794d1f5e4, 86d4040c05, 08aaf11ec]:

  • @shopify/[email protected]

Major Changes

• #10760 2a467249f Thanks @lgriffee! - Updated shadow token values

• #10801 2cdc59f88 Thanks @aaronccasanova! - Deprecated a collection of types, utils, and JSON exports

• #10673 08aaf11ec Thanks @lgriffee! - Updated font-size and font-weight token values

Minor Changes

• #10669 794d1f5e4 Thanks @lgriffee! - Added border-radius semantic layer

• #10382 86d4040c05 Thanks @laurkim! - Renamed ThemeVariant to Theme and exposed Theme type

🛑 Unsafe release

This version includes breaking changes to tokens (that were removed). We recommend using v15.0.0 to resolve this issue.

Patch Changes

• Updated dependencies [2a467249f, 2cdc59f88, 794d1f5e4, 86d4040c05, 08aaf11ec]:
  • @shopify/[email protected]

Minor Changes

• #10878 f185fb99d Thanks @aaronccasanova! - Added generic react-update-component-prop migration

Minor Changes

• #10874 471c3d5af Thanks @lgriffee! - Ported v12-react-avatar-component migration from [Avatar] Remove customer prop and experimental values #10283 to main branch

Minor Changes

• #10788 82f10e830 Thanks @mrcthms! - Deprecated the IndexFiltersManager component

Minor Changes

• #10579 b5a3622ca Thanks @aaronccasanova! - Created migration to replace deprecated color custom properties in Polaris v12.0.0

• #10304 eb93b7f1c Thanks @lgriffee! - Created migration to replace deprecated font custom properties in polaris-react v12.0.0

• #10506 d901a07a3 Thanks @lgriffee! - Created migration to replace deprecated border custom properties in polaris-react v12.0.0

• #10305 1b36b9256 Thanks @lgriffee! - Created migration to replace deprecated space custom properties in polaris-react v12.0.0

• #10306 dbae87e58 Thanks @lgriffee! - Created migration to replace deprecated shadow custom properties in polaris-react v12.0.0

Patch Changes

• Updated dependencies [2a467249f, 2cdc59f88, 794d1f5e4, 08aaf11ec]:
  • @shopify/[email protected]

Major Changes

• #10760 2a467249f Thanks @lgriffee! - Updated shadow token values

• #10801 2cdc59f88 Thanks @aaronccasanova! - Deprecated a collection of types, utils, and JSON exports

• #10673 08aaf11ec Thanks @lgriffee! - Updated font-size and font-weight token values

• #10674 a2aefd060 Thanks @lgriffee! - Removed legacy v11 border, font, space, shadow tokens

• #10779 2ce6c375d Thanks @aaronccasanova! - Removed legacy v11 color tokens

Minor Changes

• #10669 794d1f5e4 Thanks @lgriffee! - Added border-radius semantic layer

Major Changes

• #10705 c7c2312f7 Thanks @chloerice! - - Removed the subdued and status props from IndexTable.Row. Use tone instead.

• #10778 b126f64e6 Thanks @laurkim! - Migrated shadow custom properties from v11 to v12

• #10762 1ef71164c Thanks @laurkim! - Migrated font custom properties from v11 to v12

• #10741 2c2bb0e09 Thanks @laurkim! - - Migrated border custom properties from v11 to v12

  • Removed backwards compatibility for v11 border tokens on Tooltip component BorderRadius type
  • Updated JSDoc prop type descriptions to include updated border custom properties on Divider and Tooltip components

• #10744 a4f5e7df3 Thanks @mrcthms! - Removed deprecated disable1Password prop from TextField.

• #10727 179b481d7 Thanks @laurkim! - Migrated space custom properties from v11 to v12
  Removed backwards compatibility for v11 border tokens on Tooltip component Padding type
  Updated JSDoc prop type descriptions to include updated padding custom properties on Box component

• #10669 794d1f5e4 Thanks @lgriffee! - Added border-radius semantic layer

• #10745 a4205eee1 Thanks @mrcthms! - [IndexFilters] Remove IndexFiltersManager in AppProvider

• #10773 f6bc29ade Thanks @laurkim! - Removed support for headingXs and heading4xl variants and replaced usage with headingSm and heading3xl

Minor Changes

• #10722 14a94967d Thanks @laurkim! - Added support for emphasis and text tones on Icon and migrated primary and subdued tone color tokens

• #10788 82f10e830 Thanks @mrcthms! - Deprecated the IndexFiltersManager component

Patch Changes

• Updated dependencies [2a467249f, 2cdc59f88, 794d1f5e4, 08aaf11ec]:
  • @shopify/[email protected]

Minor Changes

• #10724 7e53d7860 Thanks @chloerice! - Deprecated IndexTable status and subdued props in favor of new tone prop

Patch Changes

• #10736 49e47880a Thanks @aaronccasanova! - Fixed issue with setting local pinned filters in Filters when no appliedFilters were provided.

Minor Changes

• #10576 30555a9f9 Thanks @aaronccasanova! - Migrated color custom properties from Polaris v11 to v12

• b3bfdcfc0 Thanks @aaronccasanova! - - Updated the TextField to automatically set password manager disable data attributes when autoComplete is set to "off"

  • Deprecated the TextField disable1Password prop

Major Changes

• #10122 43b42aefed Thanks @aveline! - Removed shape prop on Avatar component

• #10270 b9bcaef41 Thanks @kyledurand! - Changed spacing prop to gap on List and DescriptionList

• #9997 b59fc9e27 Thanks @yurm04! - [ButtonGroup] Removed segmented boolean prop and replaced with variant. Replaced spacing prop with gap

• #10100 4c7b2d4858 Thanks @kyledurand! - Updated borderRadius props to match web spec

• #10051 69edd97ceb Thanks @aveline! - Renamed color prop to tone for ProgressBar component

• #10182 e814c0ee1a Thanks @kyledurand! - Removed connectedDislosure prop on button

• #10283 42ee9f407 Thanks @sam-b-rose! - Renamed size prop values for the Avatar component. See the following table for the new prop mappings.

  Before	After
  size="extraSmall"	size="xs"
  size="small"	size="sm"
  size="medium"	size="md"
  size="large"	size="lg"
  size="xl-experimental"	size="xl"
  size="2xl-experimental"	size="xl"

• #10232 eb2c2035c Thanks @laurkim! - Removed divider prop from Page component

• #10271 1125087b5 Thanks @kyledurand! - Removed deprecated additionalNavigation prop on Page Header

• #10164 af9f264b9a Thanks @aveline! - Renamed destructive prop to tone for Button component

• #10261 abeef7ad0 Thanks @kyledurand! - Replaced small, large, and fullScreen props with size prop

• #10206 dad09bde9 Thanks @kyledurand! - Changed status prop on Banner to tone

• #10220 2b0cdb2fbf Thanks @kyledurand! - Changed color prop on Icon to tone

• #10036 359614cf83 Thanks @kyledurand! - Replaced borderless prop with variant on TextField

  Migration: npx @shopify/polaris-migrator react-rename-component-prop <path> --componentName="TextField" --from="borderless" --to="variant" --newValue="borderless"

• #10635 340e36e7d Thanks @laurkim! - Removed polarisSummerEditions2023 feature flag from AppProvider context

• #10090 4caed28a77 Thanks @aveline! - Consolidated boolean Button props into variant prop

• #10041 8f927f7622 Thanks @kyledurand! - Replaced boolean props: secondary, fullWidth, oneHalf, oneThird on Layout.Section with variant

• #10266 22a51eae2 Thanks @kyledurand! - Renamed color prop on Text to tone

• #9993 66f5c8df3e Thanks @gwyneplaine! - Removed Summer Editions experimental styles and code for the following components: AppProvider, Avatar, AccountConnection, ActionList, ActionMenu, Autocomplete, Badge, Banner, Breadcrumbs, BulkActions, Button, ButtonGroup, CalloutCard, Card, CheckableButton, Checkbox, Choice, Connected, DataTable, DatePicker, DropZone, EmptyState, Filters, FormLayout, Frame, FullscreenBar, IndexFilters, IndexTable, InlineError, KeyboardKey, Labelled, Layout, LegacyCard, LegacyFilters, LegacyTabs, Link, List, Listbox, MediaCard, Modal, Navigation, OptionList, Page, PageActions, Pagination, Popover, ProgressBar, RadioButton, ResourceItem, ResourceList, Select, SettingAction, ShadowBevel, SkeletonPage, SkeletonThumbnail, Spinner, Tabs, Tag, Text, TextField, Thumbnail, TooltipOverlay, TopBar, and VideoThumbnail

• #10232 eb2c2035c Thanks @laurkim! - Removed optionRole prop from OptionList component

Minor Changes

• #10238 b17d23d69 Thanks @sam-b-rose! - Add a search field to filter ActionList that have more than 10 items

Patch Changes

• #10228 e18ca907e Thanks @gwyneplaine! - Filters Remove unused disabled states in FilterPill

• #10268 dbe3d9ece Thanks @laurkim! - Fixed broken focus ring styles on ResourceItem component

• #10238 b17d23d69 Thanks @sam-b-rose! - Ensure Avatar has no background color if an source prop is passed in to allow for transparent images

• #10230 a573e55d0 Thanks @gwyneplaine! - IndexFilter remove custom FilterButton in favor of directly invoking the Polaris Button component.

• Updated dependencies [86d4040c0]:

  • @shopify/[email protected]

Minor Changes

• #10382 86d4040c0 Thanks @laurkim! - Renamed ThemeVariant to Theme and exposed Theme type

Patch Changes

• Updated dependencies [86d4040c0]:
  • @shopify/[email protected]