Shopify/polaris @shopify/polaris@12.0.0-beta.1

on GitHub

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/polaris-tokens@7.13.0-beta.0