polaris

Patch Changes

• #7866 4b96147b3 Thanks @aaronccasanova! - Updated stylelint-polaris to allow disabling specific coverage rules instead of entire categories

• #7906 c8a294f51 Thanks @qt314! - Fixed config atRule and function regex to match whole word

• #7868 6cd75fd9a Thanks @aaronccasanova! - Update package.json to define a single entry point

• #7696 bdf04a289 Thanks @chloerice! - Implemented custom message configuration support for polaris/coverage plugin

• #7898 9206b7b13 Thanks @qt314! - Bug fix to wrap z-index 'declaration-property-value-allowed-list' token value with "var"

Patch Changes

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

Minor Changes

• #7842 49ed527b2 Thanks @yurm04! - Add flex-direction: column-reverse to AlphaStack

Patch Changes

• #7851 b36f63183 Thanks @mrcthms! - Updated shadow and placement of the BulkActions bar for greater visibility

Minor Changes

• #7833 e47595193 Thanks @mrcthms! - Separated BulkActions and SelectAllActions for new sticky bulk actions experience

• #7812 e51d2c2d2 Thanks @chazdean! - Created Divider component with guidance and examples

Patch Changes

• #7763 28529baaf Thanks @n-filatov! - Update the Toast component to a more compact layout

• Updated dependencies [afe77e584]:

  • @shopify/[email protected]

Minor Changes

• #7726 22c4107b3 Thanks @qt314! - Added migration to insert disable comments for @shopify/stylelint-polaris

Patch Changes

• #7836 77736370e Thanks @qt314! - Decouple polaris migrator test from stylelint config so it's easier to maintain

• Updated dependencies [38b2a00a6]:

  • @shopify/[email protected]

Patch Changes

• Updated dependencies [22c4107b3, 77736370e]:
  • @shopify/[email protected]

Minor Changes

• #7816 afe77e584 Thanks @allyshiasewdat! - Add returns major icon

Major Changes

• #7691 38b2a00a6 Thanks @aaronccasanova! - Stylelint Polaris v5 release

Patch Changes

• Updated dependencies [28220456f]:
  • @shopify/[email protected]

Patch Changes

• #7744 28220456f Thanks @laurkim! - Fixed mapping for TextStyle variation="strong" to use Text fontWeight="semibold" instead of fontWeight="bold"

Minor Changes

• #7803 23665dfd2 Thanks @aveline! - Added support for ul element on Box

• #7799 508e148f1 Thanks @chazdean! - Updated Box to accept role attribute

• #7746 757aeebe3 Thanks @laurkim! - Removed ContentBlock and its examples in the style guide

• #7775 300b6d4bc Thanks @laurkim! - Removed Tiles and examples in style guide

• #7788 0eb43a9fd Thanks @laurkim! - Added storybook example for AlphaCard with subdued section

• #7794 d43e3bc88 Thanks @aveline! - Added support for responsive spacing on Bleed

• #7790 dc4540ca7 Thanks @laurkim! - Added support for responsive padding to AlphaCard and updated default padding to be responsive

• #7767 cb24dbb9e Thanks @aveline! - Updated Box and AlphaStack to accept aria attributes

• #7697 b7b729235 Thanks @aveline! - Added support for responsive padding to Box

• #7754 aee0c5c4c Thanks @aveline! - Added support for responsive gap on Inline

• #7619 15570cc15 Thanks @Rmnlly! - Added truncateText prop to Navigation.Item to prevent text wrapping

• #7806 5f3b61d0a Thanks @aveline! - Added support for li and tabIndex on Box

Patch Changes

• #7768 4cb1c6a8b Thanks @laurkim! - Renamed storybook example names for consistency

• #7808 ed3444d77 Thanks @laurkim! - Temporarily removed console warnings for deprecated typography components

• #7755 1e5a2b665 Thanks @kyledurand! - Added position, opacity, top, left, right, bottom, z-index to Box

• #7761 81f379315 Thanks @laurkim! - Refactored Columns gap to use getResponsiveProps util

• #7777 cb882f460 Thanks @laurkim! - Refactored position properties on Box to use logical property names

• #7757 f9e1985c9 Thanks @aveline! - Fixed typo in responsive-props mixin. Added jsdoc examples for responsive spacing props in Box.

• #7764 9ab44a69f Thanks @laurkim! - Cleaned up prop descriptions and added missing default values for Box, AlphaCard, AlphaStack, Columns, Tiles, Bleed, and Inline

• #7769 a9e018ec4 Thanks @nabihaalikhan! - Updated badge spacing to right align with secondary action icons

• #7748 ed3da747e Thanks @laurkim! - Renamed spacing prop to gap on Inline, AlphaStack, Columns, and Tiles

• #7732 d08e1c30c Thanks @kyledurand! - Removed spacing prop from Bleed component

• #7779 7c0a4b6a9 Thanks @laurkim! - Updated Bleed props to use logical properties, fixed reversed logic for horizontal/vertical bleed, and updated style guide

• #7793 824aef031 Thanks @Rmnlly! - Extends Navigation Item highlight to full width to cover secondary actions

• Updated dependencies [3bc63f7f9, d748c20ef, 6b989379e]:

  • @shopify/[email protected]

Minor Changes

• #7456 3bc63f7f9 Thanks @SereneChen-7! - Add attribution model icons

• #7724 d748c20ef Thanks @jaychashop! - Added passkey major and minor icons

• #7686 6b989379e Thanks @matyikriszta! - Update FormMajor icon

Minor Changes

• #7648 c08780522 Thanks @samrose3! - Added animation properties to tokenize motion migration

Patch Changes

• #7690 2ce4d38a2 Thanks @samrose3! - Ignore replacing type imports and warn when encountering unknown props for Text component migration

• #7679 566dc20c2 Thanks @isaacbowen! - Add the (missing) case for migrating DisplayText to Text when size is not specified

Minor Changes

• #7684 2e5f8348b Thanks @ananyaneogi! - Update the CalloutCard title prop to accept a ReactNode type

• #7588 c1c8f73b0 Thanks @rcaplanshopify! - Added optional captureOverscroll prop to Popover

• #6986 270887fcf Thanks @danielle-dsouza! - Clicking on the modal backdrop triggers the pressed state of the modal's close button

Patch Changes

• #7693 bdf6fd31d Thanks @philschoefer! - Fixed a bug where DataTable summary row would not properly inherit type defined in columnContentTypes prop

• #7578 217f2f8ed Thanks @haskelash-shopify! - Hide bulk actions popup when all items are deselected.

• #7710 6b915e01e Thanks @laurkim! - Fixed visual spacing regressions on ActionList and Modal.Header

Patch Changes

• Updated dependencies [2ce4d38a2, c08780522, 566dc20c2]:
  • @shopify/[email protected]

Minor Changes

• #7551 d7dc4436f Thanks @aaronccasanova! - Add stylelint-polaris/coverage rule

Patch Changes

• #7589 b7b0ef5a9 Thanks @aaronccasanova! - Add constraints to stylelint-polaris/coverage disable comments

• Updated dependencies [6e9edd3b5]:

  • @shopify/[email protected]

Minor Changes

• #7403 8859f5db5 Thanks @jesstelford! - Introduce migrate-motion migration for migrating transition, transition-duration, and transition-delay usages of duration values.

• #7606 cf7badbd1 Thanks @samrose3! - Renamed and split migrations based on scope and type (react, scss, and styles)

• #7543 8c1989618 Thanks @jesstelford! - Expose utilities for SASS Migrations to leverage the Suggestion-on-partial-fix pattern

• #7529 3652eb901 Thanks @samrose3! - Add relative option for replace-text-component migration

• #7532 ba576498d Thanks @jesstelford! - Expose the .report() method to SASS migrations for easier aggregation of discovered issues during a migration run.

Patch Changes

• #7606 cf7badbd1 Thanks @samrose3! - Update createInlineComment to format text with RegExp

• #7606 cf7badbd1 Thanks @samrose3! - Add support to replace Identifiers along with JSXIdentifiers for Text migration

• #7632 1f2ec8bfe Thanks @samrose3! - Check for targeted component import before modifying in Text component migration

• Updated dependencies [6e9edd3b5]:

  • @shopify/[email protected]

Patch Changes

• Updated dependencies [8859f5db5, cf7badbd1, cf7badbd1, cf7badbd1, 8c1989618, 3652eb901, 1f2ec8bfe, ba576498d]:
  • @shopify/[email protected]

Minor Changes

• #7572 20c8cad81 Thanks @laurkim! - Replaced usage of text components in component stories with Text component

• #7621 6e9edd3b5 Thanks @aveline! - - Added border width prop to Box

  • Exported color token subset alias types from tokens package and remove from Box

• #7068 ccdcea22e Thanks @laurkim! - Deprecated DisplayText, Heading, Subheading, Caption, TextStyle, and VisuallyHidden components

Patch Changes

• #7644 b3e73ee04 Thanks @kyledurand! - Added horizontal spacing defaults to Bleed

• #7530 79d92a820 Thanks @samrose3! - Replaced all typography components with the new Text component.
  Added support for text-inverse color type on Text.
  Removed references to the following mixins to use the new Text or tokens directly in classes: text-style-body, text-style-heading, text-style-subheading, text-style-caption, text-style-button, text-style-button-large, text-emphasis-subdued, text-emphasis-strong, nav-item-text-attributes.

• #7577 db951f855 Thanks @RickyMarou! - Page component: display subtitle even when it's the only header prop set

• #7633 1364be7f1 Thanks @kyledurand! - Renamed alignY prop to alignBlock on Inline
  Added more flex properties to align on Inline

• #7443 7a6fb7c1c Thanks @iAmNathanJ! - Improve performance of the Scrollable component with React 18

• #7625 9f8b651dd Thanks @kyledurand! - Removed wrap children with div from Inline component

• #7593 addd6bcdd Thanks @kyledurand! - Improved comments across layout components, changed default spacing of Inline component to match AlphaStack

• #7600 f006509be Thanks @billycai! - Add spacing between title and metadata for Page component

• #7563 a9051d678 Thanks @chazdean! - Updated Inline component docs and default prop values

• #7635 3cb5377a6 Thanks @iAmNathanJ! - Fixed Scrollable component to match existing onScrolledToBottom logic

• Updated dependencies [432bdd5fe, 6e9edd3b5, 35be8a003]:

  • @shopify/[email protected]
  • @shopify/[email protected]