Shopify/polaris-react @shopify/polaris@12.0.0

on GitHub

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/polaris-tokens@8.0.0