@primer/react 38.0.0-rc.0 → 38.0.0-rc.1

package/lib/Stack/Stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAa,KAAK,WAAW,EAAC,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAIhE,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAG/F,KAAK,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAA;AAC5D,KAAK,GAAG,GAAG,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAA;AAE/C,KAAK,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAC/C,KAAK,SAAS,GAAG,cAAc,GAAG,eAAe,CAAC,cAAc,CAAC,CAAA;AAEjE,KAAK,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAA;AACrE,KAAK,KAAK,GAAG,UAAU,GAAG,eAAe,CAAC,UAAU,CAAC,CAAA;AAErD,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAA;AAClC,KAAK,IAAI,GAAG,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC,CAAA;AAElD,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,GAAG,cAAc,CAAA;AACjF,KAAK,OAAO,GAAG,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;AAE3D,KAAK,YAAY,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAA;AAChE,KAAK,OAAO,GAAG,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;AAE3D,KAAK,UAAU,CAAC,EAAE,IAAI,KAAK,CAAC,iBAAiB,CAAC;IAC5C;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IAEP;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAA;IAET;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;IAEb;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,QAAA,MAAM,KAAK,EAiCN,8BAA8B,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAA;AAEzE,KAAK,cAAc,CAAC,EAAE,IAAI,KAAK,CAAC,iBAAiB,CAAC;IAChD;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IAEP;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAEzC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,QAAA,MAAM,SAAS,EAaT,8BAA8B,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAA;AAE1E,OAAO,EAAC,KAAK,EAAE,SAAS,EAAC,CAAA;AACzB,YAAY,EAAC,UAAU,EAAE,cAAc,EAAC,CAAA"}
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAa,KAAK,WAAW,EAAC,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAIhE,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,KAAK,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAA;AAC5D,KAAK,GAAG,GAAG,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAA;AAE/C,KAAK,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAC/C,KAAK,SAAS,GAAG,cAAc,GAAG,eAAe,CAAC,cAAc,CAAC,CAAA;AAEjE,KAAK,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAA;AACrE,KAAK,KAAK,GAAG,UAAU,GAAG,eAAe,CAAC,UAAU,CAAC,CAAA;AAErD,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAA;AAClC,KAAK,IAAI,GAAG,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC,CAAA;AAElD,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,GAAG,cAAc,CAAA;AACjF,KAAK,OAAO,GAAG,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;AAE3D,KAAK,YAAY,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAA;AAChE,KAAK,OAAO,GAAG,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;AAE3D,KAAK,UAAU,CAAC,EAAE,IAAI,KAAK,CAAC,iBAAiB,CAAC;IAC5C;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IAEP;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAA;IAET;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;IAEb;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,QAAA,MAAM,KAAK,EAgCN,8BAA8B,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAA;AAEzE,KAAK,cAAc,CAAC,EAAE,IAAI,KAAK,CAAC,iBAAiB,CAAC;IAChD;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IAEP;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAEzC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,QAAA,MAAM,SAAS,EAYT,8BAA8B,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAA;AAE1E,OAAO,EAAC,KAAK,EAAE,SAAS,EAAC,CAAA;AACzB,YAAY,EAAC,UAAU,EAAE,cAAc,EAAC,CAAA"}

package/lib/Stack/Stack.js

@@ -5,12 +5,10 @@ var React = require('react');
 var getResponsiveAttributes = require('../internal/utils/getResponsiveAttributes.js');
 var Stack_module = require('./Stack.module.css.js');
 var clsx = require('clsx');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 const Stack = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
   const $ = reactCompilerRuntime.c(37);
-  let as;
   let children;
   let className;
   let gap;
@@ -20,146 +18,147 @@ const Stack = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
   let t3;
   let t4;
   let t5;
+  let t6;
   if ($[0] !== t0) {
     ({
-      as,
+      as: t1,
       children,
-      align: t1,
-      direction: t2,
+      align: t2,
+      direction: t3,
       gap,
-      justify: t3,
-      padding: t4,
-      wrap: t5,
+      justify: t4,
+      padding: t5,
+      wrap: t6,
       className,
       ...rest
     } = t0);
     $[0] = t0;
-    $[1] = as;
-    $[2] = children;
-    $[3] = className;
-    $[4] = gap;
-    $[5] = rest;
-    $[6] = t1;
-    $[7] = t2;
-    $[8] = t3;
-    $[9] = t4;
-    $[10] = t5;
+    $[1] = children;
+    $[2] = className;
+    $[3] = gap;
+    $[4] = rest;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+    $[9] = t5;
+    $[10] = t6;
   } else {
-    as = $[1];
-    children = $[2];
-    className = $[3];
-    gap = $[4];
-    rest = $[5];
-    t1 = $[6];
-    t2 = $[7];
-    t3 = $[8];
-    t4 = $[9];
-    t5 = $[10];
+    children = $[1];
+    className = $[2];
+    gap = $[3];
+    rest = $[4];
+    t1 = $[5];
+    t2 = $[6];
+    t3 = $[7];
+    t4 = $[8];
+    t5 = $[9];
+    t6 = $[10];
   }
-  const align = t1 === undefined ? "stretch" : t1;
-  const direction = t2 === undefined ? "vertical" : t2;
-  const justify = t3 === undefined ? "start" : t3;
-  const padding = t4 === undefined ? "none" : t4;
-  const wrap = t5 === undefined ? "nowrap" : t5;
-  let t6;
+  const Component = t1 === undefined ? "div" : t1;
+  const align = t2 === undefined ? "stretch" : t2;
+  const direction = t3 === undefined ? "vertical" : t3;
+  const justify = t4 === undefined ? "start" : t4;
+  const padding = t5 === undefined ? "none" : t5;
+  const wrap = t6 === undefined ? "nowrap" : t6;
+  let t7;
   if ($[11] !== className) {
-    t6 = clsx.clsx(className, Stack_module.Stack);
+    t7 = clsx.clsx(className, Stack_module.Stack);
     $[11] = className;
-    $[12] = t6;
+    $[12] = t7;
   } else {
-    t6 = $[12];
+    t7 = $[12];
   }
-  let t7;
+  let t8;
   if ($[13] !== gap) {
-    t7 = getResponsiveAttributes.getResponsiveAttributes("gap", gap);
+    t8 = getResponsiveAttributes.getResponsiveAttributes("gap", gap);
     $[13] = gap;
-    $[14] = t7;
+    $[14] = t8;
   } else {
-    t7 = $[14];
+    t8 = $[14];
   }
-  let t8;
+  let t9;
   if ($[15] !== direction) {
-    t8 = getResponsiveAttributes.getResponsiveAttributes("direction", direction);
+    t9 = getResponsiveAttributes.getResponsiveAttributes("direction", direction);
     $[15] = direction;
-    $[16] = t8;
+    $[16] = t9;
   } else {
-    t8 = $[16];
+    t9 = $[16];
   }
-  let t9;
+  let t10;
   if ($[17] !== align) {
-    t9 = getResponsiveAttributes.getResponsiveAttributes("align", align);
+    t10 = getResponsiveAttributes.getResponsiveAttributes("align", align);
     $[17] = align;
-    $[18] = t9;
+    $[18] = t10;
   } else {
-    t9 = $[18];
+    t10 = $[18];
   }
-  let t10;
+  let t11;
   if ($[19] !== wrap) {
-    t10 = getResponsiveAttributes.getResponsiveAttributes("wrap", wrap);
+    t11 = getResponsiveAttributes.getResponsiveAttributes("wrap", wrap);
     $[19] = wrap;
-    $[20] = t10;
+    $[20] = t11;
   } else {
-    t10 = $[20];
+    t11 = $[20];
   }
-  let t11;
+  let t12;
   if ($[21] !== justify) {
-    t11 = getResponsiveAttributes.getResponsiveAttributes("justify", justify);
+    t12 = getResponsiveAttributes.getResponsiveAttributes("justify", justify);
     $[21] = justify;
-    $[22] = t11;
+    $[22] = t12;
   } else {
-    t11 = $[22];
+    t12 = $[22];
   }
-  let t12;
+  let t13;
   if ($[23] !== padding) {
-    t12 = getResponsiveAttributes.getResponsiveAttributes("padding", padding);
+    t13 = getResponsiveAttributes.getResponsiveAttributes("padding", padding);
     $[23] = padding;
-    $[24] = t12;
+    $[24] = t13;
   } else {
-    t12 = $[24];
+    t13 = $[24];
   }
-  let t13;
-  if ($[25] !== as || $[26] !== children || $[27] !== forwardedRef || $[28] !== rest || $[29] !== t10 || $[30] !== t11 || $[31] !== t12 || $[32] !== t6 || $[33] !== t7 || $[34] !== t8 || $[35] !== t9) {
-    t13 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: as,
+  let t14;
+  if ($[25] !== Component || $[26] !== children || $[27] !== forwardedRef || $[28] !== rest || $[29] !== t10 || $[30] !== t11 || $[31] !== t12 || $[32] !== t13 || $[33] !== t7 || $[34] !== t8 || $[35] !== t9) {
+    t14 = /*#__PURE__*/jsxRuntime.jsx(Component, {
       ref: forwardedRef,
       ...rest,
-      className: t6,
-      ...t7,
+      className: t7,
       ...t8,
       ...t9,
       ...t10,
       ...t11,
       ...t12,
+      ...t13,
       children: children
     });
-    $[25] = as;
+    $[25] = Component;
     $[26] = children;
     $[27] = forwardedRef;
     $[28] = rest;
     $[29] = t10;
     $[30] = t11;
     $[31] = t12;
-    $[32] = t6;
+    $[32] = t13;
     $[33] = t7;
     $[34] = t8;
     $[35] = t9;
-    $[36] = t13;
+    $[36] = t14;
   } else {
-    t13 = $[36];
+    t14 = $[36];
   }
-  return t13;
+  return t14;
 });
 const StackItem = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
   const $ = reactCompilerRuntime.c(21);
-  let as;
   let children;
   let className;
   let grow;
   let rest;
   let shrink;
+  let t1;
   if ($[0] !== t0) {
     ({
-      as,
+      as: t1,
       children,
       grow,
       shrink,
@@ -167,67 +166,67 @@ const StackItem = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
       ...rest
     } = t0);
     $[0] = t0;
-    $[1] = as;
-    $[2] = children;
-    $[3] = className;
-    $[4] = grow;
-    $[5] = rest;
-    $[6] = shrink;
+    $[1] = children;
+    $[2] = className;
+    $[3] = grow;
+    $[4] = rest;
+    $[5] = shrink;
+    $[6] = t1;
   } else {
-    as = $[1];
-    children = $[2];
-    className = $[3];
-    grow = $[4];
-    rest = $[5];
-    shrink = $[6];
+    children = $[1];
+    className = $[2];
+    grow = $[3];
+    rest = $[4];
+    shrink = $[5];
+    t1 = $[6];
   }
-  let t1;
+  const Component = t1 === undefined ? "div" : t1;
+  let t2;
   if ($[7] !== className) {
-    t1 = clsx.clsx(className, Stack_module.StackItem);
+    t2 = clsx.clsx(className, Stack_module.StackItem);
     $[7] = className;
-    $[8] = t1;
+    $[8] = t2;
   } else {
-    t1 = $[8];
+    t2 = $[8];
   }
-  let t2;
+  let t3;
   if ($[9] !== grow) {
-    t2 = getResponsiveAttributes.getResponsiveAttributes("grow", grow);
+    t3 = getResponsiveAttributes.getResponsiveAttributes("grow", grow);
     $[9] = grow;
-    $[10] = t2;
+    $[10] = t3;
   } else {
-    t2 = $[10];
+    t3 = $[10];
   }
-  let t3;
+  let t4;
   if ($[11] !== shrink) {
-    t3 = getResponsiveAttributes.getResponsiveAttributes("shrink", shrink);
+    t4 = getResponsiveAttributes.getResponsiveAttributes("shrink", shrink);
     $[11] = shrink;
-    $[12] = t3;
+    $[12] = t4;
   } else {
-    t3 = $[12];
+    t4 = $[12];
   }
-  let t4;
-  if ($[13] !== as || $[14] !== children || $[15] !== forwardedRef || $[16] !== rest || $[17] !== t1 || $[18] !== t2 || $[19] !== t3) {
-    t4 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: as,
+  let t5;
+  if ($[13] !== Component || $[14] !== children || $[15] !== forwardedRef || $[16] !== rest || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {
+    t5 = /*#__PURE__*/jsxRuntime.jsx(Component, {
       ref: forwardedRef,
       ...rest,
-      className: t1,
-      ...t2,
+      className: t2,
       ...t3,
+      ...t4,
       children: children
     });
-    $[13] = as;
+    $[13] = Component;
     $[14] = children;
     $[15] = forwardedRef;
     $[16] = rest;
-    $[17] = t1;
-    $[18] = t2;
-    $[19] = t3;
-    $[20] = t4;
+    $[17] = t2;
+    $[18] = t3;
+    $[19] = t4;
+    $[20] = t5;
   } else {
-    t4 = $[20];
+    t5 = $[20];
   }
-  return t4;
+  return t5;
 });
 
 exports.Stack = Stack;

package/lib/StateLabel/StateLabel-cd27f475.css

@@ -0,0 +1,2 @@
+.prc-StateLabel-Icon-NuDm4{margin-right:var(--base-size-4,.25rem)}
+/*# sourceMappingURL=StateLabel-cd27f475.css.map */

package/lib/StateLabel/StateLabel-cd27f475.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/StateLabel/StateLabel.module.css"],"names":[],"mappings":"AAAA,2BACE,sCACF","file":"StateLabel-cd27f475.css","sourcesContent":[".Icon {\n  margin-right: var(--base-size-4);\n}\n"]}

package/lib/StateLabel/StateLabel.d.ts

@@ -1,4 +1,3 @@
-import type { SxProp } from '../sx';
 import type { ComponentProps } from '../utils/types';
 declare const octiconMap: {
     issueOpened: import("@primer/octicons-react").Icon;
@@ -17,7 +16,7 @@ declare const octiconMap: {
 type StyledStateLabelBaseProps = {
     variant?: 'small' | 'normal';
     status: keyof typeof octiconMap;
-} & SxProp;
+};
 declare const StateLabelBase: import("styled-components").StyledComponent<"span", any, StyledStateLabelBaseProps, never>;
 export type StateLabelProps = ComponentProps<typeof StateLabelBase>;
 declare function StateLabel({ children, status, variant: variantProp, ...rest }: StateLabelProps): import("react").JSX.Element;

package/lib/StateLabel/StateLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StateLabel.d.ts","sourceRoot":"","sources":["../../src/StateLabel/StateLabel.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAElD,QAAA,MAAM,UAAU;;;;;;;;;;;;;CAaf,CAAA;AAmGD,KAAK,yBAAyB,GAAG;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC5B,MAAM,EAAE,MAAM,OAAO,UAAU,CAAA;CAChC,GAAG,MAAM,CAAA;AAEV,QAAA,MAAM,cAAc,4FAWnB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAA;AAEnE,iBAAS,UAAU,CAAC,EAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,WAAsB,EAAE,GAAG,IAAI,EAAC,EAAE,eAAe,+BAmBhG;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"StateLabel.d.ts","sourceRoot":"","sources":["../../src/StateLabel/StateLabel.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAGlD,QAAA,MAAM,UAAU;;;;;;;;;;;;;CAaf,CAAA;AAmGD,KAAK,yBAAyB,GAAG;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC5B,MAAM,EAAE,MAAM,OAAO,UAAU,CAAA;CAChC,CAAA;AAED,QAAA,MAAM,cAAc,4FAUnB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAA;AAEnE,iBAAS,UAAU,CAAC,EAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,WAAsB,EAAE,GAAG,IAAI,EAAC,EAAE,eAAe,+BAmBhG;AAED,eAAe,UAAU,CAAA"}

package/lib/StateLabel/StateLabel.js

@@ -5,7 +5,7 @@ var octiconsReact = require('@primer/octicons-react');
 var styled = require('styled-components');
 var styledSystem = require('styled-system');
 var constants = require('../constants.js');
-var sx = require('../sx.js');
+var StateLabel_module = require('./StateLabel.module.css.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Octicon = require('../Octicon/Octicon.js');
 
@@ -124,7 +124,7 @@ const sizeVariants = styledSystem.variant({
 const StateLabelBase = styled__default.default.span.withConfig({
   displayName: "StateLabel__StateLabelBase",
   componentId: "sc-qthdln-0"
-})(["display:inline-flex;align-items:center;font-weight:", ";line-height:16px;color:", ";text-align:center;border-radius:", ";", ";", ";", ";"], constants.get('fontWeights.bold'), constants.get('colors.canvas.default'), constants.get('radii.3'), colorVariants, sizeVariants, sx.default);
+})(["display:inline-flex;align-items:center;font-weight:", ";line-height:16px;color:", ";text-align:center;border-radius:", ";", ";", ";"], constants.get('fontWeights.bold'), constants.get('colors.canvas.default'), constants.get('radii.3'), colorVariants, sizeVariants);
 function StateLabel(t0) {
   const $ = reactCompilerRuntime.c(17);
   let children;
@@ -168,9 +168,7 @@ function StateLabel(t0) {
       ...octiconProps,
       icon: octiconMap[status] || octiconsReact.QuestionIcon,
       "aria-label": labelMap[status],
-      sx: {
-        mr: 1
-      }
+      className: StateLabel_module.Icon
     });
     $[7] = noIconStatus;
     $[8] = octiconProps;

package/lib/StateLabel/StateLabel.module.css.js

@@ -0,0 +1,7 @@
+'use strict';
+
+require('./StateLabel-cd27f475.css');
+
+var classes = {"Icon":"prc-StateLabel-Icon-NuDm4"};
+
+module.exports = classes;

package/lib/ToggleSwitch/ToggleSwitch-65936b4b.css

@@ -0,0 +1,4 @@
+.prc-ToggleSwitch-ToggleSwitch-E4lp0{align-items:center;display:inline-flex;flex-direction:row-reverse}.prc-ToggleSwitch-ToggleSwitch-E4lp0[data-status-label-position=start]{flex-direction:row}.prc-ToggleSwitch-StatusText-hWpj2{color:var(--fgColor-default,var(--color-fg-default));cursor:pointer;font-size:var(--text-body-size-medium,.875rem);margin-left:var(--base-size-8,.5rem);margin-right:var(--base-size-8,.5rem);position:relative}.prc-ToggleSwitch-StatusText-hWpj2[data-size=small]{font-size:var(--text-body-size-small,.75rem)}.prc-ToggleSwitch-StatusText-hWpj2[data-disabled=true]{color:var(--fgColor-muted,var(--color-fg-muted));cursor:not-allowed}.prc-ToggleSwitch-StatusTextItem-fvvXa{text-align:right}.prc-ToggleSwitch-StatusTextItem-fvvXa[data-hidden=true]{height:0;visibility:hidden}.prc-ToggleSwitch-IconContainer-zLC02{align-items:center;display:flex;height:100%;overflow:hidden;width:100%}.prc-ToggleSwitch-IconBox-NNOYG{flex-basis:50%;flex-grow:1;flex-shrink:0;line-height:0;transition-duration:80ms;transition-property:transform}.prc-ToggleSwitch-IconBox-NNOYG[data-type=on]{color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg,var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))));transform:translateX(0)}.prc-ToggleSwitch-IconBox-NNOYG[data-type=on][data-checked=false]{transform:translateX(-100%)}.prc-ToggleSwitch-IconBox-NNOYG[data-type=on][data-disabled=true]{color:var(
+    --control-checked-fgColor-disabled,var(--color-switch-track-checked-disabled-fg,var(--fgColor-onEmphasis,var(--color-fg-on-emphasis)))
+  )}.prc-ToggleSwitch-IconBox-NNOYG[data-type=off]{color:var(--controlTrack-fgColor-rest,var(--color-switch-track-fg,var(--fgColor-muted,var(--color-fg-muted))));transform:translateX(100%)}.prc-ToggleSwitch-IconBox-NNOYG[data-type=off][data-checked=false]{transform:translateX(0)}.prc-ToggleSwitch-IconBox-NNOYG[data-type=off][data-disabled=true]{color:var(--controlTrack-fgColor-disabled,var(--color-switch-track-disabled-fg,var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))))}
+/*# sourceMappingURL=ToggleSwitch-65936b4b.css.map */

package/lib/ToggleSwitch/ToggleSwitch-65936b4b.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ToggleSwitch/ToggleSwitch.module.css"],"names":[],"mappings":"AAAA,qCAEE,kBAAmB,CADnB,mBAAoB,CAEpB,0BACF,CAEA,uEACE,kBACF,CAEA,mCAIE,oDAA6B,CAE7B,cAAe,CADf,8CAAuC,CAJvC,oCAA+B,CAC/B,qCAAgC,CAChC,iBAIF,CAEA,oDACE,4CACF,CAEA,uDACE,gDAA2B,CAC3B,kBACF,CAEA,uCACE,gBACF,CAEA,yDAEE,QAAS,CADT,iBAEF,CAEA,sCAEE,kBAAmB,CADnB,YAAa,CAGb,WAAY,CACZ,eAAgB,CAFhB,UAGF,CAEA,gCAGE,cAAe,CAFf,WAAY,CACZ,aAAc,CAGd,aAAc,CAEd,wBAAyB,CADzB,6BAEF,CAEA,8CACE,oIAA2G,CAC3G,uBACF,CAEA,kEACE,2BACF,CAEA,kEACE;;GAIF,CAEA,+CACE,8GAA2F,CAC3F,0BACF,CAEA,mEACE,uBACF,CAEA,mEACE,sIACF","file":"ToggleSwitch-65936b4b.css","sourcesContent":[".ToggleSwitch {\n  display: inline-flex;\n  align-items: center;\n  flex-direction: row-reverse;\n}\n\n.ToggleSwitch[data-status-label-position='start'] {\n  flex-direction: row;\n}\n\n.StatusText {\n  margin-left: var(--base-size-8);\n  margin-right: var(--base-size-8);\n  position: relative;\n  color: var(--fgColor-default);\n  font-size: var(--text-body-size-medium);\n  cursor: pointer;\n}\n\n.StatusText[data-size='small'] {\n  font-size: var(--text-body-size-small);\n}\n\n.StatusText[data-disabled='true'] {\n  color: var(--fgColor-muted);\n  cursor: not-allowed;\n}\n\n.StatusTextItem {\n  text-align: right;\n}\n\n.StatusTextItem[data-hidden='true'] {\n  visibility: hidden;\n  height: 0;\n}\n\n.IconContainer {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.IconBox {\n  flex-grow: 1;\n  flex-shrink: 0;\n  flex-basis: 50%;\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 0;\n  transition-property: transform;\n  transition-duration: 80ms;\n}\n\n.IconBox[data-type='on'] {\n  color: var(--control-checked-fgColor-rest, var(--color-switch-track-checked-fg, var(--fgColor-onEmphasis)));\n  transform: translateX(0);\n}\n\n.IconBox[data-type='on'][data-checked='false'] {\n  transform: translateX(-100%);\n}\n\n.IconBox[data-type='on'][data-disabled='true'] {\n  color: var(\n    --control-checked-fgColor-disabled,\n    var(--color-switch-track-checked-disabled-fg, var(--fgColor-onEmphasis))\n  );\n}\n\n.IconBox[data-type='off'] {\n  color: var(--controlTrack-fgColor-rest, var(--color-switch-track-fg, var(--fgColor-muted)));\n  transform: translateX(100%);\n}\n\n.IconBox[data-type='off'][data-checked='false'] {\n  transform: translateX(0);\n}\n\n.IconBox[data-type='off'][data-disabled='true'] {\n  color: var(--controlTrack-fgColor-disabled, var(--color-switch-track-disabled-fg, var(--fgColor-onEmphasis)));\n}\n"]}

package/lib/ToggleSwitch/ToggleSwitch.d.ts

@@ -1,8 +1,7 @@
 import type { MouseEventHandler } from 'react';
 import React from 'react';
-import type { SxProp } from '../sx';
 import type { CellAlignment } from '../DataTable/column';
-export interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, SxProp {
+export interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /** The id of the DOM node that labels the switch */
     ['aria-labelledby']: string;
     /** Uncontrolled - whether the switch is turned on */

package/lib/ToggleSwitch/ToggleSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,KAA+B,MAAM,OAAO,CAAA;AAQnD,OAAO,KAAK,EAA0B,MAAM,EAAC,MAAM,OAAO,CAAA;AAI1D,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAA;AAOtD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAAE,MAAM;IACvG,oDAAoD;IACpD,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC3B,qDAAqD;IACrD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAA;IACnC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iEAAiE;IACjE,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CAC3C;AAyLD,QAAA,MAAM,YAAY;;2CAuIjB,CAAA;AAMD,eAAe,YAAY,CAAA"}
+{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,KAA+B,MAAM,OAAO,CAAA;AASnD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAA;AAQtD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/F,oDAAoD;IACpD,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC3B,qDAAqD;IACrD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAA;IACnC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iEAAiE;IACjE,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CAC3C;AAmLD,QAAA,MAAM,YAAY;;2CA0GjB,CAAA;AAMD,eAAe,YAAY,CAAA"}