Shopify/polaris @shopify/polaris@12.2.0

on GitHub

Minor Changes

• #11166 456f3da42 Thanks @sophschneider! - Added Card component default value for roundedAbove prop

• #11211 07aa5e979 Thanks @sophschneider! - Added size prop with slim and medium options to TextField

• #11266 bf0593e20 Thanks @LauraAubin! - - Fixed Modal activator not regaining focus on close

  • Added an activatorWrapper prop to Modal to support setting the element that wraps the activator

• #11201 eca971dca Thanks @laurkim! - Added documentation for Card examples to support LegacyCard compositions

• #11261 32cfbecb1 Thanks @lgriffee! - Updated Avatar background and text colors

• #11219 97683ac05 Thanks @matallo! - - Bumped color-text-magic-secondary to purple 13

  • Added tone prop with magic value to Select
  • Added magic value to tone prop of Text
  • Added magic-subdued value to tone prop of Text

• #11264 773daaa0f Thanks @ryanschingeck! - Added maxWidth prop to SkeletonDisplayText component

• #11172 64ee75039 Thanks @yurm04! - Added the key prop to Select component StrictOption

• #11170 79cadcf4f Thanks @laurkim! - Added support for paddingInline and paddingBlock on Box component with updated documentation

• #11115 45deb1941 Thanks @fatimasajadi! - Fixed hover state of IndexTable.Row when selectable is false

• #10633 53fe61479 Thanks @mattkubej! - Updated IndexTable, ResourceList, and DataTable to have built-in pagination props

• #10726 35d92bcd8 Thanks @mrcthms! - Updated Filters to not render or perform filters logic if the filters array is empty

• #10800 9159e5083 Thanks @sirgalleto! - Added support for an EditColumns button rendered in the IndexFilters deprecating the Tabs's edit-columns action.

  • IndexFilters
    • Added support for rendering an Edit Columns button using the showEditColumnsButton flag.
    • Added the edition mode to the onEditStart(mode) callback.
  • Tabs
    • Removed the edit-columns action type.

• #11221 799276156 Thanks @mrcthms! - Updated Pagination to be correct height of 40px when in the table variant

• #11263 04b8fb370 Thanks @alex-page! - Add storybook example for all icons in @shopify/polaris-icons

• #11094 2c5ca9900 Thanks @laurkim! - Added support for bodyXs variant and fixed font weight for headingLg variant in Text component.
  Updated references to font tokens from Polaris v11 to v12 in Text component documentation

• #11036 1459f773d Thanks @hughnguy! - Fixed TextField events not bubbling up when multiline

Patch Changes

• #10987 00374f85a Thanks @kyledurand! - Simplified Button code

• #11211 07aa5e979 Thanks @sophschneider! - Fixed transparent background and wrapping in IndexFilters on small screens

• #11211 07aa5e979 Thanks @sophschneider! - Added SearchMinor icon to Filters search field when mdUp

• #11101 6297e524a Thanks @AndrewMusgrave! - Fixed ref error in Tabs for CreateViewModal and removed promoted bulk action warnings

• #11203 8b9ded242 Thanks @kyledurand! - Updated IndexTable documentation for when to hide bulk actions

• #11270 09df04ca5 Thanks @moraleslevi! - Remove scrollbars from TextField vertical content

• #11245 165c860c2 Thanks @matallo! - - Fixed onFocus and onBlur events of Select component

• #11237 6b6e27ce0 Thanks @alex-page! - Remove unused custom icon from dropzone that was used in a test

• #11103 786ee94b4 Thanks @kyledurand! - Fixed Filters SearchField background in dark mode

• #11211 07aa5e979 Thanks @sophschneider! - Fixed TextField clear button to not render when hidden

• #11169 90de38843 Thanks @kyledurand! - Added expanded styling to Button

• #11206 0e8ab42b4 Thanks @sophschneider! - Fixed disjointed Navigation arrow on small screens

• #10804 fe8491507 Thanks @sam-b-rose! - Add support for using breakpoint tokens in CSS by using @custom-media

• #11124 ad504d5be Thanks @sarahill! - Removed bevel from pressed Button when focused

• #11281 b0edfbb92 Thanks @sirgalleto! - Restores the Tab's edit-columns action type

• #11238 2df27ed0b Thanks @alex-page! - Conditionally render the accessibilityLabel when it is provided

• #11168 9c3dd913c Thanks @mattkubej! - [Page] prevent vertical content shift of header with metadata and actions

• #11211 07aa5e979 Thanks @sophschneider! - Replaced custom Filters input with Polaris TextField

• #11123 ac45afda8 Thanks @sarahill! - Updated Button base state colors to use fill tokens

• #10599 b7219863d Thanks @oksanashopify! - Added child type to IndexTable row

• #11105 ecbd6c137 Thanks @sarahill! - Fixed Tag icon and disabled state colors

• #11012 c25478fba Thanks @chloerice! - Fixed FormLayout spacing

• #10753 c849ff468 Thanks @stephxshopify! - [Modal] Disallow vertical scroll with use of noScroll

• Updated dependencies [c58632afa, c3cad73cb, 0b1961c16, 32cfbecb1, 97683ac05, fe8491507]:

  • @shopify/polaris-tokens@8.2.0
  • @shopify/polaris-icons@7.10.0