@primer/react 38.0.0-rc.195178541 → 38.0.0-rc.2

package/lib-esm/SkeletonText/SkeletonText.module.css.js

@@ -0,0 +1,5 @@
+import './SkeletonText-5cf908c1.css';
+
+var classes = {"SkeletonText":"prc-SkeletonText-SkeletonText-tW5nH","SkeletonTextWrapper":"prc-SkeletonText-SkeletonTextWrapper-3Z0sU"};
+
+export { classes as default };

package/lib-esm/SkeletonText/index.d.ts

@@ -0,0 +1,3 @@
+export { SkeletonText } from './SkeletonText';
+export type { SkeletonTextProps } from './SkeletonText';
+//# sourceMappingURL=index.d.ts.map

package/lib-esm/Spinner/Spinner.d.ts

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

package/lib-esm/Spinner/Spinner.js

@@ -1,8 +1,7 @@
 import { c } from 'react-compiler-runtime';
-import styled from 'styled-components';
-import sx from '../sx.js';
 import classes from './Spinner.module.css.js';
 import { clsx } from 'clsx';
+import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useId } from '../hooks/useId.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
@@ -129,75 +128,42 @@ function Spinner(t0) {
   }
   return t9;
 }
-const StyledBaseSpinner = styled.div.withConfig({
-  displayName: "Spinner__StyledBaseSpinner",
-  componentId: "sc-1knt686-0"
-})(["", ""], sx);
 function StyledSpinner(t0) {
-  const $ = c(15);
+  const $ = c(8);
   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(className, classes.SpinnerAnimation);
-      $[4] = className;
-      $[5] = t1;
-    } else {
-      t1 = $[5];
-    }
-    let t2;
-    if ($[6] !== props || $[7] !== sx || $[8] !== t1) {
-      t2 = /*#__PURE__*/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 ($[10] !== className) {
+  if ($[3] !== className) {
     t1 = clsx(className, classes.SpinnerAnimation);
-    $[10] = className;
-    $[11] = t1;
+    $[3] = className;
+    $[4] = t1;
   } else {
-    t1 = $[11];
+    t1 = $[4];
   }
   let t2;
-  if ($[12] !== props || $[13] !== t1) {
-    t2 = /*#__PURE__*/jsx(Spinner, {
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
+      as: Spinner,
       className: t1,
       ...props
     });
-    $[12] = props;
-    $[13] = t1;
-    $[14] = t2;
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
   } else {
-    t2 = $[14];
+    t2 = $[7];
   }
   return t2;
 }

package/lib-esm/SplitPageLayout/SplitPageLayout.d.ts

@@ -1,7 +1,6 @@
 import type React from 'react';
-import type { SxProp } from '..';
 import type { PageLayoutContentProps, PageLayoutFooterProps, PageLayoutHeaderProps, PageLayoutPaneProps } from '../PageLayout';
-export type SplitPageLayoutProps = SxProp & {
+export type SplitPageLayoutProps = {
     className?: string;
 };
 export declare const Root: React.FC<React.PropsWithChildren<SplitPageLayoutProps>>;

package/{lib/Stack/Stack-83ac2229.css → lib-esm/Stack/Stack-9e7b935d.css}

@@ -1,2 +1,2 @@
-.prc-Stack-Stack-WJVsK{align-content:flex-start;align-items:stretch;display:flex;flex-flow:column;gap:var(--stack-gap,var(--stack-gap-normal,1rem))}.prc-Stack-Stack-WJVsK[data-padding-narrow=none],.prc-Stack-Stack-WJVsK[data-padding=none]{padding:0}.prc-Stack-Stack-WJVsK[data-padding-narrow=condensed],.prc-Stack-Stack-WJVsK[data-padding=condensed]{padding:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-WJVsK[data-padding-narrow=normal],.prc-Stack-Stack-WJVsK[data-padding=normal]{padding:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-WJVsK[data-padding-narrow=spacious],.prc-Stack-Stack-WJVsK[data-padding=spacious]{padding:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-direction-narrow=horizontal],.prc-Stack-Stack-WJVsK[data-direction=horizontal]{flex-flow:row}.prc-Stack-Stack-WJVsK[data-direction-narrow=vertical],.prc-Stack-Stack-WJVsK[data-direction=vertical]{flex-flow:column}.prc-Stack-Stack-WJVsK[data-gap-narrow=none],.prc-Stack-Stack-WJVsK[data-gap=none]{--stack-gap:0}.prc-Stack-Stack-WJVsK[data-gap-narrow=condensed],.prc-Stack-Stack-WJVsK[data-gap=condensed]{--stack-gap:var(--stack-gap-condensed,0.5rem)}.prc-Stack-Stack-WJVsK[data-gap-narrow=normal],.prc-Stack-Stack-WJVsK[data-gap=normal]{--stack-gap:var(--stack-gap-normal,1rem)}.prc-Stack-Stack-WJVsK[data-gap-narrow=spacious],.prc-Stack-Stack-WJVsK[data-gap=spacious]{--stack-gap:var(--stack-gap-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-align-narrow=start],.prc-Stack-Stack-WJVsK[data-align=start]{align-items:flex-start}.prc-Stack-Stack-WJVsK[data-align-narrow=center],.prc-Stack-Stack-WJVsK[data-align=center]{align-items:center}.prc-Stack-Stack-WJVsK[data-align-narrow=end],.prc-Stack-Stack-WJVsK[data-align=end]{align-items:flex-end}.prc-Stack-Stack-WJVsK[data-align-narrow=baseline],.prc-Stack-Stack-WJVsK[data-align=baseline]{align-items:baseline}.prc-Stack-Stack-WJVsK[data-justify-narrow=start],.prc-Stack-Stack-WJVsK[data-justify=start]{justify-content:flex-start}.prc-Stack-Stack-WJVsK[data-justify-narrow=center],.prc-Stack-Stack-WJVsK[data-justify=center]{justify-content:center}.prc-Stack-Stack-WJVsK[data-justify-narrow=end],.prc-Stack-Stack-WJVsK[data-justify=end]{justify-content:flex-end}.prc-Stack-Stack-WJVsK[data-justify-narrow=space-between],.prc-Stack-Stack-WJVsK[data-justify=space-between]{justify-content:space-between}.prc-Stack-Stack-WJVsK[data-justify-narrow=space-evenly],.prc-Stack-Stack-WJVsK[data-justify=space-evenly]{justify-content:space-evenly}.prc-Stack-Stack-WJVsK[data-wrap-narrow=wrap],.prc-Stack-Stack-WJVsK[data-wrap=wrap]{flex-wrap:wrap}.prc-Stack-Stack-WJVsK[data-wrap-narrow=nowrap],.prc-Stack-Stack-WJVsK[data-wrap=nowrap]{flex-wrap:nowrap}@media (min-width:48rem){.prc-Stack-Stack-WJVsK[data-padding-regular=none]{padding:0}.prc-Stack-Stack-WJVsK[data-padding-regular=condensed]{padding:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-WJVsK[data-padding-regular=normal]{padding:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-WJVsK[data-padding-regular=spacious]{padding:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-direction-regular=horizontal]{flex-flow:row}.prc-Stack-Stack-WJVsK[data-direction-regular=vertical]{flex-flow:column}.prc-Stack-Stack-WJVsK[data-gap-regular=none]{--stack-gap:0}.prc-Stack-Stack-WJVsK[data-gap-regular=condensed]{--stack-gap:var(--stack-gap-condensed,0.5rem)}.prc-Stack-Stack-WJVsK[data-gap-regular=normal]{--stack-gap:var(--stack-gap-normal,1rem)}.prc-Stack-Stack-WJVsK[data-gap-regular=spacious]{--stack-gap:var(--stack-gap-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-align-regular=start]{align-items:flex-start}.prc-Stack-Stack-WJVsK[data-align-regular=center]{align-items:center}.prc-Stack-Stack-WJVsK[data-align-regular=end]{align-items:flex-end}.prc-Stack-Stack-WJVsK[data-align-regular=baseline]{align-items:baseline}.prc-Stack-Stack-WJVsK[data-justify-regular=start]{justify-content:flex-start}.prc-Stack-Stack-WJVsK[data-justify-regular=center]{justify-content:center}.prc-Stack-Stack-WJVsK[data-justify-regular=end]{justify-content:flex-end}.prc-Stack-Stack-WJVsK[data-justify-regular=space-between]{justify-content:space-between}.prc-Stack-Stack-WJVsK[data-justify-regular=space-evenly]{justify-content:space-evenly}.prc-Stack-Stack-WJVsK[data-wrap-regular=wrap]{flex-wrap:wrap}.prc-Stack-Stack-WJVsK[data-wrap-regular=nowrap]{flex-wrap:nowrap}}@media (min-width:87.5rem){.prc-Stack-Stack-WJVsK[data-padding-wide=none]{padding:0}.prc-Stack-Stack-WJVsK[data-padding-wide=condensed]{padding:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-WJVsK[data-padding-wide=normal]{padding:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-WJVsK[data-padding-wide=spacious]{padding:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-direction-wide=horizontal]{flex-flow:row}.prc-Stack-Stack-WJVsK[data-direction-wide=vertical]{flex-flow:column}.prc-Stack-Stack-WJVsK[data-gap-wide=none]{--stack-gap:0}.prc-Stack-Stack-WJVsK[data-gap-wide=condensed]{--stack-gap:var(--stack-gap-condensed,0.5rem)}.prc-Stack-Stack-WJVsK[data-gap-wide=normal]{--stack-gap:var(--stack-gap-normal,1rem)}.prc-Stack-Stack-WJVsK[data-gap-wide=spacious]{--stack-gap:var(--stack-gap-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-align-wide=start]{align-items:flex-start}.prc-Stack-Stack-WJVsK[data-align-wide=center]{align-items:center}.prc-Stack-Stack-WJVsK[data-align-wide=end]{align-items:flex-end}.prc-Stack-Stack-WJVsK[data-align-wide=baseline]{align-items:baseline}.prc-Stack-Stack-WJVsK[data-justify-wide=start]{justify-content:flex-start}.prc-Stack-Stack-WJVsK[data-justify-wide=center]{justify-content:center}.prc-Stack-Stack-WJVsK[data-justify-wide=end]{justify-content:flex-end}.prc-Stack-Stack-WJVsK[data-justify-wide=space-between]{justify-content:space-between}.prc-Stack-Stack-WJVsK[data-justify-wide=space-evenly]{justify-content:space-evenly}.prc-Stack-Stack-WJVsK[data-wrap-wide=wrap]{flex-wrap:wrap}.prc-Stack-Stack-WJVsK[data-wrap-wide=nowrap]{flex-wrap:nowrap}}.prc-Stack-StackItem-CweWT{flex:0 1 auto;min-inline-size:0}.prc-Stack-StackItem-CweWT[data-grow-narrow=true],.prc-Stack-StackItem-CweWT[data-grow=true]{flex-grow:1}@media (min-width:48rem){.prc-Stack-StackItem-CweWT[data-grow-regular=true]{flex-grow:1}.prc-Stack-StackItem-CweWT[data-grow-regular=false]{flex-grow:0}}@media (min-width:87.5rem){.prc-Stack-StackItem-CweWT[data-grow-wide=true]{flex-grow:1}.prc-Stack-StackItem-CweWT[data-grow-wide=false]{flex-grow:0}}
-/*# sourceMappingURL=Stack-83ac2229.css.map */
+.prc-Stack-Stack-WJVsK{align-content:flex-start;align-items:stretch;display:flex;flex-flow:column;gap:var(--stack-gap,var(--stack-gap-normal,1rem))}.prc-Stack-Stack-WJVsK[data-padding-narrow=none],.prc-Stack-Stack-WJVsK[data-padding=none]{padding:0}.prc-Stack-Stack-WJVsK[data-padding-narrow=condensed],.prc-Stack-Stack-WJVsK[data-padding=condensed]{padding:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-WJVsK[data-padding-narrow=normal],.prc-Stack-Stack-WJVsK[data-padding=normal]{padding:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-WJVsK[data-padding-narrow=spacious],.prc-Stack-Stack-WJVsK[data-padding=spacious]{padding:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-direction-narrow=horizontal],.prc-Stack-Stack-WJVsK[data-direction=horizontal]{flex-flow:row}.prc-Stack-Stack-WJVsK[data-direction-narrow=vertical],.prc-Stack-Stack-WJVsK[data-direction=vertical]{flex-flow:column}.prc-Stack-Stack-WJVsK[data-gap-narrow=none],.prc-Stack-Stack-WJVsK[data-gap=none]{--stack-gap:0}.prc-Stack-Stack-WJVsK[data-gap-narrow=condensed],.prc-Stack-Stack-WJVsK[data-gap=condensed]{--stack-gap:var(--stack-gap-condensed,0.5rem)}.prc-Stack-Stack-WJVsK[data-gap-narrow=normal],.prc-Stack-Stack-WJVsK[data-gap=normal]{--stack-gap:var(--stack-gap-normal,1rem)}.prc-Stack-Stack-WJVsK[data-gap-narrow=spacious],.prc-Stack-Stack-WJVsK[data-gap=spacious]{--stack-gap:var(--stack-gap-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-align-narrow=start],.prc-Stack-Stack-WJVsK[data-align=start]{align-items:flex-start}.prc-Stack-Stack-WJVsK[data-align-narrow=center],.prc-Stack-Stack-WJVsK[data-align=center]{align-items:center}.prc-Stack-Stack-WJVsK[data-align-narrow=end],.prc-Stack-Stack-WJVsK[data-align=end]{align-items:flex-end}.prc-Stack-Stack-WJVsK[data-align-narrow=baseline],.prc-Stack-Stack-WJVsK[data-align=baseline]{align-items:baseline}.prc-Stack-Stack-WJVsK[data-justify-narrow=start],.prc-Stack-Stack-WJVsK[data-justify=start]{justify-content:flex-start}.prc-Stack-Stack-WJVsK[data-justify-narrow=center],.prc-Stack-Stack-WJVsK[data-justify=center]{justify-content:center}.prc-Stack-Stack-WJVsK[data-justify-narrow=end],.prc-Stack-Stack-WJVsK[data-justify=end]{justify-content:flex-end}.prc-Stack-Stack-WJVsK[data-justify-narrow=space-between],.prc-Stack-Stack-WJVsK[data-justify=space-between]{justify-content:space-between}.prc-Stack-Stack-WJVsK[data-justify-narrow=space-evenly],.prc-Stack-Stack-WJVsK[data-justify=space-evenly]{justify-content:space-evenly}.prc-Stack-Stack-WJVsK[data-wrap-narrow=wrap],.prc-Stack-Stack-WJVsK[data-wrap=wrap]{flex-wrap:wrap}.prc-Stack-Stack-WJVsK[data-wrap-narrow=nowrap],.prc-Stack-Stack-WJVsK[data-wrap=nowrap]{flex-wrap:nowrap}@media (min-width:48rem){.prc-Stack-Stack-WJVsK[data-padding-regular=none]{padding:0}.prc-Stack-Stack-WJVsK[data-padding-regular=condensed]{padding:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-WJVsK[data-padding-regular=normal]{padding:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-WJVsK[data-padding-regular=spacious]{padding:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-direction-regular=horizontal]{flex-flow:row}.prc-Stack-Stack-WJVsK[data-direction-regular=vertical]{flex-flow:column}.prc-Stack-Stack-WJVsK[data-gap-regular=none]{--stack-gap:0}.prc-Stack-Stack-WJVsK[data-gap-regular=condensed]{--stack-gap:var(--stack-gap-condensed,0.5rem)}.prc-Stack-Stack-WJVsK[data-gap-regular=normal]{--stack-gap:var(--stack-gap-normal,1rem)}.prc-Stack-Stack-WJVsK[data-gap-regular=spacious]{--stack-gap:var(--stack-gap-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-align-regular=start]{align-items:flex-start}.prc-Stack-Stack-WJVsK[data-align-regular=center]{align-items:center}.prc-Stack-Stack-WJVsK[data-align-regular=end]{align-items:flex-end}.prc-Stack-Stack-WJVsK[data-align-regular=baseline]{align-items:baseline}.prc-Stack-Stack-WJVsK[data-justify-regular=start]{justify-content:flex-start}.prc-Stack-Stack-WJVsK[data-justify-regular=center]{justify-content:center}.prc-Stack-Stack-WJVsK[data-justify-regular=end]{justify-content:flex-end}.prc-Stack-Stack-WJVsK[data-justify-regular=space-between]{justify-content:space-between}.prc-Stack-Stack-WJVsK[data-justify-regular=space-evenly]{justify-content:space-evenly}.prc-Stack-Stack-WJVsK[data-wrap-regular=wrap]{flex-wrap:wrap}.prc-Stack-Stack-WJVsK[data-wrap-regular=nowrap]{flex-wrap:nowrap}}@media (min-width:87.5rem){.prc-Stack-Stack-WJVsK[data-padding-wide=none]{padding:0}.prc-Stack-Stack-WJVsK[data-padding-wide=condensed]{padding:var(--stack-padding-condensed,.5rem)}.prc-Stack-Stack-WJVsK[data-padding-wide=normal]{padding:var(--stack-padding-normal,1rem)}.prc-Stack-Stack-WJVsK[data-padding-wide=spacious]{padding:var(--stack-padding-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-direction-wide=horizontal]{flex-flow:row}.prc-Stack-Stack-WJVsK[data-direction-wide=vertical]{flex-flow:column}.prc-Stack-Stack-WJVsK[data-gap-wide=none]{--stack-gap:0}.prc-Stack-Stack-WJVsK[data-gap-wide=condensed]{--stack-gap:var(--stack-gap-condensed,0.5rem)}.prc-Stack-Stack-WJVsK[data-gap-wide=normal]{--stack-gap:var(--stack-gap-normal,1rem)}.prc-Stack-Stack-WJVsK[data-gap-wide=spacious]{--stack-gap:var(--stack-gap-spacious,1.5rem)}.prc-Stack-Stack-WJVsK[data-align-wide=start]{align-items:flex-start}.prc-Stack-Stack-WJVsK[data-align-wide=center]{align-items:center}.prc-Stack-Stack-WJVsK[data-align-wide=end]{align-items:flex-end}.prc-Stack-Stack-WJVsK[data-align-wide=baseline]{align-items:baseline}.prc-Stack-Stack-WJVsK[data-justify-wide=start]{justify-content:flex-start}.prc-Stack-Stack-WJVsK[data-justify-wide=center]{justify-content:center}.prc-Stack-Stack-WJVsK[data-justify-wide=end]{justify-content:flex-end}.prc-Stack-Stack-WJVsK[data-justify-wide=space-between]{justify-content:space-between}.prc-Stack-Stack-WJVsK[data-justify-wide=space-evenly]{justify-content:space-evenly}.prc-Stack-Stack-WJVsK[data-wrap-wide=wrap]{flex-wrap:wrap}.prc-Stack-Stack-WJVsK[data-wrap-wide=nowrap]{flex-wrap:nowrap}}.prc-Stack-StackItem-CweWT{flex:0 1 auto;min-inline-size:0}.prc-Stack-StackItem-CweWT[data-shrink-narrow=false],.prc-Stack-StackItem-CweWT[data-shrink=false]{flex-shrink:0}.prc-Stack-StackItem-CweWT[data-grow-narrow=true],.prc-Stack-StackItem-CweWT[data-grow=true]{flex-grow:1}@media (min-width:48rem){.prc-Stack-StackItem-CweWT[data-grow-regular=true]{flex-grow:1}.prc-Stack-StackItem-CweWT[data-grow-regular=false]{flex-grow:0}.prc-Stack-StackItem-CweWT[data-shrink-regular=true]{flex-shrink:1}.prc-Stack-StackItem-CweWT[data-shrink-regular=false]{flex-shrink:0}}@media (min-width:87.5rem){.prc-Stack-StackItem-CweWT[data-grow-wide=true]{flex-grow:1}.prc-Stack-StackItem-CweWT[data-grow-wide=false]{flex-grow:0}.prc-Stack-StackItem-CweWT[data-shrink-wide=true]{flex-shrink:1}.prc-Stack-StackItem-CweWT[data-shrink-wide=false]{flex-shrink:0}}
+/*# sourceMappingURL=Stack-9e7b935d.css.map */

package/lib-esm/Stack/Stack-9e7b935d.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Stack/Stack.module.css"],"names":[],"mappings":"AAAA,uBAIE,wBAAyB,CADzB,mBAAoB,CAFpB,YAAa,CACb,gBAAiB,CAGjB,iDA+RF,CA7RE,2FAEE,SACF,CAEA,qGAGE,4CACF,CAEA,+FAGE,wCACF,CAEA,mGAGE,4CACF,CAEA,2GAEE,aACF,CAEA,uGAEE,gBACF,CAEA,mFAEE,aACF,CAEA,6FAEE,6CACF,CAEA,uFAEE,wCACF,CAEA,2FAEE,4CACF,CAEA,yFAEE,sBACF,CAEA,2FAEE,kBACF,CAEA,qFAEE,oBACF,CAEA,+FAEE,oBACF,CAEA,6FAEE,0BACF,CAEA,+FAEE,sBACF,CAEA,yFAEE,wBACF,CAEA,6GAEE,6BACF,CAEA,2GAEE,4BACF,CAEA,qFAEE,cACF,CAEA,yFAEE,gBACF,CAEA,yBACE,kDACE,SACF,CAEA,uDAEE,4CACF,CAEA,oDAEE,wCACF,CAEA,sDAEE,4CACF,CAEA,0DACE,aACF,CAEA,wDACE,gBACF,CAEA,8CACE,aACF,CAEA,mDACE,6CACF,CAEA,gDACE,wCACF,CAEA,kDACE,4CACF,CAEA,iDACE,sBACF,CAEA,kDACE,kBACF,CAEA,+CACE,oBACF,CAEA,oDACE,oBACF,CAEA,mDACE,0BACF,CAEA,oDACE,sBACF,CAEA,iDACE,wBACF,CAEA,2DACE,6BACF,CAEA,0DACE,4BACF,CAEA,+CACE,cACF,CAEA,iDACE,gBACF,CACF,CAEA,2BACE,+CACE,SACF,CAEA,oDAEE,4CACF,CAEA,iDAEE,wCACF,CAEA,mDAEE,4CACF,CAEA,uDACE,aACF,CAEA,qDACE,gBACF,CAEA,2CACE,aACF,CAEA,gDACE,6CACF,CAEA,6CACE,wCACF,CAEA,+CACE,4CACF,CAEA,8CACE,sBACF,CAEA,+CACE,kBACF,CAEA,4CACE,oBACF,CAEA,iDACE,oBACF,CAEA,gDACE,0BACF,CAEA,iDACE,sBACF,CAEA,8CACE,wBACF,CAEA,wDACE,6BACF,CAEA,uDACE,4BACF,CAEA,4CACE,cACF,CAEA,8CACE,gBACF,CACF,CAGF,2BACE,aAAc,CACd,iBA+CF,CA7CE,mGAEE,aACF,CAEA,6FAEE,WACF,CAEA,yBACE,mDACE,WACF,CAEA,oDACE,WACF,CAEA,qDACE,aACF,CAEA,sDACE,aACF,CACF,CAEA,2BACE,gDACE,WACF,CAEA,iDACE,WACF,CAEA,kDACE,aACF,CAEA,mDACE,aACF,CACF","file":"Stack-9e7b935d.css","sourcesContent":[".Stack {\n  display: flex;\n  flex-flow: column;\n  align-items: stretch;\n  align-content: flex-start;\n  gap: var(--stack-gap, var(--stack-gap-normal));\n\n  &[data-padding='none'],\n  &[data-padding-narrow='none'] {\n    padding: 0;\n  }\n\n  &[data-padding='condensed'],\n  &[data-padding-narrow='condensed'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding: var(--stack-padding-condensed);\n  }\n\n  &[data-padding='normal'],\n  &[data-padding-narrow='normal'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding: var(--stack-padding-normal);\n  }\n\n  &[data-padding='spacious'],\n  &[data-padding-narrow='spacious'] {\n    /* stylelint-disable-next-line primer/spacing */\n    padding: var(--stack-padding-spacious);\n  }\n\n  &[data-direction='horizontal'],\n  &[data-direction-narrow='horizontal'] {\n    flex-flow: row;\n  }\n\n  &[data-direction='vertical'],\n  &[data-direction-narrow='vertical'] {\n    flex-flow: column;\n  }\n\n  &[data-gap='none'],\n  &[data-gap-narrow='none'] {\n    --stack-gap: 0;\n  }\n\n  &[data-gap='condensed'],\n  &[data-gap-narrow='condensed'] {\n    --stack-gap: var(--stack-gap-condensed);\n  }\n\n  &[data-gap='normal'],\n  &[data-gap-narrow='normal'] {\n    --stack-gap: var(--stack-gap-normal);\n  }\n\n  &[data-gap='spacious'],\n  &[data-gap-narrow='spacious'] {\n    --stack-gap: var(--stack-gap-spacious);\n  }\n\n  &[data-align='start'],\n  &[data-align-narrow='start'] {\n    align-items: flex-start;\n  }\n\n  &[data-align='center'],\n  &[data-align-narrow='center'] {\n    align-items: center;\n  }\n\n  &[data-align='end'],\n  &[data-align-narrow='end'] {\n    align-items: flex-end;\n  }\n\n  &[data-align='baseline'],\n  &[data-align-narrow='baseline'] {\n    align-items: baseline;\n  }\n\n  &[data-justify='start'],\n  &[data-justify-narrow='start'] {\n    justify-content: flex-start;\n  }\n\n  &[data-justify='center'],\n  &[data-justify-narrow='center'] {\n    justify-content: center;\n  }\n\n  &[data-justify='end'],\n  &[data-justify-narrow='end'] {\n    justify-content: flex-end;\n  }\n\n  &[data-justify='space-between'],\n  &[data-justify-narrow='space-between'] {\n    justify-content: space-between;\n  }\n\n  &[data-justify='space-evenly'],\n  &[data-justify-narrow='space-evenly'] {\n    justify-content: space-evenly;\n  }\n\n  &[data-wrap='wrap'],\n  &[data-wrap-narrow='wrap'] {\n    flex-wrap: wrap;\n  }\n\n  &[data-wrap='nowrap'],\n  &[data-wrap-narrow='nowrap'] {\n    flex-wrap: nowrap;\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-padding-regular='none'] {\n      padding: 0;\n    }\n\n    &[data-padding-regular='condensed'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-condensed);\n    }\n\n    &[data-padding-regular='normal'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-normal);\n    }\n\n    &[data-padding-regular='spacious'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-spacious);\n    }\n\n    &[data-direction-regular='horizontal'] {\n      flex-flow: row;\n    }\n\n    &[data-direction-regular='vertical'] {\n      flex-flow: column;\n    }\n\n    &[data-gap-regular='none'] {\n      --stack-gap: 0;\n    }\n\n    &[data-gap-regular='condensed'] {\n      --stack-gap: var(--stack-gap-condensed);\n    }\n\n    &[data-gap-regular='normal'] {\n      --stack-gap: var(--stack-gap-normal);\n    }\n\n    &[data-gap-regular='spacious'] {\n      --stack-gap: var(--stack-gap-spacious);\n    }\n\n    &[data-align-regular='start'] {\n      align-items: flex-start;\n    }\n\n    &[data-align-regular='center'] {\n      align-items: center;\n    }\n\n    &[data-align-regular='end'] {\n      align-items: flex-end;\n    }\n\n    &[data-align-regular='baseline'] {\n      align-items: baseline;\n    }\n\n    &[data-justify-regular='start'] {\n      justify-content: flex-start;\n    }\n\n    &[data-justify-regular='center'] {\n      justify-content: center;\n    }\n\n    &[data-justify-regular='end'] {\n      justify-content: flex-end;\n    }\n\n    &[data-justify-regular='space-between'] {\n      justify-content: space-between;\n    }\n\n    &[data-justify-regular='space-evenly'] {\n      justify-content: space-evenly;\n    }\n\n    &[data-wrap-regular='wrap'] {\n      flex-wrap: wrap;\n    }\n\n    &[data-wrap-regular='nowrap'] {\n      flex-wrap: nowrap;\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-padding-wide='none'] {\n      padding: 0;\n    }\n\n    &[data-padding-wide='condensed'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-condensed);\n    }\n\n    &[data-padding-wide='normal'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-normal);\n    }\n\n    &[data-padding-wide='spacious'] {\n      /* stylelint-disable-next-line primer/spacing */\n      padding: var(--stack-padding-spacious);\n    }\n\n    &[data-direction-wide='horizontal'] {\n      flex-flow: row;\n    }\n\n    &[data-direction-wide='vertical'] {\n      flex-flow: column;\n    }\n\n    &[data-gap-wide='none'] {\n      --stack-gap: 0;\n    }\n\n    &[data-gap-wide='condensed'] {\n      --stack-gap: var(--stack-gap-condensed);\n    }\n\n    &[data-gap-wide='normal'] {\n      --stack-gap: var(--stack-gap-normal);\n    }\n\n    &[data-gap-wide='spacious'] {\n      --stack-gap: var(--stack-gap-spacious);\n    }\n\n    &[data-align-wide='start'] {\n      align-items: flex-start;\n    }\n\n    &[data-align-wide='center'] {\n      align-items: center;\n    }\n\n    &[data-align-wide='end'] {\n      align-items: flex-end;\n    }\n\n    &[data-align-wide='baseline'] {\n      align-items: baseline;\n    }\n\n    &[data-justify-wide='start'] {\n      justify-content: flex-start;\n    }\n\n    &[data-justify-wide='center'] {\n      justify-content: center;\n    }\n\n    &[data-justify-wide='end'] {\n      justify-content: flex-end;\n    }\n\n    &[data-justify-wide='space-between'] {\n      justify-content: space-between;\n    }\n\n    &[data-justify-wide='space-evenly'] {\n      justify-content: space-evenly;\n    }\n\n    &[data-wrap-wide='wrap'] {\n      flex-wrap: wrap;\n    }\n\n    &[data-wrap-wide='nowrap'] {\n      flex-wrap: nowrap;\n    }\n  }\n}\n\n.StackItem {\n  flex: 0 1 auto;\n  min-inline-size: 0;\n\n  &[data-shrink='false'],\n  &[data-shrink-narrow='false'] {\n    flex-shrink: 0;\n  }\n\n  &[data-grow='true'],\n  &[data-grow-narrow='true'] {\n    flex-grow: 1;\n  }\n\n  @media (--viewportRange-regular) {\n    &[data-grow-regular='true'] {\n      flex-grow: 1;\n    }\n\n    &[data-grow-regular='false'] {\n      flex-grow: 0;\n    }\n\n    &[data-shrink-regular='true'] {\n      flex-shrink: 1;\n    }\n\n    &[data-shrink-regular='false'] {\n      flex-shrink: 0;\n    }\n  }\n\n  @media (--viewportRange-wide) {\n    &[data-grow-wide='true'] {\n      flex-grow: 1;\n    }\n\n    &[data-grow-wide='false'] {\n      flex-grow: 0;\n    }\n\n    &[data-shrink-wide='true'] {\n      flex-shrink: 1;\n    }\n\n    &[data-shrink-wide='false'] {\n      flex-shrink: 0;\n    }\n  }\n}\n"]}

package/lib-esm/Stack/Stack.d.ts

@@ -61,6 +61,11 @@ type StackItemProps<As> = React.PropsWithChildren<{
      * @default false
      */
     grow?: boolean | ResponsiveValue<boolean>;
+    /**
+     * Allow item to keep size or expand to fill the available space
+     * @default true
+     */
+    shrink?: boolean | ResponsiveValue<boolean>;
     className?: string;
 }>;
 declare const StackItem: PolymorphicForwardRefComponent<ElementType, StackProps<ElementType>>;

package/lib-esm/Stack/Stack.js

@@ -3,12 +3,10 @@ import { forwardRef } from 'react';
 import { getResponsiveAttributes } from '../internal/utils/getResponsiveAttributes.js';
 import classes from './Stack.module.css.js';
 import { clsx } from 'clsx';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx } from 'react/jsx-runtime';
 
 const Stack = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
   const $ = c(37);
-  let as;
   let children;
   let className;
   let gap;
@@ -18,200 +16,215 @@ const Stack = /*#__PURE__*/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(className, classes.Stack);
+    t7 = clsx(className, classes.Stack);
     $[11] = className;
-    $[12] = t6;
+    $[12] = t7;
   } else {
-    t6 = $[12];
+    t7 = $[12];
   }
-  let t7;
+  let t8;
   if ($[13] !== gap) {
-    t7 = getResponsiveAttributes("gap", gap);
+    t8 = getResponsiveAttributes("gap", gap);
     $[13] = gap;
-    $[14] = t7;
+    $[14] = t8;
   } else {
-    t7 = $[14];
+    t8 = $[14];
   }
-  let t8;
+  let t9;
   if ($[15] !== direction) {
-    t8 = getResponsiveAttributes("direction", direction);
+    t9 = getResponsiveAttributes("direction", direction);
     $[15] = direction;
-    $[16] = t8;
+    $[16] = t9;
   } else {
-    t8 = $[16];
+    t9 = $[16];
   }
-  let t9;
+  let t10;
   if ($[17] !== align) {
-    t9 = getResponsiveAttributes("align", align);
+    t10 = getResponsiveAttributes("align", align);
     $[17] = align;
-    $[18] = t9;
+    $[18] = t10;
   } else {
-    t9 = $[18];
+    t10 = $[18];
   }
-  let t10;
+  let t11;
   if ($[19] !== wrap) {
-    t10 = getResponsiveAttributes("wrap", wrap);
+    t11 = getResponsiveAttributes("wrap", wrap);
     $[19] = wrap;
-    $[20] = t10;
+    $[20] = t11;
   } else {
-    t10 = $[20];
+    t11 = $[20];
   }
-  let t11;
+  let t12;
   if ($[21] !== justify) {
-    t11 = getResponsiveAttributes("justify", justify);
+    t12 = getResponsiveAttributes("justify", justify);
     $[21] = justify;
-    $[22] = t11;
+    $[22] = t12;
   } else {
-    t11 = $[22];
+    t12 = $[22];
   }
-  let t12;
+  let t13;
   if ($[23] !== padding) {
-    t12 = getResponsiveAttributes("padding", padding);
+    t13 = 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__*/jsx(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__*/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__*/forwardRef((t0, forwardedRef) => {
-  const $ = c(17);
-  let as;
+  const $ = c(21);
   let children;
   let className;
   let grow;
   let rest;
+  let shrink;
+  let t1;
   if ($[0] !== t0) {
     ({
-      as,
+      as: t1,
       children,
       grow,
+      shrink,
       className,
       ...rest
     } = t0);
     $[0] = t0;
-    $[1] = as;
-    $[2] = children;
-    $[3] = className;
-    $[4] = grow;
-    $[5] = rest;
-  } else {
-    as = $[1];
-    children = $[2];
-    className = $[3];
-    grow = $[4];
-    rest = $[5];
-  }
-  let t1;
-  if ($[6] !== className) {
-    t1 = clsx(className, classes.StackItem);
-    $[6] = className;
-    $[7] = t1;
+    $[1] = children;
+    $[2] = className;
+    $[3] = grow;
+    $[4] = rest;
+    $[5] = shrink;
+    $[6] = t1;
   } else {
-    t1 = $[7];
+    children = $[1];
+    className = $[2];
+    grow = $[3];
+    rest = $[4];
+    shrink = $[5];
+    t1 = $[6];
   }
+  const Component = t1 === undefined ? "div" : t1;
   let t2;
-  if ($[8] !== grow) {
-    t2 = getResponsiveAttributes("grow", grow);
-    $[8] = grow;
-    $[9] = t2;
+  if ($[7] !== className) {
+    t2 = clsx(className, classes.StackItem);
+    $[7] = className;
+    $[8] = t2;
   } else {
-    t2 = $[9];
+    t2 = $[8];
   }
   let t3;
-  if ($[10] !== as || $[11] !== children || $[12] !== forwardedRef || $[13] !== rest || $[14] !== t1 || $[15] !== t2) {
-    t3 = /*#__PURE__*/jsx(BoxWithFallback, {
-      as: as,
+  if ($[9] !== grow) {
+    t3 = getResponsiveAttributes("grow", grow);
+    $[9] = grow;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] !== shrink) {
+    t4 = getResponsiveAttributes("shrink", shrink);
+    $[11] = shrink;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== Component || $[14] !== children || $[15] !== forwardedRef || $[16] !== rest || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {
+    t5 = /*#__PURE__*/jsx(Component, {
       ref: forwardedRef,
       ...rest,
-      className: t1,
-      ...t2,
+      className: t2,
+      ...t3,
+      ...t4,
       children: children
     });
-    $[10] = as;
-    $[11] = children;
-    $[12] = forwardedRef;
-    $[13] = rest;
-    $[14] = t1;
-    $[15] = t2;
-    $[16] = t3;
+    $[13] = Component;
+    $[14] = children;
+    $[15] = forwardedRef;
+    $[16] = rest;
+    $[17] = t2;
+    $[18] = t3;
+    $[19] = t4;
+    $[20] = t5;
   } else {
-    t3 = $[16];
+    t5 = $[20];
   }
-  return t3;
+  return t5;
 });
 
 export { Stack, StackItem };

package/lib-esm/Stack/Stack.module.css.js

@@ -1,4 +1,4 @@
-import './Stack-83ac2229.css';
+import './Stack-9e7b935d.css';
 
 var classes = {"Stack":"prc-Stack-Stack-WJVsK","StackItem":"prc-Stack-StackItem-CweWT"};
 

package/lib-esm/StateLabel/StateLabel-50420ff5.css

@@ -0,0 +1,2 @@
+.prc-StateLabel-StateLabel-ukDwa{align-items:center;border-radius:var(--borderRadius-full,624.9375rem);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));display:inline-flex;font-weight:var(--base-text-weight-semibold,600);line-height:16px;text-align:center}.prc-StateLabel-StateLabel-ukDwa:where([data-variant=small]){font-size:var(--text-body-size-small,.75rem);padding:var(--base-size-4,.25rem) var(--base-size-8,.5rem)}.prc-StateLabel-StateLabel-ukDwa:where([data-variant=normal]){font-size:var(--text-body-size-medium,.875rem);padding:var(--base-size-8,.5rem) var(--base-size-12,.75rem)}.prc-StateLabel-StateLabel-ukDwa:where([data-status=issueClosed]){background-color:var(--bgColor-done-emphasis,var(--color-done-emphasis));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-done-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=issueClosedNotPlanned]){background-color:var(--bgColor-neutral-emphasis,var(--color-fg-subtle));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-neutral-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=pullClosed]){background-color:var(--bgColor-closed-emphasis,var(--color-closed-emphasis));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-closed-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=pullMerged]){background-color:var(--bgColor-done-emphasis,var(--color-done-emphasis));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-done-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=pullQueued]){background-color:var(--bgColor-attention-emphasis,var(--color-attention-emphasis));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-attention-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=issueOpened]){background-color:var(--bgColor-open-emphasis,var(--color-open-emphasis));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-open-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=pullOpened]){background-color:var(--bgColor-open-emphasis,var(--color-open-emphasis));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-open-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=draft]){background-color:var(--bgColor-neutral-emphasis,var(--color-fg-subtle));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-neutral-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=issueDraft]){background-color:var(--bgColor-neutral-emphasis,var(--color-fg-subtle));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-neutral-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=unavailable]){background-color:var(--bgColor-neutral-emphasis,var(--color-fg-subtle));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-neutral-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=open]){background-color:var(--bgColor-open-emphasis,var(--color-open-emphasis));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-open-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-StateLabel-ukDwa:where([data-status=closed]){background-color:var(--bgColor-done-emphasis,var(--color-done-emphasis));box-shadow:var(--boxShadow-thin,inset 0 0 0 1px) var(--borderColor-done-emphasis,transparent);color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-StateLabel-Icon-NuDm4{margin-right:var(--base-size-4,.25rem)}
+/*# sourceMappingURL=StateLabel-50420ff5.css.map */

package/lib-esm/StateLabel/StateLabel-50420ff5.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/StateLabel/StateLabel.module.css"],"names":[],"mappings":"AAAA,iCAEE,kBAAmB,CAMnB,kDAAuC,CAFvC,2DAAgC,CALhC,mBAAoB,CAEpB,gDAA6C,CAE7C,gBAAiB,CAEjB,iBAEF,CAGA,6DAEE,4CAAsC,CADtC,0DAEF,CAEA,8DAEE,8CAAuC,CADvC,2DAEF,CAGA,kEACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,4EACE,uEAAiD,CAEjD,gGAAmG,CADnG,2DAEF,CAEA,iEACE,4EAAgD,CAEhD,+FAAkG,CADlG,2DAEF,CAEA,iEACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,iEACE,kFAAmD,CAEnD,kGAAqG,CADrG,2DAEF,CAEA,kEACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,iEACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,4DACE,uEAAiD,CAEjD,gGAAmG,CADnG,2DAEF,CAEA,iEACE,uEAAiD,CAEjD,gGAAmG,CADnG,2DAEF,CAEA,kEACE,uEAAiD,CAEjD,gGAAmG,CADnG,2DAEF,CAEA,2DACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,6DACE,wEAA8C,CAE9C,6FAAgG,CADhG,2DAEF,CAEA,2BACE,sCACF","file":"StateLabel-50420ff5.css","sourcesContent":[".StateLabel {\n  display: inline-flex;\n  align-items: center;\n  font-weight: var(--base-text-weight-semibold);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: 16px;\n  color: var(--fgColor-onEmphasis);\n  text-align: center;\n  border-radius: var(--borderRadius-full);\n}\n\n/* Size variants */\n.StateLabel:where([data-variant='small']) {\n  padding: var(--base-size-4) var(--base-size-8);\n  font-size: var(--text-body-size-small);\n}\n\n.StateLabel:where([data-variant='normal']) {\n  padding: var(--base-size-8) var(--base-size-12);\n  font-size: var(--text-body-size-medium);\n}\n\n/* Status color variants */\n.StateLabel:where([data-status='issueClosed']) {\n  background-color: var(--bgColor-done-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='issueClosedNotPlanned']) {\n  background-color: var(--bgColor-neutral-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='pullClosed']) {\n  background-color: var(--bgColor-closed-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-closed-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='pullMerged']) {\n  background-color: var(--bgColor-done-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='pullQueued']) {\n  background-color: var(--bgColor-attention-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-attention-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='issueOpened']) {\n  background-color: var(--bgColor-open-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='pullOpened']) {\n  background-color: var(--bgColor-open-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='draft']) {\n  background-color: var(--bgColor-neutral-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='issueDraft']) {\n  background-color: var(--bgColor-neutral-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='unavailable']) {\n  background-color: var(--bgColor-neutral-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='open']) {\n  background-color: var(--bgColor-open-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent);\n}\n\n.StateLabel:where([data-status='closed']) {\n  background-color: var(--bgColor-done-emphasis);\n  color: var(--fgColor-onEmphasis);\n  box-shadow: var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent);\n}\n\n.Icon {\n  margin-right: var(--base-size-4);\n}\n"]}

package/lib-esm/StateLabel/StateLabel.d.ts

@@ -1,5 +1,4 @@
-import type { SxProp } from '../sx';
-import type { ComponentProps } from '../utils/types';
+import type React from 'react';
 declare const octiconMap: {
     issueOpened: import("@primer/octicons-react").Icon;
     pullOpened: import("@primer/octicons-react").Icon;
@@ -14,12 +13,13 @@ declare const octiconMap: {
     open: null;
     closed: null;
 };
-type StyledStateLabelBaseProps = {
+export type StateLabelProps = React.HTMLAttributes<HTMLSpanElement> & {
     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;
+};
+declare const StateLabel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
+    variant?: "small" | "normal";
+    status: keyof typeof octiconMap;
+} & React.RefAttributes<HTMLSpanElement>>;
 export default StateLabel;
 //# sourceMappingURL=StateLabel.d.ts.map