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

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"}

package/lib/ActionList/Visuals.js

@@ -5,6 +5,7 @@ var octiconsReact = require('@primer/octicons-react');
 var shared = require('./shared.js');
 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');
 var Tooltip = require('../TooltipV2/Tooltip.js');
@@ -15,28 +16,33 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 const VisualContainer = ({
+  sx = defaultSxProp.defaultSxProp,
   className,
   ...props
 }) => {
   return /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
     as: "span",
     className: clsx.clsx(className, ActionList_module.VisualWrap),
+    sx: sx,
     ...props
   });
 };
 VisualContainer.displayName = "VisualContainer";
 const LeadingVisual = ({
+  sx = defaultSxProp.defaultSxProp,
   className,
   ...props
 }) => {
   return /*#__PURE__*/jsxRuntime.jsx(VisualContainer, {
     className: clsx.clsx(className, ActionList_module.LeadingVisual),
+    sx: sx,
     ...props,
     children: props.children
   });
 };
 LeadingVisual.displayName = "LeadingVisual";
 const TrailingVisual = ({
+  sx = defaultSxProp.defaultSxProp,
   className,
   ...props
 }) => {
@@ -45,6 +51,7 @@ const TrailingVisual = ({
   } = React__default.default.useContext(shared.ItemContext);
   return /*#__PURE__*/jsxRuntime.jsx(VisualContainer, {
     className: clsx.clsx(className, ActionList_module.TrailingVisual),
+    sx: sx,
     id: trailingVisualId,
     ...props,
     children: props.children

package/lib/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAKhE,eAAO,MAAM,mBAAmB,KAAK,CAAA;AAErC,MAAM,MAAM,WAAW,GAAG;IACxB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACvC,+FAA+F;IAC/F,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,mFAAmF;IACnF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,GACR,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEvC,QAAA,MAAM,MAAM;IAbV,+CAA+C;WACxC,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;IACvC,+FAA+F;aACtF,OAAO;IAChB,+BAA+B;SAC1B,MAAM;IACX,mFAAmF;UAC7E,MAAM;IACZ,6BAA6B;gBACjB,MAAM;uJA0ClB,CAAA;AAMF,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAMhE,eAAO,MAAM,mBAAmB,KAAK,CAAA;AAErC,MAAM,MAAM,WAAW,GAAG;IACxB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACvC,+FAA+F;IAC/F,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,mFAAmF;IACnF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,GACR,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEvC,QAAA,MAAM,MAAM;IAbV,+CAA+C;WACxC,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;IACvC,+FAA+F;aACtF,OAAO;IAChB,+BAA+B;SAC1B,MAAM;IACX,mFAAmF;UAC7E,MAAM;IACZ,6BAA6B;gBACjB,MAAM;uJA0ClB,CAAA;AAMF,eAAe,MAAM,CAAA"}

package/lib/Avatar/Avatar.js

@@ -6,6 +6,7 @@ var reactCompilerRuntime = require('react-compiler-runtime');
 var clsx = require('clsx');
 var React = require('react');
 var useResponsiveValue = require('../hooks/useResponsiveValue.js');
+var defaultSxProp = require('../utils/defaultSxProp.js');
 var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
 var Avatar_module = require('./Avatar.module.css.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -20,16 +21,16 @@ const Avatar = /*#__PURE__*/React__default.default.forwardRef(function Avatar(t0
   let className;
   let rest;
   let style;
-  let sxProp;
   let t1;
   let t2;
   let t3;
+  let t4;
   if ($[0] !== t0) {
     ({
       alt: t1,
       size: t2,
       square: t3,
-      sx: sxProp,
+      sx: t4,
       className,
       style,
       ...rest
@@ -38,31 +39,32 @@ const Avatar = /*#__PURE__*/React__default.default.forwardRef(function Avatar(t0
     $[1] = className;
     $[2] = rest;
     $[3] = style;
-    $[4] = sxProp;
-    $[5] = t1;
-    $[6] = t2;
-    $[7] = t3;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+    $[7] = t4;
   } else {
     className = $[1];
     rest = $[2];
     style = $[3];
-    sxProp = $[4];
-    t1 = $[5];
-    t2 = $[6];
-    t3 = $[7];
+    t1 = $[4];
+    t2 = $[5];
+    t3 = $[6];
+    t4 = $[7];
   }
   const alt = t1 === undefined ? "" : t1;
   const size = t2 === undefined ? DEFAULT_AVATAR_SIZE : t2;
   const square = t3 === undefined ? false : t3;
-  let t4;
+  const sxProp = t4 === undefined ? defaultSxProp.defaultSxProp : t4;
+  let t5;
   if ($[8] !== size) {
-    t4 = useResponsiveValue.isResponsiveValue(size);
+    t5 = useResponsiveValue.isResponsiveValue(size);
     $[8] = size;
-    $[9] = t4;
+    $[9] = t5;
   } else {
-    t4 = $[9];
+    t5 = $[9];
   }
-  const isResponsive = t4;
+  const isResponsive = t5;
   let cssSizeVars;
   if ($[10] !== isResponsive || $[11] !== size) {
     cssSizeVars = {};
@@ -79,43 +81,43 @@ const Avatar = /*#__PURE__*/React__default.default.forwardRef(function Avatar(t0
   } else {
     cssSizeVars = $[12];
   }
-  let t5;
+  let t6;
   if ($[13] !== className) {
-    t5 = clsx.clsx(className, Avatar_module.Avatar);
+    t6 = clsx.clsx(className, Avatar_module.Avatar);
     $[13] = className;
-    $[14] = t5;
+    $[14] = t6;
   } else {
-    t5 = $[14];
+    t6 = $[14];
   }
-  const t6 = isResponsive ? "" : undefined;
-  const t7 = square ? "" : undefined;
-  const t8 = isResponsive ? undefined : size;
+  const t7 = isResponsive ? "" : undefined;
+  const t8 = square ? "" : undefined;
   const t9 = isResponsive ? undefined : size;
-  let t10;
+  const t10 = isResponsive ? undefined : size;
+  let t11;
   if ($[15] !== cssSizeVars || $[16] !== style) {
-    t10 = style ? {
+    t11 = style ? {
       ...cssSizeVars,
       ...style
     } : cssSizeVars;
     $[15] = cssSizeVars;
     $[16] = style;
-    $[17] = t10;
+    $[17] = t11;
   } else {
-    t10 = $[17];
+    t11 = $[17];
   }
-  let t11;
-  if ($[18] !== alt || $[19] !== ref || $[20] !== rest || $[21] !== sxProp || $[22] !== t10 || $[23] !== t5 || $[24] !== t6 || $[25] !== t7 || $[26] !== t8 || $[27] !== t9) {
-    t11 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+  let t12;
+  if ($[18] !== alt || $[19] !== ref || $[20] !== rest || $[21] !== sxProp || $[22] !== t10 || $[23] !== t11 || $[24] !== t6 || $[25] !== t7 || $[26] !== t8 || $[27] !== t9) {
+    t12 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
       as: "img",
       "data-component": "Avatar",
-      className: t5,
+      className: t6,
       ref: ref,
       alt: alt,
-      "data-responsive": t6,
-      "data-square": t7,
-      width: t8,
-      height: t9,
-      style: t10,
+      "data-responsive": t7,
+      "data-square": t8,
+      width: t9,
+      height: t10,
+      style: t11,
       sx: sxProp,
       ...rest
     });
@@ -124,16 +126,16 @@ const Avatar = /*#__PURE__*/React__default.default.forwardRef(function Avatar(t0
     $[20] = rest;
     $[21] = sxProp;
     $[22] = t10;
-    $[23] = t5;
+    $[23] = t11;
     $[24] = t6;
     $[25] = t7;
     $[26] = t8;
     $[27] = t9;
-    $[28] = t11;
+    $[28] = t12;
   } else {
-    t11 = $[28];
+    t12 = $[28];
   }
-  return t11;
+  return t12;
 });
 if (process.env.NODE_ENV !== "production") {
   Avatar.displayName = 'Avatar';

package/lib/AvatarPair/AvatarPair.js

@@ -2,10 +2,10 @@
 
 var reactCompilerRuntime = require('react-compiler-runtime');
 var React = require('react');
+var SkeletonAvatar = require('../experimental/Skeleton/SkeletonAvatar.js');
 var AvatarPair_module = require('./AvatarPair.module.css.js');
 var clsx = require('clsx');
 var jsxRuntime = require('react/jsx-runtime');
-var SkeletonAvatar = require('../SkeletonAvatar/SkeletonAvatar.js');
 var Avatar = require('../Avatar/Avatar.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/lib/AvatarStack/AvatarStack.d.ts

@@ -9,6 +9,6 @@ export type AvatarStackProps = {
     children: React.ReactNode;
     style?: React.CSSProperties;
 } & SxProp;
-declare const AvatarStack: ({ children, alignRight, disableExpand, size, className, style, sx: sxProp }: AvatarStackProps) => React.JSX.Element;
+declare const AvatarStack: ({ children, alignRight, disableExpand, size, className, style, sx: sxProp, }: AvatarStackProps) => React.JSX.Element;
 export default AvatarStack;
 //# sourceMappingURL=AvatarStack.d.ts.map

package/lib/AvatarStack/AvatarStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarStack.d.ts","sourceRoot":"","sources":["../../src/AvatarStack/AvatarStack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAiBhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,GAAG,MAAM,CAAA;AA8BV,QAAA,MAAM,WAAW,GAAI,6EAA2E,gBAAgB,sBAsH/G,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"AvatarStack.d.ts","sourceRoot":"","sources":["../../src/AvatarStack/AvatarStack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAkBhE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,GAAG,MAAM,CAAA;AA8BV,QAAA,MAAM,WAAW,GAAI,8EAQlB,gBAAgB,sBAsHlB,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/AvatarStack/AvatarStack.js

@@ -4,6 +4,7 @@ var clsx = require('clsx');
 var React = require('react');
 var Avatar = require('../Avatar/Avatar.js');
 var useResponsiveValue = require('../hooks/useResponsiveValue.js');
+var defaultSxProp = require('../utils/defaultSxProp.js');
 var AvatarStack_module = require('./AvatarStack.module.css.js');
 var hasInteractiveNodes = require('../internal/utils/hasInteractiveNodes.js');
 var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
@@ -46,7 +47,7 @@ const AvatarStack = ({
   size,
   className,
   style,
-  sx: sxProp
+  sx: sxProp = defaultSxProp.defaultSxProp
 }) => {
   const [hasInteractiveChildren, setHasInteractiveChildren] = React.useState(false);
   const stackContainer = React.useRef(null);

package/lib/ButtonGroup/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACnD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAG/F,MAAM,MAAM,gBAAgB,GAAG;IAC7B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,iBAAiB,GACnB,MAAM,CAAA;AAER,QAAA,MAAM,WAAW,EAmBX,8BAA8B,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAA;AAI7D,eAAe,WAAW,CAAA"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACnD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAI/F,MAAM,MAAM,gBAAgB,GAAG;IAC7B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,iBAAiB,GACnB,MAAM,CAAA;AAER,QAAA,MAAM,WAAW,EA2BX,8BAA8B,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAA;AAI7D,eAAe,WAAW,CAAA"}

package/lib/ButtonGroup/ButtonGroup.js

@@ -5,9 +5,10 @@ var React = require('react');
 var ButtonGroup_module = require('./ButtonGroup.module.css.js');
 var clsx = require('clsx');
 var useFocusZone = require('../hooks/useFocusZone.js');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
+var defaultSxProp = require('../utils/defaultSxProp.js');
 var jsxRuntime = require('react/jsx-runtime');
 var useProvidedRefOrCreate = require('../hooks/useProvidedRefOrCreate.js');
+var Box = require('../Box/Box.js');
 var behaviors = require('@primer/behaviors');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -15,16 +16,18 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 const ButtonGroup = /*#__PURE__*/React__default.default.forwardRef(function ButtonGroup(t0, forwardRef) {
-  const $ = reactCompilerRuntime.c(18);
+  const $ = reactCompilerRuntime.c(28);
   let children;
   let className;
   let rest;
   let role;
+  let sx;
   if ($[0] !== t0) {
     ({
       children,
       className,
       role,
+      sx,
       ...rest
     } = t0);
     $[0] = t0;
@@ -32,63 +35,97 @@ const ButtonGroup = /*#__PURE__*/React__default.default.forwardRef(function Butt
     $[2] = className;
     $[3] = rest;
     $[4] = role;
+    $[5] = sx;
   } else {
     children = $[1];
     className = $[2];
     rest = $[3];
     role = $[4];
+    sx = $[5];
   }
   let t1;
-  if ($[5] !== children) {
+  if ($[6] !== children) {
     t1 = React__default.default.Children.map(children, _temp);
-    $[5] = children;
-    $[6] = t1;
+    $[6] = children;
+    $[7] = t1;
   } else {
-    t1 = $[6];
+    t1 = $[7];
   }
   const buttons = t1;
   const buttonRef = useProvidedRefOrCreate.useProvidedRefOrCreate(forwardRef);
   const t2 = role !== "toolbar";
   let t3;
-  if ($[7] !== buttonRef || $[8] !== t2) {
+  if ($[8] !== buttonRef || $[9] !== t2) {
     t3 = {
       containerRef: buttonRef,
       disabled: t2,
       bindKeys: behaviors.FocusKeys.ArrowHorizontal,
       focusOutBehavior: "wrap"
     };
-    $[7] = buttonRef;
-    $[8] = t2;
-    $[9] = t3;
+    $[8] = buttonRef;
+    $[9] = t2;
+    $[10] = t3;
   } else {
-    t3 = $[9];
+    t3 = $[10];
   }
   useFocusZone.useFocusZone(t3);
+  if (sx !== defaultSxProp.defaultSxProp) {
+    let t4;
+    if ($[11] !== className) {
+      t4 = clsx.clsx(className, ButtonGroup_module.ButtonGroup);
+      $[11] = className;
+      $[12] = t4;
+    } else {
+      t4 = $[12];
+    }
+    let t5;
+    if ($[13] !== buttonRef || $[14] !== buttons || $[15] !== rest || $[16] !== role || $[17] !== sx || $[18] !== t4) {
+      t5 = /*#__PURE__*/jsxRuntime.jsx(Box, {
+        as: "div",
+        className: t4,
+        role: role,
+        ...rest,
+        sx: sx,
+        ref: buttonRef,
+        children: buttons
+      });
+      $[13] = buttonRef;
+      $[14] = buttons;
+      $[15] = rest;
+      $[16] = role;
+      $[17] = sx;
+      $[18] = t4;
+      $[19] = t5;
+    } else {
+      t5 = $[19];
+    }
+    return t5;
+  }
   let t4;
-  if ($[10] !== className) {
+  if ($[20] !== className) {
     t4 = clsx.clsx(className, ButtonGroup_module.ButtonGroup);
-    $[10] = className;
-    $[11] = t4;
+    $[20] = className;
+    $[21] = t4;
   } else {
-    t4 = $[11];
+    t4 = $[21];
   }
   let t5;
-  if ($[12] !== buttonRef || $[13] !== buttons || $[14] !== rest || $[15] !== role || $[16] !== t4) {
-    t5 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+  if ($[22] !== buttonRef || $[23] !== buttons || $[24] !== rest || $[25] !== role || $[26] !== t4) {
+    t5 = /*#__PURE__*/jsxRuntime.jsx("div", {
       ref: buttonRef,
       className: t4,
       role: role,
       ...rest,
       children: buttons
     });
-    $[12] = buttonRef;
-    $[13] = buttons;
-    $[14] = rest;
-    $[15] = role;
-    $[16] = t4;
-    $[17] = t5;
+    $[22] = buttonRef;
+    $[23] = buttons;
+    $[24] = rest;
+    $[25] = role;
+    $[26] = t4;
+    $[27] = t5;
   } else {
-    t5 = $[17];
+    t5 = $[27];
   }
   return t5;
 });

package/lib/CounterLabel/CounterLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CounterLabel.d.ts","sourceRoot":"","sources":["../../src/CounterLabel/CounterLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAKjC,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CACrD,cAAc,CAAC,eAAe,CAAC,GAAG;IAChC,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CACX,CAAA;AAED,QAAA,MAAM,YAAY;aALL,SAAS,GAAG,WAAW;gBACpB,MAAM;;;yCAuBrB,CAAA;AAID,eAAe,YAAY,CAAA"}
+{"version":3,"file":"CounterLabel.d.ts","sourceRoot":"","sources":["../../src/CounterLabel/CounterLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAMjC,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CACrD,cAAc,CAAC,eAAe,CAAC,GAAG;IAChC,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CACX,CAAA;AAED,QAAA,MAAM,YAAY;aALL,SAAS,GAAG,WAAW;gBACpB,MAAM;;;yCAiCrB,CAAA;AAID,eAAe,YAAY,CAAA"}

package/lib/CounterLabel/CounterLabel.js

@@ -3,20 +3,23 @@
 var reactCompilerRuntime = require('react-compiler-runtime');
 var clsx = require('clsx');
 var React = require('react');
+var defaultSxProp = require('../utils/defaultSxProp.js');
 var CounterLabel_module = require('./CounterLabel.module.css.js');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
 var jsxRuntime = require('react/jsx-runtime');
+var Box = require('../Box/Box.js');
 var VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
 
 const CounterLabel = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
-  const $ = reactCompilerRuntime.c(20);
+  const $ = reactCompilerRuntime.c(31);
   let children;
   let className;
   let rest;
   let t1;
+  let t2;
   if ($[0] !== t0) {
     ({
       scheme: t1,
+      sx: t2,
       className,
       children,
       ...rest
@@ -26,75 +29,116 @@ const CounterLabel = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
     $[2] = className;
     $[3] = rest;
     $[4] = t1;
+    $[5] = t2;
   } else {
     children = $[1];
     className = $[2];
     rest = $[3];
     t1 = $[4];
+    t2 = $[5];
   }
   const scheme = t1 === undefined ? "secondary" : t1;
-  let t2;
-  if ($[5] !== children) {
-    t2 = /*#__PURE__*/jsxRuntime.jsxs(VisuallyHidden.VisuallyHidden, {
+  const sx = t2 === undefined ? defaultSxProp.defaultSxProp : t2;
+  let t3;
+  if ($[6] !== children) {
+    t3 = /*#__PURE__*/jsxRuntime.jsxs(VisuallyHidden.VisuallyHidden, {
       children: ["\xA0(", children, ")"]
     });
-    $[5] = children;
-    $[6] = t2;
+    $[6] = children;
+    $[7] = t3;
   } else {
-    t2 = $[6];
+    t3 = $[7];
   }
-  const label = t2;
-  let t3;
-  if ($[7] !== forwardedRef || $[8] !== rest || $[9] !== scheme) {
-    t3 = {
+  const label = t3;
+  let t4;
+  if ($[8] !== forwardedRef || $[9] !== rest || $[10] !== scheme) {
+    t4 = {
       ref: forwardedRef,
       "aria-hidden": "true",
       "data-scheme": scheme,
       ...rest
     };
-    $[7] = forwardedRef;
-    $[8] = rest;
-    $[9] = scheme;
-    $[10] = t3;
+    $[8] = forwardedRef;
+    $[9] = rest;
+    $[10] = scheme;
+    $[11] = t4;
   } else {
-    t3 = $[10];
+    t4 = $[11];
   }
-  const counterProps = t3;
-  let t4;
-  if ($[11] !== className) {
-    t4 = clsx.clsx(className, CounterLabel_module.CounterLabel);
-    $[11] = className;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
+  const counterProps = t4;
+  if (sx !== defaultSxProp.defaultSxProp) {
+    let t5;
+    if ($[12] !== className) {
+      t5 = clsx.clsx(className, CounterLabel_module.CounterLabel);
+      $[12] = className;
+      $[13] = t5;
+    } else {
+      t5 = $[13];
+    }
+    let t6;
+    if ($[14] !== children || $[15] !== counterProps || $[16] !== sx || $[17] !== t5) {
+      t6 = /*#__PURE__*/jsxRuntime.jsx(Box, {
+        as: "span",
+        ...counterProps,
+        className: t5,
+        sx: sx,
+        children: children
+      });
+      $[14] = children;
+      $[15] = counterProps;
+      $[16] = sx;
+      $[17] = t5;
+      $[18] = t6;
+    } else {
+      t6 = $[18];
+    }
+    let t7;
+    if ($[19] !== label || $[20] !== t6) {
+      t7 = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [t6, label]
+      });
+      $[19] = label;
+      $[20] = t6;
+      $[21] = t7;
+    } else {
+      t7 = $[21];
+    }
+    return t7;
   }
   let t5;
-  if ($[13] !== children || $[14] !== counterProps || $[15] !== t4) {
-    t5 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: "span",
+  if ($[22] !== className) {
+    t5 = clsx.clsx(className, CounterLabel_module.CounterLabel);
+    $[22] = className;
+    $[23] = t5;
+  } else {
+    t5 = $[23];
+  }
+  let t6;
+  if ($[24] !== children || $[25] !== counterProps || $[26] !== t5) {
+    t6 = /*#__PURE__*/jsxRuntime.jsx("span", {
       ...counterProps,
-      className: t4,
+      className: t5,
       children: children
     });
-    $[13] = children;
-    $[14] = counterProps;
-    $[15] = t4;
-    $[16] = t5;
+    $[24] = children;
+    $[25] = counterProps;
+    $[26] = t5;
+    $[27] = t6;
   } else {
-    t5 = $[16];
+    t6 = $[27];
   }
-  let t6;
-  if ($[17] !== label || $[18] !== t5) {
-    t6 = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [t5, label]
+  let t7;
+  if ($[28] !== label || $[29] !== t6) {
+    t7 = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [t6, label]
     });
-    $[17] = label;
-    $[18] = t5;
-    $[19] = t6;
+    $[28] = label;
+    $[29] = t6;
+    $[30] = t7;
   } else {
-    t6 = $[19];
+    t7 = $[30];
   }
-  return t6;
+  return t7;
 });
 CounterLabel.displayName = 'CounterLabel';
 

package/lib/DataTable/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/DataTable/Pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAMhE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACtF;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAE3C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE9C;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAMD,wBAAgB,UAAU,CAAC,EACzB,YAAY,EAAE,KAAK,EACnB,gBAAgB,EAChB,EAAE,EACF,QAAQ,EACR,QAAa,EACb,SAA4B,EAC5B,UAAU,GACX,EAAE,eAAe,qBAwGjB;AAwDD,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/DataTable/Pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAyHhE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACtF;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAE3C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE9C;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAMD,wBAAgB,UAAU,CAAC,EACzB,YAAY,EAAE,KAAK,EACnB,gBAAgB,EAChB,EAAE,EACF,QAAQ,EACR,QAAa,EACb,SAA4B,EAC5B,UAAU,GACX,EAAE,eAAe,qBAqGjB;AAwDD,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA"}