@primer/react 38.0.0-rc.6 → 38.0.0-rc.8

package/dist/Button/ButtonBase.js

@@ -1,9 +1,5 @@
 import React, { forwardRef } from 'react';
-import styled from 'styled-components';
-import sx from '../sx.js';
-import { getAlignContentSize } from './styles.js';
 import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
-import { defaultSxProp } from '../utils/defaultSxProp.js';
 import { ConditionalWrapper } from '../internal/components/ConditionalWrapper.js';
 import { clsx } from 'clsx';
 import classes from './ButtonBase.module.css.js';
@@ -15,10 +11,6 @@ import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
 import { AriaStatus } from '../live-region/AriaStatus.js';
 import CounterLabel from '../CounterLabel/CounterLabel.js';
 
-const BoxTemporaryWorkaround = styled.span.withConfig({
-  displayName: "ButtonBase__BoxTemporaryWorkaround",
-  componentId: "sc-107cqdy-0"
-})(["", ";"], sx);
 const renderModuleVisual = (Visual, loading, visualName, counterLabel) => /*#__PURE__*/jsx("span", {
   "data-component": visualName,
   className: clsx(!counterLabel && classes.Visual, loading ? classes.LoadingSpinner : classes.VisualWrap),
@@ -30,7 +22,6 @@ renderModuleVisual.displayName = "renderModuleVisual";
 const ButtonBase = /*#__PURE__*/forwardRef(({
   children,
   as: Component = 'button',
-  sx: sxProp = defaultSxProp,
   ...props
 }, forwardedRef) => {
   const {
@@ -74,82 +65,6 @@ const ButtonBase = /*#__PURE__*/forwardRef(({
       }
     }, [innerRef]);
   }
-  if (sxProp !== defaultSxProp) {
-    return /*#__PURE__*/jsxs(ConditionalWrapper
-    // If anything is passed to `loading`, we need the wrapper:
-    // If we just checked for `loading` as a boolean, the wrapper wouldn't be rendered
-    // when `loading` is `false`.
-    // Then, the component re-renders in a way that the button will lose focus when switching between loading states.
-    , {
-      if: typeof loading !== 'undefined',
-      className: block ? classes.ConditionalWrapper : undefined,
-      "data-loading-wrapper": true,
-      children: [/*#__PURE__*/jsx(BoxTemporaryWorkaround, {
-        as: Component,
-        sx: sxProp,
-        "aria-disabled": loading ? true : undefined,
-        ...rest,
-        ref: innerRef,
-        className: clsx(classes.ButtonBase, className),
-        "data-block": block ? 'block' : null,
-        "data-inactive": inactive ? true : undefined,
-        "data-loading": Boolean(loading),
-        "data-no-visuals": !LeadingVisual && !TrailingVisual && !TrailingAction ? true : undefined,
-        "data-size": size,
-        "data-variant": variant,
-        "data-label-wrap": labelWrap,
-        "data-has-count": count !== undefined ? true : undefined,
-        "aria-describedby": [loadingAnnouncementID, ariaDescribedBy].filter(descriptionID => Boolean(descriptionID)).join(' ')
-        // aria-labelledby is needed because the accessible name becomes unset when the button is in a loading state.
-        // We only set it when the button is in a loading state because it will supersede the aria-label when the screen
-        // reader announces the button name.
-        ,
-        "aria-labelledby": loading ? [`${uuid}-label`, ariaLabelledBy].filter(labelID => Boolean(labelID)).join(' ') : ariaLabelledBy,
-        id: id,
-        onClick: loading ? undefined : onClick,
-        children: Icon ? loading ? /*#__PURE__*/jsx(Spinner, {
-          size: "small"
-        }) : isElement(Icon) ? Icon : /*#__PURE__*/jsx(Icon, {}) : /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsxs(BoxTemporaryWorkaround, {
-            "data-component": "buttonContent",
-            sx: getAlignContentSize(alignContent),
-            className: classes.ButtonContent,
-            children: [
-            /* If there are no leading/trailing visuals/actions to replace with a loading spinner,
-             render a loading spiner in place of the button content. */
-            loading && !LeadingVisual && !TrailingVisual && !TrailingAction && count === undefined && renderModuleVisual(Spinner, loading, 'loadingSpinner', false),
-            /* Render a leading visual unless the button is in a loading state.
-              Then replace the leading visual with a loading spinner. */
-            LeadingVisual && renderModuleVisual(LeadingVisual, Boolean(loading), 'leadingVisual', false), children && /*#__PURE__*/jsx("span", {
-              "data-component": "text",
-              className: classes.Label,
-              id: loading ? `${uuid}-label` : undefined,
-              children: children
-            }),
-            /* If there is a count, render a counter label unless there is a trailing visual.
-             Then render the counter label as a trailing visual.
-             Replace the counter label or the trailing visual with a loading spinner if:
-             - the button is in a loading state
-             - there is no leading visual to replace with a loading spinner
-            */
-            count !== undefined && !TrailingVisual ? renderModuleVisual(() => /*#__PURE__*/jsx(CounterLabel, {
-              className: classes.CounterLabel,
-              "data-component": "ButtonCounter",
-              children: count
-            }), Boolean(loading) && !LeadingVisual, 'trailingVisual', true) : TrailingVisual ? renderModuleVisual(TrailingVisual, Boolean(loading) && !LeadingVisual, 'trailingVisual', false) : null]
-          }),
-          /* If there is a trailing action, render it unless the button is in a loading state
-           and there is no leading or trailing visual to replace with a loading spinner. */
-          TrailingAction && renderModuleVisual(TrailingAction, Boolean(loading) && !LeadingVisual && !TrailingVisual, 'trailingAction', false)]
-        })
-      }), loading && /*#__PURE__*/jsx(VisuallyHidden, {
-        children: /*#__PURE__*/jsx(AriaStatus, {
-          id: loadingAnnouncementID,
-          children: loadingAnnouncement
-        })
-      })]
-    });
-  }
   return /*#__PURE__*/jsxs(ConditionalWrapper
   // If anything is passed to `loading`, we need the wrapper:
   // If we just checked for `loading` as a boolean, the wrapper wouldn't be rendered
@@ -192,10 +107,10 @@ const ButtonBase = /*#__PURE__*/forwardRef(({
           className: classes.ButtonContent,
           children: [
           /* If there are no leading/trailing visuals/actions to replace with a loading spinner,
-             render a loading spiner in place of the button content. */
+               render a loading spiner in place of the button content. */
           loading && !LeadingVisual && !TrailingVisual && !TrailingAction && count === undefined && renderModuleVisual(Spinner, loading, 'loadingSpinner', false),
           /* Render a leading visual unless the button is in a loading state.
-             Then replace the leading visual with a loading spinner. */
+               Then replace the leading visual with a loading spinner. */
           LeadingVisual && renderModuleVisual(LeadingVisual, Boolean(loading), 'leadingVisual', false), children && /*#__PURE__*/jsx("span", {
             "data-component": "text",
             className: classes.Label,
@@ -203,11 +118,11 @@ const ButtonBase = /*#__PURE__*/forwardRef(({
             children: children
           }),
           /* If there is a count, render a counter label unless there is a trailing visual.
-             Then render the counter label as a trailing visual.
-             Replace the counter label or the trailing visual with a loading spinner if:
-             - the button is in a loading state
-             - there is no leading visual to replace with a loading spinner
-          */
+               Then render the counter label as a trailing visual.
+               Replace the counter label or the trailing visual with a loading spinner if:
+               - the button is in a loading state
+               - there is no leading visual to replace with a loading spinner
+            */
           count !== undefined && !TrailingVisual ? renderModuleVisual(() => /*#__PURE__*/jsx(CounterLabel, {
             className: classes.CounterLabel,
             "data-component": "ButtonCounter",
@@ -215,7 +130,7 @@ const ButtonBase = /*#__PURE__*/forwardRef(({
           }), Boolean(loading) && !LeadingVisual, 'trailingVisual', true) : TrailingVisual ? renderModuleVisual(TrailingVisual, Boolean(loading) && !LeadingVisual, 'trailingVisual', false) : null]
         }),
         /* If there is a trailing action, render it unless the button is in a loading state
-           and there is no leading or trailing visual to replace with a loading spinner. */
+             and there is no leading or trailing visual to replace with a loading spinner. */
         TrailingAction && renderModuleVisual(TrailingAction, Boolean(loading) && !LeadingVisual && !TrailingVisual, 'trailingAction', false)]
       })
     }), loading && /*#__PURE__*/jsx(VisuallyHidden, {

package/dist/Button/ButtonBase.module.css.js

@@ -1,4 +1,4 @@
-import './ButtonBase-0a7871f4.css';
+import './ButtonBase-4c44bb02.css';
 
 var classes = {"ButtonBase":"prc-Button-ButtonBase-c50BI","CounterLabel":"prc-Button-CounterLabel-f5-4u","Visual":"prc-Button-Visual-2epfX","VisualWrap":"prc-Button-VisualWrap-Db-eB","IconButton":"prc-Button-IconButton-szpyj","ButtonContent":"prc-Button-ButtonContent-HKbr-","Label":"prc-Button-Label-pTQ3x","LoadingSpinner":"prc-Button-LoadingSpinner-hLV6o","ConditionalWrapper":"prc-Button-ConditionalWrapper-WLT4Z"};
 

package/dist/Button/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/Button/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;AAC5C,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAS/F,QAAA,MAAM,UAAU,EA0EX,8BAA8B,CAAC,QAAQ,GAAG,GAAG,EAAE,eAAe,CAAC,CAAA;AAEpE,OAAO,EAAC,UAAU,EAAC,CAAA"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/Button/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;AAC5C,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAO/F,QAAA,MAAM,UAAU,EA+DX,8BAA8B,CAAC,QAAQ,GAAG,GAAG,EAAE,eAAe,CAAC,CAAA;AAEpE,OAAO,EAAC,UAAU,EAAC,CAAA"}

package/dist/Button/IconButton.js

@@ -1,7 +1,5 @@
 import React, { forwardRef } from 'react';
 import { ButtonBase } from './ButtonBase.js';
-import { defaultSxProp } from '../utils/defaultSxProp.js';
-import { generateCustomSxProp } from './Button.js';
 import { TooltipContext, Tooltip } from '../TooltipV2/Tooltip.js';
 import { TooltipContext as TooltipContext$1 } from '../Tooltip/Tooltip.js';
 import classes from './ButtonBase.module.css.js';
@@ -9,7 +7,6 @@ import { clsx } from 'clsx';
 import { jsx } from 'react/jsx-runtime';
 
 const IconButton = /*#__PURE__*/forwardRef(({
-  sx: sxProp = defaultSxProp,
   icon: Icon,
   'aria-label': ariaLabel,
   description,
@@ -22,17 +19,6 @@ const IconButton = /*#__PURE__*/forwardRef(({
   className,
   ...props
 }, forwardedRef) => {
-  let sxStyles = sxProp;
-  // grap the button props that have associated data attributes in the styles
-  const {
-    size = 'medium'
-  } = props;
-  if (sxProp !== null && Object.keys(sxProp).length > 0) {
-    sxStyles = generateCustomSxProp({
-      size
-    }, sxProp);
-  }
-
   // If the icon button is already wrapped in a tooltip, do not add one.
   const {
     tooltipId
@@ -48,7 +34,6 @@ const IconButton = /*#__PURE__*/forwardRef(({
       icon: Icon,
       className: clsx(className, classes.IconButton),
       "data-component": "IconButton",
-      sx: sxStyles,
       type: "button",
       "aria-label": ariaLabel,
       disabled: disabled,
@@ -68,7 +53,6 @@ const IconButton = /*#__PURE__*/forwardRef(({
         icon: Icon,
         className: clsx(className, classes.IconButton),
         "data-component": "IconButton",
-        sx: sxStyles,
         type: "button",
         "aria-keyshortcuts": keyshortcuts !== null && keyshortcuts !== void 0 ? keyshortcuts : undefined
         // If description is provided, we will use the tooltip to describe the button, so we need to keep the aria-label to label the button.

package/dist/Button/LinkButton.d.ts

@@ -1,6 +1,6 @@
 import type { LinkButtonProps as BaseLinkButtonProps, ButtonProps } from './types';
 import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
-export type LinkButtonProps = Omit<BaseLinkButtonProps & ButtonProps, 'sx'>;
+export type LinkButtonProps = BaseLinkButtonProps & ButtonProps;
 declare const LinkButton: PolymorphicForwardRefComponent<"a", LinkButtonProps>;
 export { LinkButton };
 //# sourceMappingURL=LinkButton.d.ts.map

package/dist/Button/LinkButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../src/Button/LinkButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,eAAe,IAAI,mBAAmB,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AAEhF,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,mBAAmB,GAAG,WAAW,EAAE,IAAI,CAAC,CAAA;AAE3E,QAAA,MAAM,UAAU,EAMV,8BAA8B,CAAC,GAAG,EAAE,eAAe,CAAC,CAAA;AAE1D,OAAO,EAAC,UAAU,EAAC,CAAA"}
+{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../src/Button/LinkButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,eAAe,IAAI,mBAAmB,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AAEhF,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,WAAW,CAAA;AAE/D,QAAA,MAAM,UAAU,EAMV,8BAA8B,CAAC,GAAG,EAAE,eAAe,CAAC,CAAA;AAE1D,OAAO,EAAC,UAAU,EAAC,CAAA"}

package/dist/Button/types.d.ts

@@ -1,8 +1,6 @@
 import type React from 'react';
-import type { SxProp } from '../sx';
 import type { TooltipDirection } from '../TooltipV2';
 import type { IconProps } from '@primer/octicons-react';
-export declare const StyledButton: import("styled-components").StyledComponent<"button", any, SxProp, never>;
 export type VariantType = 'default' | 'primary' | 'invisible' | 'danger' | 'link';
 export type Size = 'small' | 'medium' | 'large';
 export type AlignContent = 'start' | 'center';
@@ -44,7 +42,7 @@ export type ButtonBaseProps = {
      * Whether the button label should wrap to multiple lines if it is longer than the button width
      */
     labelWrap?: boolean;
-} & SxProp & React.ButtonHTMLAttributes<HTMLButtonElement>;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>;
 export type ButtonProps = {
     /**
      * Content alignment for when visuals are present

package/dist/Button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAGjC,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAA;AAClD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAErD,eAAO,MAAM,YAAY,2EAGxB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEjF,MAAM,MAAM,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE/C,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE7C,KAAK,eAAe,GAChB;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,SAAS,CAAA;CAAC,GACrD;IAAC,YAAY,CAAC,EAAE,SAAS,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAA;CAAC,CAAA;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IACX;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAK5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,GAAG,MAAM,GACR,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;AAE/C,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IAEzF;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IAE7D;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IAE9D;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAA;IAEzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,GAAG,eAAe,CAAA;AAEnB,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC9C,IAAI,EAAE,KAAK,CAAC,WAAW,CAAA;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,GAAG,IAAI,CAAC,eAAe,EAAE,YAAY,GAAG,iBAAiB,CAAC,CAAA;AAG3D,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,gBAAgB,CAAC,CAAA;CACjF,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Button/types.ts"],"names":[],"mappings":"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"}

package/dist/Checkbox/Checkbox-edc5dc3e.css

@@ -0,0 +1,2 @@
+.prc-Checkbox-Checkbox-gIwWX{border-radius:var(--borderRadius-small,.1875rem);transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1)}.prc-Checkbox-Checkbox-gIwWX:before{animation:prc-Checkbox-checkmarkOut-mlBVw 80ms cubic-bezier(.65,0,.35,1) forwards;background-color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));clip-path:inset(var(--base-size-16,1rem) 0 0 0);content:"";height:var(--base-size-16,1rem);mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTIgOSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzguMjJhLjc1Ljc1IDAgMCAxIDAgMS4wNjFMNC41MiA4LjU0MWEuNzUuNzUgMCAwIDEtMS4wNjIgMEwuMjAyIDUuMjg1YS43NS43NSAwIDAgMSAxLjA2MS0xLjA2MWwyLjcyNSAyLjcyM0wxMC43MTguMjJhLjc1Ljc1IDAgMCAxIDEuMDYyIDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");mask-position:center;mask-repeat:no-repeat;mask-size:75%;transition:visibility 0s linear .23s;visibility:hidden;width:var(--base-size-16,1rem)}.prc-Checkbox-Checkbox-gIwWX:checked,.prc-Checkbox-Checkbox-gIwWX:indeterminate{background:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg));border-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg))}:is(.prc-Checkbox-Checkbox-gIwWX:checked,.prc-Checkbox-Checkbox-gIwWX:indeterminate):before{animation:prc-Checkbox-checkmarkIn-S5zG9 80ms cubic-bezier(.65,0,.35,1) 80ms forwards}:is(.prc-Checkbox-Checkbox-gIwWX:checked,.prc-Checkbox-Checkbox-gIwWX:indeterminate):disabled{background-color:var(--control-checked-bgColor-disabled,var(--color-switch-track-disabled-bg));border-color:var(--control-checked-borderColor-disabled,var(--color-switch-track-disabled-bg));opacity:1}:is(.prc-Checkbox-Checkbox-gIwWX:checked,.prc-Checkbox-Checkbox-gIwWX:indeterminate):disabled:before{background-color:var(--control-checked-fgColor-disabled,var(--color-switch-track-checked-disabled-fg))}@media (forced-colors:active){.prc-Checkbox-Checkbox-gIwWX:checked,.prc-Checkbox-Checkbox-gIwWX:indeterminate{background-color:canvastext;border-color:canvastext}}.prc-Checkbox-Checkbox-gIwWX:disabled{cursor:not-allowed}.prc-Checkbox-Checkbox-gIwWX:checked{transition:background-color,border-color 80ms cubic-bezier(.32,0,.67,0) 0s}.prc-Checkbox-Checkbox-gIwWX:checked:before{transition:visibility 0s linear 0s;visibility:visible}.prc-Checkbox-Checkbox-gIwWX:indeterminate{background:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg))}.prc-Checkbox-Checkbox-gIwWX:indeterminate:before{mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTAgMiI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxYTEgMSAwIDAgMSAxLTFoOGExIDEgMCAxIDEgMCAySDFhMSAxIDAgMCAxLTEtMSIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");visibility:visible}.prc-Checkbox-Checkbox-gIwWX:focus-visible:not(:disabled){box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:2px}@keyframes prc-Checkbox-checkmarkIn-S5zG9{0%{clip-path:inset(var(--base-size-16,1rem) 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes prc-Checkbox-checkmarkOut-mlBVw{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(var(--base-size-16,1rem) 0 0 0)}}
+/*# sourceMappingURL=Checkbox-edc5dc3e.css.map */

package/dist/Checkbox/{Checkbox-2aef6693.css.map → Checkbox-edc5dc3e.css.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Checkbox/Checkbox.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,6BACE,gDAAwC,CAGxC,uEA6EF,CAzEE,oCAaE,iFAAoE,CAPpE,sEAA2C,CAE3C,+CAA2C,CAJ3C,UAAW,CAFX,+BAA2B,CAO3B,ocAA69B,CAG79B,oBAAqB,CADrB,qBAAsB,CADtB,aAAc,CAHd,oCAAsC,CAJtC,iBAAkB,CAFlB,8BAaF,CAEA,gFAEE,mFAA+C,CAI/C,qFAKF,CAHE,4FACE,qFACF,CAGF,sCACE,kBACF,CAEA,qCACE,0EAyBF,CArBE,4CAEE,kCAAmC,CADnC,kBAEF,CAEA,8CACE,8FAAyD,CACzD,8FAAyD,CACzD,SAMF,CAJE,qDAEE,sGACF,CAIF,8BAtBF,qCAuBI,2BAA4B,CAC5B,uBAEJ,CADE,CAGF,2CACE,mFAMF,CAJE,kDACE,wUAAia,CACja,kBACF,CAGF,0DC3EA,eAAgB,CAFhB,kEAAgC,CAChC,kBD8EA,CAGF,0CACE,GACE,+CACF,CAEA,GACE,wBACF,CACF,CAEA,2CACE,GACE,wBACF,CAEA,GACE,+CACF,CACF","file":"Checkbox-2aef6693.css","sourcesContent":[".Checkbox {\n  border-radius: var(--borderRadius-small);\n\n  /* checked -> unchecked - add 120ms delay to fully see animation-out */\n  transition:\n    background-color,\n    border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);\n\n  &::before {\n    width: var(--base-size-16);\n    height: var(--base-size-16);\n    visibility: hidden;\n    content: '';\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--fgColor-onEmphasis);\n    transition: visibility 0s linear 230ms;\n    clip-path: inset(var(--base-size-16) 0 0 0);\n    mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzgwMyAwLjIxOTYyNUMxMS45MjEgMC4zNjA0MjcgMTIgMC41NTEzMDUgMTIgMC43NTAzMTNDMTIgMC45NDkzMjEgMTEuOTIxIDEuMTQwMTkgMTEuNzgwMyAxLjI4MUw0LjUxODYgOC41NDA0MkM0LjM3Nzc1IDguNjgxIDQuMTg2ODIgOC43NiAzLjk4Nzc0IDguNzZDMy43ODg2NyA4Ljc2IDMuNTk3NzMgOC42ODEgMy40NTY4OSA4LjU0MDQyTDAuMjAxNjIyIDUuMjg2MkMwLjA2ODkyNzcgNS4xNDM4MyAtMC4wMDMzMDkwNSA0Ljk1NTU1IDAuMDAwMTE2NDkzIDQuNzYwOThDMC4wMDM1NTIwNSA0LjU2NjQzIDAuMDgyMzg5NCA0LjM4MDgxIDAuMjIwMDMyIDQuMjQzMjFDMC4zNTc2NjUgNC4xMDU2MiAwLjU0MzM1NSA0LjAyNjgxIDAuNzM3OTcgNC4wMjMzOEMwLjkzMjU4NCA0LjAxOTk0IDEuMTIwOTMgNC4wOTIxNyAxLjI2MzM0IDQuMjI0ODJMMy45ODc3NCA2Ljk0ODM1TDEwLjcxODYgMC4yMTk2MjVDMTAuODU5NSAwLjA3ODk5MjMgMTEuMDUwNCAwIDExLjI0OTUgMEMxMS40NDg1IDAgMTEuNjM5NSAwLjA3ODk5MjMgMTEuNzgwMyAwLjIxOTYyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');\n    mask-size: 75%;\n    mask-repeat: no-repeat;\n    mask-position: center;\n    animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards;\n  }\n\n  &:checked,\n  &:indeterminate {\n    background: var(--control-checked-bgColor-rest);\n\n    /* using bgColor here to avoid a border change in dark high contrast */\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--control-checked-bgColor-rest);\n\n    &::before {\n      animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;\n    }\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  &:checked {\n    transition:\n      background-color,\n      border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms;\n\n    &::before {\n      visibility: visible;\n      transition: visibility 0s linear 0s;\n    }\n\n    &:disabled {\n      background-color: var(--control-checked-bgColor-disabled);\n      border-color: var(--control-checked-borderColor-disabled);\n      opacity: 1;\n\n      &::before {\n        /* stylelint-disable-next-line primer/colors */\n        background-color: var(--control-checked-fgColor-disabled);\n      }\n    }\n\n    /* Windows High Contrast mode */\n    @media (forced-colors: active) {\n      background-color: canvastext;\n      border-color: canvastext;\n    }\n  }\n\n  &:indeterminate {\n    background: var(--control-checked-bgColor-rest);\n\n    &::before {\n      mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxQzAgMC40NDc3MTUgMC40NDc3MTUgMCAxIDBIOUM5LjU1MjI5IDAgMTAgMC40NDc3MTUgMTAgMUMxMCAxLjU1MjI4IDkuNTUyMjkgMiA5IDJIMUMwLjQ0NzcxNSAyIDAgMS41NTIyOCAwIDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');\n      visibility: visible;\n    }\n  }\n\n  &:focus-visible:not(:disabled) {\n    @mixin focusOutline 2px;\n  }\n}\n\n@keyframes checkmarkIn {\n  from {\n    clip-path: inset(var(--base-size-16) 0 0 0);\n  }\n\n  to {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n@keyframes checkmarkOut {\n  from {\n    clip-path: inset(0 0 0 0);\n  }\n\n  to {\n    clip-path: inset(var(--base-size-16) 0 0 0);\n  }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n  outline: 2px solid $outlineColor;\n  outline-offset: $outlineOffset;\n  box-shadow: none;\n}\n"]}
+{"version":3,"sources":["../src/Checkbox/Checkbox.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css"],"names":[],"mappings":"AAAA,6BACE,gDAAwC,CAGxC,uEA6EF,CAzEE,oCAaE,iFAAoE,CAPpE,sEAA2C,CAE3C,+CAA2C,CAJ3C,UAAW,CAFX,+BAA2B,CAO3B,ocAA69B,CAG79B,oBAAqB,CADrB,qBAAsB,CADtB,aAAc,CAHd,oCAAsC,CAJtC,iBAAkB,CAFlB,8BAaF,CAEA,gFAEE,mFAA+C,CAI/C,qFAsBF,CApBE,4FACE,qFACF,CAEA,8FACE,8FAAyD,CACzD,8FAAyD,CACzD,SAMF,CAJE,qGAEE,sGACF,CAIF,8BAxBF,gFAyBI,2BAA4B,CAC5B,uBAEJ,CADE,CAGF,sCACE,kBACF,CAEA,qCACE,0EAQF,CAJE,4CAEE,kCAAmC,CADnC,kBAEF,CAGF,2CACE,mFAMF,CAJE,kDACE,wUAAia,CACja,kBACF,CAGF,0DC3EA,eAAgB,CAFhB,kEAAgC,CAChC,kBD8EA,CAGF,0CACE,GACE,+CACF,CAEA,GACE,wBACF,CACF,CAEA,2CACE,GACE,wBACF,CAEA,GACE,+CACF,CACF","file":"Checkbox-edc5dc3e.css","sourcesContent":[".Checkbox {\n  border-radius: var(--borderRadius-small);\n\n  /* checked -> unchecked - add 120ms delay to fully see animation-out */\n  transition:\n    background-color,\n    border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);\n\n  &::before {\n    width: var(--base-size-16);\n    height: var(--base-size-16);\n    visibility: hidden;\n    content: '';\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--fgColor-onEmphasis);\n    transition: visibility 0s linear 230ms;\n    clip-path: inset(var(--base-size-16) 0 0 0);\n    mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzgwMyAwLjIxOTYyNUMxMS45MjEgMC4zNjA0MjcgMTIgMC41NTEzMDUgMTIgMC43NTAzMTNDMTIgMC45NDkzMjEgMTEuOTIxIDEuMTQwMTkgMTEuNzgwMyAxLjI4MUw0LjUxODYgOC41NDA0MkM0LjM3Nzc1IDguNjgxIDQuMTg2ODIgOC43NiAzLjk4Nzc0IDguNzZDMy43ODg2NyA4Ljc2IDMuNTk3NzMgOC42ODEgMy40NTY4OSA4LjU0MDQyTDAuMjAxNjIyIDUuMjg2MkMwLjA2ODkyNzcgNS4xNDM4MyAtMC4wMDMzMDkwNSA0Ljk1NTU1IDAuMDAwMTE2NDkzIDQuNzYwOThDMC4wMDM1NTIwNSA0LjU2NjQzIDAuMDgyMzg5NCA0LjM4MDgxIDAuMjIwMDMyIDQuMjQzMjFDMC4zNTc2NjUgNC4xMDU2MiAwLjU0MzM1NSA0LjAyNjgxIDAuNzM3OTcgNC4wMjMzOEMwLjkzMjU4NCA0LjAxOTk0IDEuMTIwOTMgNC4wOTIxNyAxLjI2MzM0IDQuMjI0ODJMMy45ODc3NCA2Ljk0ODM1TDEwLjcxODYgMC4yMTk2MjVDMTAuODU5NSAwLjA3ODk5MjMgMTEuMDUwNCAwIDExLjI0OTUgMEMxMS40NDg1IDAgMTEuNjM5NSAwLjA3ODk5MjMgMTEuNzgwMyAwLjIxOTYyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');\n    mask-size: 75%;\n    mask-repeat: no-repeat;\n    mask-position: center;\n    animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards;\n  }\n\n  &:checked,\n  &:indeterminate {\n    background: var(--control-checked-bgColor-rest);\n\n    /* using bgColor here to avoid a border change in dark high contrast */\n    /* stylelint-disable-next-line primer/colors */\n    border-color: var(--control-checked-bgColor-rest);\n\n    &::before {\n      animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;\n    }\n\n    &:disabled {\n      background-color: var(--control-checked-bgColor-disabled);\n      border-color: var(--control-checked-borderColor-disabled);\n      opacity: 1;\n\n      &::before {\n        /* stylelint-disable-next-line primer/colors */\n        background-color: var(--control-checked-fgColor-disabled);\n      }\n    }\n\n    /* Windows High Contrast mode */\n    @media (forced-colors: active) {\n      background-color: canvastext;\n      border-color: canvastext;\n    }\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  &:checked {\n    transition:\n      background-color,\n      border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms;\n\n    &::before {\n      visibility: visible;\n      transition: visibility 0s linear 0s;\n    }\n  }\n\n  &:indeterminate {\n    background: var(--control-checked-bgColor-rest);\n\n    &::before {\n      mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxQzAgMC40NDc3MTUgMC40NDc3MTUgMCAxIDBIOUM5LjU1MjI5IDAgMTAgMC40NDc3MTUgMTAgMUMxMCAxLjU1MjI4IDkuNTUyMjkgMiA5IDJIMUMwLjQ0NzcxNSAyIDAgMS41NTIyOCAwIDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');\n      visibility: visible;\n    }\n  }\n\n  &:focus-visible:not(:disabled) {\n    @mixin focusOutline 2px;\n  }\n}\n\n@keyframes checkmarkIn {\n  from {\n    clip-path: inset(var(--base-size-16) 0 0 0);\n  }\n\n  to {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n@keyframes checkmarkOut {\n  from {\n    clip-path: inset(0 0 0 0);\n  }\n\n  to {\n    clip-path: inset(var(--base-size-16) 0 0 0);\n  }\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n  outline: 2px solid $outlineColor;\n  outline-offset: $outlineOffset;\n  box-shadow: none;\n}\n"]}

package/dist/Checkbox/Checkbox.d.ts

@@ -1,5 +1,6 @@
 import React, { type InputHTMLAttributes } from 'react';
 import type { FormValidationStatus } from '../utils/types/FormValidationStatus';
+import type { WithSlotMarker } from '../utils/types';
 export type CheckboxProps = {
     /**
      * Apply indeterminate visual appearance to the checkbox
@@ -31,5 +32,6 @@ export type CheckboxProps = {
  * An accessible, native checkbox component
  */
 declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default Checkbox;
+declare const _default: WithSlotMarker<typeof Checkbox>;
+export default _default;
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAiD,KAAK,mBAAmB,EAAoB,MAAM,OAAO,CAAA;AAExH,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAA;AAK7E,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,OAAO,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,CAAA;AAE3D;;GAEG;AACH,QAAA,MAAM,QAAQ,qGAgDb,CAAA;AAID,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAiD,KAAK,mBAAmB,EAAoB,MAAM,OAAO,CAAA;AAExH,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAA;AAI7E,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAElD,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAA;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,OAAO,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,CAAA;AAE3D;;GAEG;AACH,QAAA,MAAM,QAAQ,qGAgDb,CAAA;wBAK0B,cAAc,CAAC,OAAO,QAAQ,CAAC;AAA1D,wBAA0D"}

package/dist/Checkbox/Checkbox.js

@@ -177,5 +177,6 @@ const Checkbox = /*#__PURE__*/React.forwardRef((t0, ref) => {
   return t10;
 });
 Checkbox.displayName = 'Checkbox';
+Checkbox.__SLOT__ = Symbol('Checkbox');
 
 export { Checkbox as default };

package/dist/Checkbox/Checkbox.module.css.js

@@ -1,4 +1,4 @@
-import './Checkbox-2aef6693.css';
+import './Checkbox-edc5dc3e.css';
 
 var classes = {"Checkbox":"prc-Checkbox-Checkbox-gIwWX"};
 

package/dist/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,7 +1,8 @@
-import type { ChangeEvent, FC } from 'react';
+import type { ChangeEvent } from 'react';
 import React from 'react';
 import type { CheckboxOrRadioGroupProps } from '../internal/components/CheckboxOrRadioGroup';
 import { CheckboxGroupContext } from './CheckboxGroupContext';
+import type { FCWithSlotMarker } from '../utils/types';
 export type CheckboxGroupProps = {
     /**
      * An onChange handler that gets called when any of the checkboxes change
@@ -9,14 +10,14 @@ export type CheckboxGroupProps = {
     onChange?: (selected: string[], e?: ChangeEvent<HTMLInputElement>) => void;
 } & CheckboxOrRadioGroupProps;
 export { CheckboxGroupContext };
-declare const _default: FC<React.PropsWithChildren<CheckboxGroupProps>> & {
-    Caption: FC<import("..").SxProp & {
-        children?: React.ReactNode | undefined;
-    } & {
+declare const _default: React.FC<React.PropsWithChildren<CheckboxGroupProps>> & import("..").SlotMarker & {
+    Caption: FCWithSlotMarker<{
         className?: string;
+    } & {
+        children?: React.ReactNode | undefined;
     }>;
-    Label: FC<React.PropsWithChildren<import("../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel").CheckboxOrRadioGroupLabelProps>>;
-    Validation: FC<React.PropsWithChildren<import("../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation").CheckboxOrRadioGroupValidationProps>>;
+    Label: FCWithSlotMarker<React.PropsWithChildren<import("../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel").CheckboxOrRadioGroupLabelProps>>;
+    Validation: FCWithSlotMarker<React.PropsWithChildren<import("../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation").CheckboxOrRadioGroupValidationProps>>;
 };
 export default _default;
 //# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/CheckboxGroup/CheckboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAsB,EAAE,EAAC,MAAM,OAAO,CAAA;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,6CAA6C,CAAA;AAQ1F,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAA;AAE3D,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC3E,GAAG,yBAAyB,CAAA;AAmD7B,OAAO,EAAC,oBAAoB,EAAC,CAAA;;;;;;;;;;AAE7B,wBAIE"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAqB,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,6CAA6C,CAAA;AAQ1F,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAA;AAE3D,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAA;AAEpD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC3E,GAAG,yBAAyB,CAAA;AAwD7B,OAAO,EAAC,oBAAoB,EAAC,CAAA;;;;;;;;;;AAE7B,wBAIE"}

package/dist/CheckboxGroup/CheckboxGroup.js

@@ -5,6 +5,7 @@ import CheckboxOrRadioGroupLabel from '../internal/components/CheckboxOrRadioGro
 import CheckboxOrRadioGroupValidation from '../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.js';
 import Checkbox from '../Checkbox/Checkbox.js';
 import { CheckboxGroupContext } from './CheckboxGroupContext.js';
+import { isSlot } from '../utils/is-slot.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRenderForcingRef } from '../hooks/useRenderForcingRef.js';
 import CheckboxOrRadioGroup from '../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.js';
@@ -125,14 +126,15 @@ var CheckboxGroup$1 = Object.assign(CheckboxGroup, {
   Label: CheckboxOrRadioGroupLabel,
   Validation: CheckboxOrRadioGroupValidation
 });
+CheckboxGroup.__SLOT__ = Symbol('CheckboxGroup');
 function _temp(child) {
-  return /*#__PURE__*/React.isValidElement(child) && child.type === FormControl;
+  return /*#__PURE__*/React.isValidElement(child) && (child.type === FormControl || isSlot(child, FormControl));
 }
 function _temp2(formControlComponent) {
   return /*#__PURE__*/React.isValidElement(formControlComponent) ? formControlComponent.props.children : [];
 }
 function _temp3(child_0) {
-  return /*#__PURE__*/React.isValidElement(child_0) && child_0.type === Checkbox;
+  return /*#__PURE__*/React.isValidElement(child_0) && (child_0.type === Checkbox || isSlot(child_0, Checkbox));
 }
 function _temp4(checkbox) {
   return /*#__PURE__*/React.isValidElement(checkbox) && (checkbox.props.checked || checkbox.props.defaultChecked) && checkbox.props.value;

package/dist/ConfirmationDialog/ConfirmationDialog-87ccf595.css

@@ -0,0 +1,2 @@
+.prc-ConfirmationDialog-ConfirmationHeader-yiLEc{display:flex;flex-direction:row;padding:var(--base-size-8,.5rem)}.prc-ConfirmationDialog-ConfirmationHeader-yiLEc>h1{flex-grow:1;padding:var(--base-size-6,.375rem) var(--base-size-8,.5rem)}.prc-ConfirmationDialog-ConfirmationBody-ht9P-{flex-grow:1;font-size:var(--text-body-size-medium,.875rem);padding:0 var(--base-size-16,1rem) var(--base-size-16,1rem) var(--base-size-16,1rem)}.prc-ConfirmationDialog-ConfirmationFooter-AqKBI{display:grid;grid-auto-columns:max-content;grid-auto-flow:column;grid-gap:var(--base-size-8,.5rem);align-items:end;justify-content:end;padding:var(--base-size-4,.25rem) var(--base-size-16,1rem) var(--base-size-16,1rem)}
+/*# sourceMappingURL=ConfirmationDialog-87ccf595.css.map */

package/dist/ConfirmationDialog/ConfirmationDialog-87ccf595.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ConfirmationDialog/ConfirmationDialog.module.css"],"names":[],"mappings":"AAAA,iDACE,YAAa,CAEb,kBAAmB,CADnB,gCAOF,CAJE,oDAEE,WAAY,CADZ,2DAEF,CAGF,+CAGE,WAAY,CADZ,8CAAuC,CADvC,oFAGF,CAEA,iDACE,YAAa,CAEb,6BAA8B,CAD9B,qBAAsB,CAEtB,iCAA4B,CAC5B,eAAgB,CAChB,mBAAoB,CACpB,mFACF","file":"ConfirmationDialog-87ccf595.css","sourcesContent":[".ConfirmationHeader {\n  display: flex;\n  padding: var(--base-size-8);\n  flex-direction: row;\n\n  > h1 {\n    padding: var(--base-size-6) var(--base-size-8);\n    flex-grow: 1;\n  }\n}\n\n.ConfirmationBody {\n  padding: 0 var(--base-size-16) var(--base-size-16) var(--base-size-16);\n  font-size: var(--text-body-size-medium);\n  flex-grow: 1;\n}\n\n.ConfirmationFooter {\n  display: grid;\n  grid-auto-flow: column;\n  grid-auto-columns: max-content;\n  grid-gap: var(--base-size-8);\n  align-items: end;\n  justify-content: end;\n  padding: var(--base-size-4) var(--base-size-16) var(--base-size-16);\n}\n"]}

package/dist/ConfirmationDialog/ConfirmationDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../src/ConfirmationDialog/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAoD,WAAW,EAAE,YAAY,EAAC,MAAM,kBAAkB,CAAA;AAMlH;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,KAAK,IAAI,CAAA;IAE5E;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAErC;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtC;;OAEG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;IAEnD;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAE9B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAE1C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAiCD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,CAuDzF,CAAA;AAGD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,GAAG;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAAA;AA2BlG;;;;GAIG;AACH,wBAAgB,UAAU,cAGZ,cAAc,sBAO3B"}
+{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../src/ConfirmationDialog/ConfirmationDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAoD,WAAW,EAAE,YAAY,EAAC,MAAM,kBAAkB,CAAA;AAOlH;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,KAAK,IAAI,CAAA;IAE5E;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAErC;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtC;;OAEG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;IAEnD;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAE9B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAE1C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;CACtB;AAmCD;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,CAuDzF,CAAA;AAGD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,GAAG;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAAA;AAyBlG;;;;GAIG;AACH,wBAAgB,UAAU,cACa,cAAc,sBAIpD"}

package/dist/ConfirmationDialog/ConfirmationDialog.js

@@ -1,12 +1,12 @@
 import { useCallback } from 'react';
 import { createRoot } from 'react-dom/client';
-import { useTheme, ThemeProvider } from '../ThemeProvider.js';
 import { FocusKeys } from '@primer/behaviors';
 import { Dialog } from '../Dialog/Dialog.js';
 import { useFocusZone } from '../hooks/useFocusZone.js';
 import BaseStyles from '../BaseStyles.js';
 import classes from './ConfirmationDialog.module.css.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import Heading from '../Heading/Heading.js';
 
 const ConfirmationHeader = ({
   title,
@@ -18,8 +18,10 @@ const ConfirmationHeader = ({
   }, [onClose]);
   return /*#__PURE__*/jsxs("div", {
     className: classes.ConfirmationHeader,
-    children: [/*#__PURE__*/jsx("h1", {
+    children: [/*#__PURE__*/jsx(Heading, {
       id: dialogLabelId,
+      as: "h1",
+      variant: "small",
       children: title
     }), /*#__PURE__*/jsx(Dialog.CloseButton, {
       onClose: onCloseClick
@@ -115,7 +117,7 @@ const ConfirmationDialog = props => {
 };
 ConfirmationDialog.displayName = "ConfirmationDialog";
 let hostElement = null;
-async function confirm(themeProps, options) {
+async function confirm(options) {
   const {
     content,
     ...confirmationDialogProps
@@ -132,14 +134,11 @@ async function confirm(themeProps, options) {
         resolve(false);
       }
     };
-    root.render(/*#__PURE__*/jsx(ThemeProvider, {
-      ...themeProps,
-      children: /*#__PURE__*/jsx(BaseStyles, {
-        children: /*#__PURE__*/jsx(ConfirmationDialog, {
-          ...confirmationDialogProps,
-          onClose: onClose,
-          children: content
-        })
+    root.render(/*#__PURE__*/jsx(BaseStyles, {
+      children: /*#__PURE__*/jsx(ConfirmationDialog, {
+        ...confirmationDialogProps,
+        onClose: onClose,
+        children: content
       })
     }));
   });
@@ -151,21 +150,9 @@ async function confirm(themeProps, options) {
  * resolved with `true` or `false` depending on whether or not the confirm button was used.
  */
 function useConfirm() {
-  const {
-    theme,
-    colorMode,
-    dayScheme,
-    nightScheme
-  } = useTheme();
   const result = useCallback(options => {
-    const themeProps = {
-      theme,
-      colorMode,
-      dayScheme,
-      nightScheme
-    };
-    return confirm(themeProps, options);
-  }, [theme, colorMode, dayScheme, nightScheme]);
+    return confirm(options);
+  }, []);
   return result;
 }
 

package/dist/ConfirmationDialog/ConfirmationDialog.module.css.js

@@ -1,4 +1,4 @@
-import './ConfirmationDialog-de0401ff.css';
+import './ConfirmationDialog-87ccf595.css';
 
 var classes = {"ConfirmationHeader":"prc-ConfirmationDialog-ConfirmationHeader-yiLEc","ConfirmationBody":"prc-ConfirmationDialog-ConfirmationBody-ht9P-","ConfirmationFooter":"prc-ConfirmationDialog-ConfirmationFooter-AqKBI"};
 

package/dist/DataTable/Table.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { SxProp } from '../sx';
 import type { Column, CellAlignment } from './column';
 import type { UniqueRow } from './row';
 import { SortDirection } from './sorting';
+import type { PolymorphicProps } from '../utils/modern-polymorphic';
 export type TableProps = React.ComponentPropsWithoutRef<'table'> & {
     /**
      * Provide an id to an element which uniquely describes this table
@@ -80,8 +80,8 @@ export type TableCellProps = Omit<React.ComponentPropsWithoutRef<'td'>, 'align'>
 declare function TableCell({ align, className, children, scope, ...rest }: TableCellProps): React.JSX.Element;
 type TableCellPlaceholderProps = React.PropsWithChildren;
 declare function TableCellPlaceholder({ children }: TableCellPlaceholderProps): React.JSX.Element;
-export type TableContainerProps = React.PropsWithChildren<SxProp & React.HTMLAttributes<HTMLDivElement>>;
-declare function TableContainer({ children, className, ...rest }: TableContainerProps): React.JSX.Element;
+export type TableContainerProps<As extends React.ElementType = 'div'> = PolymorphicProps<As, 'div'> & React.PropsWithChildren;
+declare function TableContainer<As extends React.ElementType = 'div'>({ children, className, as, ...rest }: TableContainerProps<As>): React.JSX.Element;
 export type TableTitleProps = React.PropsWithChildren<{
     /**
      * Provide an alternate element or component to use as the container for

package/dist/DataTable/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/DataTable/Table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/DataTable/Table.tsx"],"names":[],"mappings":"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"}

package/dist/DataTable/Table.js

@@ -7,7 +7,6 @@ import { SortDirection } from './sorting.js';
 import { useTableLayout } from './useTable.js';
 import { Button } from '../internal/components/ButtonReset.js';
 import classes from './Table.module.css.js';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ScrollableRegion } from '../ScrollableRegion/ScrollableRegion.js';
 import { SkeletonText } from '../SkeletonText/SkeletonText.js';
@@ -455,7 +454,8 @@ function TableCellPlaceholder(t0) {
 // ----------------------------------------------------------------------------
 
 function TableContainer(t0) {
-  const $ = c(10);
+  const $ = c(12);
+  let as;
   let children;
   let className;
   let rest;
@@ -463,38 +463,43 @@ function TableContainer(t0) {
     ({
       children,
       className,
+      as,
       ...rest
     } = t0);
     $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = rest;
+    $[1] = as;
+    $[2] = children;
+    $[3] = className;
+    $[4] = rest;
   } else {
-    children = $[1];
-    className = $[2];
-    rest = $[3];
+    as = $[1];
+    children = $[2];
+    className = $[3];
+    rest = $[4];
   }
+  const Component = as || "div";
   let t1;
-  if ($[4] !== className) {
+  if ($[5] !== className) {
     t1 = clsx(className, classes.TableContainer);
-    $[4] = className;
-    $[5] = t1;
+    $[5] = className;
+    $[6] = t1;
   } else {
-    t1 = $[5];
+    t1 = $[6];
   }
   let t2;
-  if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
+  if ($[7] !== Component || $[8] !== children || $[9] !== rest || $[10] !== t1) {
+    t2 = /*#__PURE__*/jsx(Component, {
       ...rest,
       className: t1,
       children: children
     });
-    $[6] = children;
-    $[7] = rest;
-    $[8] = t1;
-    $[9] = t2;
+    $[7] = Component;
+    $[8] = children;
+    $[9] = rest;
+    $[10] = t1;
+    $[11] = t2;
   } else {
-    t2 = $[9];
+    t2 = $[11];
   }
   return t2;
 }