diff --git a/.changeset/fluffy-hotels-explain.md b/.changeset/fluffy-hotels-explain.md
new file mode 100644
index 00000000000..be33a0c8215
--- /dev/null
+++ b/.changeset/fluffy-hotels-explain.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': patch
+---
+
+Updated `SkeletonPage` title and body layout
diff --git a/.changeset/grumpy-students-pull.md b/.changeset/grumpy-students-pull.md
new file mode 100644
index 00000000000..83a92944d72
--- /dev/null
+++ b/.changeset/grumpy-students-pull.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': patch
+---
+
+Refactored `SkeletonPage` title layout
diff --git a/.changeset/neat-dolphins-sniff.md b/.changeset/neat-dolphins-sniff.md
new file mode 100644
index 00000000000..ecb2d6b71bb
--- /dev/null
+++ b/.changeset/neat-dolphins-sniff.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': patch
+---
+
+Fixed `ResourceList` header alignment
diff --git a/.changeset/nine-worms-sip.md b/.changeset/nine-worms-sip.md
new file mode 100644
index 00000000000..7ebd6eab697
--- /dev/null
+++ b/.changeset/nine-worms-sip.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': patch
+---
+
+Rebuilt `ResourceItem` with layout components
diff --git a/.changeset/serious-tomatoes-dress.md b/.changeset/serious-tomatoes-dress.md
new file mode 100644
index 00000000000..3c40b08b50a
--- /dev/null
+++ b/.changeset/serious-tomatoes-dress.md
@@ -0,0 +1,6 @@
+---
+'@shopify/polaris': minor
+'polaris.shopify.com': patch
+---
+
+Rebuilt `ActionList` to use layout primitives
diff --git a/.changeset/silver-emus-unite.md b/.changeset/silver-emus-unite.md
new file mode 100644
index 00000000000..c4b968f760e
--- /dev/null
+++ b/.changeset/silver-emus-unite.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': patch
+---
+
+Fixed IndexTable checkbox alignment
diff --git a/.changeset/strong-bottles-swim.md b/.changeset/strong-bottles-swim.md
new file mode 100644
index 00000000000..9b76d2d1790
--- /dev/null
+++ b/.changeset/strong-bottles-swim.md
@@ -0,0 +1,7 @@
+---
+'@shopify/polaris': minor
+---
+
+Refactored `SkeletonPage` to use primitive Layout components
+Removed `max-width` on children in `AlphaStack`
+Added `narrowWidth` and `fullWidth` examples to `AlphaStack` stories
diff --git a/polaris-react/src/components/ActionList/ActionList.scss b/polaris-react/src/components/ActionList/ActionList.scss
index 285353fe160..bca85c2ecd1 100644
--- a/polaris-react/src/components/ActionList/ActionList.scss
+++ b/polaris-react/src/components/ActionList/ActionList.scss
@@ -1,44 +1,5 @@
 @import '../../styles/common';
 
-.ActionList {
-  outline: none;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.Section:not(:first-child) {
-  border-top: var(--p-border-divider);
-
-  // stylelint-disable-next-line selector-max-class, selector-max-combinators, selector-max-specificity -- generated by polaris-migrator DO NOT COPY
-  > .Section-withoutTitle .Actions {
-    padding-top: var(--p-space-2);
-  }
-}
-
-.Actions {
-  outline: none;
-  list-style: none;
-  margin: 0;
-  padding: var(--p-space-2);
-}
-
-.ActionList,
-.Section:first-child {
-  // stylelint-disable-next-line selector-max-class, selector-max-combinators, selector-max-specificity -- generated by polaris-migrator DO NOT COPY
-  > .Section-withoutTitle .Actions {
-    border-top: none;
-    padding-top: var(--p-space-2);
-  }
-}
-
-.ActionList .Section {
-  // stylelint-disable-next-line selector-max-class, selector-max-combinators -- generated by polaris-migrator DO NOT COPY
-  .Actions {
-    padding-top: 0;
-  }
-}
-
 .Item {
   // stylelint-disable -- Polaris component custom properties
   --pc-action-list-image-size: 20px;
@@ -131,13 +92,6 @@
   }
 }
 
-.Content {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: flex;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: center;
-}
-
 .Prefix {
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   @include recolor-icon(var(--p-icon));
@@ -168,13 +122,6 @@
 .Suffix {
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   @include recolor-icon(var(--p-icon));
-  margin-left: var(--p-space-4);
-}
-
-.ContentBlock,
-.ContentBlockInner {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: block;
 }
 
 .Text {
diff --git a/polaris-react/src/components/ActionList/ActionList.tsx b/polaris-react/src/components/ActionList/ActionList.tsx
index 233fe2ad650..7ec14e87b69 100644
--- a/polaris-react/src/components/ActionList/ActionList.tsx
+++ b/polaris-react/src/components/ActionList/ActionList.tsx
@@ -6,11 +6,10 @@ import {
 } from '../../utilities/focus';
 import {KeypressListener} from '../KeypressListener';
 import {ActionListItemDescriptor, ActionListSection, Key} from '../../types';
-import {classNames} from '../../utilities/css';
+import {Box} from '../Box';
 
 import {Section, Item} from './components';
 import type {ItemProps} from './components';
-import styles from './ActionList.scss';
 
 export interface ActionListProps {
   /** Collection of actions for list */
@@ -40,10 +39,7 @@ export function ActionList({
     finalSections = sections;
   }
 
-  const className = classNames(styles.ActionList);
-
   const hasMultipleSections = finalSections.length > 1;
-  const Element = hasMultipleSections ? 'ul' : 'div';
   const elementRole =
     hasMultipleSections && actionRole === 'menuitem' ? 'menu' : undefined;
   const elementTabIndex =
@@ -57,6 +53,7 @@ export function ActionList({
         hasMultipleSections={hasMultipleSections}
         actionRole={actionRole}
         onActionAnyItem={onActionAnyItem}
+        isFirst={index === 0}
       />
     ) : null;
   });
@@ -102,15 +99,15 @@ export function ActionList({
     ) : null;
 
   return (
-    <Element
+    <Box
+      as={hasMultipleSections ? 'ul' : 'div'}
       ref={actionListRef}
-      className={className}
       role={elementRole}
       tabIndex={elementTabIndex}
     >
       {listeners}
       {sectionMarkup}
-    </Element>
+    </Box>
   );
 }
 
diff --git a/polaris-react/src/components/ActionList/components/Item/Item.tsx b/polaris-react/src/components/ActionList/components/Item/Item.tsx
index 46177c3c10b..03957153ac4 100644
--- a/polaris-react/src/components/ActionList/components/Item/Item.tsx
+++ b/polaris-react/src/components/ActionList/components/Item/Item.tsx
@@ -9,6 +9,8 @@ import {Badge} from '../../../Badge';
 import {Text} from '../../../Text';
 import styles from '../../ActionList.scss';
 import {handleMouseUpByBlurring} from '../../../../utilities/focus';
+import {Inline} from '../../../Inline';
+import {Box} from '../../../Box';
 
 export type ItemProps = ActionListItemDescriptor;
 
@@ -61,12 +63,12 @@ export function Item({
   const contentText = ellipsis && content ? `${content}…` : content;
 
   const contentMarkup = helpText ? (
-    <span className={styles.ContentBlock}>
-      <span className={styles.ContentBlockInner}>{contentText}</span>
+    <>
+      <Box>{contentText}</Box>
       <Text variant="bodyMd" color="subdued" as="span">
         {helpText}
       </Text>
-    </span>
+    </>
   ) : (
     contentText
   );
@@ -78,18 +80,20 @@ export function Item({
   );
 
   const suffixMarkup = suffix && (
-    <span className={styles.Suffix}>{suffix}</span>
+    <Box paddingInlineStart="4">
+      <span className={styles.Suffix}>{suffix}</span>
+    </Box>
   );
 
   const textMarkup = <span className={styles.Text}>{contentMarkup}</span>;
 
   const contentElement = (
-    <span className={styles.Content}>
+    <Inline blockAlign="center" gap="0">
       {prefixMarkup}
       {textMarkup}
       {badgeMarkup}
       {suffixMarkup}
-    </span>
+    </Inline>
   );
 
   const scrollMarkup = active ? <Scrollable.ScrollTo /> : null;
diff --git a/polaris-react/src/components/ActionList/components/Section/Section.tsx b/polaris-react/src/components/ActionList/components/Section/Section.tsx
index de76ad9d2c3..921d6b83681 100644
--- a/polaris-react/src/components/ActionList/components/Section/Section.tsx
+++ b/polaris-react/src/components/ActionList/components/Section/Section.tsx
@@ -7,7 +7,6 @@ import type {
   ActionListItemDescriptor,
   ActionListSection,
 } from '../../../../types';
-import styles from '../../ActionList.scss';
 
 export interface SectionProps {
   /** Section of action items */
@@ -18,11 +17,14 @@ export interface SectionProps {
   actionRole?: 'option' | 'menuitem' | string;
   /** Callback when any item is clicked or keypressed */
   onActionAnyItem?: ActionListItemDescriptor['onAction'];
+  /** Whether it is the first in a group of sections */
+  isFirst?: boolean;
 }
 
 export function Section({
   section,
   hasMultipleSections,
+  isFirst,
   actionRole,
   onActionAnyItem,
 }: SectionProps) {
@@ -55,8 +57,6 @@ export function Section({
     },
   );
 
-  const className = section.title ? undefined : styles['Section-withoutTitle'];
-
   const titleMarkup = section.title ? (
     <Box
       paddingBlockStart="4"
@@ -70,7 +70,7 @@ export function Section({
     </Box>
   ) : null;
 
-  let sectionRole;
+  let sectionRole: 'menu' | 'presentation' | undefined;
   switch (actionRole) {
     case 'option':
       sectionRole = 'presentation';
@@ -84,22 +84,29 @@ export function Section({
   }
 
   const sectionMarkup = (
-    <div className={className}>
+    <>
       {titleMarkup}
-      <ul
-        className={styles.Actions}
-        role={sectionRole}
+      <Box
+        as="ul"
+        padding="2"
+        {...(hasMultipleSections && {paddingBlockStart: '0'})}
+        {...(sectionRole && {role: sectionRole})}
         tabIndex={!hasMultipleSections ? -1 : undefined}
       >
         {actionMarkup}
-      </ul>
-    </div>
+      </Box>
+    </>
   );
 
   return hasMultipleSections ? (
-    <li className={styles.Section} role="presentation">
+    <Box
+      as="li"
+      role="presentation"
+      {...(!isFirst && {borderBlockStart: 'divider'})}
+      {...(!section.title && {paddingBlockStart: '2'})}
+    >
       {sectionMarkup}
-    </li>
+    </Box>
   ) : (
     sectionMarkup
   );
diff --git a/polaris-react/src/components/BulkActions/BulkActions.scss b/polaris-react/src/components/BulkActions/BulkActions.scss
index 5bdb4e0f939..78b1cda5880 100644
--- a/polaris-react/src/components/BulkActions/BulkActions.scss
+++ b/polaris-react/src/components/BulkActions/BulkActions.scss
@@ -79,6 +79,20 @@ $bulk-actions-button-stacking-order: (
   max-width: 100%;
   pointer-events: auto;
 
+  @media #{$p-breakpoints-sm-down} {
+    // stylelint-disable-next-line selector-max-combinators, selector-max-type -- the first item of button group on small screen needs to fill the space
+    > div > div:first-child {
+      flex: 1 1 auto;
+    }
+  }
+
+  @media #{$p-breakpoints-sm-up} {
+    width: auto;
+    justify-content: flex-start;
+    margin-right: var(--p-space-2);
+    margin-left: calc(-1 * var(--p-space-05));
+  }
+
   .Group-measuring & {
     // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
     position: absolute;
diff --git a/polaris-react/src/components/CheckableButton/CheckableButton.scss b/polaris-react/src/components/CheckableButton/CheckableButton.scss
index f9d6d3e4acf..58fea8a6d25 100644
--- a/polaris-react/src/components/CheckableButton/CheckableButton.scss
+++ b/polaris-react/src/components/CheckableButton/CheckableButton.scss
@@ -1,10 +1,6 @@
 @import '../../styles/common';
 @import '../ResourceList/variables';
 
-$button-vertical-padding: calc(
-  (36px - var(--p-font-line-height-2) - var(--p-space-05)) / 2
-);
-
 .CheckableButton {
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   @include recolor-icon(var(--p-icon-on-interactive));
@@ -21,8 +17,6 @@ $button-vertical-padding: calc(
   min-height: 36px;
   min-width: 36px;
   margin: 0;
-  padding: $button-vertical-padding var(--p-space-1) $button-vertical-padding
-    var(--p-space-4);
   cursor: pointer;
   user-select: none;
   text-decoration: none;
@@ -47,10 +41,6 @@ $button-vertical-padding: calc(
   height: var(--p-choice-size);
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   width: var(--p-choice-size);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  margin-left: calc(
-    -1 * var(--p-space-2) - var(--p-control-border-width) - var(--p-border-width-1)
-  );
 }
 
 .Label {
diff --git a/polaris-react/src/components/EmptyState/EmptyState.scss b/polaris-react/src/components/EmptyState/EmptyState.scss
index 1980c725c6a..fa0cf9c1df0 100644
--- a/polaris-react/src/components/EmptyState/EmptyState.scss
+++ b/polaris-react/src/components/EmptyState/EmptyState.scss
@@ -1,156 +1,8 @@
 @import '../../styles/common';
 
-$within-page-detail-width: 336px;
-$detail-width: 400px;
-
-$stacking-order: (
-  illustration: 0,
-  details: 10,
-);
-
-$left-offset: 35%;
-$right-offset: 10%;
-
-// Multiply by 2 to expand the image size to align with design requirements
-$illustration-left-margin: $left-offset * -2;
-
-// Shift the illustration to the left to overlap with Details
-$illustration-width: calc(100% + #{$left-offset} * 2);
-
-// Respect the right offset on mobile so the illustration shows the correct
-// crop zone
-$illustration-width-cropped: calc(
-  #{$illustration-width} + #{$right-offset} * 2
-);
-
-$centered-illustration-width: 226px;
-
-.EmptyState {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: flex;
-  flex-direction: column;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: center;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  width: 100%;
-  margin: 0 auto;
-  padding: var(--p-space-5) 0;
-  padding-top: var(--p-space-5);
-  padding-bottom: calc(3 * var(--p-space-5));
-  max-width: $page-max-width;
-}
-
-.Section {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: flex;
-  flex-direction: column-reverse;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  flex: 1 1 auto;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  width: 100%;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: center;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  justify-content: center;
-
-  @media #{$p-breakpoints-md-up} {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    left: var(--p-space-5);
-  }
-}
-
-.Details {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: flex;
-  text-align: center;
-  flex-direction: column;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: center;
-
-  @media #{$p-breakpoints-sm-up} {
-    max-width: $detail-width;
-  }
-}
-
-.Image {
-  margin: 0;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  width: initial;
-}
-
-.ImageContainer,
-.DetailsContainer {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  flex: 1 1 auto;
-  padding: 0;
-  margin: 0;
-
-  @media #{$p-breakpoints-md-up} {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    flex-basis: 50%;
-  }
-}
-
-.withinContentContainer {
-  margin: 0 auto;
-  padding-top: var(--p-space-5);
-  padding-bottom: calc(3 * var(--p-space-5));
-
-  .Section {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    position: unset;
-    flex-direction: column-reverse;
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    align-items: center;
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    justify-content: center;
-  }
-
-  .Details {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    display: flex;
-    text-align: center;
-    flex-direction: column;
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    align-items: center;
-
-    @media #{$p-breakpoints-sm-up} {
-      max-width: $detail-width;
-    }
-  }
-
-  .Image {
-    margin: 0;
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    width: initial;
-  }
-
-  .Content {
-    padding-bottom: var(--p-space-2);
-  }
-}
-
 .imageContained {
-  .Image {
-    @media #{$p-breakpoints-md-up} {
-      // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-      position: initial;
-      // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-      width: 100%;
-    }
-  }
-}
-
-.fullWidth {
-  .Details {
-    max-width: 100%;
+  @media #{$p-breakpoints-md-up} {
+    position: initial;
+    width: 100%;
   }
 }
-
-.Content {
-  padding-bottom: var(--p-space-2);
-}
-
-.Actions {
-  margin-top: var(--p-space-4);
-}
diff --git a/polaris-react/src/components/EmptyState/EmptyState.stories.tsx b/polaris-react/src/components/EmptyState/EmptyState.stories.tsx
index f1d58563a32..da31c962265 100644
--- a/polaris-react/src/components/EmptyState/EmptyState.stories.tsx
+++ b/polaris-react/src/components/EmptyState/EmptyState.stories.tsx
@@ -70,3 +70,19 @@ export function WithFullWidthLayout() {
     </Card>
   );
 }
+
+export function WithoutContentContainer() {
+  return (
+    <EmptyState
+      heading="Manage your inventory transfers"
+      action={{content: 'Add transfer'}}
+      secondaryAction={{
+        content: 'Learn more',
+        url: 'https://help.shopify.com',
+      }}
+      image="https://cdn.shopify.com/s/files/1/0262/4071/2726/files/emptystate-files.png"
+    >
+      <p>Track and receive your incoming inventory from suppliers.</p>
+    </EmptyState>
+  );
+}
diff --git a/polaris-react/src/components/EmptyState/EmptyState.tsx b/polaris-react/src/components/EmptyState/EmptyState.tsx
index 76e3dfef14d..70706a49a04 100644
--- a/polaris-react/src/components/EmptyState/EmptyState.tsx
+++ b/polaris-react/src/components/EmptyState/EmptyState.tsx
@@ -6,9 +6,9 @@ import type {ComplexAction} from '../../types';
 import {Box} from '../Box';
 import {buttonFrom} from '../Button';
 import {Image} from '../Image';
-import {Stack} from '../Stack';
-import {TextContainer} from '../TextContainer';
 import {Text} from '../Text';
+import {AlphaStack} from '../AlphaStack';
+import {Inline} from '../Inline';
 
 import styles from './EmptyState.scss';
 
@@ -48,19 +48,16 @@ export function EmptyState({
   footerContent,
 }: EmptyStateProps) {
   const withinContentContainer = useContext(WithinContentContext);
-  const className = classNames(
-    styles.EmptyState,
-    fullWidth && styles.fullWidth,
+  const imageContainedClass = classNames(
     imageContained && styles.imageContained,
-    withinContentContainer && styles.withinContentContainer,
   );
 
   const imageMarkup = largeImage ? (
     <Image
       alt=""
       role="presentation"
-      className={styles.Image}
       source={largeImage}
+      className={imageContainedClass}
       sourceSet={[
         {source: image, descriptor: '568w'},
         {source: largeImage, descriptor: '1136w'},
@@ -68,7 +65,12 @@ export function EmptyState({
       sizes="(max-width: 568px) 60vw"
     />
   ) : (
-    <Image role="presentation" alt="" className={styles.Image} source={image} />
+    <Image
+      className={imageContainedClass}
+      role="presentation"
+      alt=""
+      source={image}
+    />
   );
 
   const secondaryActionMarkup = secondaryAction
@@ -77,7 +79,7 @@ export function EmptyState({
 
   const footerContentMarkup = footerContent ? (
     <Box paddingBlockStart="4">
-      <Text as="span" variant="bodyMd" color="subdued">
+      <Text as="span" variant="bodyMd" color="subdued" alignment="center">
         {footerContent}
       </Text>
     </Box>
@@ -90,56 +92,57 @@ export function EmptyState({
     : null;
 
   const headingMarkup = heading ? (
-    <Text variant={headingSize} as="p">
-      {heading}
-    </Text>
+    <Box paddingBlockEnd="4">
+      <Text variant={headingSize} as="p" alignment="center">
+        {heading}
+      </Text>
+    </Box>
   ) : null;
 
   const childrenMarkup = children ? (
-    <div className={styles.Content}>
-      <Text as="span" variant="bodyMd" color="subdued">
-        {children}
-      </Text>
-    </div>
+    <Text as="span" variant="bodyMd" color="subdued" alignment="center">
+      {children}
+    </Text>
   ) : null;
 
   const textContentMarkup =
     headingMarkup || children ? (
-      <TextContainer>
+      <Box paddingBlockEnd="6">
         {headingMarkup}
         {childrenMarkup}
-      </TextContainer>
+      </Box>
     ) : null;
 
   const actionsMarkup =
     primaryActionMarkup || secondaryActionMarkup ? (
-      <div className={styles.Actions}>
-        <Stack alignment="center" distribution="center" spacing="tight">
-          {secondaryActionMarkup}
-          {primaryActionMarkup}
-        </Stack>
-      </div>
+      <Inline align="center" gap="2">
+        {secondaryActionMarkup}
+        {primaryActionMarkup}
+      </Inline>
     ) : null;
 
   const detailsMarkup =
     textContentMarkup || actionsMarkup || footerContentMarkup ? (
-      <div className={styles.DetailsContainer}>
-        <div className={styles.Details}>
+      <Box maxWidth={fullWidth ? '100%' : '400px'}>
+        <AlphaStack align="center" gap="0">
           {textContentMarkup}
           {actionsMarkup}
           {footerContentMarkup}
-        </div>
-      </div>
-    ) : (
-      <div className={styles.DetailsContainer} />
-    );
+        </AlphaStack>
+      </Box>
+    ) : null;
 
   return (
-    <div className={className}>
-      <div className={styles.Section}>
+    <Box
+      paddingInlineStart="0"
+      paddingInlineEnd="0"
+      paddingBlockStart="5"
+      paddingBlockEnd="16"
+    >
+      <AlphaStack align="center" gap="0" reverseOrder={withinContentContainer}>
         {detailsMarkup}
-        <div className={styles.ImageContainer}>{imageMarkup}</div>
-      </div>
-    </div>
+        {imageMarkup}
+      </AlphaStack>
+    </Box>
   );
 }
diff --git a/polaris-react/src/components/EmptyState/tests/EmptyState.test.tsx b/polaris-react/src/components/EmptyState/tests/EmptyState.test.tsx
index f03f8b8d254..6e616e2f21f 100644
--- a/polaris-react/src/components/EmptyState/tests/EmptyState.test.tsx
+++ b/polaris-react/src/components/EmptyState/tests/EmptyState.test.tsx
@@ -3,11 +3,11 @@ import {mountWithApp} from 'tests/utilities';
 
 import {Button} from '../../Button';
 import {Image} from '../../Image';
-import {Stack} from '../../Stack';
 import {Text} from '../../Text';
 import {UnstyledLink} from '../../UnstyledLink';
 import {WithinContentContext} from '../../../utilities/within-content-context';
 import {EmptyState} from '../EmptyState';
+import {Inline} from '../../Inline';
 
 describe('<EmptyState />', () => {
   let imgSrc =
@@ -50,14 +50,14 @@ describe('<EmptyState />', () => {
       });
     });
 
-    it('adds center distribution and tight spacing to Stack', () => {
+    it('adds center align and spacing-2 to Inline', () => {
       const emptyState = mountWithApp(
         <EmptyState image={imgSrc} action={{content: 'Add transfer'}} />,
       );
 
-      expect(emptyState).toContainReactComponent(Stack, {
-        spacing: 'tight',
-        distribution: 'center',
+      expect(emptyState).toContainReactComponent(Inline, {
+        align: 'center',
+        gap: '2',
       });
     });
 
diff --git a/polaris-react/src/components/IndexTable/IndexTable.scss b/polaris-react/src/components/IndexTable/IndexTable.scss
index 1979dbdb33b..c5d1b3f4785 100644
--- a/polaris-react/src/components/IndexTable/IndexTable.scss
+++ b/polaris-react/src/components/IndexTable/IndexTable.scss
@@ -602,7 +602,7 @@ $loading-panel-height: 53px;
   left: 0;
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   right: 0;
-  padding: 0 var(--p-space-2) 0 calc(var(--p-space-3) - var(--p-space-025));
+  padding: 0 var(--p-space-2) 0 var(--p-space-4);
   background: var(--p-surface);
 
   &.StickyTableHeader-condensed {
diff --git a/polaris-react/src/components/ResourceItem/ResourceItem.scss b/polaris-react/src/components/ResourceItem/ResourceItem.scss
index aa03d47a167..2a2e79a443e 100644
--- a/polaris-react/src/components/ResourceItem/ResourceItem.scss
+++ b/polaris-react/src/components/ResourceItem/ResourceItem.scss
@@ -1,57 +1,33 @@
 @import '../../styles/common';
 
 @mixin action-hide {
-  clip: rect(1px, 1px, 1px, 1px);
+  clip: rect(0, 0, 0, 0);
   overflow: hidden;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  height: 1px;
 }
 
 @mixin action-unhide {
   clip: auto;
   overflow: visible;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  height: 100%;
-}
-
-.CheckboxWrapper {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: flex;
 }
 
 .ResourceItem {
   // stylelint-disable -- Polaris component custom properties
   --pc-resource-item-min-height: 44px;
   --pc-resource-item-disclosure-width: 48px;
-  // Offset equals handle width + handle margin-left + handle margin-right
-  --pc-resource-item-offset: 40px;
+  --pc-resource-item-offset: 38px;
   --pc-resource-item-clickable-stacking-order: 1;
   --pc-resource-item-content-stacking-order: 2;
   // stylelint-enable
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  position: relative;
   outline: none;
   cursor: pointer;
 
-  &:not(.persistActions) {
-    .Actions {
-      // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-      right: var(--p-space-4);
-    }
-  }
-
   &:hover {
     background-color: var(--p-surface-hovered);
 
-    &:not(.persistActions) {
-      // stylelint-disable-next-line selector-max-specificity -- generated by polaris-migrator DO NOT COPY
-      .Actions {
+    .Actions {
+      // stylelint-disable-next-line selector-max-combinators -- show actions on hover
+      > * {
         @include action-unhide;
-        // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-        @media #{$p-breakpoints-lg-down} {
-          // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-          display: none;
-        }
       }
     }
   }
@@ -95,83 +71,6 @@
   border: none;
 }
 
-// Item inner container
-.Container {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  position: relative;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  z-index: var(--pc-resource-item-content-stacking-order);
-  padding: var(--p-space-3) var(--p-space-4);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  min-height: var(--pc-resource-item-min-height);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: flex;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: flex-start;
-
-  @media #{$p-breakpoints-sm-up} {
-    padding: var(--p-space-3) var(--p-space-5);
-  }
-}
-
-.alignmentLeading {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: flex-start;
-}
-
-.alignmentTrailing {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: flex-end;
-}
-
-.alignmentCenter {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: center;
-}
-
-.alignmentFill {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: stretch;
-}
-
-.alignmentBaseline {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: baseline;
-}
-
-.Owned {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: flex;
-}
-
-.OwnedNoMedia {
-  padding-top: var(--p-space-1);
-}
-
-// Item handle
-.Handle {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  width: 48px;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  min-height: var(--pc-resource-item-min-height);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  justify-content: center;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: center;
-  margin: calc(-1 * var(--p-space-3)) var(--p-space-1)
-    calc(-1 * var(--p-space-3)) calc(-1 * var(--p-space-3));
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: flex;
-
-  @media #{$p-breakpoints-sm-down} {
-    visibility: hidden;
-
-    .selectMode & {
-      visibility: visible;
-    }
-  }
-}
-
 .selectable {
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   width: calc(100% + var(--pc-resource-item-offset));
@@ -193,104 +92,20 @@
   }
 }
 
-.Media {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  flex: 0 0 auto;
-  margin-right: var(--p-space-5);
-  color: inherit;
-  text-decoration: none;
-}
-
-// Item content
-.Content {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  @include layout-flex-fix;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  flex: 1 1 auto;
-}
-
 // Item actions
 .Actions {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  position: absolute;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  top: 0;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: flex;
-  pointer-events: initial;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  height: 100%;
-  max-height: 56px;
-
-  @include action-hide;
-
-  .focused & {
-    @include action-unhide;
-  }
-
-  @media #{$p-breakpoints-lg-down} {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    display: none;
+  > * {
+    @include action-hide;
   }
-}
-
-.persistActions {
-  .Actions {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    position: relative;
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    display: flex;
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    flex: 0 0 auto;
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    flex-basis: auto;
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    align-items: center;
-    margin-top: 0;
-    margin-left: var(--p-space-4);
-    pointer-events: initial;
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    height: 100%;
 
-    @media #{$p-breakpoints-lg-down} {
-      // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-      display: none;
+  .focused & {
+    // stylelint-disable-next-line selector-max-combinators  -- show actions on focus
+    > * {
+      @include action-unhide;
     }
   }
 }
 
-.Disclosure {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  position: relative;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  top: calc(-1 * var(--p-space-3));
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  right: calc(-1 * var(--p-space-4));
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: none;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  width: var(--pc-resource-item-disclosure-width);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  min-height: var(--pc-resource-item-min-height);
-  pointer-events: initial;
-
-  .selectMode & {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    display: none;
-  }
-
-  @media #{$p-breakpoints-lg-down} {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    display: flex;
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    flex: 0 0 var(--pc-resource-item-disclosure-width);
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    justify-content: center;
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    align-items: center;
-  }
-}
-
 .selected {
   background-color: var(--p-surface-selected);
 
@@ -304,8 +119,6 @@
 }
 
 .ListItem {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  position: relative;
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   @include focus-ring($border-width: -1px);
 
diff --git a/polaris-react/src/components/ResourceItem/ResourceItem.tsx b/polaris-react/src/components/ResourceItem/ResourceItem.tsx
index c06f4da4432..00bc540c802 100644
--- a/polaris-react/src/components/ResourceItem/ResourceItem.tsx
+++ b/polaris-react/src/components/ResourceItem/ResourceItem.tsx
@@ -2,23 +2,31 @@ import React, {Component, createRef, useContext} from 'react';
 import {HorizontalDotsMinor} from '@shopify/polaris-icons';
 import isEqual from 'react-fast-compare';
 
-import {classNames, variationName} from '../../utilities/css';
-import {useI18n} from '../../utilities/i18n';
-import type {DisableableAction} from '../../types';
 import {ActionList} from '../ActionList';
+import {Box} from '../Box';
+import {Bleed} from '../Bleed';
+import {Button, buttonsFrom} from '../Button';
+import {ButtonGroup} from '../ButtonGroup';
+import {Checkbox} from '../Checkbox';
+import {Columns} from '../Columns';
+import {Inline, InlineProps} from '../Inline';
 import {Popover} from '../Popover';
-import type {AvatarProps} from '../Avatar';
 import {UnstyledLink} from '../UnstyledLink';
+import type {AvatarProps} from '../Avatar';
+import type {DisableableAction} from '../../types';
 import type {ThumbnailProps} from '../Thumbnail';
-import {ButtonGroup} from '../ButtonGroup';
-import {Checkbox} from '../Checkbox';
-import {Button, buttonsFrom} from '../Button';
+import {
+  useBreakpoints,
+  BreakpointsDirectionAlias,
+} from '../../utilities/breakpoints';
+import {classNames} from '../../utilities/css';
+import {globalIdGeneratorFactory} from '../../utilities/unique-id';
+import {useI18n} from '../../utilities/i18n';
 import {
   ResourceListContext,
   SELECT_ALL_ITEMS,
   ResourceListSelectedItems,
 } from '../../utilities/resource-list';
-import {globalIdGeneratorFactory} from '../../utilities/unique-id';
 
 import styles from './ResourceItem.scss';
 
@@ -68,8 +76,11 @@ interface PropsWithClick extends BaseProps {
 }
 
 export type ResourceItemProps = PropsWithUrl | PropsWithClick;
-
+type BreakpointsMatches = {
+  [DirectionAlias in BreakpointsDirectionAlias]: boolean;
+};
 interface PropsFromWrapper {
+  breakpoints?: BreakpointsMatches;
   context: React.ContextType<typeof ResourceListContext>;
   i18n: ReturnType<typeof useI18n>;
 }
@@ -151,6 +162,7 @@ class BaseResourceItem extends Component<CombinedProps, State> {
       i18n,
       verticalAlignment,
       dataHref,
+      breakpoints,
     } = this.props;
 
     const {actionsMenuVisible, focused, focusedInner, selected} = this.state;
@@ -158,42 +170,47 @@ class BaseResourceItem extends Component<CombinedProps, State> {
     let ownedMarkup: React.ReactNode = null;
     let handleMarkup: React.ReactNode = null;
 
-    const mediaMarkup = media ? (
-      <div className={styles.Media}>{media}</div>
-    ) : null;
-
     if (selectable) {
       const checkboxAccessibilityLabel =
         name || accessibilityLabel || i18n.translate('Polaris.Common.checkbox');
 
       handleMarkup = (
-        <div className={styles.Handle} onClick={this.handleLargerSelectionArea}>
-          <div onClick={stopPropagation} className={styles.CheckboxWrapper}>
-            <div onChange={this.handleLargerSelectionArea}>
-              <Checkbox
-                id={this.checkboxId}
-                label={checkboxAccessibilityLabel}
-                labelHidden
-                checked={selected}
-                disabled={loading}
-              />
-            </div>
-          </div>
+        <div onClick={this.handleLargerSelectionArea}>
+          <Bleed marginBlock="2" marginInline="3">
+            <Box
+              zIndex="var(--pc-resource-item-content-stacking-order)"
+              paddingInlineStart="3"
+              paddingInlineEnd="3"
+              paddingBlockStart="3"
+              paddingBlockEnd="2"
+            >
+              <div onClick={stopPropagation}>
+                <div onChange={this.handleLargerSelectionArea}>
+                  <Checkbox
+                    id={this.checkboxId}
+                    label={checkboxAccessibilityLabel}
+                    labelHidden
+                    checked={selected}
+                    disabled={loading}
+                  />
+                </div>
+              </div>
+            </Box>
+          </Bleed>
         </div>
       );
     }
 
     if (media || selectable) {
       ownedMarkup = (
-        <div
-          className={classNames(
-            styles.Owned,
-            !mediaMarkup && styles.OwnedNoMedia,
-          )}
+        <Inline
+          blockAlign={
+            media && selectable ? 'center' : getAlignment(verticalAlignment)
+          }
         >
           {handleMarkup}
-          {mediaMarkup}
-        </div>
+          {media}
+        </Inline>
       );
     }
 
@@ -217,15 +234,13 @@ class BaseResourceItem extends Component<CombinedProps, State> {
 
     if (shortcutActions && !loading) {
       if (persistActions) {
-        actionsMarkup = (
+        actionsMarkup = breakpoints?.lgUp ? (
           <div className={styles.Actions} onClick={stopPropagation}>
             <ButtonGroup>
-              {buttonsFrom(shortcutActions, {
-                plain: true,
-              })}
+              {buttonsFrom(shortcutActions, {plain: true})}
             </ButtonGroup>
           </div>
-        );
+        ) : null;
 
         const disclosureAccessibilityLabel = name
           ? i18n.translate('Polaris.ResourceList.Item.actionsDropdownLabel', {
@@ -233,54 +248,68 @@ class BaseResourceItem extends Component<CombinedProps, State> {
             })
           : i18n.translate('Polaris.ResourceList.Item.actionsDropdown');
 
-        disclosureMarkup = (
-          <div className={styles.Disclosure} onClick={stopPropagation}>
-            <Popover
-              activator={
-                <Button
-                  accessibilityLabel={disclosureAccessibilityLabel}
-                  onClick={this.handleActionsClick}
-                  plain
-                  icon={HorizontalDotsMinor}
-                />
-              }
-              onClose={this.handleCloseRequest}
-              active={actionsMenuVisible}
-            >
-              <ActionList items={shortcutActions} />
-            </Popover>
-          </div>
-        );
-      } else {
+        disclosureMarkup =
+          !selectMode && breakpoints?.lgDown ? (
+            <div onClick={stopPropagation}>
+              <Popover
+                activator={
+                  <Button
+                    accessibilityLabel={disclosureAccessibilityLabel}
+                    onClick={this.handleActionsClick}
+                    plain
+                    icon={HorizontalDotsMinor}
+                  />
+                }
+                onClose={this.handleCloseRequest}
+                active={actionsMenuVisible}
+              >
+                <ActionList items={shortcutActions} />
+              </Popover>
+            </div>
+          ) : null;
+      } else if (breakpoints?.lgUp) {
         actionsMarkup = (
           <div className={styles.Actions} onClick={stopPropagation}>
-            <ButtonGroup segmented>
-              {buttonsFrom(shortcutActions, {
-                size: 'slim',
-              })}
-            </ButtonGroup>
+            <Box position="absolute" insetBlockStart="4" insetInlineEnd="5">
+              <ButtonGroup segmented>
+                {buttonsFrom(shortcutActions, {size: 'slim'})}
+              </ButtonGroup>
+            </Box>
           </div>
         );
       }
     }
 
-    const content = children ? (
-      <div className={styles.Content}>{children}</div>
-    ) : null;
-
-    const containerClassName = classNames(
-      styles.Container,
-      verticalAlignment &&
-        styles[variationName('alignment', verticalAlignment)],
-    );
-
     const containerMarkup = (
-      <div className={containerClassName} id={this.props.id}>
-        {ownedMarkup}
-        {content}
-        {actionsMarkup}
-        {disclosureMarkup}
-      </div>
+      <Box
+        id={this.props.id}
+        position="relative"
+        padding="3"
+        paddingInlineStart={{xs: '4', sm: '5'}}
+        paddingInlineEnd={{xs: '4', sm: '5'}}
+        zIndex="var(--pc-resource-item-content-stacking-order)"
+      >
+        <Columns columns={{xs: '1fr auto'}} gap="0">
+          <Columns
+            columns={{xs: media || selectable ? 'auto 1fr' : '1fr'}}
+            gap="5"
+          >
+            {ownedMarkup}
+            <Inline blockAlign={getAlignment(verticalAlignment)}>
+              <Box
+                width="100%"
+                padding="0"
+                paddingInlineStart="0"
+                paddingInlineEnd="0"
+              >
+                {children}
+              </Box>
+            </Inline>
+          </Columns>
+          {actionsMarkup}
+          {disclosureMarkup}
+        </Columns>
+      </Box>
     );
 
     const tabIndex = loading ? -1 : 0;
@@ -459,11 +488,30 @@ function isSelected(id: string, selectedItems?: ResourceListSelectedItems) {
 }
 
 export function ResourceItem(props: ResourceItemProps) {
+  const breakpoints = useBreakpoints();
   return (
     <BaseResourceItem
       {...props}
+      breakpoints={breakpoints}
       context={useContext(ResourceListContext)}
       i18n={useI18n()}
     />
   );
 }
+
+function getAlignment(alignment?: Alignment): InlineProps['blockAlign'] {
+  switch (alignment) {
+    case 'leading':
+      return 'start';
+    case 'trailing':
+      return 'end';
+    case 'center':
+      return 'center';
+    case 'fill':
+      return 'stretch';
+    case 'baseline':
+      return 'baseline';
+    default:
+      return 'start';
+  }
+}
diff --git a/polaris-react/src/components/ResourceItem/tests/ResourceItem.test.tsx b/polaris-react/src/components/ResourceItem/tests/ResourceItem.test.tsx
index d8c9b66d699..8b584bea38c 100644
--- a/polaris-react/src/components/ResourceItem/tests/ResourceItem.test.tsx
+++ b/polaris-react/src/components/ResourceItem/tests/ResourceItem.test.tsx
@@ -1,10 +1,13 @@
 import React, {AllHTMLAttributes} from 'react';
 import {mountWithApp} from 'tests/utilities';
+import {matchMedia} from '@shopify/jest-dom-mocks';
+import {setMediaWidth} from 'tests/utilities/breakpoints';
 
 import {Avatar} from '../../Avatar';
 import {Button} from '../../Button';
 import {ButtonGroup} from '../../ButtonGroup';
 import {Checkbox} from '../../Checkbox';
+import {Inline} from '../../Inline';
 import {Thumbnail} from '../../Thumbnail';
 import {UnstyledLink} from '../../UnstyledLink';
 import {ResourceItem} from '../ResourceItem';
@@ -17,10 +20,12 @@ describe('<ResourceItem />', () => {
   beforeEach(() => {
     spy = jest.spyOn(window, 'open');
     spy.mockImplementation(() => {});
+    matchMedia.mock();
   });
 
   afterEach(() => {
     spy.mockRestore();
+    matchMedia.restore();
   });
 
   const mockDefaultContext = {
@@ -126,6 +131,7 @@ describe('<ResourceItem />', () => {
     });
 
     it('is used on the disclosure action menu when there are persistent actions', () => {
+      setMediaWidth('breakpoints-lg');
       const item = mountWithApp(
         <ResourceListContext.Provider value={mockSelectableContext}>
           <ResourceItem
@@ -405,7 +411,7 @@ describe('<ResourceItem />', () => {
         </ResourceListContext.Provider>,
       );
 
-      wrapper.find('div', {className: styles.Handle})!.trigger('onClick', {
+      wrapper.findAll('div')[6]!.trigger('onClick', {
         stopPropagation: () => {},
         nativeEvent: {},
       });
@@ -420,7 +426,7 @@ describe('<ResourceItem />', () => {
         </ResourceListContext.Provider>,
       );
 
-      wrapper.find('div', {className: styles.Handle})!.trigger('onClick', {
+      wrapper.findAll('div')[6]!.trigger('onClick', {
         stopPropagation: () => {},
         nativeEvent: {shiftKey: false},
       });
@@ -545,8 +551,7 @@ describe('<ResourceItem />', () => {
           <ResourceItem id={itemId} url={url} media={<Avatar customer />} />
         </ResourceListContext.Provider>,
       );
-      const media = wrapper.find('div', {className: styles.Media});
-      expect(media).toContainReactComponent(Avatar);
+      expect(wrapper).toContainReactComponent(Avatar);
     });
 
     it('includes a <Thumbnail /> if one is provided', () => {
@@ -559,8 +564,7 @@ describe('<ResourceItem />', () => {
           />
         </ResourceListContext.Provider>,
       );
-      const media = wrapper.find('div', {className: styles.Media});
-      expect(media).toContainReactComponent(Thumbnail);
+      expect(wrapper).toContainReactComponent(Thumbnail);
     });
   });
 
@@ -576,7 +580,8 @@ describe('<ResourceItem />', () => {
       });
     });
 
-    it('renders shortcut actions when some are provided', () => {
+    it('renders shortcut actions when some are provided and viewport is lgUp', () => {
+      setMediaWidth('breakpoints-lg');
       const wrapper = mountWithApp(
         <ResourceListContext.Provider value={mockDefaultContext}>
           <ResourceItem
@@ -591,7 +596,8 @@ describe('<ResourceItem />', () => {
       });
     });
 
-    it('renders persistent shortcut actions if persistActions is true', () => {
+    it('renders persistent shortcut actions if persistActions is true and viewport is lgUp', () => {
+      setMediaWidth('breakpoints-lg');
       const wrapper = mountWithApp(
         <ResourceListContext.Provider value={mockDefaultContext}>
           <ResourceItem
@@ -679,9 +685,7 @@ describe('<ResourceItem />', () => {
     it('renders with default flex-start alignment if not provided', () => {
       const resourceItem = mountWithApp(<ResourceItem id={itemId} url={url} />);
 
-      expect(resourceItem).toContainReactComponent('div', {
-        className: 'Container',
-      });
+      expect(resourceItem).toContainReactComponent(Inline);
     });
 
     it('renders with leading vertical alignment', () => {
@@ -689,8 +693,8 @@ describe('<ResourceItem />', () => {
         <ResourceItem id={itemId} url={url} verticalAlignment="leading" />,
       );
 
-      expect(resourceItem).toContainReactComponent('div', {
-        className: 'Container alignmentLeading',
+      expect(resourceItem).toContainReactComponent(Inline, {
+        blockAlign: 'start',
       });
     });
 
@@ -699,8 +703,8 @@ describe('<ResourceItem />', () => {
         <ResourceItem id={itemId} url={url} verticalAlignment="center" />,
       );
 
-      expect(resourceItem).toContainReactComponent('div', {
-        className: 'Container alignmentCenter',
+      expect(resourceItem).toContainReactComponent(Inline, {
+        blockAlign: 'center',
       });
     });
 
@@ -709,8 +713,8 @@ describe('<ResourceItem />', () => {
         <ResourceItem id={itemId} url={url} verticalAlignment="trailing" />,
       );
 
-      expect(resourceItem).toContainReactComponent('div', {
-        className: 'Container alignmentTrailing',
+      expect(resourceItem).toContainReactComponent(Inline, {
+        blockAlign: 'end',
       });
     });
 
@@ -719,8 +723,8 @@ describe('<ResourceItem />', () => {
         <ResourceItem id={itemId} url={url} verticalAlignment="fill" />,
       );
 
-      expect(resourceItem).toContainReactComponent('div', {
-        className: 'Container alignmentFill',
+      expect(resourceItem).toContainReactComponent(Inline, {
+        blockAlign: 'stretch',
       });
     });
 
@@ -729,8 +733,8 @@ describe('<ResourceItem />', () => {
         <ResourceItem id={itemId} url={url} verticalAlignment="baseline" />,
       );
 
-      expect(resourceItem).toContainReactComponent('div', {
-        className: 'Container alignmentBaseline',
+      expect(resourceItem).toContainReactComponent(Inline, {
+        blockAlign: 'baseline',
       });
     });
   });
diff --git a/polaris-react/src/components/ResourceList/ResourceList.scss b/polaris-react/src/components/ResourceList/ResourceList.scss
index 82006dd4a34..2c0e3eb9cf8 100644
--- a/polaris-react/src/components/ResourceList/ResourceList.scss
+++ b/polaris-react/src/components/ResourceList/ResourceList.scss
@@ -72,12 +72,8 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)})
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   width: 100%;
   min-height: resource-list(header-min-height);
-  padding: calc(var(--p-space-3) - var(--p-space-05)) var(--p-space-4);
+  padding: calc(var(--p-space-3) - var(--p-space-05)) var(--p-space-5);
   background-color: var(--p-surface);
-
-  @media #{$p-breakpoints-sm-up} {
-    flex-direction: row;
-  }
 }
 
 .HeaderWrapper-isSticky {
@@ -90,9 +86,9 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)})
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   z-index: resource-list(content-wrapper-stacking-order);
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  right: var(--p-space-3);
+  right: var(--p-space-5);
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  left: var(--p-space-3);
+  left: var(--p-space-5);
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   display: flex;
   min-height: resource-list(header-content-min-height);
@@ -102,14 +98,6 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)})
   .HeaderWrapper-inSelectMode & {
     opacity: 0;
   }
-
-  @media #{$p-breakpoints-sm-up} {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    right: var(--p-space-4);
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    left: var(--p-space-4);
-    align-self: flex-start;
-  }
 }
 
 .SortWrapper,
@@ -158,7 +146,6 @@ $breakpoints-empty-search-results-height-up: '(min-height: #{breakpoint(600px)})
   text-overflow: ellipsis;
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   flex: 1;
-  padding-left: var(--p-space-1);
   align-self: center;
 
   .HeaderWrapper-hasAlternateTool &,
diff --git a/polaris-react/src/components/ResourceList/tests/ResourceList.test.tsx b/polaris-react/src/components/ResourceList/tests/ResourceList.test.tsx
index 376e26886c8..41915bf9d22 100644
--- a/polaris-react/src/components/ResourceList/tests/ResourceList.test.tsx
+++ b/polaris-react/src/components/ResourceList/tests/ResourceList.test.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import {mountWithApp} from 'tests/utilities';
+import {matchMedia} from '@shopify/jest-dom-mocks';
 
 import {BulkActions, useIsBulkActionsSticky} from '../../BulkActions';
 import {SelectAllActions} from '../../SelectAllActions';
@@ -70,6 +71,14 @@ describe('<ResourceList />', () => {
     computeTableDimensions: jest.fn(),
   });
 
+  beforeEach(() => {
+    matchMedia.mock();
+  });
+
+  afterEach(() => {
+    matchMedia.restore();
+  });
+
   describe('renderItem', () => {
     it('renders list items', () => {
       const resourceList = mountWithApp(
@@ -395,7 +404,9 @@ describe('<ResourceList />', () => {
           onSelectionChange={onSelectionChange}
         />,
       );
-      resourceList.find('div', {className: styles.Handle})!.trigger('onClick', {
+      const resourceItem = resourceList.find(ResourceItem);
+
+      resourceItem!.findAll('div')[6]!.trigger('onClick', {
         stopPropagation: () => {},
         nativeEvent: {},
       });
@@ -1077,13 +1088,13 @@ describe('<ResourceList />', () => {
         />,
       );
       const firstItem = resourceList.find(ResourceItem);
-      firstItem!.find('div', {className: styles.Handle})!.trigger('onClick', {
+      firstItem!.findAll('div')[6]!.trigger('onClick', {
         stopPropagation: () => {},
         nativeEvent: {},
       });
       const allItems = resourceList.findAll(ResourceItem);
       const lastItem = allItems[allItems.length - 1];
-      lastItem!.find('div', {className: styles.Handle})!.trigger('onClick', {
+      lastItem!.findAll('div')[6]!.trigger('onClick', {
         stopPropagation: () => {},
         nativeEvent: {shiftKey: true},
       });
@@ -1102,13 +1113,13 @@ describe('<ResourceList />', () => {
         />,
       );
       const firstItem = resourceList.find(ResourceItem);
-      firstItem!.find('div', {className: styles.Handle})!.trigger('onClick', {
+      firstItem!.findAll('div')[6]!.trigger('onClick', {
         stopPropagation: () => {},
         nativeEvent: {},
       });
       const allItems = resourceList.findAll(ResourceItem);
       const lastItem = allItems[allItems.length - 1];
-      lastItem!.find('div', {className: styles.Handle})!.trigger('onClick', {
+      lastItem!.findAll('div')[6]!.trigger('onClick', {
         stopPropagation: () => {},
         nativeEvent: {shiftKey: true},
       });
@@ -1146,13 +1157,13 @@ describe('<ResourceList />', () => {
         />,
       );
       const firstItem = resourceList.find(ResourceItem);
-      firstItem!.find('div', {className: styles.Handle})!.trigger('onClick', {
+      firstItem!.findAll('div')[6]!.trigger('onClick', {
         stopPropagation: () => {},
         nativeEvent: {},
       });
       const allItems = resourceList.findAll(ResourceItem);
       const lastItem = allItems[allItems.length - 1];
-      lastItem!.find('div', {className: styles.Handle})!.trigger('onClick', {
+      lastItem!.findAll('div')[6]!.trigger('onClick', {
         stopPropagation: () => {},
         nativeEvent: {shiftKey: true},
       });
@@ -1178,13 +1189,13 @@ describe('<ResourceList />', () => {
       );
       // Sets {lastSelected: 0}
       const firstItem = resourceList.find(ResourceItem);
-      firstItem!.find('div', {className: styles.Handle})!.trigger('onClick', {
+      firstItem!.findAll('div')[6]!.trigger('onClick', {
         stopPropagation: () => {},
         nativeEvent: {},
       });
       const allItems = resourceList.findAll(ResourceItem);
       const lastItem = allItems[allItems.length - 1];
-      lastItem!.find('div', {className: styles.Handle})!.trigger('onClick', {
+      lastItem!.findAll('div')[6]!.trigger('onClick', {
         stopPropagation: () => {},
         nativeEvent: {shiftKey: true},
       });
diff --git a/polaris-react/src/components/SkeletonPage/SkeletonPage.scss b/polaris-react/src/components/SkeletonPage/SkeletonPage.scss
index 3f0b7ee4fe5..d6618a3b04d 100644
--- a/polaris-react/src/components/SkeletonPage/SkeletonPage.scss
+++ b/polaris-react/src/components/SkeletonPage/SkeletonPage.scss
@@ -2,73 +2,21 @@
 
 $primary-action-button-height: 36px;
 $primary-action-button-width: 100px;
-$skeleton-display-text-max-width: 120px;
 
-.Page {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  @include page-layout;
-}
-
-.fullWidth {
-  max-width: none;
-}
-
-.narrowWidth {
-  max-width: $layout-width-primary-max;
-}
-
-.Content {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  @include page-content-layout;
-}
-
-.Header {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  @include page-header-layout;
-  padding-bottom: var(--p-space-2);
-}
-
-.BreadcrumbAction {
-  padding-top: var(--p-space-4);
-  padding-bottom: var(--p-space-4);
-  margin-top: calc(-1 * var(--p-space-1));
-  margin-bottom: calc(-1 * var(--p-space-1));
-}
-
-.TitleAndPrimaryAction {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: flex;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: flex-start;
-}
-
-.TitleWrapper {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  flex: 1 1 0%;
+:root {
+  // stylelint-disable -- use custom properties to set max width based on props
+  --pc-skeleton-page-max-width: 998px;
+  --pc-skeleton-page-max-width-narrow: 662px;
+  // stylelint-enable
 }
 
 .Title {
   font-weight: var(--p-font-weight-semibold);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  font-size: 24px;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  line-height: 28px;
-
-  @media #{$p-breakpoints-md-up} {
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    font-size: 20px;
-  }
+  font-size: var(--p-font-size-300);
+  line-height: var(--p-font-line-height-4);
 }
 
 .SkeletonTitle {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: flex;
-  background-color: var(--p-surface-neutral);
-  border-radius: var(--p-border-radius-base);
-  max-width: $skeleton-display-text-max-width;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  height: 28px;
-
   @media screen and (-ms-high-contrast: active) {
     background-color: grayText;
   }
@@ -83,39 +31,3 @@ $skeleton-display-text-max-width: 120px;
     min-width: $primary-action-button-width;
   }
 }
-
-.Actions {
-  margin-top: var(--p-space-2);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: flex;
-  flex-direction: row-reverse;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  justify-content: flex-end;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  align-items: center;
-}
-
-.Action {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  display: flex;
-  flex-direction: column;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  justify-content: center;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  min-height: control-slim-height();
-  padding-right: var(--p-space-6);
-  margin-top: calc(-1 * var(--p-space-1));
-  margin-bottom: calc(-1 * var(--p-space-1));
-  padding-top: var(--p-space-4);
-
-  &:first-child {
-    padding-right: 0;
-  }
-
-  @media #{$p-breakpoints-lg-down} {
-    &:not(:last-child) {
-      // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-      display: none;
-    }
-  }
-}
diff --git a/polaris-react/src/components/SkeletonPage/SkeletonPage.stories.tsx b/polaris-react/src/components/SkeletonPage/SkeletonPage.stories.tsx
index 41216d5e316..4ffd288ba88 100644
--- a/polaris-react/src/components/SkeletonPage/SkeletonPage.stories.tsx
+++ b/polaris-react/src/components/SkeletonPage/SkeletonPage.stories.tsx
@@ -100,3 +100,103 @@ export function WithStaticContent() {
     </SkeletonPage>
   );
 }
+
+export function WithNarrowWidth() {
+  return (
+    <SkeletonPage primaryAction narrowWidth>
+      <Layout>
+        <Layout.Section>
+          <Card sectioned>
+            <SkeletonBodyText />
+          </Card>
+          <Card sectioned>
+            <TextContainer>
+              <SkeletonDisplayText size="small" />
+              <SkeletonBodyText />
+            </TextContainer>
+          </Card>
+          <Card sectioned>
+            <TextContainer>
+              <SkeletonDisplayText size="small" />
+              <SkeletonBodyText />
+            </TextContainer>
+          </Card>
+        </Layout.Section>
+        <Layout.Section secondary>
+          <Card>
+            <Card.Section>
+              <TextContainer>
+                <SkeletonDisplayText size="small" />
+                <SkeletonBodyText lines={2} />
+              </TextContainer>
+            </Card.Section>
+            <Card.Section>
+              <SkeletonBodyText lines={1} />
+            </Card.Section>
+          </Card>
+          <Card subdued>
+            <Card.Section>
+              <TextContainer>
+                <SkeletonDisplayText size="small" />
+                <SkeletonBodyText lines={2} />
+              </TextContainer>
+            </Card.Section>
+            <Card.Section>
+              <SkeletonBodyText lines={2} />
+            </Card.Section>
+          </Card>
+        </Layout.Section>
+      </Layout>
+    </SkeletonPage>
+  );
+}
+
+export function WithFullWidth() {
+  return (
+    <SkeletonPage primaryAction fullWidth>
+      <Layout>
+        <Layout.Section>
+          <Card sectioned>
+            <SkeletonBodyText />
+          </Card>
+          <Card sectioned>
+            <TextContainer>
+              <SkeletonDisplayText size="small" />
+              <SkeletonBodyText />
+            </TextContainer>
+          </Card>
+          <Card sectioned>
+            <TextContainer>
+              <SkeletonDisplayText size="small" />
+              <SkeletonBodyText />
+            </TextContainer>
+          </Card>
+        </Layout.Section>
+        <Layout.Section secondary>
+          <Card>
+            <Card.Section>
+              <TextContainer>
+                <SkeletonDisplayText size="small" />
+                <SkeletonBodyText lines={2} />
+              </TextContainer>
+            </Card.Section>
+            <Card.Section>
+              <SkeletonBodyText lines={1} />
+            </Card.Section>
+          </Card>
+          <Card subdued>
+            <Card.Section>
+              <TextContainer>
+                <SkeletonDisplayText size="small" />
+                <SkeletonBodyText lines={2} />
+              </TextContainer>
+            </Card.Section>
+            <Card.Section>
+              <SkeletonBodyText lines={2} />
+            </Card.Section>
+          </Card>
+        </Layout.Section>
+      </Layout>
+    </SkeletonPage>
+  );
+}
diff --git a/polaris-react/src/components/SkeletonPage/SkeletonPage.tsx b/polaris-react/src/components/SkeletonPage/SkeletonPage.tsx
index 8cd1588ac1f..98465613c8e 100644
--- a/polaris-react/src/components/SkeletonPage/SkeletonPage.tsx
+++ b/polaris-react/src/components/SkeletonPage/SkeletonPage.tsx
@@ -1,9 +1,11 @@
 import React from 'react';
 
-import {classNames} from '../../utilities/css';
 import {useI18n} from '../../utilities/i18n';
 import {SkeletonDisplayText} from '../SkeletonDisplayText';
 import {SkeletonBodyText} from '../SkeletonBodyText';
+import {Box} from '../Box';
+import {Inline} from '../Inline';
+import {AlphaStack} from '../AlphaStack';
 
 import styles from './SkeletonPage.scss';
 
@@ -31,20 +33,20 @@ export function SkeletonPage({
   breadcrumbs,
 }: SkeletonPageProps) {
   const i18n = useI18n();
-  const className = classNames(
-    styles.Page,
-    fullWidth && styles.fullWidth,
-    narrowWidth && styles.narrowWidth,
-  );
 
   const titleContent = title ? (
     <h1 className={styles.Title}>{title}</h1>
   ) : (
-    <div className={styles.SkeletonTitle} />
+    <div className={styles.SkeletonTitle}>
+      <Box
+        background="surface-neutral"
+        minWidth="120px"
+        minHeight="28px"
+        borderRadius="base"
+      />
+    </div>
   );
 
-  const titleMarkup = <div className={styles.TitleWrapper}>{titleContent}</div>;
-
   const primaryActionMarkup = primaryAction ? (
     <div className={styles.PrimaryAction}>
       <SkeletonDisplayText size="large" />
@@ -52,25 +54,45 @@ export function SkeletonPage({
   ) : null;
 
   const breadcrumbMarkup = breadcrumbs ? (
-    <div className={styles.BreadcrumbAction} style={{width: 60}}>
+    <Box maxWidth="60px" paddingBlockStart="4" paddingBlockEnd="4">
       <SkeletonBodyText lines={1} />
-    </div>
+    </Box>
   ) : null;
 
   return (
-    <div
-      className={className}
-      role="status"
-      aria-label={i18n.translate('Polaris.SkeletonPage.loadingLabel')}
-    >
-      <div className={styles.Header}>
-        {breadcrumbMarkup}
-        <div className={styles.TitleAndPrimaryAction}>
-          {titleMarkup}
-          {primaryActionMarkup}
-        </div>
-      </div>
-      <div className={styles.Content}>{children}</div>
-    </div>
+    <AlphaStack align="center" fullWidth>
+      <Box
+        padding="0"
+        paddingInlineStart={{sm: '6'}}
+        paddingInlineEnd={{sm: '6'}}
+        maxWidth="var(--pc-skeleton-page-max-width)"
+        aria-label={i18n.translate('Polaris.SkeletonPage.loadingLabel')}
+        role="status"
+        {...(narrowWidth && {
+          maxWidth: 'var(--pc-skeleton-page-max-width-narrow)',
+        })}
+        {...(fullWidth && {
+          maxWidth: 'none',
+        })}
+      >
+        <AlphaStack gap="0" fullWidth>
+          <Box
+            paddingBlockStart={{xs: '4', md: '5'}}
+            paddingBlockEnd={{xs: '4', md: '5'}}
+            paddingInlineStart={{xs: '4', sm: '0'}}
+            paddingInlineEnd={{xs: '4', sm: '0'}}
+          >
+            {breadcrumbMarkup}
+            <Inline align="space-between" blockAlign="center">
+              <Box paddingBlockStart="1" paddingBlockEnd="1">
+                {titleContent}
+              </Box>
+              {primaryActionMarkup}
+            </Inline>
+          </Box>
+          <Box paddingBlockEnd="2">{children}</Box>
+        </AlphaStack>
+      </Box>
+    </AlphaStack>
   );
 }
diff --git a/polaris-react/src/components/SkeletonPage/tests/SkeletonPage.test.tsx b/polaris-react/src/components/SkeletonPage/tests/SkeletonPage.test.tsx
index 1bef933df19..20688bd794d 100644
--- a/polaris-react/src/components/SkeletonPage/tests/SkeletonPage.test.tsx
+++ b/polaris-react/src/components/SkeletonPage/tests/SkeletonPage.test.tsx
@@ -2,11 +2,11 @@ import React from 'react';
 import {mountWithApp} from 'tests/utilities';
 
 import {Card} from '../../Card';
-import {Text} from '../../Text';
 import {Layout} from '../../Layout';
 import {SkeletonBodyText} from '../../SkeletonBodyText';
 import {SkeletonDisplayText} from '../../SkeletonDisplayText';
 import {SkeletonPage} from '../SkeletonPage';
+import {Box} from '../../Box';
 
 describe('<SkeletonPage />', () => {
   it('renders its children', () => {
@@ -38,7 +38,9 @@ describe('<SkeletonPage />', () => {
       const skeletonPage = mountWithApp(<SkeletonPage title="Products" />);
 
       expect(skeletonPage).toContainReactComponent('h1', {className: 'Title'});
-      expect(skeletonPage).not.toContainReactComponent(Text);
+      expect(skeletonPage).not.toContainReactComponent(Box, {
+        background: 'surface-neutral',
+      });
     });
 
     it('renders SkeletonTitle when a title not defined', () => {
@@ -47,8 +49,8 @@ describe('<SkeletonPage />', () => {
       expect(skeletonPage).not.toContainReactComponent('h1', {
         className: 'Title',
       });
-      expect(skeletonPage).toContainReactComponent('div', {
-        className: 'SkeletonTitle',
+      expect(skeletonPage).toContainReactComponent(Box, {
+        background: 'surface-neutral',
       });
     });
 
@@ -58,8 +60,8 @@ describe('<SkeletonPage />', () => {
       expect(skeletonPage).not.toContainReactComponent('h1', {
         className: 'Title',
       });
-      expect(skeletonPage).toContainReactComponent('div', {
-        className: 'SkeletonTitle',
+      expect(skeletonPage).toContainReactComponent(Box, {
+        background: 'surface-neutral',
       });
     });
   });
diff --git a/polaris.shopify.com/src/data/props.json b/polaris.shopify.com/src/data/props.json
index 5d1c6d4176b..4e11be9979f 100644
--- a/polaris.shopify.com/src/data/props.json
+++ b/polaris.shopify.com/src/data/props.json
@@ -3179,6 +3179,13 @@
       "name": "BreakpointsMatches",
       "value": "{\n  [DirectionAlias in BreakpointsDirectionAlias]: boolean;\n}",
       "description": "Match results for each directional Polaris `breakpoints` alias."
+    },
+    "polaris-react/src/components/ResourceItem/ResourceItem.tsx": {
+      "filePath": "polaris-react/src/components/ResourceItem/ResourceItem.tsx",
+      "syntaxKind": "TypeAliasDeclaration",
+      "name": "BreakpointsMatches",
+      "value": "{\n  [DirectionAlias in BreakpointsDirectionAlias]: boolean;\n}",
+      "description": ""
     }
   },
   "UseBreakpointsOptions": {
@@ -7696,6 +7703,57 @@
       "description": ""
     }
   },
+  "ActionListProps": {
+    "polaris-react/src/components/ActionList/ActionList.tsx": {
+      "filePath": "polaris-react/src/components/ActionList/ActionList.tsx",
+      "name": "ActionListProps",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/ActionList/ActionList.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "items",
+          "value": "readonly ActionListItemDescriptor[]",
+          "description": "Collection of actions for list",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/ActionList/ActionList.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "sections",
+          "value": "readonly ActionListSection[]",
+          "description": "Collection of sectioned action items",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/ActionList/ActionList.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "actionRole",
+          "value": "string",
+          "description": "Defines a specific role attribute for each action in the list",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/ActionList/ActionList.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "onActionAnyItem",
+          "value": "() => void",
+          "description": "Callback when any item is clicked or keypressed",
+          "isOptional": true
+        }
+      ],
+      "value": "export interface ActionListProps {\n  /** Collection of actions for list */\n  items?: readonly ActionListItemDescriptor[];\n  /** Collection of sectioned action items */\n  sections?: readonly ActionListSection[];\n  /** Defines a specific role attribute for each action in the list */\n  actionRole?: 'menuitem' | string;\n  /** Callback when any item is clicked or keypressed */\n  onActionAnyItem?: ActionListItemDescriptor['onAction'];\n}"
+    }
+  },
+  "ActionListItemProps": {
+    "polaris-react/src/components/ActionList/ActionList.tsx": {
+      "filePath": "polaris-react/src/components/ActionList/ActionList.tsx",
+      "syntaxKind": "TypeAliasDeclaration",
+      "name": "ActionListItemProps",
+      "value": "ItemProps",
+      "description": ""
+    }
+  },
   "ActionMenuProps": {
     "polaris-react/src/components/ActionMenu/ActionMenu.tsx": {
       "filePath": "polaris-react/src/components/ActionMenu/ActionMenu.tsx",
@@ -7746,6 +7804,103 @@
       "value": "export interface ActionMenuProps {\n  /** Collection of page-level secondary actions */\n  actions?: MenuActionDescriptor[];\n  /** Collection of page-level action groups */\n  groups?: MenuGroupDescriptor[];\n  /** Roll up all actions into a Popover > ActionList */\n  rollup?: boolean;\n  /** Label for rolled up actions activator */\n  rollupActionsLabel?: string;\n  /** Callback that returns true when secondary actions are rolled up into action groups, and false when not */\n  onActionRollup?(hasRolledUp: boolean): void;\n}"
     }
   },
+  "CardBackgroundColorTokenScale": {
+    "polaris-react/src/components/AlphaCard/AlphaCard.tsx": {
+      "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx",
+      "syntaxKind": "TypeAliasDeclaration",
+      "name": "CardBackgroundColorTokenScale",
+      "value": "\"surface\" | \"surface-subdued\"",
+      "description": ""
+    }
+  },
+  "Spacing": {
+    "polaris-react/src/components/AlphaCard/AlphaCard.tsx": {
+      "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx",
+      "syntaxKind": "TypeAliasDeclaration",
+      "name": "Spacing",
+      "value": "ResponsiveProp<SpacingSpaceScale>",
+      "description": ""
+    },
+    "polaris-react/src/components/Bleed/Bleed.tsx": {
+      "filePath": "polaris-react/src/components/Bleed/Bleed.tsx",
+      "syntaxKind": "TypeAliasDeclaration",
+      "name": "Spacing",
+      "value": "ResponsiveProp<SpacingSpaceScale>",
+      "description": ""
+    },
+    "polaris-react/src/components/Box/Box.tsx": {
+      "filePath": "polaris-react/src/components/Box/Box.tsx",
+      "syntaxKind": "TypeAliasDeclaration",
+      "name": "Spacing",
+      "value": "ResponsiveProp<SpacingSpaceScale>",
+      "description": ""
+    },
+    "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx": {
+      "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx",
+      "syntaxKind": "TypeAliasDeclaration",
+      "name": "Spacing",
+      "value": "'extraTight' | 'tight' | 'loose'",
+      "description": ""
+    },
+    "polaris-react/src/components/Stack/Stack.tsx": {
+      "filePath": "polaris-react/src/components/Stack/Stack.tsx",
+      "syntaxKind": "TypeAliasDeclaration",
+      "name": "Spacing",
+      "value": "'extraTight' | 'tight' | 'baseTight' | 'loose' | 'extraLoose' | 'none'",
+      "description": ""
+    },
+    "polaris-react/src/components/TextContainer/TextContainer.tsx": {
+      "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx",
+      "syntaxKind": "TypeAliasDeclaration",
+      "name": "Spacing",
+      "value": "'tight' | 'loose'",
+      "description": ""
+    }
+  },
+  "AlphaCardProps": {
+    "polaris-react/src/components/AlphaCard/AlphaCard.tsx": {
+      "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx",
+      "name": "AlphaCardProps",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "children",
+          "value": "React.ReactNode",
+          "description": "",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "background",
+          "value": "CardBackgroundColorTokenScale",
+          "description": "Background color",
+          "isOptional": true,
+          "defaultValue": "'surface'"
+        },
+        {
+          "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "padding",
+          "value": "Spacing",
+          "description": "The spacing around the card",
+          "isOptional": true,
+          "defaultValue": "{xs: '4', sm: '5'}"
+        },
+        {
+          "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "roundedAbove",
+          "value": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"",
+          "description": "Border radius value above a set breakpoint",
+          "isOptional": true
+        }
+      ],
+      "value": "export interface AlphaCardProps {\n  children?: React.ReactNode;\n  /** Background color\n   * @default 'surface'\n   */\n  background?: CardBackgroundColorTokenScale;\n  /** The spacing around the card\n   * @default {xs: '4', sm: '5'}\n   * @example\n   * padding='4'\n   * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n   */\n  padding?: Spacing;\n  /** Border radius value above a set breakpoint */\n  roundedAbove?: BreakpointsAlias;\n}"
+    }
+  },
   "Props": {
     "polaris-react/src/components/AfterInitialMount/AfterInitialMount.tsx": {
       "filePath": "polaris-react/src/components/AfterInitialMount/AfterInitialMount.tsx",
@@ -8030,74 +8185,83 @@
       "value": "interface Props {\n  /** Callback when the search is dismissed */\n  onDismiss?(): void;\n  /** Determines whether the overlay should be visible */\n  visible: boolean;\n}"
     }
   },
-  "CardBackgroundColorTokenScale": {
-    "polaris-react/src/components/AlphaCard/AlphaCard.tsx": {
-      "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx",
+  "Align": {
+    "polaris-react/src/components/AlphaStack/AlphaStack.tsx": {
+      "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx",
       "syntaxKind": "TypeAliasDeclaration",
-      "name": "CardBackgroundColorTokenScale",
-      "value": "\"surface\" | \"surface-subdued\"",
+      "name": "Align",
+      "value": "'start' | 'end' | 'center'",
       "description": ""
-    }
-  },
-  "Spacing": {
-    "polaris-react/src/components/AlphaCard/AlphaCard.tsx": {
-      "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx",
+    },
+    "polaris-react/src/components/Inline/Inline.tsx": {
+      "filePath": "polaris-react/src/components/Inline/Inline.tsx",
       "syntaxKind": "TypeAliasDeclaration",
-      "name": "Spacing",
-      "value": "ResponsiveProp<SpacingSpaceScale>",
+      "name": "Align",
+      "value": "'start' | 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly'",
       "description": ""
-    },
-    "polaris-react/src/components/Bleed/Bleed.tsx": {
-      "filePath": "polaris-react/src/components/Bleed/Bleed.tsx",
+    }
+  },
+  "Element": {
+    "polaris-react/src/components/AlphaStack/AlphaStack.tsx": {
+      "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx",
       "syntaxKind": "TypeAliasDeclaration",
-      "name": "Spacing",
-      "value": "ResponsiveProp<SpacingSpaceScale>",
+      "name": "Element",
+      "value": "'div' | 'ul' | 'ol' | 'fieldset'",
       "description": ""
     },
     "polaris-react/src/components/Box/Box.tsx": {
       "filePath": "polaris-react/src/components/Box/Box.tsx",
       "syntaxKind": "TypeAliasDeclaration",
-      "name": "Spacing",
-      "value": "ResponsiveProp<SpacingSpaceScale>",
+      "name": "Element",
+      "value": "'div' | 'span' | 'section' | 'legend' | 'ul' | 'li'",
       "description": ""
     },
-    "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx": {
-      "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx",
+    "polaris-react/src/components/Text/Text.tsx": {
+      "filePath": "polaris-react/src/components/Text/Text.tsx",
       "syntaxKind": "TypeAliasDeclaration",
-      "name": "Spacing",
-      "value": "'extraTight' | 'tight' | 'loose'",
+      "name": "Element",
+      "value": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'legend'",
+      "description": ""
+    }
+  },
+  "Gap": {
+    "polaris-react/src/components/AlphaStack/AlphaStack.tsx": {
+      "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx",
+      "syntaxKind": "TypeAliasDeclaration",
+      "name": "Gap",
+      "value": "ResponsiveProp<SpacingSpaceScale>",
       "description": ""
     },
-    "polaris-react/src/components/List/List.tsx": {
-      "filePath": "polaris-react/src/components/List/List.tsx",
+    "polaris-react/src/components/Columns/Columns.tsx": {
+      "filePath": "polaris-react/src/components/Columns/Columns.tsx",
       "syntaxKind": "TypeAliasDeclaration",
-      "name": "Spacing",
-      "value": "'extraTight' | 'loose'",
+      "name": "Gap",
+      "value": "ResponsiveProp<SpacingSpaceScale>",
       "description": ""
     },
-    "polaris-react/src/components/Stack/Stack.tsx": {
-      "filePath": "polaris-react/src/components/Stack/Stack.tsx",
+    "polaris-react/src/components/Grid/Grid.tsx": {
+      "filePath": "polaris-react/src/components/Grid/Grid.tsx",
       "syntaxKind": "TypeAliasDeclaration",
-      "name": "Spacing",
-      "value": "'extraTight' | 'tight' | 'baseTight' | 'loose' | 'extraLoose' | 'none'",
+      "name": "Gap",
+      "value": "{\n  [Breakpoint in Breakpoints]?: string;\n}",
       "description": ""
     },
-    "polaris-react/src/components/TextContainer/TextContainer.tsx": {
-      "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx",
+    "polaris-react/src/components/Inline/Inline.tsx": {
+      "filePath": "polaris-react/src/components/Inline/Inline.tsx",
       "syntaxKind": "TypeAliasDeclaration",
-      "name": "Spacing",
-      "value": "'tight' | 'loose'",
+      "name": "Gap",
+      "value": "ResponsiveProp<SpacingSpaceScale>",
       "description": ""
     }
   },
-  "AlphaCardProps": {
-    "polaris-react/src/components/AlphaCard/AlphaCard.tsx": {
-      "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx",
-      "name": "AlphaCardProps",
+  "AlphaStackProps": {
+    "polaris-react/src/components/AlphaStack/AlphaStack.tsx": {
+      "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx",
+      "name": "AlphaStackProps",
       "description": "",
       "members": [
         {
-          "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx",
+          "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx",
           "syntaxKind": "PropertySignature",
           "name": "children",
           "value": "React.ReactNode",
@@ -8105,129 +8269,16 @@
           "isOptional": true
         },
         {
-          "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx",
+          "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx",
           "syntaxKind": "PropertySignature",
-          "name": "background",
-          "value": "CardBackgroundColorTokenScale",
-          "description": "Background color",
+          "name": "as",
+          "value": "Element",
+          "description": "HTML Element type",
           "isOptional": true,
-          "defaultValue": "'surface'"
+          "defaultValue": "'div'"
         },
         {
-          "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "padding",
-          "value": "Spacing",
-          "description": "The spacing around the card",
-          "isOptional": true,
-          "defaultValue": "{xs: '4', sm: '5'}"
-        },
-        {
-          "filePath": "polaris-react/src/components/AlphaCard/AlphaCard.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "roundedAbove",
-          "value": "\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"",
-          "description": "Border radius value above a set breakpoint",
-          "isOptional": true
-        }
-      ],
-      "value": "export interface AlphaCardProps {\n  children?: React.ReactNode;\n  /** Background color\n   * @default 'surface'\n   */\n  background?: CardBackgroundColorTokenScale;\n  /** The spacing around the card\n   * @default {xs: '4', sm: '5'}\n   * @example\n   * padding='4'\n   * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n   */\n  padding?: Spacing;\n  /** Border radius value above a set breakpoint */\n  roundedAbove?: BreakpointsAlias;\n}"
-    }
-  },
-  "Align": {
-    "polaris-react/src/components/AlphaStack/AlphaStack.tsx": {
-      "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx",
-      "syntaxKind": "TypeAliasDeclaration",
-      "name": "Align",
-      "value": "'start' | 'end' | 'center'",
-      "description": ""
-    },
-    "polaris-react/src/components/Inline/Inline.tsx": {
-      "filePath": "polaris-react/src/components/Inline/Inline.tsx",
-      "syntaxKind": "TypeAliasDeclaration",
-      "name": "Align",
-      "value": "'start' | 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly'",
-      "description": ""
-    }
-  },
-  "Element": {
-    "polaris-react/src/components/AlphaStack/AlphaStack.tsx": {
-      "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx",
-      "syntaxKind": "TypeAliasDeclaration",
-      "name": "Element",
-      "value": "'div' | 'ul' | 'ol' | 'fieldset'",
-      "description": ""
-    },
-    "polaris-react/src/components/Box/Box.tsx": {
-      "filePath": "polaris-react/src/components/Box/Box.tsx",
-      "syntaxKind": "TypeAliasDeclaration",
-      "name": "Element",
-      "value": "'div' | 'span' | 'section' | 'legend' | 'ul' | 'li'",
-      "description": ""
-    },
-    "polaris-react/src/components/Text/Text.tsx": {
-      "filePath": "polaris-react/src/components/Text/Text.tsx",
-      "syntaxKind": "TypeAliasDeclaration",
-      "name": "Element",
-      "value": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'legend'",
-      "description": ""
-    }
-  },
-  "Gap": {
-    "polaris-react/src/components/AlphaStack/AlphaStack.tsx": {
-      "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx",
-      "syntaxKind": "TypeAliasDeclaration",
-      "name": "Gap",
-      "value": "ResponsiveProp<SpacingSpaceScale>",
-      "description": ""
-    },
-    "polaris-react/src/components/Columns/Columns.tsx": {
-      "filePath": "polaris-react/src/components/Columns/Columns.tsx",
-      "syntaxKind": "TypeAliasDeclaration",
-      "name": "Gap",
-      "value": "ResponsiveProp<SpacingSpaceScale>",
-      "description": ""
-    },
-    "polaris-react/src/components/Grid/Grid.tsx": {
-      "filePath": "polaris-react/src/components/Grid/Grid.tsx",
-      "syntaxKind": "TypeAliasDeclaration",
-      "name": "Gap",
-      "value": "{\n  [Breakpoint in Breakpoints]?: string;\n}",
-      "description": ""
-    },
-    "polaris-react/src/components/Inline/Inline.tsx": {
-      "filePath": "polaris-react/src/components/Inline/Inline.tsx",
-      "syntaxKind": "TypeAliasDeclaration",
-      "name": "Gap",
-      "value": "ResponsiveProp<SpacingSpaceScale>",
-      "description": ""
-    }
-  },
-  "AlphaStackProps": {
-    "polaris-react/src/components/AlphaStack/AlphaStack.tsx": {
-      "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx",
-      "name": "AlphaStackProps",
-      "description": "",
-      "members": [
-        {
-          "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "children",
-          "value": "React.ReactNode",
-          "description": "",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "as",
-          "value": "Element",
-          "description": "HTML Element type",
-          "isOptional": true,
-          "defaultValue": "'div'"
-        },
-        {
-          "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx",
+          "filePath": "polaris-react/src/components/AlphaStack/AlphaStack.tsx",
           "syntaxKind": "PropertySignature",
           "name": "align",
           "value": "Align",
@@ -8270,7 +8321,7 @@
           "isOptional": true
         }
       ],
-      "value": "export interface AlphaStackProps extends React.AriaAttributes {\n  children?: React.ReactNode;\n  /** HTML Element type\n   * @default 'div'\n   */\n  as?: Element;\n  /** Horizontal alignment of children\n   * @default 'start'\n   */\n  align?: Align;\n  /** Toggle children to be full width\n   * @default false\n   */\n  fullWidth?: boolean;\n  /** The spacing between children\n   * @default '4'\n   */\n  gap?: Gap;\n  /** HTML id attribute */\n  id?: string;\n  /** Toggle order of child items */\n  reverseOrder?: boolean;\n}"
+      "value": "export interface AlphaStackProps extends React.AriaAttributes {\n  children?: React.ReactNode;\n  /** HTML Element type\n   * @default 'div'\n   */\n  as?: Element;\n  /** Vertical alignment of children\n   * @default 'start'\n   */\n  align?: Align;\n  /** Toggle children to be full width\n   * @default false\n   */\n  fullWidth?: boolean;\n  /** The spacing between children\n   * @default '4'\n   */\n  gap?: Gap;\n  /** HTML id attribute */\n  id?: string;\n  /** Toggle order of child items */\n  reverseOrder?: boolean;\n}"
     }
   },
   "State": {
@@ -9122,62 +9173,6 @@
       ],
       "value": "export interface NonMutuallyExclusiveProps {\n  keyCode: Key;\n  handler(event: KeyboardEvent): void;\n  keyEvent?: KeyEvent;\n}"
     },
-    "polaris-react/src/components/Tag/Tag.tsx": {
-      "filePath": "polaris-react/src/components/Tag/Tag.tsx",
-      "name": "NonMutuallyExclusiveProps",
-      "description": "",
-      "members": [
-        {
-          "filePath": "polaris-react/src/components/Tag/Tag.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "children",
-          "value": "React.ReactNode",
-          "description": "Content to display in the tag",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Tag/Tag.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "disabled",
-          "value": "boolean",
-          "description": "Disables the tag",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Tag/Tag.tsx",
-          "syntaxKind": "MethodSignature",
-          "name": "onClick",
-          "value": "() => void",
-          "description": "Callback when tag is clicked or keypressed. Renders without remove button or url when set.",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Tag/Tag.tsx",
-          "syntaxKind": "MethodSignature",
-          "name": "onRemove",
-          "value": "() => void",
-          "description": "Callback when remove button is clicked or keypressed.",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Tag/Tag.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "accessibilityLabel",
-          "value": "string",
-          "description": "A string to use when tag has more than textual content",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Tag/Tag.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "url",
-          "value": "string",
-          "description": "Url to navigate to when tag is clicked or keypressed.",
-          "isOptional": true
-        }
-      ],
-      "value": "export interface NonMutuallyExclusiveProps {\n  /** Content to display in the tag */\n  children?: React.ReactNode;\n  /** Disables the tag  */\n  disabled?: boolean;\n  /** Callback when tag is clicked or keypressed. Renders without remove button or url when set. */\n  onClick?(): void;\n  /** Callback when remove button is clicked or keypressed. */\n  onRemove?(): void;\n  /** A string to use when tag has more than textual content */\n  accessibilityLabel?: string;\n  /** Url to navigate to when tag is clicked or keypressed. */\n  url?: string;\n}"
-    },
     "polaris-react/src/components/TextField/TextField.tsx": {
       "filePath": "polaris-react/src/components/TextField/TextField.tsx",
       "name": "NonMutuallyExclusiveProps",
@@ -9559,6 +9554,62 @@
         }
       ],
       "value": "interface NonMutuallyExclusiveProps {\n  /** Text to display before value */\n  prefix?: React.ReactNode;\n  /** Text to display after value */\n  suffix?: React.ReactNode;\n  /** Content to vertically display above the input value */\n  verticalContent?: React.ReactNode;\n  /** Hint text to display */\n  placeholder?: string;\n  /** Initial value for the input */\n  value?: string;\n  /** Additional hint text to display */\n  helpText?: React.ReactNode;\n  /** Label for the input */\n  label: React.ReactNode;\n  /** Adds an action to the label */\n  labelAction?: LabelledProps['action'];\n  /** Visually hide the label */\n  labelHidden?: boolean;\n  /** Disable the input */\n  disabled?: boolean;\n  /** Show a clear text button in the input */\n  clearButton?: boolean;\n  /** Indicates whether or not the entire value should be selected on focus. */\n  selectTextOnFocus?: boolean;\n  /** An inline autocomplete suggestion containing the input value. The characters that complete the input value are selected for ease of deletion on input change or keypress of Backspace/Delete. The selected substring is visually highlighted with subdued styling. */\n  suggestion?: string;\n  /** Disable editing of the input */\n  readOnly?: boolean;\n  /** Automatically focus the input */\n  autoFocus?: boolean;\n  /** Force the focus state on the input */\n  focused?: boolean;\n  /** Allow for multiple lines of input */\n  multiline?: boolean | number;\n  /** Error to display beneath the label */\n  error?: Error | boolean;\n  /** An element connected to the right of the input */\n  connectedRight?: React.ReactNode;\n  /** An element connected to the left of the input */\n  connectedLeft?: React.ReactNode;\n  /** Determine type of input */\n  type?: Type;\n  /** Name of the input */\n  name?: string;\n  /** ID for the input */\n  id?: string;\n  /** Defines a specific role attribute for the input */\n  role?: string;\n  /** Limit increment value for numeric and date-time inputs */\n  step?: number;\n  /** Enable automatic completion by the browser. Set to \"off\" when you do not want the browser to fill in info */\n  autoComplete: string;\n  /** Mimics the behavior of the native HTML attribute, limiting the maximum value */\n  max?: number | string;\n  /** Maximum character length for an input */\n  maxLength?: number;\n  /** Maximum height of the input element. Only applies when `multiline` is `true` */\n  maxHeight?: number | string;\n  /** Mimics the behavior of the native HTML attribute, limiting the minimum value */\n  min?: number | string;\n  /** Minimum character length for an input */\n  minLength?: number;\n  /** A regular expression to check the value against */\n  pattern?: string;\n  /** Choose the keyboard that should be used on mobile devices */\n  inputMode?: InputMode;\n  /** Indicate whether value should have spelling checked */\n  spellCheck?: boolean;\n  /** Indicates the id of a component owned by the input */\n  ariaOwns?: string;\n  /** Indicates whether or not a Popover is displayed */\n  ariaExpanded?: boolean;\n  /** Indicates the id of a component controlled by the input */\n  ariaControls?: string;\n  /** Indicates the id of a related component’s visually focused element to the input */\n  ariaActiveDescendant?: string;\n  /** Indicates what kind of user input completion suggestions are provided */\n  ariaAutocomplete?: string;\n  /** Indicates whether or not the character count should be displayed */\n  showCharacterCount?: boolean;\n  /** Determines the alignment of the text in the input */\n  align?: Alignment;\n  /** Visual required indicator, adds an asterisk to label */\n  requiredIndicator?: boolean;\n  /** Indicates whether or not a monospaced font should be used */\n  monospaced?: boolean;\n  /** Callback fired when clear button is clicked */\n  onClearButtonClick?(id: string): void;\n  /** Callback fired when value is changed */\n  onChange?(value: string, id: string): void;\n  /** Callback fired when input is focused */\n  onFocus?: (event?: React.FocusEvent) => void;\n  /** Callback fired when input is blurred */\n  onBlur?(event?: React.FocusEvent): void;\n}"
+    },
+    "polaris-react/src/components/Tag/Tag.tsx": {
+      "filePath": "polaris-react/src/components/Tag/Tag.tsx",
+      "name": "NonMutuallyExclusiveProps",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/Tag/Tag.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "children",
+          "value": "React.ReactNode",
+          "description": "Content to display in the tag",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Tag/Tag.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "disabled",
+          "value": "boolean",
+          "description": "Disables the tag",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Tag/Tag.tsx",
+          "syntaxKind": "MethodSignature",
+          "name": "onClick",
+          "value": "() => void",
+          "description": "Callback when tag is clicked or keypressed. Renders without remove button or url when set.",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Tag/Tag.tsx",
+          "syntaxKind": "MethodSignature",
+          "name": "onRemove",
+          "value": "() => void",
+          "description": "Callback when remove button is clicked or keypressed.",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Tag/Tag.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "accessibilityLabel",
+          "value": "string",
+          "description": "A string to use when tag has more than textual content",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Tag/Tag.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "url",
+          "value": "string",
+          "description": "Url to navigate to when tag is clicked or keypressed.",
+          "isOptional": true
+        }
+      ],
+      "value": "export interface NonMutuallyExclusiveProps {\n  /** Content to display in the tag */\n  children?: React.ReactNode;\n  /** Disables the tag  */\n  disabled?: boolean;\n  /** Callback when tag is clicked or keypressed. Renders without remove button or url when set. */\n  onClick?(): void;\n  /** Callback when remove button is clicked or keypressed. */\n  onRemove?(): void;\n  /** A string to use when tag has more than textual content */\n  accessibilityLabel?: string;\n  /** Url to navigate to when tag is clicked or keypressed. */\n  url?: string;\n}"
     }
   },
   "BadgeProps": {
@@ -10802,64 +10853,32 @@
       "description": ""
     }
   },
-  "ButtonGroupProps": {
-    "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx": {
-      "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx",
-      "name": "ButtonGroupProps",
+  "CaptionProps": {
+    "polaris-react/src/components/Caption/Caption.tsx": {
+      "filePath": "polaris-react/src/components/Caption/Caption.tsx",
+      "name": "CaptionProps",
       "description": "",
       "members": [
         {
-          "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx",
+          "filePath": "polaris-react/src/components/Caption/Caption.tsx",
           "syntaxKind": "PropertySignature",
-          "name": "spacing",
-          "value": "Spacing",
-          "description": "Determines the space between button group items",
+          "name": "children",
+          "value": "React.ReactNode",
+          "description": "The content to use as a graph label or timestamp",
           "isOptional": true
-        },
+        }
+      ],
+      "value": "export interface CaptionProps {\n  /** The content to use as a graph label or timestamp */\n  children?: React.ReactNode;\n}"
+    }
+  },
+  "CalloutCardProps": {
+    "polaris-react/src/components/CalloutCard/CalloutCard.tsx": {
+      "filePath": "polaris-react/src/components/CalloutCard/CalloutCard.tsx",
+      "name": "CalloutCardProps",
+      "description": "",
+      "members": [
         {
-          "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "segmented",
-          "value": "boolean",
-          "description": "Join buttons as segmented group",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "fullWidth",
-          "value": "boolean",
-          "description": "Buttons will stretch/shrink to occupy the full width",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "connectedTop",
-          "value": "boolean",
-          "description": "Remove top left and right border radius",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "children",
-          "value": "React.ReactNode",
-          "description": "Button components",
-          "isOptional": true
-        }
-      ],
-      "value": "export interface ButtonGroupProps {\n  /** Determines the space between button group items */\n  spacing?: Spacing;\n  /** Join buttons as segmented group */\n  segmented?: boolean;\n  /** Buttons will stretch/shrink to occupy the full width */\n  fullWidth?: boolean;\n  /** Remove top left and right border radius */\n  connectedTop?: boolean;\n  /** Button components */\n  children?: React.ReactNode;\n}"
-    }
-  },
-  "CalloutCardProps": {
-    "polaris-react/src/components/CalloutCard/CalloutCard.tsx": {
-      "filePath": "polaris-react/src/components/CalloutCard/CalloutCard.tsx",
-      "name": "CalloutCardProps",
-      "description": "",
-      "members": [
-        {
-          "filePath": "polaris-react/src/components/CalloutCard/CalloutCard.tsx",
+          "filePath": "polaris-react/src/components/CalloutCard/CalloutCard.tsx",
           "syntaxKind": "PropertySignature",
           "name": "children",
           "value": "React.ReactNode",
@@ -10907,22 +10926,54 @@
       "value": "export interface CalloutCardProps {\n  /** The content to display inside the callout card. */\n  children?: React.ReactNode;\n  /** The title of the card */\n  title: React.ReactNode;\n  /** URL to the card illustration */\n  illustration: string;\n  /** Primary action for the card */\n  primaryAction: Action;\n  /** Secondary action for the card */\n  secondaryAction?: Action;\n  /** Callback when banner is dismissed */\n  onDismiss?(): void;\n}"
     }
   },
-  "CaptionProps": {
-    "polaris-react/src/components/Caption/Caption.tsx": {
-      "filePath": "polaris-react/src/components/Caption/Caption.tsx",
-      "name": "CaptionProps",
+  "ButtonGroupProps": {
+    "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx": {
+      "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx",
+      "name": "ButtonGroupProps",
       "description": "",
       "members": [
         {
-          "filePath": "polaris-react/src/components/Caption/Caption.tsx",
+          "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "spacing",
+          "value": "Spacing",
+          "description": "Determines the space between button group items",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "segmented",
+          "value": "boolean",
+          "description": "Join buttons as segmented group",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "fullWidth",
+          "value": "boolean",
+          "description": "Buttons will stretch/shrink to occupy the full width",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "connectedTop",
+          "value": "boolean",
+          "description": "Remove top left and right border radius",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/ButtonGroup/ButtonGroup.tsx",
           "syntaxKind": "PropertySignature",
           "name": "children",
           "value": "React.ReactNode",
-          "description": "The content to use as a graph label or timestamp",
+          "description": "Button components",
           "isOptional": true
         }
       ],
-      "value": "export interface CaptionProps {\n  /** The content to use as a graph label or timestamp */\n  children?: React.ReactNode;\n}"
+      "value": "export interface ButtonGroupProps {\n  /** Determines the space between button group items */\n  spacing?: Spacing;\n  /** Join buttons as segmented group */\n  segmented?: boolean;\n  /** Buttons will stretch/shrink to occupy the full width */\n  fullWidth?: boolean;\n  /** Remove top left and right border radius */\n  connectedTop?: boolean;\n  /** Button components */\n  children?: React.ReactNode;\n}"
     }
   },
   "CardProps": {
@@ -11015,50 +11066,88 @@
       "value": "export interface CardProps {\n  /** Title content for the card */\n  title?: React.ReactNode;\n  /** Inner content of the card */\n  children?: React.ReactNode;\n  /** A less prominent card */\n  subdued?: boolean;\n  /** Auto wrap content in section */\n  sectioned?: boolean;\n  /** Card header actions */\n  actions?: DisableableAction[];\n  /** Primary action in the card footer */\n  primaryFooterAction?: ComplexAction;\n  /** Secondary actions in the card footer */\n  secondaryFooterActions?: ComplexAction[];\n  /** The content of the disclosure button rendered when there is more than one secondary footer action */\n  secondaryFooterActionsDisclosureText?: string;\n  /** Alignment of the footer actions on the card, defaults to right */\n  footerActionAlignment?: 'right' | 'left';\n  /** Allow the card to be hidden when printing */\n  hideOnPrint?: boolean;\n}"
     }
   },
-  "CheckableButtonProps": {
-    "polaris-react/src/components/CheckableButton/CheckableButton.tsx": {
-      "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx",
-      "name": "CheckableButtonProps",
+  "ChoiceProps": {
+    "polaris-react/src/components/Choice/Choice.tsx": {
+      "filePath": "polaris-react/src/components/Choice/Choice.tsx",
+      "name": "ChoiceProps",
       "description": "",
       "members": [
         {
-          "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx",
+          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
           "syntaxKind": "PropertySignature",
-          "name": "accessibilityLabel",
+          "name": "id",
           "value": "string",
-          "description": "",
-          "isOptional": true
+          "description": "A unique identifier for the choice"
         },
         {
-          "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx",
+          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
           "syntaxKind": "PropertySignature",
           "name": "label",
-          "value": "string",
-          "description": "",
+          "value": "React.ReactNode",
+          "description": "Label for the choice"
+        },
+        {
+          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "disabled",
+          "value": "boolean",
+          "description": "Whether the associated form control is disabled",
           "isOptional": true
         },
         {
-          "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx",
+          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
           "syntaxKind": "PropertySignature",
-          "name": "selected",
-          "value": "boolean | \"indeterminate\"",
-          "description": "",
+          "name": "error",
+          "value": "any",
+          "description": "Display an error message",
           "isOptional": true
         },
         {
-          "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx",
+          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
           "syntaxKind": "PropertySignature",
-          "name": "disabled",
+          "name": "labelHidden",
           "value": "boolean",
-          "description": "",
+          "description": "Visually hide the label",
           "isOptional": true
         },
         {
-          "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx",
+          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "children",
+          "value": "React.ReactNode",
+          "description": "Content to display inside the choice",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "helpText",
+          "value": "React.ReactNode",
+          "description": "Additional text to aide in use",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
           "syntaxKind": "MethodSignature",
-          "name": "onToggleAll",
+          "name": "onClick",
           "value": "() => void",
-          "description": "",
+          "description": "Callback when clicked",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
+          "syntaxKind": "MethodSignature",
+          "name": "onMouseOver",
+          "value": "() => void",
+          "description": "Callback when mouse over",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
+          "syntaxKind": "MethodSignature",
+          "name": "onMouseOut",
+          "value": "() => void",
+          "description": "Callback when mouse out",
           "isOptional": true
         },
         {
@@ -11070,7 +11159,7 @@
           "isOptional": true
         }
       ],
-      "value": "export interface CheckableButtonProps {\n  accessibilityLabel?: string;\n  label?: string;\n  selected?: boolean | 'indeterminate';\n  disabled?: boolean;\n  onToggleAll?(): void;\n  ariaLive?: 'off' | 'polite';\n}"
+      "value": "export interface ChoiceProps {\n  /** A unique identifier for the choice */\n  id: string;\n  /**\tLabel for the choice */\n  label: React.ReactNode;\n  /** Whether the associated form control is disabled */\n  disabled?: boolean;\n  /** Display an error message */\n  error?: Error | boolean;\n  /** Visually hide the label */\n  labelHidden?: boolean;\n  /**  Content to display inside the choice */\n  children?: React.ReactNode;\n  /** Additional text to aide in use */\n  helpText?: React.ReactNode;\n  /** Callback when clicked */\n  onClick?(): void;\n  /** Callback when mouse over */\n  onMouseOver?(): void;\n  /** Callback when mouse out */\n  onMouseOut?(): void;\n}"
     }
   },
   "CheckboxProps": {
@@ -11265,92 +11354,62 @@
       "value": "export interface CheckboxProps {\n  checked?: boolean;\n  disabled?: boolean;\n  active?: boolean;\n  id?: string;\n  name?: string;\n  value?: string;\n  role?: string;\n  onChange(): void;\n}"
     }
   },
-  "ChoiceProps": {
-    "polaris-react/src/components/Choice/Choice.tsx": {
-      "filePath": "polaris-react/src/components/Choice/Choice.tsx",
-      "name": "ChoiceProps",
+  "CheckableButtonProps": {
+    "polaris-react/src/components/CheckableButton/CheckableButton.tsx": {
+      "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx",
+      "name": "CheckableButtonProps",
       "description": "",
       "members": [
         {
-          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
+          "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx",
           "syntaxKind": "PropertySignature",
-          "name": "id",
+          "name": "accessibilityLabel",
           "value": "string",
-          "description": "A unique identifier for the choice"
+          "description": "",
+          "isOptional": true
         },
         {
-          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
+          "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx",
           "syntaxKind": "PropertySignature",
           "name": "label",
-          "value": "React.ReactNode",
-          "description": "Label for the choice"
-        },
-        {
-          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "disabled",
-          "value": "boolean",
-          "description": "Whether the associated form control is disabled",
+          "value": "string",
+          "description": "",
           "isOptional": true
         },
         {
-          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
+          "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx",
           "syntaxKind": "PropertySignature",
-          "name": "error",
-          "value": "any",
-          "description": "Display an error message",
+          "name": "selected",
+          "value": "boolean | \"indeterminate\"",
+          "description": "",
           "isOptional": true
         },
         {
-          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
+          "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx",
           "syntaxKind": "PropertySignature",
-          "name": "labelHidden",
+          "name": "disabled",
           "value": "boolean",
-          "description": "Visually hide the label",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "children",
-          "value": "React.ReactNode",
-          "description": "Content to display inside the choice",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "helpText",
-          "value": "React.ReactNode",
-          "description": "Additional text to aide in use",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
-          "syntaxKind": "MethodSignature",
-          "name": "onClick",
-          "value": "() => void",
-          "description": "Callback when clicked",
+          "description": "",
           "isOptional": true
         },
         {
-          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
+          "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx",
           "syntaxKind": "MethodSignature",
-          "name": "onMouseOver",
+          "name": "onToggleAll",
           "value": "() => void",
-          "description": "Callback when mouse over",
+          "description": "",
           "isOptional": true
         },
         {
-          "filePath": "polaris-react/src/components/Choice/Choice.tsx",
-          "syntaxKind": "MethodSignature",
-          "name": "onMouseOut",
-          "value": "() => void",
-          "description": "Callback when mouse out",
+          "filePath": "polaris-react/src/components/CheckableButton/CheckableButton.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "ariaLive",
+          "value": "\"off\" | \"polite\"",
+          "description": "",
           "isOptional": true
         }
       ],
-      "value": "export interface ChoiceProps {\n  /** A unique identifier for the choice */\n  id: string;\n  /**\tLabel for the choice */\n  label: React.ReactNode;\n  /** Whether the associated form control is disabled */\n  disabled?: boolean;\n  /** Display an error message */\n  error?: Error | boolean;\n  /** Visually hide the label */\n  labelHidden?: boolean;\n  /**  Content to display inside the choice */\n  children?: React.ReactNode;\n  /** Additional text to aide in use */\n  helpText?: React.ReactNode;\n  /** Callback when clicked */\n  onClick?(): void;\n  /** Callback when mouse over */\n  onMouseOver?(): void;\n  /** Callback when mouse out */\n  onMouseOut?(): void;\n}"
+      "value": "export interface CheckableButtonProps {\n  accessibilityLabel?: string;\n  label?: string;\n  selected?: boolean | 'indeterminate';\n  disabled?: boolean;\n  onToggleAll?(): void;\n  ariaLive?: 'off' | 'polite';\n}"
     }
   },
   "Choice": {
@@ -11568,14 +11627,6 @@
           "isOptional": true,
           "deprecationMessage": "Re-measuring is no longer necessary on children update *"
         },
-        {
-          "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx",
-          "syntaxKind": "MethodSignature",
-          "name": "onAnimationEnd",
-          "value": "() => void",
-          "description": "Callback when the animation completes.",
-          "isOptional": true
-        },
         {
           "filePath": "polaris-react/src/components/Collapsible/Collapsible.tsx",
           "syntaxKind": "PropertySignature",
@@ -11585,7 +11636,7 @@
           "isOptional": true
         }
       ],
-      "value": "export interface CollapsibleProps {\n  /** Assign a unique ID to the collapsible. For accessibility, pass this ID as the value of the triggering component’s aria-controls prop. */\n  id: string;\n  /** Option to show collapsible content when printing */\n  expandOnPrint?: boolean;\n  /** Toggle whether the collapsible is expanded or not. */\n  open: boolean;\n  /** Override transition properties. When set to false, disables transition completely.\n   * @default transition={{duration: 'var(--p-duration-150)', timingFunction: 'var(--p-ease-in-out)'}}\n   */\n  transition?: boolean | Transition;\n  /** @deprecated Re-measuring is no longer necessary on children update **/\n  preventMeasuringOnChildrenUpdate?: boolean;\n  /** Callback when the animation completes. */\n  onAnimationEnd?(): void;\n  /** The content to display inside the collapsible. */\n  children?: React.ReactNode;\n}"
+      "value": "export interface CollapsibleProps {\n  /** Assign a unique ID to the collapsible. For accessibility, pass this ID as the value of the triggering component’s aria-controls prop. */\n  id: string;\n  /** Option to show collapsible content when printing */\n  expandOnPrint?: boolean;\n  /** Toggle whether the collapsible is expanded or not. */\n  open: boolean;\n  /** Override transition properties. When set to false, disables transition completely.\n   * @default transition={{duration: 'var(--p-duration-150)', timingFunction: 'var(--p-ease-in-out)'}}\n   */\n  transition?: boolean | Transition;\n  /** @deprecated Re-measuring is no longer necessary on children update **/\n  preventMeasuringOnChildrenUpdate?: boolean;\n  /** The content to display inside the collapsible. */\n  children?: React.ReactNode;\n}"
     }
   },
   "AnimationState": {
@@ -11697,112 +11748,12 @@
         {
           "filePath": "polaris-react/src/components/ColorPicker/ColorPicker.tsx",
           "syntaxKind": "MethodSignature",
-          "name": "onChange",
-          "value": "(color: HSBAColor) => void",
-          "description": "Callback when color is selected"
-        }
-      ],
-      "value": "export interface ColorPickerProps {\n  /** ID for the element */\n  id?: string;\n  /** The currently selected color */\n  color: Color;\n  /** Allow user to select an alpha value */\n  allowAlpha?: boolean;\n  /** Allow HuePicker to take the full width */\n  fullWidth?: boolean;\n  /** Callback when color is selected */\n  onChange(color: HSBAColor): void;\n}"
-    }
-  },
-  "Columns": {
-    "polaris-react/src/components/Columns/Columns.tsx": {
-      "filePath": "polaris-react/src/components/Columns/Columns.tsx",
-      "syntaxKind": "TypeAliasDeclaration",
-      "name": "Columns",
-      "value": "{\n  [Breakpoint in BreakpointsAlias]?: number | string;\n}",
-      "description": ""
-    },
-    "polaris-react/src/components/Grid/Grid.tsx": {
-      "filePath": "polaris-react/src/components/Grid/Grid.tsx",
-      "syntaxKind": "TypeAliasDeclaration",
-      "name": "Columns",
-      "value": "{\n  [Breakpoint in Breakpoints]?: number;\n}",
-      "description": ""
-    },
-    "polaris-react/src/components/Grid/components/Cell/Cell.tsx": {
-      "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx",
-      "name": "Columns",
-      "description": "",
-      "members": [
-        {
-          "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "xs",
-          "value": "2 | 5 | 1 | 4 | 3 | 6",
-          "description": "Number of columns the section should span on extra small screens",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "sm",
-          "value": "2 | 5 | 1 | 4 | 3 | 6",
-          "description": "Number of columns the section should span on small screens",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "md",
-          "value": "2 | 5 | 1 | 4 | 3 | 6",
-          "description": "Number of columns the section should span on medium screens",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "lg",
-          "value": "2 | 5 | 1 | 4 | 10 | 3 | 6 | 7 | 8 | 9 | 11 | 12",
-          "description": "Number of columns the section should span on large screens",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "xl",
-          "value": "2 | 5 | 1 | 4 | 10 | 3 | 6 | 7 | 8 | 9 | 11 | 12",
-          "description": "Number of columns the section should span on extra large screens",
-          "isOptional": true
-        }
-      ],
-      "value": "interface Columns {\n  /** Number of columns the section should span on extra small screens */\n  xs?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** Number of columns the section should span on small screens */\n  sm?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** Number of columns the section should span on medium screens */\n  md?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** Number of columns the section should span on large screens */\n  lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Number of columns the section should span on extra large screens */\n  xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n}"
-    }
-  },
-  "ColumnsProps": {
-    "polaris-react/src/components/Columns/Columns.tsx": {
-      "filePath": "polaris-react/src/components/Columns/Columns.tsx",
-      "name": "ColumnsProps",
-      "description": "",
-      "members": [
-        {
-          "filePath": "polaris-react/src/components/Columns/Columns.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "children",
-          "value": "React.ReactNode",
-          "description": "",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Columns/Columns.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "columns",
-          "value": "Columns",
-          "description": "The number of columns to display",
-          "isOptional": true,
-          "defaultValue": "{xs: 6, sm: 6, md: 6, lg: 6, xl: 6}"
-        },
-        {
-          "filePath": "polaris-react/src/components/Columns/Columns.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "gap",
-          "value": "Gap",
-          "description": "The spacing between children. Accepts a spacing token or an object of spacing tokens for different screen sizes.",
-          "isOptional": true,
-          "defaultValue": "'4'"
+          "name": "onChange",
+          "value": "(color: HSBAColor) => void",
+          "description": "Callback when color is selected"
         }
       ],
-      "value": "export interface ColumnsProps {\n  children?: React.ReactNode;\n  /** The number of columns to display\n   * @default {xs: 6, sm: 6, md: 6, lg: 6, xl: 6}\n   */\n  columns?: Columns;\n  /** The spacing between children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n   * @default '4'\n   * @example\n   * gap='2'\n   * gap={{xs: '1', sm: '2', md: '3', lg: '4', xl: '5'}}\n   */\n  gap?: Gap;\n}"
+      "value": "export interface ColorPickerProps {\n  /** ID for the element */\n  id?: string;\n  /** The currently selected color */\n  color: Color;\n  /** Allow user to select an alpha value */\n  allowAlpha?: boolean;\n  /** Allow HuePicker to take the full width */\n  fullWidth?: boolean;\n  /** Callback when color is selected */\n  onChange(color: HSBAColor): void;\n}"
     }
   },
   "ComboboxProps": {
@@ -11912,6 +11863,106 @@
       "value": "export interface ConnectedProps {\n  /** Content to display on the left */\n  left?: React.ReactNode;\n  /** Content to display on the right */\n  right?: React.ReactNode;\n  /** Connected content */\n  children?: React.ReactNode;\n}"
     }
   },
+  "Columns": {
+    "polaris-react/src/components/Columns/Columns.tsx": {
+      "filePath": "polaris-react/src/components/Columns/Columns.tsx",
+      "syntaxKind": "TypeAliasDeclaration",
+      "name": "Columns",
+      "value": "{\n  [Breakpoint in BreakpointsAlias]?: number | string;\n}",
+      "description": ""
+    },
+    "polaris-react/src/components/Grid/Grid.tsx": {
+      "filePath": "polaris-react/src/components/Grid/Grid.tsx",
+      "syntaxKind": "TypeAliasDeclaration",
+      "name": "Columns",
+      "value": "{\n  [Breakpoint in Breakpoints]?: number;\n}",
+      "description": ""
+    },
+    "polaris-react/src/components/Grid/components/Cell/Cell.tsx": {
+      "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx",
+      "name": "Columns",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "xs",
+          "value": "2 | 5 | 1 | 4 | 3 | 6",
+          "description": "Number of columns the section should span on extra small screens",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "sm",
+          "value": "2 | 5 | 1 | 4 | 3 | 6",
+          "description": "Number of columns the section should span on small screens",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "md",
+          "value": "2 | 5 | 1 | 4 | 3 | 6",
+          "description": "Number of columns the section should span on medium screens",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "lg",
+          "value": "2 | 5 | 1 | 4 | 10 | 3 | 6 | 7 | 8 | 9 | 11 | 12",
+          "description": "Number of columns the section should span on large screens",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "xl",
+          "value": "2 | 5 | 1 | 4 | 10 | 3 | 6 | 7 | 8 | 9 | 11 | 12",
+          "description": "Number of columns the section should span on extra large screens",
+          "isOptional": true
+        }
+      ],
+      "value": "interface Columns {\n  /** Number of columns the section should span on extra small screens */\n  xs?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** Number of columns the section should span on small screens */\n  sm?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** Number of columns the section should span on medium screens */\n  md?: 1 | 2 | 3 | 4 | 5 | 6;\n  /** Number of columns the section should span on large screens */\n  lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  /** Number of columns the section should span on extra large screens */\n  xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n}"
+    }
+  },
+  "ColumnsProps": {
+    "polaris-react/src/components/Columns/Columns.tsx": {
+      "filePath": "polaris-react/src/components/Columns/Columns.tsx",
+      "name": "ColumnsProps",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/Columns/Columns.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "children",
+          "value": "React.ReactNode",
+          "description": "",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Columns/Columns.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "columns",
+          "value": "Columns",
+          "description": "The number of columns to display",
+          "isOptional": true,
+          "defaultValue": "{xs: 6, sm: 6, md: 6, lg: 6, xl: 6}"
+        },
+        {
+          "filePath": "polaris-react/src/components/Columns/Columns.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "gap",
+          "value": "Gap",
+          "description": "The spacing between children. Accepts a spacing token or an object of spacing tokens for different screen sizes.",
+          "isOptional": true,
+          "defaultValue": "'4'"
+        }
+      ],
+      "value": "export interface ColumnsProps {\n  children?: React.ReactNode;\n  /** The number of columns to display\n   * @default {xs: 6, sm: 6, md: 6, lg: 6, xl: 6}\n   */\n  columns?: Columns;\n  /** The spacing between children. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n   * @default '4'\n   * @example\n   * gap='2'\n   * gap={{xs: '1', sm: '2', md: '3', lg: '4', xl: '5'}}\n   */\n  gap?: Gap;\n}"
+    }
+  },
   "TableRow": {
     "polaris-react/src/components/DataTable/DataTable.tsx": {
       "filePath": "polaris-react/src/components/DataTable/DataTable.tsx",
@@ -12233,6 +12284,42 @@
       "value": "export interface DatePickerProps {\n  /** ID for the element */\n  id?: string;\n  /** The selected date or range of dates */\n  selected?: Date | Range;\n  /** The month to show, from 0 to 11. 0 is January, 1 is February ... 11 is December */\n  month: number;\n  /** The year to show */\n  year: number;\n  /** Allow a range of dates to be selected */\n  allowRange?: boolean;\n  /** Disable selecting dates before this. */\n  disableDatesBefore?: Date;\n  /** Disable selecting dates after this. */\n  disableDatesAfter?: Date;\n  /** Disable specific dates. */\n  disableSpecificDates?: Date[];\n  /** The selection can span multiple months */\n  multiMonth?: boolean;\n  /**\n   * First day of week, from 0 to 6. 0 is Sunday, 1 is Monday ... 6 is Saturday\n   * @default 0\n   */\n  weekStartsOn?: number;\n  /** Visually hidden prefix text for selected days on single selection date pickers */\n  dayAccessibilityLabelPrefix?: string;\n  /** Callback when date is selected. */\n  onChange?(date: Range): void;\n  /** Callback when month is changed. */\n  onMonthChange?(month: number, year: number): void;\n}"
     }
   },
+  "DisplayTextProps": {
+    "polaris-react/src/components/DisplayText/DisplayText.tsx": {
+      "filePath": "polaris-react/src/components/DisplayText/DisplayText.tsx",
+      "name": "DisplayTextProps",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/DisplayText/DisplayText.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "element",
+          "value": "HeadingTagName",
+          "description": "Name of element to use for text",
+          "isOptional": true,
+          "defaultValue": "'p'"
+        },
+        {
+          "filePath": "polaris-react/src/components/DisplayText/DisplayText.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "size",
+          "value": "Size",
+          "description": "Size of the text",
+          "isOptional": true,
+          "defaultValue": "'medium'"
+        },
+        {
+          "filePath": "polaris-react/src/components/DisplayText/DisplayText.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "children",
+          "value": "React.ReactNode",
+          "description": "Content to display",
+          "isOptional": true
+        }
+      ],
+      "value": "export interface DisplayTextProps {\n  /**\n   * Name of element to use for text\n   * @default 'p'\n   */\n  element?: HeadingTagName;\n  /**\n   * Size of the text\n   * @default 'medium'\n   */\n  size?: Size;\n  /** Content to display */\n  children?: React.ReactNode;\n}"
+    }
+  },
   "Item": {
     "polaris-react/src/components/DescriptionList/DescriptionList.tsx": {
       "filePath": "polaris-react/src/components/DescriptionList/DescriptionList.tsx",
@@ -12330,60 +12417,6 @@
       "value": "export interface DescriptionListProps {\n  /** Collection of items for list */\n  items: Item[];\n  /** Determines the spacing between list items */\n  spacing?: 'tight' | 'loose';\n}"
     }
   },
-  "DisplayTextProps": {
-    "polaris-react/src/components/DisplayText/DisplayText.tsx": {
-      "filePath": "polaris-react/src/components/DisplayText/DisplayText.tsx",
-      "name": "DisplayTextProps",
-      "description": "",
-      "members": [
-        {
-          "filePath": "polaris-react/src/components/DisplayText/DisplayText.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "element",
-          "value": "HeadingTagName",
-          "description": "Name of element to use for text",
-          "isOptional": true,
-          "defaultValue": "'p'"
-        },
-        {
-          "filePath": "polaris-react/src/components/DisplayText/DisplayText.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "size",
-          "value": "Size",
-          "description": "Size of the text",
-          "isOptional": true,
-          "defaultValue": "'medium'"
-        },
-        {
-          "filePath": "polaris-react/src/components/DisplayText/DisplayText.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "children",
-          "value": "React.ReactNode",
-          "description": "Content to display",
-          "isOptional": true
-        }
-      ],
-      "value": "export interface DisplayTextProps {\n  /**\n   * Name of element to use for text\n   * @default 'p'\n   */\n  element?: HeadingTagName;\n  /**\n   * Size of the text\n   * @default 'medium'\n   */\n  size?: Size;\n  /** Content to display */\n  children?: React.ReactNode;\n}"
-    }
-  },
-  "DividerProps": {
-    "polaris-react/src/components/Divider/Divider.tsx": {
-      "filePath": "polaris-react/src/components/Divider/Divider.tsx",
-      "name": "DividerProps",
-      "description": "",
-      "members": [
-        {
-          "filePath": "polaris-react/src/components/Divider/Divider.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "borderStyle",
-          "value": "BorderTokenAlias",
-          "description": "Divider border style",
-          "isOptional": true
-        }
-      ],
-      "value": "export interface DividerProps {\n  /** Divider border style */\n  borderStyle?: BorderTokenAlias;\n}"
-    }
-  },
   "DropZoneFileType": {
     "polaris-react/src/components/DropZone/DropZone.tsx": {
       "filePath": "polaris-react/src/components/DropZone/DropZone.tsx",
@@ -12758,6 +12791,24 @@
       "value": "interface DropZoneContextType {\n  disabled: boolean;\n  focused: boolean;\n  measuring: boolean;\n  allowMultiple: boolean;\n  size: string;\n  type: string;\n}"
     }
   },
+  "DividerProps": {
+    "polaris-react/src/components/Divider/Divider.tsx": {
+      "filePath": "polaris-react/src/components/Divider/Divider.tsx",
+      "name": "DividerProps",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/Divider/Divider.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "borderStyle",
+          "value": "BorderTokenAlias",
+          "description": "Divider border style",
+          "isOptional": true
+        }
+      ],
+      "value": "export interface DividerProps {\n  /** Divider border style */\n  borderStyle?: BorderTokenAlias;\n}"
+    }
+  },
   "EmptySearchResultProps": {
     "polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx": {
       "filePath": "polaris-react/src/components/EmptySearchResult/EmptySearchResult.tsx",
@@ -14266,24 +14317,6 @@
       "value": "export interface IndexTableProps\n  extends IndexTableBaseProps,\n    IndexProviderProps {}"
     }
   },
-  "IndicatorProps": {
-    "polaris-react/src/components/Indicator/Indicator.tsx": {
-      "filePath": "polaris-react/src/components/Indicator/Indicator.tsx",
-      "name": "IndicatorProps",
-      "description": "",
-      "members": [
-        {
-          "filePath": "polaris-react/src/components/Indicator/Indicator.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "pulse",
-          "value": "boolean",
-          "description": "",
-          "isOptional": true
-        }
-      ],
-      "value": "export interface IndicatorProps {\n  pulse?: boolean;\n}"
-    }
-  },
   "BlockAlign": {
     "polaris-react/src/components/Inline/Inline.tsx": {
       "filePath": "polaris-react/src/components/Inline/Inline.tsx",
@@ -14347,21 +14380,40 @@
       "value": "export interface InlineProps {\n  children?: React.ReactNode;\n  /** Horizontal alignment of children\n   * @default 'start'\n   */\n  align?: Align;\n  /** Vertical alignment of children\n   * @default 'center'\n   */\n  blockAlign?: BlockAlign;\n  /** The spacing between elements. Accepts a spacing token or an object of spacing tokens for different screen sizes.\n   * @default '4'\n   * @example\n   * gap='2'\n   * gap={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}\n   */\n  gap?: Gap;\n  /** Wrap stack elements to additional rows as needed on small screens\n   * @default true\n   */\n  wrap?: boolean;\n}"
     }
   },
-  "InlineCodeProps": {
-    "polaris-react/src/components/InlineCode/InlineCode.tsx": {
-      "filePath": "polaris-react/src/components/InlineCode/InlineCode.tsx",
-      "name": "InlineCodeProps",
+  "IndicatorProps": {
+    "polaris-react/src/components/Indicator/Indicator.tsx": {
+      "filePath": "polaris-react/src/components/Indicator/Indicator.tsx",
+      "name": "IndicatorProps",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/Indicator/Indicator.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "pulse",
+          "value": "boolean",
+          "description": "",
+          "isOptional": true
+        }
+      ],
+      "value": "export interface IndicatorProps {\n  pulse?: boolean;\n}"
+    }
+  },
+  "KeyboardKeyProps": {
+    "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx": {
+      "filePath": "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx",
+      "name": "KeyboardKeyProps",
       "description": "",
       "members": [
         {
-          "filePath": "polaris-react/src/components/InlineCode/InlineCode.tsx",
+          "filePath": "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx",
           "syntaxKind": "PropertySignature",
           "name": "children",
-          "value": "ReactNode",
-          "description": "The content to render inside the code block"
+          "value": "string",
+          "description": "The content to display inside the key",
+          "isOptional": true
         }
       ],
-      "value": "export interface InlineCodeProps {\n  /** The content to render inside the code block */\n  children: ReactNode;\n}"
+      "value": "export interface KeyboardKeyProps {\n  /** The content to display inside the key */\n  children?: string;\n}"
     }
   },
   "InlineErrorProps": {
@@ -14388,22 +14440,21 @@
       "value": "export interface InlineErrorProps {\n  /** Content briefly explaining how to resolve the invalid form field input. */\n  message: Error;\n  /** Unique identifier of the invalid form field that the message describes */\n  fieldID: string;\n}"
     }
   },
-  "KeyboardKeyProps": {
-    "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx": {
-      "filePath": "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx",
-      "name": "KeyboardKeyProps",
+  "InlineCodeProps": {
+    "polaris-react/src/components/InlineCode/InlineCode.tsx": {
+      "filePath": "polaris-react/src/components/InlineCode/InlineCode.tsx",
+      "name": "InlineCodeProps",
       "description": "",
       "members": [
         {
-          "filePath": "polaris-react/src/components/KeyboardKey/KeyboardKey.tsx",
+          "filePath": "polaris-react/src/components/InlineCode/InlineCode.tsx",
           "syntaxKind": "PropertySignature",
           "name": "children",
-          "value": "string",
-          "description": "The content to display inside the key",
-          "isOptional": true
+          "value": "ReactNode",
+          "description": "The content to render inside the code block"
         }
       ],
-      "value": "export interface KeyboardKeyProps {\n  /** The content to display inside the key */\n  children?: string;\n}"
+      "value": "export interface InlineCodeProps {\n  /** The content to render inside the code block */\n  children: ReactNode;\n}"
     }
   },
   "KeypressListenerProps": {
@@ -14424,23 +14475,6 @@
       "description": ""
     }
   },
-  "KonamiCodeProps": {
-    "polaris-react/src/components/KonamiCode/KonamiCode.tsx": {
-      "filePath": "polaris-react/src/components/KonamiCode/KonamiCode.tsx",
-      "name": "KonamiCodeProps",
-      "description": "",
-      "members": [
-        {
-          "filePath": "polaris-react/src/components/KonamiCode/KonamiCode.tsx",
-          "syntaxKind": "MethodSignature",
-          "name": "handler",
-          "value": "(event: KeyboardEvent) => void",
-          "description": ""
-        }
-      ],
-      "value": "export interface KonamiCodeProps {\n  handler(event: KeyboardEvent): void;\n}"
-    }
-  },
   "LabelProps": {
     "polaris-react/src/components/Label/Label.tsx": {
       "filePath": "polaris-react/src/components/Label/Label.tsx",
@@ -14482,6 +14516,23 @@
       "value": "export interface LabelProps {\n  /** Label content */\n  children?: React.ReactNode;\n  /** A unique identifier for the label */\n  id: string;\n  /** Visually hide the label */\n  hidden?: boolean;\n  /** Visual required indicator for the label */\n  requiredIndicator?: boolean;\n}"
     }
   },
+  "KonamiCodeProps": {
+    "polaris-react/src/components/KonamiCode/KonamiCode.tsx": {
+      "filePath": "polaris-react/src/components/KonamiCode/KonamiCode.tsx",
+      "name": "KonamiCodeProps",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/KonamiCode/KonamiCode.tsx",
+          "syntaxKind": "MethodSignature",
+          "name": "handler",
+          "value": "(event: KeyboardEvent) => void",
+          "description": ""
+        }
+      ],
+      "value": "export interface KonamiCodeProps {\n  handler(event: KeyboardEvent): void;\n}"
+    }
+  },
   "LabelledProps": {
     "polaris-react/src/components/Labelled/Labelled.tsx": {
       "filePath": "polaris-react/src/components/Labelled/Labelled.tsx",
@@ -16889,6 +16940,14 @@
       "name": "PropsFromWrapper",
       "description": "",
       "members": [
+        {
+          "filePath": "polaris-react/src/components/ResourceItem/ResourceItem.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "breakpoints",
+          "value": "BreakpointsMatches",
+          "description": "",
+          "isOptional": true
+        },
         {
           "filePath": "polaris-react/src/components/ResourceItem/ResourceItem.tsx",
           "syntaxKind": "PropertySignature",
@@ -16904,7 +16963,7 @@
           "description": ""
         }
       ],
-      "value": "interface PropsFromWrapper {\n  context: React.ContextType<typeof ResourceListContext>;\n  i18n: ReturnType<typeof useI18n>;\n}"
+      "value": "interface PropsFromWrapper {\n  breakpoints?: BreakpointsMatches;\n  context: React.ContextType<typeof ResourceListContext>;\n  i18n: ReturnType<typeof useI18n>;\n}"
     }
   },
   "ResourceListProps": {
@@ -17169,6 +17228,89 @@
       "value": "export interface ScrollableProps extends React.HTMLProps<HTMLDivElement> {\n  /** Content to display in scrollable area */\n  children?: React.ReactNode;\n  /** Scroll content vertically\n   * @default true\n   * */\n  vertical?: boolean;\n  /** Scroll content horizontally\n   * @default true\n   * */\n  horizontal?: boolean;\n  /** Add a shadow when content is scrollable */\n  shadow?: boolean;\n  /** Slightly hints content upon mounting when scrollable */\n  hint?: boolean;\n  /** Adds a tabIndex to scrollable when children are not focusable */\n  focusable?: boolean;\n  /** Called when scrolled to the bottom of the scroll area */\n  onScrolledToBottom?(): void;\n}"
     }
   },
+  "AriaLive": {
+    "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx": {
+      "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx",
+      "syntaxKind": "TypeAliasDeclaration",
+      "name": "AriaLive",
+      "value": "'off' | 'polite' | undefined",
+      "description": ""
+    }
+  },
+  "SelectAllActionsProps": {
+    "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx": {
+      "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx",
+      "name": "SelectAllActionsProps",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "accessibilityLabel",
+          "value": "string",
+          "description": "Visually hidden text for screen readers",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "label",
+          "value": "string",
+          "description": "Label for the bulk actions",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "selected",
+          "value": "boolean | \"indeterminate\"",
+          "description": "State of the bulk actions checkbox",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "selectMode",
+          "value": "boolean",
+          "description": "List is in a selectable state",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "paginatedSelectAllText",
+          "value": "string",
+          "description": "Text to select all across pages",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "paginatedSelectAllAction",
+          "value": "Action",
+          "description": "Action for selecting all across pages",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "disabled",
+          "value": "boolean",
+          "description": "Disables bulk actions",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/SelectAllActions/SelectAllActions.tsx",
+          "syntaxKind": "MethodSignature",
+          "name": "onToggleAll",
+          "value": "() => void",
+          "description": "Callback when the select all checkbox is clicked",
+          "isOptional": true
+        }
+      ],
+      "value": "export interface SelectAllActionsProps {\n  /** Visually hidden text for screen readers */\n  accessibilityLabel?: string;\n  /** Label for the bulk actions */\n  label?: string;\n  /** State of the bulk actions checkbox */\n  selected?: boolean | 'indeterminate';\n  /** List is in a selectable state */\n  selectMode?: boolean;\n  /** Text to select all across pages */\n  paginatedSelectAllText?: string;\n  /** Action for selecting all across pages */\n  paginatedSelectAllAction?: Action;\n  /** Disables bulk actions */\n  disabled?: boolean;\n  /** Callback when the select all checkbox is clicked */\n  onToggleAll?(): void;\n}"
+    }
+  },
   "StrictOption": {
     "polaris-react/src/components/Select/Select.tsx": {
       "filePath": "polaris-react/src/components/Select/Select.tsx",
@@ -17861,6 +18003,15 @@
       "value": "export interface SpinnerProps {\n  onChange: HandleStepFn;\n  onClick?(event: React.MouseEvent): void;\n  onMouseDown(onChange: HandleStepFn): void;\n  onMouseUp(): void;\n}"
     }
   },
+  "StickyProps": {
+    "polaris-react/src/components/Sticky/Sticky.tsx": {
+      "filePath": "polaris-react/src/components/Sticky/Sticky.tsx",
+      "syntaxKind": "TypeAliasDeclaration",
+      "name": "StickyProps",
+      "value": "{\n  /** Element outlining the fixed position boundaries */\n  boundingElement?: HTMLElement | null;\n  /** Offset vertical spacing from the top of the scrollable container */\n  offset?: boolean;\n  /** Should the element remain in a fixed position when the layout is stacked (smaller screens)  */\n  disableWhenStacked?: boolean;\n  /** Callback run when sticky header is added or removed  */\n  onStickyChange?: (isSticky: boolean) => void;\n} & (\n  | {children: React.ReactNode}\n  | {children(isSticky: boolean): React.ReactNode}\n)",
+      "description": ""
+    }
+  },
   "Distribution": {
     "polaris-react/src/components/Stack/Stack.tsx": {
       "filePath": "polaris-react/src/components/Stack/Stack.tsx",
@@ -17928,15 +18079,6 @@
       "value": "export interface StackProps {\n  /** Elements to display inside stack */\n  children?: React.ReactNode;\n  /** Wrap stack elements to additional rows as needed on small screens (Defaults to true) */\n  wrap?: boolean;\n  /** Stack the elements vertically */\n  vertical?: boolean;\n  /** Adjust spacing between elements */\n  spacing?: Spacing;\n  /** Adjust vertical alignment of elements */\n  alignment?: Alignment;\n  /** Adjust horizontal alignment of elements */\n  distribution?: Distribution;\n}"
     }
   },
-  "StickyProps": {
-    "polaris-react/src/components/Sticky/Sticky.tsx": {
-      "filePath": "polaris-react/src/components/Sticky/Sticky.tsx",
-      "syntaxKind": "TypeAliasDeclaration",
-      "name": "StickyProps",
-      "value": "{\n  /** Element outlining the fixed position boundaries */\n  boundingElement?: HTMLElement | null;\n  /** Offset vertical spacing from the top of the scrollable container */\n  offset?: boolean;\n  /** Should the element remain in a fixed position when the layout is stacked (smaller screens)  */\n  disableWhenStacked?: boolean;\n  /** Callback run when sticky header is added or removed  */\n  onStickyChange?: (isSticky: boolean) => void;\n} & (\n  | {children: React.ReactNode}\n  | {children(isSticky: boolean): React.ReactNode}\n)",
-      "description": ""
-    }
-  },
   "SubheadingProps": {
     "polaris-react/src/components/Subheading/Subheading.tsx": {
       "filePath": "polaris-react/src/components/Subheading/Subheading.tsx",
@@ -18020,13 +18162,30 @@
       "value": "export interface TabsProps {\n  /** Content to display in tabs */\n  children?: React.ReactNode;\n  /** Index of selected tab */\n  selected: number;\n  /** List of tabs */\n  tabs: TabDescriptor[];\n  /** Fit tabs to container */\n  fitted?: boolean;\n  /** Text to replace disclosures horizontal dots */\n  disclosureText?: string;\n  /** Callback when tab is selected */\n  onSelect?(selectedTabIndex: number): void;\n}"
     }
   },
-  "TagProps": {
-    "polaris-react/src/components/Tag/Tag.tsx": {
-      "filePath": "polaris-react/src/components/Tag/Tag.tsx",
-      "syntaxKind": "TypeAliasDeclaration",
-      "name": "TagProps",
-      "value": "NonMutuallyExclusiveProps & (\n    | {onClick?(): void; onRemove?: undefined; url?: undefined}\n    | {onClick?: undefined; onRemove?(): void; url?: string}\n  )",
-      "description": ""
+  "TextContainerProps": {
+    "polaris-react/src/components/TextContainer/TextContainer.tsx": {
+      "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx",
+      "name": "TextContainerProps",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "spacing",
+          "value": "Spacing",
+          "description": "The amount of vertical spacing children will get between them",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "children",
+          "value": "React.ReactNode",
+          "description": "The content to render in the text container.",
+          "isOptional": true
+        }
+      ],
+      "value": "export interface TextContainerProps {\n  /** The amount of vertical spacing children will get between them */\n  spacing?: Spacing;\n  /** The content to render in the text container. */\n  children?: React.ReactNode;\n}"
     }
   },
   "Variant": {
@@ -18134,32 +18293,6 @@
       "value": "export interface TextProps {\n  /** Adjust horizontal alignment of text */\n  alignment?: Alignment;\n  /** The element type */\n  as: Element;\n  /** Prevent text from overflowing */\n  breakWord?: boolean;\n  /** Text to display */\n  children: ReactNode;\n  /** Adjust color of text */\n  color?: Color;\n  /** Adjust weight of text */\n  fontWeight?: FontWeight;\n  /** HTML id attribute */\n  id?: string;\n  /** Truncate text overflow with ellipsis */\n  truncate?: boolean;\n  /** Typographic style of text */\n  variant: Variant;\n  /** Visually hide the text */\n  visuallyHidden?: boolean;\n}"
     }
   },
-  "TextContainerProps": {
-    "polaris-react/src/components/TextContainer/TextContainer.tsx": {
-      "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx",
-      "name": "TextContainerProps",
-      "description": "",
-      "members": [
-        {
-          "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "spacing",
-          "value": "Spacing",
-          "description": "The amount of vertical spacing children will get between them",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/TextContainer/TextContainer.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "children",
-          "value": "React.ReactNode",
-          "description": "The content to render in the text container.",
-          "isOptional": true
-        }
-      ],
-      "value": "export interface TextContainerProps {\n  /** The amount of vertical spacing children will get between them */\n  spacing?: Spacing;\n  /** The content to render in the text container. */\n  children?: React.ReactNode;\n}"
-    }
-  },
   "InputMode": {
     "polaris-react/src/components/TextField/TextField.tsx": {
       "filePath": "polaris-react/src/components/TextField/TextField.tsx",
@@ -18285,6 +18418,15 @@
       "description": ""
     }
   },
+  "TagProps": {
+    "polaris-react/src/components/Tag/Tag.tsx": {
+      "filePath": "polaris-react/src/components/Tag/Tag.tsx",
+      "syntaxKind": "TypeAliasDeclaration",
+      "name": "TagProps",
+      "value": "NonMutuallyExclusiveProps & (\n    | {onClick?(): void; onRemove?: undefined; url?: undefined}\n    | {onClick?: undefined; onRemove?(): void; url?: string}\n  )",
+      "description": ""
+    }
+  },
   "Variation": {
     "polaris-react/src/components/TextStyle/TextStyle.tsx": {
       "filePath": "polaris-react/src/components/TextStyle/TextStyle.tsx",
@@ -18600,37 +18742,20 @@
           "filePath": "polaris-react/src/components/TrapFocus/TrapFocus.tsx",
           "syntaxKind": "PropertySignature",
           "name": "trapping",
-          "value": "boolean",
-          "description": "",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/TrapFocus/TrapFocus.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "children",
-          "value": "React.ReactNode",
-          "description": "",
-          "isOptional": true
-        }
-      ],
-      "value": "export interface TrapFocusProps {\n  trapping?: boolean;\n  children?: React.ReactNode;\n}"
-    }
-  },
-  "TruncateProps": {
-    "polaris-react/src/components/Truncate/Truncate.tsx": {
-      "filePath": "polaris-react/src/components/Truncate/Truncate.tsx",
-      "name": "TruncateProps",
-      "description": "",
-      "members": [
+          "value": "boolean",
+          "description": "",
+          "isOptional": true
+        },
         {
-          "filePath": "polaris-react/src/components/Truncate/Truncate.tsx",
+          "filePath": "polaris-react/src/components/TrapFocus/TrapFocus.tsx",
           "syntaxKind": "PropertySignature",
           "name": "children",
           "value": "React.ReactNode",
-          "description": ""
+          "description": "",
+          "isOptional": true
         }
       ],
-      "value": "export interface TruncateProps {\n  children: React.ReactNode;\n}"
+      "value": "export interface TrapFocusProps {\n  trapping?: boolean;\n  children?: React.ReactNode;\n}"
     }
   },
   "UnstyledButtonProps": {
@@ -22048,6 +22173,23 @@
       "value": "export interface FocusManagerContextType {\n  trapFocusList: string[];\n  add: (id: string) => void;\n  remove: (id: string) => boolean;\n}"
     }
   },
+  "TruncateProps": {
+    "polaris-react/src/components/Truncate/Truncate.tsx": {
+      "filePath": "polaris-react/src/components/Truncate/Truncate.tsx",
+      "name": "TruncateProps",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/Truncate/Truncate.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "children",
+          "value": "React.ReactNode",
+          "description": ""
+        }
+      ],
+      "value": "export interface TruncateProps {\n  children: React.ReactNode;\n}"
+    }
+  },
   "PortalsManager": {
     "polaris-react/src/utilities/portals/context.tsx": {
       "filePath": "polaris-react/src/utilities/portals/context.tsx",
@@ -22413,6 +22555,30 @@
       "value": "interface ItemProps {\n  children?: React.ReactNode;\n}"
     }
   },
+  "MeasuredActions": {
+    "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx": {
+      "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx",
+      "name": "MeasuredActions",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "showable",
+          "value": "MenuActionDescriptor[]",
+          "description": ""
+        },
+        {
+          "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "rolledUp",
+          "value": "(MenuActionDescriptor | MenuGroupDescriptor)[]",
+          "description": ""
+        }
+      ],
+      "value": "interface MeasuredActions {\n  showable: MenuActionDescriptor[];\n  rolledUp: (MenuActionDescriptor | MenuGroupDescriptor)[];\n}"
+    }
+  },
   "SectionProps": {
     "polaris-react/src/components/ActionList/components/Section/Section.tsx": {
       "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx",
@@ -22448,9 +22614,17 @@
           "value": "() => void",
           "description": "Callback when any item is clicked or keypressed",
           "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/ActionList/components/Section/Section.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "isFirst",
+          "value": "boolean",
+          "description": "Whether it is the first in a group of sections",
+          "isOptional": true
         }
       ],
-      "value": "export interface SectionProps {\n  /** Section of action items */\n  section: ActionListSection;\n  /** Should there be multiple sections */\n  hasMultipleSections: boolean;\n  /** Defines a specific role attribute for each action in the list */\n  actionRole?: 'option' | 'menuitem' | string;\n  /** Callback when any item is clicked or keypressed */\n  onActionAnyItem?: ActionListItemDescriptor['onAction'];\n}"
+      "value": "export interface SectionProps {\n  /** Section of action items */\n  section: ActionListSection;\n  /** Should there be multiple sections */\n  hasMultipleSections: boolean;\n  /** Defines a specific role attribute for each action in the list */\n  actionRole?: 'option' | 'menuitem' | string;\n  /** Callback when any item is clicked or keypressed */\n  onActionAnyItem?: ActionListItemDescriptor['onAction'];\n  /** Whether it is the first in a group of sections */\n  isFirst?: boolean;\n}"
     },
     "polaris-react/src/components/Layout/components/Section/Section.tsx": {
       "filePath": "polaris-react/src/components/Layout/components/Section/Section.tsx",
@@ -22651,30 +22825,6 @@
       "value": "export interface SectionProps {\n  children?: React.ReactNode;\n}"
     }
   },
-  "MeasuredActions": {
-    "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx": {
-      "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx",
-      "name": "MeasuredActions",
-      "description": "",
-      "members": [
-        {
-          "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "showable",
-          "value": "MenuActionDescriptor[]",
-          "description": ""
-        },
-        {
-          "filePath": "polaris-react/src/components/ActionMenu/components/Actions/Actions.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "rolledUp",
-          "value": "(MenuActionDescriptor | MenuGroupDescriptor)[]",
-          "description": ""
-        }
-      ],
-      "value": "interface MeasuredActions {\n  showable: MenuActionDescriptor[];\n  rolledUp: (MenuActionDescriptor | MenuGroupDescriptor)[];\n}"
-    }
-  },
   "MenuGroupProps": {
     "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx": {
       "filePath": "polaris-react/src/components/ActionMenu/components/MenuGroup/MenuGroup.tsx",
@@ -22801,40 +22951,6 @@
       "value": "export interface MenuGroupProps extends MenuGroupDescriptor {\n  /** Visually hidden menu description for screen readers */\n  accessibilityLabel?: string;\n  /** Whether or not the menu is open */\n  active?: boolean;\n  /** Callback when the menu is clicked */\n  onClick?(openActions: () => void): void;\n  /** Callback for opening the MenuGroup by title */\n  onOpen(title: string): void;\n  /** Callback for closing the MenuGroup by title */\n  onClose(title: string): void;\n  /** Callback for getting the offsetWidth of the MenuGroup */\n  getOffsetWidth?(width: number): void;\n  /** Collection of sectioned action items */\n  sections?: readonly ActionListSection[];\n}"
     }
   },
-  "RollupActionsProps": {
-    "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx": {
-      "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx",
-      "name": "RollupActionsProps",
-      "description": "",
-      "members": [
-        {
-          "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "accessibilityLabel",
-          "value": "string",
-          "description": "Accessibilty label",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "items",
-          "value": "ActionListItemDescriptor[]",
-          "description": "Collection of actions for the list",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "sections",
-          "value": "ActionListSection[]",
-          "description": "Collection of sectioned action items",
-          "isOptional": true
-        }
-      ],
-      "value": "export interface RollupActionsProps {\n  /** Accessibilty label */\n  accessibilityLabel?: string;\n  /** Collection of actions for the list */\n  items?: ActionListItemDescriptor[];\n  /** Collection of sectioned action items */\n  sections?: ActionListSection[];\n}"
-    }
-  },
   "SecondaryAction": {
     "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx": {
       "filePath": "polaris-react/src/components/ActionMenu/components/SecondaryAction/SecondaryAction.tsx",
@@ -23211,6 +23327,40 @@
       "value": "interface SecondaryAction {\n  url: string;\n  accessibilityLabel: string;\n  icon: IconProps['source'];\n  onClick?(): void;\n  tooltip?: TooltipProps;\n}"
     }
   },
+  "RollupActionsProps": {
+    "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx": {
+      "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx",
+      "name": "RollupActionsProps",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "accessibilityLabel",
+          "value": "string",
+          "description": "Accessibilty label",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "items",
+          "value": "ActionListItemDescriptor[]",
+          "description": "Collection of actions for the list",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/ActionMenu/components/RollupActions/RollupActions.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "sections",
+          "value": "ActionListSection[]",
+          "description": "Collection of sectioned action items",
+          "isOptional": true
+        }
+      ],
+      "value": "export interface RollupActionsProps {\n  /** Accessibilty label */\n  accessibilityLabel?: string;\n  /** Collection of actions for the list */\n  items?: ActionListItemDescriptor[];\n  /** Collection of sectioned action items */\n  sections?: ActionListSection[];\n}"
+    }
+  },
   "MappedAction": {
     "polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.tsx": {
       "filePath": "polaris-react/src/components/Autocomplete/components/MappedAction/MappedAction.tsx",
@@ -23432,7 +23582,7 @@
       "filePath": "polaris-react/src/components/BulkActions/components/BulkActionButton/BulkActionButton.tsx",
       "syntaxKind": "TypeAliasDeclaration",
       "name": "BulkActionButtonProps",
-      "value": "{\n  disclosure?: boolean;\n  indicator?: boolean;\n  handleMeasurement?(width: number): void;\n  showContentInButton?: boolean;\n} & DisableableAction",
+      "value": "{\n  disclosure?: boolean;\n  indicator?: boolean;\n  handleMeasurement?(width: number): void;\n} & DisableableAction",
       "description": ""
     }
   },
@@ -23557,72 +23707,6 @@
       "value": "export interface CardHeaderProps {\n  title?: React.ReactNode;\n  actions?: DisableableAction[];\n  children?: React.ReactNode;\n}"
     }
   },
-  "CardSectionProps": {
-    "polaris-react/src/components/Card/components/Section/Section.tsx": {
-      "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx",
-      "name": "CardSectionProps",
-      "description": "",
-      "members": [
-        {
-          "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "title",
-          "value": "React.ReactNode",
-          "description": "",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "children",
-          "value": "React.ReactNode",
-          "description": "",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "subdued",
-          "value": "boolean",
-          "description": "",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "flush",
-          "value": "boolean",
-          "description": "",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "fullWidth",
-          "value": "boolean",
-          "description": "",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "hideOnPrint",
-          "value": "boolean",
-          "description": "Allow the card to be hidden when printing",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "actions",
-          "value": "ComplexAction[]",
-          "description": "",
-          "isOptional": true
-        }
-      ],
-      "value": "export interface CardSectionProps {\n  title?: React.ReactNode;\n  children?: React.ReactNode;\n  subdued?: boolean;\n  flush?: boolean;\n  fullWidth?: boolean;\n  /** Allow the card to be hidden when printing */\n  hideOnPrint?: boolean;\n  actions?: ComplexAction[];\n}"
-    }
-  },
   "CardSubsectionProps": {
     "polaris-react/src/components/Card/components/Subsection/Subsection.tsx": {
       "filePath": "polaris-react/src/components/Card/components/Subsection/Subsection.tsx",
@@ -23703,38 +23787,104 @@
       "description": "",
       "members": [
         {
-          "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx",
+          "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "draggerX",
+          "value": "number",
+          "description": "",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "draggerY",
+          "value": "number",
+          "description": "",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx",
+          "syntaxKind": "MethodSignature",
+          "name": "onChange",
+          "value": "(position: Position) => void",
+          "description": ""
+        },
+        {
+          "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx",
+          "syntaxKind": "MethodSignature",
+          "name": "onDraggerHeight",
+          "value": "(height: number) => void",
+          "description": "",
+          "isOptional": true
+        }
+      ],
+      "value": "export interface SlidableProps {\n  draggerX?: number;\n  draggerY?: number;\n  onChange(position: Position): void;\n  onDraggerHeight?(height: number): void;\n}"
+    }
+  },
+  "CardSectionProps": {
+    "polaris-react/src/components/Card/components/Section/Section.tsx": {
+      "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx",
+      "name": "CardSectionProps",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx",
           "syntaxKind": "PropertySignature",
-          "name": "draggerX",
-          "value": "number",
+          "name": "title",
+          "value": "React.ReactNode",
           "description": "",
           "isOptional": true
         },
         {
-          "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx",
+          "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx",
           "syntaxKind": "PropertySignature",
-          "name": "draggerY",
-          "value": "number",
+          "name": "children",
+          "value": "React.ReactNode",
           "description": "",
           "isOptional": true
         },
         {
-          "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx",
-          "syntaxKind": "MethodSignature",
-          "name": "onChange",
-          "value": "(position: Position) => void",
-          "description": ""
+          "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "subdued",
+          "value": "boolean",
+          "description": "",
+          "isOptional": true
         },
         {
-          "filePath": "polaris-react/src/components/ColorPicker/components/Slidable/Slidable.tsx",
-          "syntaxKind": "MethodSignature",
-          "name": "onDraggerHeight",
-          "value": "(height: number) => void",
+          "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "flush",
+          "value": "boolean",
+          "description": "",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "fullWidth",
+          "value": "boolean",
+          "description": "",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "hideOnPrint",
+          "value": "boolean",
+          "description": "Allow the card to be hidden when printing",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Card/components/Section/Section.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "actions",
+          "value": "ComplexAction[]",
           "description": "",
           "isOptional": true
         }
       ],
-      "value": "export interface SlidableProps {\n  draggerX?: number;\n  draggerY?: number;\n  onChange(position: Position): void;\n  onDraggerHeight?(height: number): void;\n}"
+      "value": "export interface CardSectionProps {\n  title?: React.ReactNode;\n  children?: React.ReactNode;\n  subdued?: boolean;\n  flush?: boolean;\n  fullWidth?: boolean;\n  /** Allow the card to be hidden when printing */\n  hideOnPrint?: boolean;\n  actions?: ComplexAction[];\n}"
     }
   },
   "ItemPosition": {
@@ -24182,6 +24332,37 @@
       "value": "export interface DayProps {\n  focused?: boolean;\n  day?: Date;\n  selected?: boolean;\n  inRange?: boolean;\n  inHoveringRange?: boolean;\n  disabled?: boolean;\n  lastDayOfMonth?: any;\n  isLastSelectedDay?: boolean;\n  isFirstSelectedDay?: boolean;\n  isHoveringRight?: boolean;\n  rangeIsDifferent?: boolean;\n  weekday?: string;\n  selectedAccessibilityLabelPrefix?: string;\n  onClick?(day: Date): void;\n  onHover?(day?: Date): void;\n  onFocus?(day: Date): void;\n}"
     }
   },
+  "WeekdayProps": {
+    "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx": {
+      "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx",
+      "name": "WeekdayProps",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "label",
+          "value": "string",
+          "description": ""
+        },
+        {
+          "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "title",
+          "value": "string",
+          "description": ""
+        },
+        {
+          "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "current",
+          "value": "boolean",
+          "description": ""
+        }
+      ],
+      "value": "export interface WeekdayProps {\n  label: string;\n  title: string;\n  current: boolean;\n}"
+    }
+  },
   "MonthProps": {
     "polaris-react/src/components/DatePicker/components/Month/Month.tsx": {
       "filePath": "polaris-react/src/components/DatePicker/components/Month/Month.tsx",
@@ -24300,37 +24481,6 @@
       "value": "export interface MonthProps {\n  focusedDate?: Date;\n  selected?: Range;\n  hoverDate?: Date;\n  month: number;\n  year: number;\n  disableDatesBefore?: Date;\n  disableDatesAfter?: Date;\n  disableSpecificDates?: Date[];\n  allowRange?: boolean;\n  weekStartsOn: number;\n  accessibilityLabelPrefixes: [string | undefined, string];\n  onChange?(date: Range): void;\n  onHover?(hoverEnd: Date): void;\n  onFocus?(date: Date): void;\n}"
     }
   },
-  "WeekdayProps": {
-    "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx": {
-      "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx",
-      "name": "WeekdayProps",
-      "description": "",
-      "members": [
-        {
-          "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "label",
-          "value": "string",
-          "description": ""
-        },
-        {
-          "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "title",
-          "value": "string",
-          "description": ""
-        },
-        {
-          "filePath": "polaris-react/src/components/DatePicker/components/Weekday/Weekday.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "current",
-          "value": "boolean",
-          "description": ""
-        }
-      ],
-      "value": "export interface WeekdayProps {\n  label: string;\n  title: string;\n  current: boolean;\n}"
-    }
-  },
   "FileUploadProps": {
     "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx": {
       "filePath": "polaris-react/src/components/DropZone/components/FileUpload/FileUpload.tsx",
@@ -24628,6 +24778,15 @@
       "value": "export interface CSSAnimationProps {\n  in: boolean;\n  className: string;\n  type: AnimationType;\n  children?: React.ReactNode;\n}"
     }
   },
+  "Cell": {
+    "polaris-react/src/components/Grid/components/Cell/Cell.tsx": {
+      "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx",
+      "syntaxKind": "TypeAliasDeclaration",
+      "name": "Cell",
+      "value": "{\n  [Breakpoint in Breakpoints]?: string;\n}",
+      "description": ""
+    }
+  },
   "ToastManagerProps": {
     "polaris-react/src/components/Frame/components/ToastManager/ToastManager.tsx": {
       "filePath": "polaris-react/src/components/Frame/components/ToastManager/ToastManager.tsx",
@@ -24645,15 +24804,6 @@
       "value": "export interface ToastManagerProps {\n  toastMessages: ToastPropsWithID[];\n}"
     }
   },
-  "Cell": {
-    "polaris-react/src/components/Grid/components/Cell/Cell.tsx": {
-      "filePath": "polaris-react/src/components/Grid/components/Cell/Cell.tsx",
-      "syntaxKind": "TypeAliasDeclaration",
-      "name": "Cell",
-      "value": "{\n  [Breakpoint in Breakpoints]?: string;\n}",
-      "description": ""
-    }
-  },
   "CheckboxWrapperProps": {
     "polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.tsx": {
       "filePath": "polaris-react/src/components/IndexTable/components/Checkbox/Checkbox.tsx",
@@ -25760,65 +25910,6 @@
       "value": "interface PrimaryAction\n  extends DestructableAction,\n    DisableableAction,\n    LoadableAction,\n    IconableAction,\n    TooltipAction {\n  /** Provides extra visual weight and identifies the primary action in a set of buttons */\n  primary?: boolean;\n}"
     }
   },
-  "PaneProps": {
-    "polaris-react/src/components/Popover/components/Pane/Pane.tsx": {
-      "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx",
-      "name": "PaneProps",
-      "description": "",
-      "members": [
-        {
-          "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "fixed",
-          "value": "boolean",
-          "description": "Fix the pane to the top of the popover",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "sectioned",
-          "value": "boolean",
-          "description": "Automatically wrap children in padded sections",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "children",
-          "value": "React.ReactNode",
-          "description": "The pane content",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "height",
-          "value": "string",
-          "description": "Sets a fixed height and max-height on the Scrollable",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx",
-          "syntaxKind": "MethodSignature",
-          "name": "onScrolledToBottom",
-          "value": "() => void",
-          "description": "Callback when the bottom of the popover is reached by mouse or keyboard",
-          "isOptional": true
-        },
-        {
-          "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx",
-          "syntaxKind": "PropertySignature",
-          "name": "captureOverscroll",
-          "value": "boolean",
-          "description": "Prevents page scrolling when the end of the scrollable Popover content is reached",
-          "isOptional": true,
-          "defaultValue": "false"
-        }
-      ],
-      "value": "export interface PaneProps {\n  /** Fix the pane to the top of the popover */\n  fixed?: boolean;\n  /** Automatically wrap children in padded sections */\n  sectioned?: boolean;\n  /** The pane content */\n  children?: React.ReactNode;\n  /** Sets a fixed height and max-height on the Scrollable */\n  height?: string;\n  /** Callback when the bottom of the popover is reached by mouse or keyboard  */\n  onScrolledToBottom?(): void;\n  /**\n   * Prevents page scrolling when the end of the scrollable Popover content is reached\n   * @default false\n   */\n  captureOverscroll?: boolean;\n}"
-    }
-  },
   "PopoverCloseSource": {
     "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx": {
       "filePath": "polaris-react/src/components/Popover/components/PopoverOverlay/PopoverOverlay.tsx",
@@ -26008,6 +26099,65 @@
       "value": "export interface PopoverOverlayProps {\n  children?: React.ReactNode;\n  fullWidth?: boolean;\n  fullHeight?: boolean;\n  fluidContent?: boolean;\n  preferredPosition?: PositionedOverlayProps['preferredPosition'];\n  preferredAlignment?: PositionedOverlayProps['preferredAlignment'];\n  active: boolean;\n  id: string;\n  zIndexOverride?: number;\n  activator: HTMLElement;\n  preferInputActivator?: PositionedOverlayProps['preferInputActivator'];\n  sectioned?: boolean;\n  fixed?: boolean;\n  hideOnPrint?: boolean;\n  onClose(source: PopoverCloseSource): void;\n  autofocusTarget?: PopoverAutofocusTarget;\n  preventCloseOnChildOverlayClick?: boolean;\n  captureOverscroll?: boolean;\n}"
     }
   },
+  "PaneProps": {
+    "polaris-react/src/components/Popover/components/Pane/Pane.tsx": {
+      "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx",
+      "name": "PaneProps",
+      "description": "",
+      "members": [
+        {
+          "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "fixed",
+          "value": "boolean",
+          "description": "Fix the pane to the top of the popover",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "sectioned",
+          "value": "boolean",
+          "description": "Automatically wrap children in padded sections",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "children",
+          "value": "React.ReactNode",
+          "description": "The pane content",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "height",
+          "value": "string",
+          "description": "Sets a fixed height and max-height on the Scrollable",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx",
+          "syntaxKind": "MethodSignature",
+          "name": "onScrolledToBottom",
+          "value": "() => void",
+          "description": "Callback when the bottom of the popover is reached by mouse or keyboard",
+          "isOptional": true
+        },
+        {
+          "filePath": "polaris-react/src/components/Popover/components/Pane/Pane.tsx",
+          "syntaxKind": "PropertySignature",
+          "name": "captureOverscroll",
+          "value": "boolean",
+          "description": "Prevents page scrolling when the end of the scrollable Popover content is reached",
+          "isOptional": true,
+          "defaultValue": "false"
+        }
+      ],
+      "value": "export interface PaneProps {\n  /** Fix the pane to the top of the popover */\n  fixed?: boolean;\n  /** Automatically wrap children in padded sections */\n  sectioned?: boolean;\n  /** The pane content */\n  children?: React.ReactNode;\n  /** Sets a fixed height and max-height on the Scrollable */\n  height?: string;\n  /** Callback when the bottom of the popover is reached by mouse or keyboard  */\n  onScrolledToBottom?(): void;\n  /**\n   * Prevents page scrolling when the end of the scrollable Popover content is reached\n   * @default false\n   */\n  captureOverscroll?: boolean;\n}"
+    }
+  },
   "PolarisContainerProps": {
     "polaris-react/src/components/PortalsManager/components/PortalsContainer/PortalsContainer.tsx": {
       "filePath": "polaris-react/src/components/PortalsManager/components/PortalsContainer/PortalsContainer.tsx",
@@ -27074,4 +27224,4 @@
       "value": "export interface MessageProps {\n  title: string;\n  description: string;\n  action: {onClick(): void; content: string};\n  link: {to: string; content: string};\n  badge?: {content: string; status: BadgeProps['status']};\n}"
     }
   }
-}
\ No newline at end of file
+}