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

package/lib/SegmentedControl/SegmentedControlIconButton.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactCompilerRuntime = require('react-compiler-runtime');
+var defaultSxProp = require('../utils/defaultSxProp.js');
 var reactIs = require('react-is');
 var SegmentedControl_module = require('./SegmentedControl.module.css.js');
 var clsx = require('clsx');
@@ -19,14 +20,14 @@ const SegmentedControlIconButton = t0 => {
   let description;
   let rest;
   let selected;
-  let sxProp;
+  let t1;
   let tooltipDirection;
   if ($[0] !== t0) {
     ({
       "aria-label": ariaLabel,
       icon: Icon,
       selected,
-      sx: sxProp,
+      sx: t1,
       className,
       description,
       tooltipDirection,
@@ -39,7 +40,7 @@ const SegmentedControlIconButton = t0 => {
     $[4] = description;
     $[5] = rest;
     $[6] = selected;
-    $[7] = sxProp;
+    $[7] = t1;
     $[8] = tooltipDirection;
   } else {
     Icon = $[1];
@@ -48,187 +49,188 @@ const SegmentedControlIconButton = t0 => {
     description = $[4];
     rest = $[5];
     selected = $[6];
-    sxProp = $[7];
+    t1 = $[7];
     tooltipDirection = $[8];
   }
+  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
   const tooltipFlagEnabled = useFeatureFlag.useFeatureFlag("primer_react_segmented_control_tooltip");
   if (tooltipFlagEnabled) {
-    let t1;
+    let t2;
     if ($[9] !== className) {
-      t1 = clsx.clsx(SegmentedControl_module.Item, className);
+      t2 = clsx.clsx(SegmentedControl_module.Item, className);
       $[9] = className;
-      $[10] = t1;
+      $[10] = t2;
     } else {
-      t1 = $[10];
+      t2 = $[10];
     }
-    const t2 = selected || undefined;
-    const t3 = description ? undefined : "label";
-    const t4 = description ? description : ariaLabel;
-    const t5 = description ? ariaLabel : undefined;
-    let t6;
+    const t3 = selected || undefined;
+    const t4 = description ? undefined : "label";
+    const t5 = description ? description : ariaLabel;
+    const t6 = description ? ariaLabel : undefined;
+    let t7;
     if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-      t6 = clsx.clsx(SegmentedControl_module.Button, SegmentedControl_module.IconButton);
-      $[11] = t6;
+      t7 = clsx.clsx(SegmentedControl_module.Button, SegmentedControl_module.IconButton);
+      $[11] = t7;
     } else {
-      t6 = $[11];
+      t7 = $[11];
     }
-    let t7;
+    let t8;
     if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-      t7 = clsx.clsx(SegmentedControl_module.Content, "segmentedControl-content");
-      $[12] = t7;
+      t8 = clsx.clsx(SegmentedControl_module.Content, "segmentedControl-content");
+      $[12] = t8;
     } else {
-      t7 = $[12];
+      t8 = $[12];
     }
-    let t8;
+    let t9;
     if ($[13] !== Icon) {
-      t8 = reactIs.isElement(Icon) ? Icon : /*#__PURE__*/jsxRuntime.jsx(Icon, {});
+      t9 = reactIs.isElement(Icon) ? Icon : /*#__PURE__*/jsxRuntime.jsx(Icon, {});
       $[13] = Icon;
-      $[14] = t8;
+      $[14] = t9;
     } else {
-      t8 = $[14];
+      t9 = $[14];
     }
-    let t9;
-    if ($[15] !== t8) {
-      t9 = /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: t7,
-        children: t8
+    let t10;
+    if ($[15] !== t9) {
+      t10 = /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: t8,
+        children: t9
       });
-      $[15] = t8;
-      $[16] = t9;
+      $[15] = t9;
+      $[16] = t10;
     } else {
-      t9 = $[16];
+      t10 = $[16];
     }
-    let t10;
-    if ($[17] !== rest || $[18] !== selected || $[19] !== t5 || $[20] !== t9) {
-      t10 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+    let t11;
+    if ($[17] !== rest || $[18] !== selected || $[19] !== t10 || $[20] !== t6) {
+      t11 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
         as: "button",
         "aria-current": selected,
-        "aria-label": t5,
-        className: t6,
+        "aria-label": t6,
+        className: t7,
         ...rest,
-        children: t9
+        children: t10
       });
       $[17] = rest;
       $[18] = selected;
-      $[19] = t5;
-      $[20] = t9;
-      $[21] = t10;
+      $[19] = t10;
+      $[20] = t6;
+      $[21] = t11;
     } else {
-      t10 = $[21];
+      t11 = $[21];
     }
-    let t11;
-    if ($[22] !== t10 || $[23] !== t3 || $[24] !== t4 || $[25] !== tooltipDirection) {
-      t11 = /*#__PURE__*/jsxRuntime.jsx(Tooltip.Tooltip, {
-        type: t3,
-        text: t4,
+    let t12;
+    if ($[22] !== t11 || $[23] !== t4 || $[24] !== t5 || $[25] !== tooltipDirection) {
+      t12 = /*#__PURE__*/jsxRuntime.jsx(Tooltip.Tooltip, {
+        type: t4,
+        text: t5,
         direction: tooltipDirection,
-        children: t10
+        children: t11
       });
-      $[22] = t10;
-      $[23] = t3;
-      $[24] = t4;
+      $[22] = t11;
+      $[23] = t4;
+      $[24] = t5;
       $[25] = tooltipDirection;
-      $[26] = t11;
+      $[26] = t12;
     } else {
-      t11 = $[26];
+      t12 = $[26];
     }
-    let t12;
-    if ($[27] !== sxProp || $[28] !== t1 || $[29] !== t11 || $[30] !== t2) {
-      t12 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+    let t13;
+    if ($[27] !== sxProp || $[28] !== t12 || $[29] !== t2 || $[30] !== t3) {
+      t13 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
         as: "li",
         sx: sxProp,
-        className: t1,
-        "data-selected": t2,
-        children: t11
+        className: t2,
+        "data-selected": t3,
+        children: t12
       });
       $[27] = sxProp;
-      $[28] = t1;
-      $[29] = t11;
-      $[30] = t2;
-      $[31] = t12;
+      $[28] = t12;
+      $[29] = t2;
+      $[30] = t3;
+      $[31] = t13;
     } else {
-      t12 = $[31];
+      t13 = $[31];
     }
-    return t12;
+    return t13;
   } else {
-    let t1;
+    let t2;
     if ($[32] !== className) {
-      t1 = clsx.clsx(SegmentedControl_module.Item, className);
+      t2 = clsx.clsx(SegmentedControl_module.Item, className);
       $[32] = className;
-      $[33] = t1;
+      $[33] = t2;
     } else {
-      t1 = $[33];
+      t2 = $[33];
     }
-    const t2 = selected || undefined;
-    let t3;
+    const t3 = selected || undefined;
+    let t4;
     if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
-      t3 = clsx.clsx(SegmentedControl_module.Button, SegmentedControl_module.IconButton);
-      $[34] = t3;
+      t4 = clsx.clsx(SegmentedControl_module.Button, SegmentedControl_module.IconButton);
+      $[34] = t4;
     } else {
-      t3 = $[34];
+      t4 = $[34];
     }
-    let t4;
+    let t5;
     if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
-      t4 = clsx.clsx(SegmentedControl_module.Content, "segmentedControl-content");
-      $[35] = t4;
+      t5 = clsx.clsx(SegmentedControl_module.Content, "segmentedControl-content");
+      $[35] = t5;
     } else {
-      t4 = $[35];
+      t5 = $[35];
     }
-    let t5;
+    let t6;
     if ($[36] !== Icon) {
-      t5 = reactIs.isElement(Icon) ? Icon : /*#__PURE__*/jsxRuntime.jsx(Icon, {});
+      t6 = reactIs.isElement(Icon) ? Icon : /*#__PURE__*/jsxRuntime.jsx(Icon, {});
       $[36] = Icon;
-      $[37] = t5;
+      $[37] = t6;
     } else {
-      t5 = $[37];
+      t6 = $[37];
     }
-    let t6;
-    if ($[38] !== t5) {
-      t6 = /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: t4,
-        children: t5
+    let t7;
+    if ($[38] !== t6) {
+      t7 = /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: t5,
+        children: t6
       });
-      $[38] = t5;
-      $[39] = t6;
+      $[38] = t6;
+      $[39] = t7;
     } else {
-      t6 = $[39];
+      t7 = $[39];
     }
-    let t7;
-    if ($[40] !== ariaLabel || $[41] !== rest || $[42] !== selected || $[43] !== t6) {
-      t7 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+    let t8;
+    if ($[40] !== ariaLabel || $[41] !== rest || $[42] !== selected || $[43] !== t7) {
+      t8 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
         as: "button",
         "aria-label": ariaLabel,
         "aria-current": selected,
-        className: t3,
+        className: t4,
         ...rest,
-        children: t6
+        children: t7
       });
       $[40] = ariaLabel;
       $[41] = rest;
       $[42] = selected;
-      $[43] = t6;
-      $[44] = t7;
+      $[43] = t7;
+      $[44] = t8;
     } else {
-      t7 = $[44];
+      t8 = $[44];
     }
-    let t8;
-    if ($[45] !== sxProp || $[46] !== t1 || $[47] !== t2 || $[48] !== t7) {
-      t8 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+    let t9;
+    if ($[45] !== sxProp || $[46] !== t2 || $[47] !== t3 || $[48] !== t8) {
+      t9 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
         as: "li",
         sx: sxProp,
-        className: t1,
-        "data-selected": t2,
-        children: t7
+        className: t2,
+        "data-selected": t3,
+        children: t8
       });
       $[45] = sxProp;
-      $[46] = t1;
-      $[47] = t2;
-      $[48] = t7;
-      $[49] = t8;
+      $[46] = t2;
+      $[47] = t3;
+      $[48] = t8;
+      $[49] = t9;
     } else {
-      t8 = $[49];
+      t9 = $[49];
     }
-    return t8;
+    return t9;
   }
 };
 

package/lib/SideNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../src/SideNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,eAAe,CAAA;AACjD,OAAa,EAAC,KAAK,SAAS,EAAC,MAAM,QAAQ,CAAA;AAC3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE5C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,MAAM,CAAA;AAIhC,KAAK,gBAAgB,GAAG;IACtB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,OAAO,CAAC,EAAE,aAAa,GAAG,QAAQ,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,GAAG,MAAM,CAAA;AAEV,iBAAS,OAAO,CAAC,EACf,EAAU,EACV,OAAkB,EAClB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,EAAE,EAAE,MAAM,GACX,EAAE,gBAAgB,qBAkBlB;AAED,KAAK,sBAAsB,GAAG,iBAAiB,CAAC;IAC9C,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC5B,CAAC,GACA,SAAS,CAAA;AAEX,QAAA,MAAM,WAAW;8DAA2D,sBAAsB;;CAgBjG,CAAA;AAID,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;AACzD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAEjE,4EAA4E;;;kEAvBA,sBAAsB;;;;AAwBlG,wBAA0D"}
+{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../src/SideNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,eAAe,CAAA;AACjD,OAAa,EAAC,KAAK,SAAS,EAAC,MAAM,QAAQ,CAAA;AAC3C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE5C,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,MAAM,CAAA;AAKhC,KAAK,gBAAgB,GAAG;IACtB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,OAAO,CAAC,EAAE,aAAa,GAAG,QAAQ,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,GAAG,MAAM,CAAA;AAEV,iBAAS,OAAO,CAAC,EACf,EAAU,EACV,OAAkB,EAClB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,EAAE,EAAE,MAAsB,GAC3B,EAAE,gBAAgB,qBAkBlB;AAED,KAAK,sBAAsB,GAAG,iBAAiB,CAAC;IAC9C,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC5B,CAAC,GACA,SAAS,CAAA;AAEX,QAAA,MAAM,WAAW;8DAA2D,sBAAsB;;CAgBjG,CAAA;AAID,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;AACzD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAEjE,4EAA4E;;;kEAvBA,sBAAsB;;;;AAwBlG,wBAA0D"}

package/lib/SideNav.js

@@ -2,6 +2,7 @@
 
 var clsx = require('clsx');
 var SideNav_module = require('./SideNav.module.css.js');
+var defaultSxProp = require('./utils/defaultSxProp.js');
 var BoxWithFallback = require('./internal/components/BoxWithFallback.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Link = require('./Link/Link.js');
@@ -13,7 +14,7 @@ function SideNav({
   bordered,
   children,
   'aria-label': ariaLabel,
-  sx: sxProp
+  sx: sxProp = defaultSxProp.defaultSxProp
 }) {
   const variantClassName = variant === 'lightweight' ? 'lightweight' : 'normal';
   const newClassName = clsx.clsx(SideNav_module.SideNav, SideNav_module[`SideNavVariant--${variantClassName}`], 'sidenav', `variant-${variantClassName}`, className, {

package/lib/Skeleton/SkeletonBox.d.ts

@@ -7,6 +7,6 @@ export type SkeletonBoxProps = {
     width?: CSSProperties['width'];
     /** The className of the skeleton box */
     className?: string;
-} & HTMLProps<HTMLElement>;
-export declare const SkeletonBox: React.ForwardRefExoticComponent<Omit<SkeletonBoxProps, "ref"> & React.RefAttributes<HTMLElement>>;
+} & HTMLProps<HTMLDivElement>;
+export declare const SkeletonBox: React.ForwardRefExoticComponent<Omit<SkeletonBoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=SkeletonBox.d.ts.map

package/lib/Skeleton/SkeletonBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonBox.d.ts","sourceRoot":"","sources":["../../src/Skeleton/SkeletonBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,KAAK,aAAa,EAAE,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAKxD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,0EAA0E;IAC1E,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;IAChC,wEAAwE;IACxE,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,SAAS,CAAC,WAAW,CAAC,CAAA;AAE1B,eAAO,MAAM,WAAW,mGAkBtB,CAAA"}
+{"version":3,"file":"SkeletonBox.d.ts","sourceRoot":"","sources":["../../src/Skeleton/SkeletonBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,KAAK,aAAa,EAAE,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAKxD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,0EAA0E;IAC1E,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;IAChC,wEAAwE;IACxE,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAC9B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,SAAS,CAAC,cAAc,CAAC,CAAA;AAE7B,eAAO,MAAM,WAAW,sGAkBtB,CAAA"}

package/lib/Skeleton/SkeletonBox.js

@@ -41,46 +41,45 @@ const SkeletonBox = /*#__PURE__*/React__default.default.forwardRef(function Skel
     style = $[4];
     width = $[5];
   }
-  const t1 = ref;
-  let t2;
+  let t1;
   if ($[6] !== className) {
-    t2 = clsx.clsx(className, SkeletonBox_module.SkeletonBox);
+    t1 = clsx.clsx(className, SkeletonBox_module.SkeletonBox);
     $[6] = className;
-    $[7] = t2;
+    $[7] = t1;
   } else {
-    t2 = $[7];
+    t1 = $[7];
   }
-  const t3 = style;
-  let t4;
-  if ($[8] !== height || $[9] !== t3 || $[10] !== width) {
-    t4 = merge__default.default(t3, {
+  const t2 = style;
+  let t3;
+  if ($[8] !== height || $[9] !== t2 || $[10] !== width) {
+    t3 = merge__default.default(t2, {
       height,
       width
     });
     $[8] = height;
-    $[9] = t3;
+    $[9] = t2;
     $[10] = width;
-    $[11] = t4;
+    $[11] = t3;
   } else {
-    t4 = $[11];
+    t3 = $[11];
   }
-  let t5;
-  if ($[12] !== props || $[13] !== t1 || $[14] !== t2 || $[15] !== t4) {
-    t5 = /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: t1,
-      className: t2,
-      style: t4,
-      ...props
+  let t4;
+  if ($[12] !== props || $[13] !== ref || $[14] !== t1 || $[15] !== t3) {
+    t4 = /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: t1,
+      style: t3,
+      ...props,
+      ref: ref
     });
     $[12] = props;
-    $[13] = t1;
-    $[14] = t2;
-    $[15] = t4;
-    $[16] = t5;
+    $[13] = ref;
+    $[14] = t1;
+    $[15] = t3;
+    $[16] = t4;
   } else {
-    t5 = $[16];
+    t4 = $[16];
   }
-  return t5;
+  return t4;
 });
 
 exports.SkeletonBox = SkeletonBox;

package/lib/Spinner/Spinner.d.ts

@@ -16,7 +16,7 @@ export type SpinnerProps = {
     className?: string;
     style?: React.CSSProperties;
 } & HTMLDataAttributes & SxProp;
-declare function StyledSpinner({ className, ...props }: SpinnerProps): React.JSX.Element;
+declare function StyledSpinner({ sx, className, ...props }: SpinnerProps): React.JSX.Element;
 declare namespace StyledSpinner {
     var displayName: string;
 }

package/lib/Spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAMlE,QAAA,MAAM,OAAO;;;;CAIZ,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,CAAA;IAC3B,0KAA0K;IAC1K,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,GAAG,kBAAkB,GACpB,MAAM,CAAA;AAmDR,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,qBAEzD;kBAFQ,aAAa;;;AAMtB,eAAe,aAAa,CAAA"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAW,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAKlE,QAAA,MAAM,OAAO;;;;CAIZ,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,CAAA;IAC3B,0KAA0K;IAC1K,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,GAAG,kBAAkB,GACpB,MAAM,CAAA;AAuDR,iBAAS,aAAa,CAAC,EAAC,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,YAAY,qBAM7D;kBANQ,aAAa;;;AAUtB,eAAe,aAAa,CAAA"}

package/lib/Spinner/Spinner.js

@@ -1,13 +1,18 @@
 'use strict';
 
 var reactCompilerRuntime = require('react-compiler-runtime');
+var styled = require('styled-components');
+var sx = require('../sx.js');
 var Spinner_module = require('./Spinner.module.css.js');
 var clsx = require('clsx');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
 var jsxRuntime = require('react/jsx-runtime');
 var useId = require('../hooks/useId.js');
 var VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
 const sizeMap = {
   small: '16px',
   medium: '32px',
@@ -130,42 +135,75 @@ function Spinner(t0) {
   }
   return t9;
 }
+const StyledBaseSpinner = styled__default.default.div.withConfig({
+  displayName: "Spinner__StyledBaseSpinner",
+  componentId: "sc-1knt686-0"
+})(["", ""], sx.default);
 function StyledSpinner(t0) {
-  const $ = reactCompilerRuntime.c(8);
+  const $ = reactCompilerRuntime.c(15);
   let className;
   let props;
+  let sx;
   if ($[0] !== t0) {
     ({
+      sx,
       className,
       ...props
     } = t0);
     $[0] = t0;
     $[1] = className;
     $[2] = props;
+    $[3] = sx;
   } else {
     className = $[1];
     props = $[2];
+    sx = $[3];
+  }
+  if (sx) {
+    let t1;
+    if ($[4] !== className) {
+      t1 = clsx.clsx(className, Spinner_module.SpinnerAnimation);
+      $[4] = className;
+      $[5] = t1;
+    } else {
+      t1 = $[5];
+    }
+    let t2;
+    if ($[6] !== props || $[7] !== sx || $[8] !== t1) {
+      t2 = /*#__PURE__*/jsxRuntime.jsx(StyledBaseSpinner, {
+        sx: sx,
+        as: Spinner,
+        className: t1,
+        ...props
+      });
+      $[6] = props;
+      $[7] = sx;
+      $[8] = t1;
+      $[9] = t2;
+    } else {
+      t2 = $[9];
+    }
+    return t2;
   }
   let t1;
-  if ($[3] !== className) {
+  if ($[10] !== className) {
     t1 = clsx.clsx(className, Spinner_module.SpinnerAnimation);
-    $[3] = className;
-    $[4] = t1;
+    $[10] = className;
+    $[11] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[11];
   }
   let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: Spinner,
+  if ($[12] !== props || $[13] !== t1) {
+    t2 = /*#__PURE__*/jsxRuntime.jsx(Spinner, {
       className: t1,
       ...props
     });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
+    $[12] = props;
+    $[13] = t1;
+    $[14] = t2;
   } else {
-    t2 = $[7];
+    t2 = $[14];
   }
   return t2;
 }

package/lib/SubNav/SubNav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/SubNav/SubNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAGlD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,MAAM,CAAA;AACV,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAClE,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC,GAAG,MAAM,CAAA;AAE/F,QAAA,MAAM,MAAM,oGAgBV,CAAA;AAKF,QAAA,MAAM,WAAW,4GAQhB,CAAA;AAKD,QAAA,MAAM,UAAU,8GAef,CAAA;AAID,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;AACvD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AACjE,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAA;;;;;AAC/D,wBAA4E"}
+{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/SubNav/SubNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAIlD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,MAAM,CAAA;AACV,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAClE,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC,GAAG,MAAM,CAAA;AAE/F,QAAA,MAAM,MAAM,oGAyBV,CAAA;AAKF,QAAA,MAAM,WAAW,4GAehB,CAAA;AAKD,QAAA,MAAM,UAAU,8GA8Bf,CAAA;AAID,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;AACvD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AACjE,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAA;;;;;AAC/D,wBAA4E"}