@primer/react 37.29.0-rc.af59a9de1 → 38.0.0-rc.195178541

package/dist/components.css

@@ -828,19 +828,6 @@ details-dialog:focus:not(:focus-visible):not(.focus-visible) {
   }
 }
 
-.prc_InternalVisuallyHidden_nlR9R {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  /* stylelint-disable-next-line primer/spacing */
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
 .prc_KeybindingHint_0pyit {
   position: relative;
   padding: 0;
@@ -3463,7 +3450,7 @@ span wrapping svg or text */
   }
 }
 
-.prc_SkeletonAvatar_inefu {
+.prc_SkeletonAvatar_TYNvX {
   &:where([data-component='SkeletonAvatar']) {
     display: inline-block;
     width: var(--avatarSize-regular);
@@ -4035,6 +4022,77 @@ span wrapping svg or text */
   transform: translateY(-50%);
 }
 
+.prc_SkeletonText_o0dUS {
+  --font-size: var(--text-body-size-medium);
+  --line-height: var(--text-body-lineHeight-medium);
+  --leading: calc(var(--font-size) * var(--line-height) - var(--font-size));
+
+  @supports (margin-block: mod(1px, 1px)) {
+    --leading: mod(var(--font-size) * var(--line-height), var(--font-size));
+  }
+
+  height: var(--font-size);
+  border-radius: var(--borderRadius-small);
+  /* stylelint-disable-next-line primer/spacing */
+  margin-block: calc(var(--leading) / 2);
+
+  &:where([data-in-multiline]) {
+    /* stylelint-disable-next-line primer/spacing */
+    margin-block-end: calc(var(--leading) * 2);
+
+    &:last-child {
+      min-width: 50px;
+      max-width: 65%;
+      margin-bottom: 0;
+    }
+  }
+
+  &:where([data-text-skeleton-size='display']),
+  &:where([data-text-skeleton-size='titleLarge']) {
+    border-radius: var(--borderRadius-medium);
+  }
+
+  &:where([data-text-skeleton-size='display']) {
+    --font-size: var(--text-display-size);
+    --line-height: var(--text-display-lineHeight);
+  }
+
+  &:where([data-text-skeleton-size='titleLarge']) {
+    --font-size: var(--text-title-size-large);
+    --line-height: var(--text-title-lineHeight-large);
+  }
+
+  &:where([data-text-skeleton-size='titleMedium']) {
+    --font-size: var(--text-title-size-medium);
+    --line-height: var(--text-title-lineHeight-medium);
+  }
+
+  &:where([data-text-skeleton-size='titleSmall']) {
+    --font-size: var(--text-title-size-small);
+    --line-height: var(--text-title-lineHeight-small);
+  }
+
+  &:where([data-text-skeleton-size='subtitle']) {
+    --font-size: var(--text-subtitle-size);
+    --line-height: var(--text-subtitle-lineHeight);
+  }
+
+  &:where([data-text-skeleton-size='bodyLarge']) {
+    --font-size: var(--text-body-size-large);
+    --line-height: var(--text-body-lineHeight-large);
+  }
+
+  &:where([data-text-skeleton-size='bodySmall']) {
+    --font-size: var(--text-body-size-small);
+    --line-height: var(--text-body-lineHeight-small);
+  }
+}
+
+.prc_SkeletonTextWrapper_QRoBW {
+  /* stylelint-disable-next-line primer/spacing */
+  padding-block: 0.1px;
+}
+
 .prc_LoadingSkeleton_x9WXt {
   /* stylelint-disable-next-line primer/borders */
   border-radius: 4px;
@@ -6066,77 +6124,6 @@ span wrapping svg or text */
   width: var(--tree-item-loading-width, 67%);
 }
 
-.prc_SkeletonText_tW5nH {
-  --font-size: var(--text-body-size-medium);
-  --line-height: var(--text-body-lineHeight-medium);
-  --leading: calc(var(--font-size) * var(--line-height) - var(--font-size));
-
-  @supports (margin-block: mod(1px, 1px)) {
-    --leading: mod(var(--font-size) * var(--line-height), var(--font-size));
-  }
-
-  height: var(--font-size);
-  border-radius: var(--borderRadius-small);
-  /* stylelint-disable-next-line primer/spacing */
-  margin-block: calc(var(--leading) / 2);
-
-  &:where([data-in-multiline]) {
-    /* stylelint-disable-next-line primer/spacing */
-    margin-block-end: calc(var(--leading) * 2);
-
-    &:last-child {
-      min-width: 50px;
-      max-width: 65%;
-      margin-bottom: 0;
-    }
-  }
-
-  &:where([data-text-skeleton-size='display']),
-  &:where([data-text-skeleton-size='titleLarge']) {
-    border-radius: var(--borderRadius-medium);
-  }
-
-  &:where([data-text-skeleton-size='display']) {
-    --font-size: var(--text-display-size);
-    --line-height: var(--text-display-lineHeight);
-  }
-
-  &:where([data-text-skeleton-size='titleLarge']) {
-    --font-size: var(--text-title-size-large);
-    --line-height: var(--text-title-lineHeight-large);
-  }
-
-  &:where([data-text-skeleton-size='titleMedium']) {
-    --font-size: var(--text-title-size-medium);
-    --line-height: var(--text-title-lineHeight-medium);
-  }
-
-  &:where([data-text-skeleton-size='titleSmall']) {
-    --font-size: var(--text-title-size-small);
-    --line-height: var(--text-title-lineHeight-small);
-  }
-
-  &:where([data-text-skeleton-size='subtitle']) {
-    --font-size: var(--text-subtitle-size);
-    --line-height: var(--text-subtitle-lineHeight);
-  }
-
-  &:where([data-text-skeleton-size='bodyLarge']) {
-    --font-size: var(--text-body-size-large);
-    --line-height: var(--text-body-lineHeight-large);
-  }
-
-  &:where([data-text-skeleton-size='bodySmall']) {
-    --font-size: var(--text-body-size-small);
-    --line-height: var(--text-body-lineHeight-small);
-  }
-}
-
-.prc_SkeletonTextWrapper_3Z0sU {
-  /* stylelint-disable-next-line primer/spacing */
-  padding-block: 0.1px;
-}
-
 .prc_UnderlineWrapper_oOh5J {
   display: flex;
   /* stylelint-disable-next-line primer/spacing */

package/generated/components.json

@@ -6677,139 +6677,6 @@
       ],
       "subcomponents": []
     },
-    "skeleton_avatar": {
-      "source": "https://github.com/primer/react/tree/main/packages/react/src/SkeletonAvatar",
-      "id": "skeleton_avatar",
-      "name": "SkeletonAvatar",
-      "status": "alpha",
-      "a11yReviewed": false,
-      "stories": [
-        {
-          "id": "components-skeleton-skeletonavatar--default",
-          "code": "() => <SkeletonAvatar />"
-        },
-        {
-          "id": "components-skeleton-skeletonavatar-features--square",
-          "code": "() => <SkeletonAvatar square />"
-        },
-        {
-          "id": "components-skeleton-skeletonavatar-features--size",
-          "code": "() => (\n  <div>\n    <SkeletonAvatar size={4} />\n    <SkeletonAvatar size={8} />\n    <SkeletonAvatar size={12} />\n    <SkeletonAvatar size={16} />\n    <SkeletonAvatar size={20} />\n    <SkeletonAvatar size={24} />\n    <SkeletonAvatar size={28} />\n    <SkeletonAvatar size={32} />\n    <SkeletonAvatar size={40} />\n    <SkeletonAvatar size={48} />\n    <SkeletonAvatar size={56} />\n    <SkeletonAvatar size={64} />\n  </div>\n)"
-        },
-        {
-          "id": "components-skeleton-skeletonavatar-features--size-responsive",
-          "code": "() => (\n  <div>\n    <SkeletonAvatar\n      size={{\n        narrow: 4,\n        regular: 8,\n        wide: 12,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 8,\n        regular: 12,\n        wide: 16,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 12,\n        regular: 16,\n        wide: 20,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 16,\n        regular: 20,\n        wide: 24,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 20,\n        regular: 24,\n        wide: 28,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 24,\n        regular: 28,\n        wide: 32,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 28,\n        regular: 32,\n        wide: 40,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 32,\n        regular: 40,\n        wide: 48,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 40,\n        regular: 48,\n        wide: 56,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 48,\n        regular: 56,\n        wide: 64,\n      }}\n    />\n  </div>\n)"
-        },
-        {
-          "id": "components-skeleton-skeletonavatar-features--in-a-stack",
-          "code": "() => (\n  <AvatarStack>\n    <SkeletonAvatar />\n    <SkeletonAvatar />\n    <SkeletonAvatar />\n    <SkeletonAvatar />\n  </AvatarStack>\n)"
-        },
-        {
-          "id": "components-skeleton-skeletonavatar-features--in-an-avatar-pair",
-          "code": "() => (\n  <AvatarPair>\n    <SkeletonAvatar />\n    <SkeletonAvatar />\n  </AvatarPair>\n)"
-        }
-      ],
-      "importPath": "@primer/react/experimental",
-      "props": [
-        {
-          "name": "size",
-          "type": "number | { narrow?: number; regular?: number; wide?: number; }",
-          "defaultValue": "20",
-          "description": "The size of the avatar in pixels."
-        },
-        {
-          "name": "square",
-          "type": "boolean",
-          "defaultValue": "false",
-          "description": "If true, the avatar will be square instead of circular."
-        },
-        {
-          "name": "className",
-          "type": "string",
-          "description": "Class name for custom styling."
-        }
-      ],
-      "subcomponents": []
-    },
-    "skeleton_text": {
-      "source": "https://github.com/primer/react/tree/main/packages/react/src/SkeletonText",
-      "id": "skeleton_text",
-      "name": "SkeletonText",
-      "status": "alpha",
-      "a11yReviewed": false,
-      "stories": [
-        {
-          "id": "components-skeleton-skeletontext--default",
-          "code": "() => <SkeletonText />"
-        },
-        {
-          "id": "components-skeleton-skeletontext-features--with-max-width",
-          "code": "() => <SkeletonText maxWidth={200} />"
-        },
-        {
-          "id": "components-skeleton-skeletontext-features--with-multiple-lines",
-          "code": "() => <SkeletonText lines={3} />"
-        },
-        {
-          "id": "components-skeleton-skeletontext-features--display",
-          "code": "() => <SkeletonText size=\"display\" />"
-        },
-        {
-          "id": "components-skeleton-skeletontext-features--subtitle",
-          "code": "() => <SkeletonText size=\"subtitle\" />"
-        },
-        {
-          "id": "components-skeleton-skeletontext-features--title-large",
-          "code": "() => <SkeletonText size=\"titleLarge\" />"
-        },
-        {
-          "id": "components-skeleton-skeletontext-features--title-medium",
-          "code": "() => <SkeletonText size=\"titleMedium\" />"
-        },
-        {
-          "id": "components-skeleton-skeletontext-features--title-small",
-          "code": "() => <SkeletonText size=\"titleSmall\" />"
-        },
-        {
-          "id": "components-skeleton-skeletontext-features--body-large",
-          "code": "() => <SkeletonText size=\"bodyLarge\" />"
-        },
-        {
-          "id": "components-skeleton-skeletontext-features--body-medium",
-          "code": "() => <SkeletonText size=\"bodyMedium\" />"
-        },
-        {
-          "id": "components-skeleton-skeletontext-features--body-small",
-          "code": "() => <SkeletonText size=\"bodySmall\" />"
-        }
-      ],
-      "importPath": "@primer/react/experimental",
-      "props": [
-        {
-          "name": "size",
-          "defaultValue": "'bodyMedium'",
-          "type": "'display' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | 'subtitle'",
-          "description": "Size of the text that the skeleton is replacing."
-        },
-        {
-          "name": "lines",
-          "defaultValue": "1",
-          "type": "number",
-          "description": "Number of lines of skeleton text to render."
-        },
-        {
-          "name": "maxWidth",
-          "type": "string",
-          "description": "Maximum width that the line(s) of skeleton text can take up.  Accepts any valid CSS `max-width` value."
-        },
-        {
-          "name": "className",
-          "type": "string",
-          "description": "Class name for custom styling."
-        }
-      ],
-      "subcomponents": []
-    },
     "spinner": {
       "source": "https://github.com/primer/react/tree/main/packages/react/src/Spinner",
       "id": "spinner",
@@ -9375,6 +9242,139 @@
         }
       ]
     },
+    "skeleton_avatar": {
+      "source": "https://github.com/primer/react/tree/main/packages/react/src/experimental/Skeleton",
+      "id": "skeleton_avatar",
+      "name": "SkeletonAvatar",
+      "status": "draft",
+      "a11yReviewed": false,
+      "stories": [
+        {
+          "id": "experimental-components-skeleton-skeletonavatar--default",
+          "code": "() => <SkeletonAvatar />"
+        },
+        {
+          "id": "experimental-components-skeleton-skeletonavatar-features--square",
+          "code": "() => <SkeletonAvatar square />"
+        },
+        {
+          "id": "experimental-components-skeleton-skeletonavatar-features--size",
+          "code": "() => (\n  <div>\n    <SkeletonAvatar size={4} />\n    <SkeletonAvatar size={8} />\n    <SkeletonAvatar size={12} />\n    <SkeletonAvatar size={16} />\n    <SkeletonAvatar size={20} />\n    <SkeletonAvatar size={24} />\n    <SkeletonAvatar size={28} />\n    <SkeletonAvatar size={32} />\n    <SkeletonAvatar size={40} />\n    <SkeletonAvatar size={48} />\n    <SkeletonAvatar size={56} />\n    <SkeletonAvatar size={64} />\n  </div>\n)"
+        },
+        {
+          "id": "experimental-components-skeleton-skeletonavatar-features--size-responsive",
+          "code": "() => (\n  <div>\n    <SkeletonAvatar\n      size={{\n        narrow: 4,\n        regular: 8,\n        wide: 12,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 8,\n        regular: 12,\n        wide: 16,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 12,\n        regular: 16,\n        wide: 20,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 16,\n        regular: 20,\n        wide: 24,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 20,\n        regular: 24,\n        wide: 28,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 24,\n        regular: 28,\n        wide: 32,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 28,\n        regular: 32,\n        wide: 40,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 32,\n        regular: 40,\n        wide: 48,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 40,\n        regular: 48,\n        wide: 56,\n      }}\n    />\n    <SkeletonAvatar\n      size={{\n        narrow: 48,\n        regular: 56,\n        wide: 64,\n      }}\n    />\n  </div>\n)"
+        },
+        {
+          "id": "experimental-components-skeleton-skeletonavatar-features--in-a-stack",
+          "code": "() => (\n  <AvatarStack>\n    <SkeletonAvatar />\n    <SkeletonAvatar />\n    <SkeletonAvatar />\n    <SkeletonAvatar />\n  </AvatarStack>\n)"
+        },
+        {
+          "id": "experimental-components-skeleton-skeletonavatar-features--in-an-avatar-pair",
+          "code": "() => (\n  <AvatarPair>\n    <SkeletonAvatar />\n    <SkeletonAvatar />\n  </AvatarPair>\n)"
+        }
+      ],
+      "importPath": "@primer/react/experimental",
+      "props": [
+        {
+          "name": "size",
+          "type": "number | { narrow?: number; regular?: number; wide?: number; }",
+          "defaultValue": "20",
+          "description": "The size of the avatar in pixels."
+        },
+        {
+          "name": "square",
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "If true, the avatar will be square instead of circular."
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "description": "Class name for custom styling."
+        }
+      ],
+      "subcomponents": []
+    },
+    "skeleton_text": {
+      "source": "https://github.com/primer/react/tree/main/packages/react/src/experimental/Skeleton",
+      "id": "skeleton_text",
+      "name": "SkeletonText",
+      "status": "draft",
+      "a11yReviewed": false,
+      "stories": [
+        {
+          "id": "experimental-components-skeleton-skeletontext--default",
+          "code": "() => <SkeletonText />"
+        },
+        {
+          "id": "experimental-components-skeleton-skeletontext-features--with-max-width",
+          "code": "() => <SkeletonText maxWidth={200} />"
+        },
+        {
+          "id": "experimental-components-skeleton-skeletontext-features--with-multiple-lines",
+          "code": "() => <SkeletonText lines={3} />"
+        },
+        {
+          "id": "experimental-components-skeleton-skeletontext-features--display",
+          "code": "() => <SkeletonText size=\"display\" />"
+        },
+        {
+          "id": "experimental-components-skeleton-skeletontext-features--subtitle",
+          "code": "() => <SkeletonText size=\"subtitle\" />"
+        },
+        {
+          "id": "experimental-components-skeleton-skeletontext-features--title-large",
+          "code": "() => <SkeletonText size=\"titleLarge\" />"
+        },
+        {
+          "id": "experimental-components-skeleton-skeletontext-features--title-medium",
+          "code": "() => <SkeletonText size=\"titleMedium\" />"
+        },
+        {
+          "id": "experimental-components-skeleton-skeletontext-features--title-small",
+          "code": "() => <SkeletonText size=\"titleSmall\" />"
+        },
+        {
+          "id": "experimental-components-skeleton-skeletontext-features--body-large",
+          "code": "() => <SkeletonText size=\"bodyLarge\" />"
+        },
+        {
+          "id": "experimental-components-skeleton-skeletontext-features--body-medium",
+          "code": "() => <SkeletonText size=\"bodyMedium\" />"
+        },
+        {
+          "id": "experimental-components-skeleton-skeletontext-features--body-small",
+          "code": "() => <SkeletonText size=\"bodySmall\" />"
+        }
+      ],
+      "importPath": "@primer/react/experimental",
+      "props": [
+        {
+          "name": "size",
+          "defaultValue": "'bodyMedium'",
+          "type": "'display' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | 'subtitle'",
+          "description": "Size of the text that the skeleton is replacing."
+        },
+        {
+          "name": "lines",
+          "defaultValue": "1",
+          "type": "number",
+          "description": "Number of lines of skeleton text to render."
+        },
+        {
+          "name": "maxWidth",
+          "type": "string",
+          "description": "Maximum width that the line(s) of skeleton text can take up.  Accepts any valid CSS `max-width` value."
+        },
+        {
+          "name": "className",
+          "type": "string",
+          "description": "Class name for custom styling."
+        }
+      ],
+      "subcomponents": []
+    },
     "underline_panels": {
       "source": "https://github.com/primer/react/tree/main/packages/react/src/experimental/UnderlinePanels",
       "id": "underline_panels",

package/lib/ActionList/Description.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../src/ActionList/Description.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAMjC,MAAM,MAAM,0BAA0B,GAAG;IACvC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAE5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,MAAM,CAAA;AAEV,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,CAiDrF,CAAA"}
+{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../src/ActionList/Description.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAOjC,MAAM,MAAM,0BAA0B,GAAG;IACvC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAE5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,MAAM,CAAA;AAEV,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,CAiDrF,CAAA"}

package/lib/ActionList/Description.js

@@ -3,6 +3,7 @@
 var React = require('react');
 var shared = require('./shared.js');
 var ActionList_module = require('./ActionList.module.css.js');
+var defaultSxProp = require('../utils/defaultSxProp.js');
 var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
 var clsx = require('clsx');
 var jsxRuntime = require('react/jsx-runtime');
@@ -14,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 
 const Description = ({
   variant = 'inline',
-  sx,
+  sx = defaultSxProp.defaultSxProp,
   className,
   truncate,
   ...props

package/lib/ActionList/Divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/ActionList/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAU7E,CAAA"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/ActionList/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAMjC,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAU7E,CAAA"}

package/lib/ActionList/Divider.js

@@ -2,6 +2,7 @@
 
 var clsx = require('clsx');
 var ActionList_module = require('./ActionList.module.css.js');
+var defaultSxProp = require('../utils/defaultSxProp.js');
 var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -9,7 +10,7 @@ var jsxRuntime = require('react/jsx-runtime');
  * Visually separates `Item`s or `Group`s in an `ActionList`.
  */
 const Divider = ({
-  sx,
+  sx = defaultSxProp.defaultSxProp,
   className
 }) => {
   return /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {

package/lib/ActionList/Group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/ActionList/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,EAAc,KAAK,eAAe,EAAC,MAAM,UAAU,CAAA;AAC1D,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AAwCrD,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,GAAG;IACvE;;;;;OAKG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,MAAM,GAAG;IACT;;OAEG;IACH,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAA;CAC/D,CAAA;AAEH,KAAK,YAAY,GAAG,IAAI,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,GAAG;IAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;CAAC,CAAA;AACzG,eAAO,MAAM,YAAY,6BAGvB,CAAA;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAyDzE,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,eAAe,CAAC,GAC/F,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,GAClC,MAAM,GACN,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAClC,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC5C,kBAAkB,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IACjC,gCAAgC,CAAC,EAAE,MAAM,CAAA;IACzC,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC9B,CAAA;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAsEvF,CAAA"}
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/ActionList/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,EAAc,KAAK,eAAe,EAAC,MAAM,UAAU,CAAA;AAC1D,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AA0CrD,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,GAAG;IACvE;;;;;OAKG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,MAAM,GAAG;IACT;;OAEG;IACH,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAA;CAC/D,CAAA;AAEH,KAAK,YAAY,GAAG,IAAI,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,GAAG;IAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAA;CAAC,CAAA;AACzG,eAAO,MAAM,YAAY,6BAGvB,CAAA;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CA2DzE,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,eAAe,CAAC,GAC/F,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,GAClC,MAAM,GACN,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAClC,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC5C,kBAAkB,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IACjC,gCAAgC,CAAC,EAAE,MAAM,CAAA;IACzC,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC9B,CAAA;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAsEvF,CAAA"}

package/lib/ActionList/Group.js

@@ -4,6 +4,7 @@ var React = require('react');
 var useId = require('../hooks/useId.js');
 var shared = require('./shared.js');
 var useSlots = require('../hooks/useSlots.js');
+var defaultSxProp = require('../utils/defaultSxProp.js');
 var invariant = require('../utils/invariant.js');
 var clsx = require('clsx');
 var ActionList_module = require('./ActionList.module.css.js');
@@ -19,6 +20,7 @@ const Heading = ({
   as: Component = 'h3',
   className,
   children,
+  sx = defaultSxProp.defaultSxProp,
   id,
   ...rest
 }) => {
@@ -28,6 +30,7 @@ const Heading = ({
     jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
       as: Component,
       className: className,
+      sx: sx,
       id: id,
       ...rest,
       children: children
@@ -58,6 +61,7 @@ const Group = ({
   role,
   className,
   'aria-label': ariaLabel,
+  sx = defaultSxProp.defaultSxProp,
   ...props
 }) => {
   var _slots$groupHeading;
@@ -84,6 +88,7 @@ const Group = ({
     as: "li",
     className: clsx.clsx(className, Group_module.Group),
     role: listRole ? 'none' : undefined,
+    sx: sx,
     ...props,
     children: /*#__PURE__*/jsxRuntime.jsxs(GroupContext.Provider, {
       value: {
@@ -127,7 +132,7 @@ const GroupHeading = ({
   auxiliaryText,
   children,
   className,
-  sx,
+  sx = defaultSxProp.defaultSxProp,
   headingWrapElement = 'div',
   ...props
 }) => {

package/lib/ActionList/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../src/ActionList/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAI/F,OAAO,KAAK,EAAC,mBAAmB,EAAkB,MAAM,UAAU,CAAA;AAYlE,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAEpD,CAAA;AAoBD,eAAO,MAAM,IAAI,EAoQZ,8BAA8B,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAA"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../src/ActionList/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAI/F,OAAO,KAAK,EAAC,mBAAmB,EAAkB,MAAM,UAAU,CAAA;AAYlE,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAEpD,CAAA;AAoBD,eAAO,MAAM,IAAI,EAoQZ,8BAA8B,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAA"}

package/lib/ActionList/Item.js

@@ -3,6 +3,7 @@
 var React = require('react');
 var useId = require('../hooks/useId.js');
 var useSlots = require('../hooks/useSlots.js');
+var defaultSxProp = require('../utils/defaultSxProp.js');
 var ActionListContainerContext = require('./ActionListContainerContext.js');
 var Description = require('./Description.js');
 var Group = require('./Group.js');
@@ -60,7 +61,7 @@ const Item = /*#__PURE__*/React__default.default.forwardRef(({
   selected = undefined,
   active = false,
   onSelect: onSelectUser,
-  sx: sxProp,
+  sx: sxProp = defaultSxProp.defaultSxProp,
   id,
   role,
   loading,

package/lib/ActionList/LinkItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkItem.d.ts","sourceRoot":"","sources":["../../src/ActionList/LinkItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAG/F,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,UAAU,CAAA;AAGjD,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,gBAAgB,CAAC,CAAA;IAChF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAGD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,mBAAmB,EACnB,QAAQ,GAAG,UAAU,GAAG,IAAI,GAAG,cAAc,GAAG,SAAS,CAC1D,GACC,SAAS,CAAA;AAEX,eAAO,MAAM,QAAQ,EA4BhB,8BAA8B,CAAC,GAAG,EAAE,uBAAuB,CAAC,CAAA"}
+{"version":3,"file":"LinkItem.d.ts","sourceRoot":"","sources":["../../src/ActionList/LinkItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAG/F,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,UAAU,CAAA;AAIjD,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,gBAAgB,CAAC,CAAA;IAChF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAGD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,mBAAmB,EACnB,QAAQ,GAAG,UAAU,GAAG,IAAI,GAAG,cAAc,GAAG,SAAS,CAC1D,GACC,SAAS,CAAA;AAEX,eAAO,MAAM,QAAQ,EA4BhB,8BAA8B,CAAC,GAAG,EAAE,uBAAuB,CAAC,CAAA"}

package/lib/ActionList/LinkItem.js

@@ -2,6 +2,7 @@
 
 var React = require('react');
 var Item = require('./Item.js');
+var defaultSxProp = require('../utils/defaultSxProp.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Link = require('../Link/Link.js');
 
@@ -10,7 +11,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 const LinkItem = /*#__PURE__*/React__default.default.forwardRef(({
-  sx,
+  sx = defaultSxProp.defaultSxProp,
   active,
   inactiveText,
   variant,

package/lib/ActionList/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/ActionList/List.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAK/F,OAAO,EAAc,KAAK,eAAe,EAAC,MAAM,UAAU,CAAA;AAO1D,eAAO,MAAM,IAAI,EA4DZ,8BAA8B,CAAC,IAAI,EAAE,eAAe,CAAC,CAAA"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/ActionList/List.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAM/F,OAAO,EAAc,KAAK,eAAe,EAAC,MAAM,UAAU,CAAA;AAO1D,eAAO,MAAM,IAAI,EAsEZ,8BAA8B,CAAC,IAAI,EAAE,eAAe,CAAC,CAAA"}

package/lib/ActionList/List.js

@@ -2,6 +2,7 @@
 
 var React = require('react');
 var ActionListContainerContext = require('./ActionListContainerContext.js');
+var defaultSxProp = require('../utils/defaultSxProp.js');
 var useSlots = require('../hooks/useSlots.js');
 var Heading = require('./Heading.js');
 var useId = require('../hooks/useId.js');
@@ -23,6 +24,7 @@ const List = /*#__PURE__*/React__default.default.forwardRef(({
   selectionVariant,
   showDividers = false,
   role,
+  sx: sxProp = defaultSxProp.defaultSxProp,
   disableFocusZone = false,
   className,
   ...props
@@ -62,6 +64,7 @@ const List = /*#__PURE__*/React__default.default.forwardRef(({
     },
     children: [slots.heading, /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
       as: "ul",
+      sx: sxProp,
       className: clsx.clsx(ActionList_module.ActionList, className),
       role: listRole,
       "aria-labelledby": ariaLabelledBy,

package/lib/ActionList/Visuals.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Visuals.d.ts","sourceRoot":"","sources":["../../src/ActionList/Visuals.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAU,KAAK,YAAY,EAAC,MAAM,cAAc,CAAA;AAKvD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;AAExE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAE1E,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG,WAAW,CAAA;AACtD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAMxE,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG,WAAW,CAAA;AACvD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAOzE,CAAA;AAQD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC,KAAK,CAAC,iBAAiB,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IACnC,oBAAoB,EAAE,OAAO,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,SAAS,GAAG,UAAU,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CA6BH,CAAA"}
+{"version":3,"file":"Visuals.d.ts","sourceRoot":"","sources":["../../src/ActionList/Visuals.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAU,KAAK,YAAY,EAAC,MAAM,cAAc,CAAA;AAMvD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;AAExE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAM1E,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG,WAAW,CAAA;AACtD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAUxE,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG,WAAW,CAAA;AACvD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAWzE,CAAA;AAQD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC,KAAK,CAAC,iBAAiB,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IACnC,oBAAoB,EAAE,OAAO,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,SAAS,GAAG,UAAU,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CA6BH,CAAA"}