@workday/canvas-kit-react 12.0.0-alpha.862-next.0 → 12.0.0-alpha.898-next.0

package/dist/commonjs/button/lib/ToolbarIconButton.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -25,14 +29,14 @@ const tokens_1 = require("@workday/canvas-kit-react/tokens");
 const common_1 = require("@workday/canvas-kit-react/common");
 const BaseButton_1 = require("./BaseButton");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const StyledToolbarIconButton = common_1.styled(BaseButton_1.BaseButton)({
+const StyledToolbarIconButton = (0, common_1.styled)(BaseButton_1.BaseButton)({
     ['& .wd-icon']: {
         display: 'inline-block',
         width: 20,
         height: 20,
     },
     '&:focus-visible, &.focus': {
-        ...common_1.focusRing({
+        ...(0, common_1.focusRing)({
             width: 2,
             separation: 0,
             innerColor: 'transparent',
@@ -40,12 +44,12 @@ const StyledToolbarIconButton = common_1.styled(BaseButton_1.BaseButton)({
         }),
     },
 });
-exports.ToolbarIconButton = common_1.createComponent('button')({
+exports.ToolbarIconButton = (0, common_1.createComponent)('button')({
     displayName: 'ToolbarIconButton',
     Component: ({ 
     // TODO: Fix useTheme and make it a real hook
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    theme = common_1.useTheme(), onToggleChange, icon, shouldMirrorIcon = false, toggled, children, ...elemProps }, ref, Element) => {
+    theme = (0, common_1.useTheme)(), onToggleChange, icon, shouldMirrorIcon = false, toggled, children, ...elemProps }, ref, Element) => {
         const isInitialMount = React.useRef(true);
         // Only call onToggleChange on update - not on first mount
         React.useEffect(() => {
@@ -58,7 +62,7 @@ exports.ToolbarIconButton = common_1.createComponent('button')({
                 }
             }
         }, [toggled, onToggleChange]);
-        return (React.createElement(StyledToolbarIconButton, Object.assign({ ref: ref, as: Element, colors: getToolbarIconButtonColors(theme, toggled), size: 'small', fillIcon: toggled, "aria-pressed": toggled, padding: "zero", minWidth: tokens_1.space.l, width: tokens_1.space.l, height: tokens_1.space.l, borderRadius: tokens_1.borderRadius.m }, elemProps), icon ? React.createElement(BaseButton_1.BaseButton.Icon, { icon: icon, shouldMirrorIcon: shouldMirrorIcon }) : children));
+        return (React.createElement(StyledToolbarIconButton, { ref: ref, as: Element, colors: getToolbarIconButtonColors(theme, toggled), size: 'small', fillIcon: toggled, "aria-pressed": toggled, padding: "zero", minWidth: tokens_1.space.l, width: tokens_1.space.l, height: tokens_1.space.l, borderRadius: tokens_1.borderRadius.m, ...elemProps }, icon ? React.createElement(BaseButton_1.BaseButton.Icon, { icon: icon, shouldMirrorIcon: shouldMirrorIcon }) : children));
     },
 });
 const getToolbarIconButtonColors = (theme, toggled) => {

package/dist/commonjs/button/lib/deprecated_Button.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -27,7 +31,7 @@ const React = __importStar(require("react"));
 const tokens_1 = require("@workday/canvas-kit-react/tokens");
 const common_1 = require("@workday/canvas-kit-react/common");
 const styled_1 = __importDefault(require("@emotion/styled"));
-const Container = styled_1.default('button')({
+const Container = (0, styled_1.default)('button')({
     fontFamily: tokens_1.type.properties.fontFamilies.default,
     fontSize: 14,
     fontWeight: 500,
@@ -130,14 +134,14 @@ const Container = styled_1.default('button')({
         '&:not([disabled])': {
             '&:focus': {
                 borderColor: buttonColors.focusBorder,
-                ...common_1.focusRing(),
+                ...(0, common_1.focusRing)(),
             },
             '&:active': {
                 borderColor: buttonColors.activeBorder,
-                ...common_1.focusRing(),
+                ...(0, common_1.focusRing)(),
             },
         },
-        ...common_1.mouseFocusBehavior({
+        ...(0, common_1.mouseFocusBehavior)({
             '&:focus': {
                 ...baseStyles,
                 outline: 'none',
@@ -149,12 +153,12 @@ const Container = styled_1.default('button')({
         }),
     };
 });
-exports.DeprecatedButton = common_1.createComponent('button')({
+exports.DeprecatedButton = (0, common_1.createComponent)('button')({
     displayName: 'DeprecatedButton',
     Component: ({ variant = 'secondary', size = 'large', children, ...elemProps }, ref, Element) => {
         React.useEffect(() => {
             console.warn('This component is now deprecated, consider using the new Button component');
         }, []);
-        return (React.createElement(Container, Object.assign({ ref: ref, as: Element, variant: variant, size: size }, elemProps), children));
+        return (React.createElement(Container, { ref: ref, as: Element, variant: variant, size: size, ...elemProps }, children));
     },
 });

package/dist/commonjs/button/lib/parts/ButtonLabel.js

@@ -7,15 +7,15 @@ exports.ButtonLabel = void 0;
 const react_1 = __importDefault(require("react"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const layout_1 = require("@workday/canvas-kit-react/layout");
-const StyledButtonLabel = common_1.styled(layout_1.Box.as('span'))({
+const StyledButtonLabel = (0, common_1.styled)(layout_1.Box.as('span'))({
     position: 'relative',
     textOverflow: 'ellipsis',
     overflow: 'hidden',
     whiteSpace: 'nowrap',
 });
-exports.ButtonLabel = common_1.createComponent('span')({
+exports.ButtonLabel = (0, common_1.createComponent)('span')({
     displayName: 'ButtonLabel',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (react_1.default.createElement(StyledButtonLabel, Object.assign({ as: Element, ref: ref }, elemProps), children));
+        return (react_1.default.createElement(StyledButtonLabel, { as: Element, ref: ref, ...elemProps }, children));
     },
 });

package/dist/commonjs/button/lib/parts/ButtonLabelIcon.js

@@ -13,13 +13,13 @@ const iconSizes = {
     medium: 20,
     large: 24,
 };
-exports.ButtonLabelIcon = common_1.createComponent('span')({
+exports.ButtonLabelIcon = (0, common_1.createComponent)('span')({
     displayName: 'ButtonLabelIconNew',
     Component: ({ icon, size = 'medium', shouldMirrorIcon = false, ...elemProps }, ref, Element) => {
         if (icon === undefined) {
             return null;
         }
         const iconSize = iconSizes[size];
-        return (react_1.default.createElement(icon_1.SystemIcon, Object.assign({ size: iconSize, icon: icon, shouldMirror: shouldMirrorIcon, width: size ? iconSizes[size] : iconSizes.large, height: size ? iconSizes[size] : iconSizes.large, display: "inline-block" }, elemProps)));
+        return (react_1.default.createElement(icon_1.SystemIcon, { size: iconSize, icon: icon, shouldMirror: shouldMirrorIcon, width: size ? iconSizes[size] : iconSizes.large, height: size ? iconSizes[size] : iconSizes.large, display: "inline-block", ...elemProps }));
     },
 });

package/dist/commonjs/button/lib/types.d.ts

@@ -15,7 +15,18 @@ export interface ButtonColors {
     hover?: ButtonStateColors;
     active?: ButtonStateColors;
     focus?: ButtonStateColors & {
+        /**
+         * @deprecated This option is no longer supported at run time and will be removed from the type interface in a v12. If you want to customize the focus ring, use `boxShadowInner` and `boxShadowOuter` to update the inner and outer colors of the focus ring. Use with caution.
+         */
         focusRing?: CSSObject;
+        /**
+         * Updates the color of the inner `box-shadow` within a focus ring.
+         */
+        boxShadowInner?: string;
+        /**
+         * Updates the color of the outer `box-shadow` within a focus ring.
+         */
+        boxShadowOuter?: string;
     };
     disabled?: ButtonStateColors;
 }
@@ -25,6 +36,6 @@ export interface ButtonColors {
  *
  * @default 'medium'
  */
-export declare type ButtonSizes = 'extraSmall' | 'small' | 'medium' | 'large';
-export declare type IconPositions = 'start' | 'end' | 'only';
+export type ButtonSizes = 'extraSmall' | 'small' | 'medium' | 'large';
+export type IconPositions = 'start' | 'end' | 'only';
 //# sourceMappingURL=types.d.ts.map

package/dist/commonjs/button/lib/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../button/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,KAAK,CAAC,EAAE,iBAAiB,GAAG;QAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;KACvB,CAAC;IACF,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED;;;;;GAKG;AACH,oBAAY,WAAW,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACtE,oBAAY,aAAa,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../button/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,KAAK,CAAC,EAAE,iBAAiB,GAAG;QAC1B;;WAEG;QACH,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB;;WAEG;QACH,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB;;WAEG;QACH,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC"}

package/dist/commonjs/card/lib/Card.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -28,8 +32,8 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const CardHeading_1 = require("./CardHeading");
 const CardBody_1 = require("./CardBody");
 // .cnvs-card
-exports.cardStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "2a6e2f", styles: "box-sizing:border-box;box-shadow:var(--cnvs-sys-depth-1);padding:var(--cnvs-sys-space-x8);background-color:var(--cnvs-sys-color-bg-default);border:0.0625rem solid var(--cnvs-sys-color-border-container);border-radius:var(--cnvs-sys-shape-x2);" }
+exports.cardStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnkw", styles: "box-sizing:border-box;box-shadow:var(--cnvs-sys-depth-1);padding:var(--cnvs-sys-space-x8);background-color:var(--cnvs-sys-color-bg-default);border:0.0625rem solid var(--cnvs-sys-color-border-container);border-radius:var(--cnvs-sys-shape-x2);" }
 }, "card-f60e02");
 /**
  * `Card` is a container component that holds a {@link CardBody Card.Body} and an optional
@@ -43,10 +47,10 @@ exports.cardStencil = canvas_kit_styling_1.createStencil({
  * disabilities. Semantic container elements like `<section>`, or using `<li>` grouped together in a
  * common `<ul>` can be a useful way to elevate the accessibility of your design.
  */
-exports.Card = common_1.createComponent('div')({
+exports.Card = (0, common_1.createComponent)('div')({
     displayName: 'Card',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (React.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, exports.cardStencil())), children));
+        return (React.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, (0, exports.cardStencil)()) }, children));
     },
     subComponents: {
         /**

package/dist/commonjs/card/lib/CardBody.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -26,14 +30,14 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
 const text_1 = require("@workday/canvas-kit-react/text");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 // .cnvs-card-body
-exports.cardBodyStencil = canvas_kit_styling_1.createStencil({
+exports.cardBodyStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: text_1.textStencil,
-    base: { name: "859f1f", styles: "box-sizing:border-box;" },
+    base: { name: "ksnkv", styles: "box-sizing:border-box;" },
     defaultModifiers: { typeLevel: 'subtext.large' }
 }, "card-body-18c24e");
-exports.CardBody = common_1.createComponent('div')({
+exports.CardBody = (0, common_1.createComponent)('div')({
     displayName: 'Card.Body',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (React.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, exports.cardBodyStencil())), children));
+        return (React.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, (0, exports.cardBodyStencil)()) }, children));
     },
 });

package/dist/commonjs/card/lib/CardHeading.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -27,14 +31,14 @@ const text_1 = require("@workday/canvas-kit-react/text");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 // .cnvs-card-heading
-exports.cardHeadingStencil = canvas_kit_styling_1.createStencil({
+exports.cardHeadingStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: text_1.textStencil,
-    base: { name: "3b06e8", styles: "box-sizing:border-box;color:var(--cnvs-sys-color-text-strong);font-weight:var(--cnvs-sys-font-weight-bold);margin-bottom:var(--cnvs-sys-space-x6);margin-top:var(--cnvs-sys-space-zero);" },
+    base: { name: "ksnku", styles: "box-sizing:border-box;color:var(--cnvs-sys-color-text-strong);font-weight:var(--cnvs-sys-font-weight-bold);margin-bottom:var(--cnvs-sys-space-x6);margin-top:var(--cnvs-sys-space-zero);" },
     defaultModifiers: { typeLevel: 'body.large' }
 }, "card-heading-a7538d");
-exports.CardHeading = common_1.createComponent('h3')({
+exports.CardHeading = (0, common_1.createComponent)('h3')({
     displayName: 'Card.Heading',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (React.createElement(Element, Object.assign({ ref: ref }, layout_1.mergeStyles(elemProps, exports.cardHeadingStencil())), children));
+        return (React.createElement(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, (0, exports.cardHeadingStencil)()) }, children));
     },
 });

package/dist/commonjs/checkbox/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/commonjs/checkbox/lib/CheckBackground.d.ts

@@ -16,7 +16,7 @@ export declare const checkboxBackgroundStencil: import("@workday/canvas-kit-styl
             errorRingColorInner: string;
             errorRingColorOuter: string;
         }) => {
-            [x: string]: "--cnvs-brand-alert-base" | "--cnvs-brand-alert-darkest";
+            [x: string]: "--cnvs-brand-alert-darkest" | "--cnvs-brand-alert-base";
         };
     };
 }, {

package/dist/commonjs/checkbox/lib/CheckBackground.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -24,22 +28,22 @@ const React = __importStar(require("react"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-exports.checkboxBackgroundStencil = canvas_kit_styling_1.createStencil({
+exports.checkboxBackgroundStencil = (0, canvas_kit_styling_1.createStencil)({
     vars: {
         errorRingColorInner: '',
         errorRingColorOuter: '',
     },
-    base: { name: "0a4d8d", styles: "box-sizing:border-box;align-items:center;background-color:var(--cnvs-sys-color-bg-default);border-radius:var(--cnvs-sys-shape-half);display:flex;height:calc(var(--cnvs-sys-space-x4) + 0.125rem);justify-content:center;padding:var(--cnvs-sys-space-zero) calc(var(--cnvs-sys-space-x1) / 2);pointer-events:none;position:absolute;transition:border 200ms ease, background 200ms;width:calc(var(--cnvs-sys-space-x4) + 0.125rem);border:0.0625rem solid var(--cnvs-sys-color-border-input-default);" },
+    base: { name: "ksnk3h", styles: "box-sizing:border-box;align-items:center;background-color:var(--cnvs-sys-color-bg-default);border-radius:var(--cnvs-sys-shape-half);display:flex;height:calc(var(--cnvs-sys-space-x4) + 0.125rem);justify-content:center;padding:var(--cnvs-sys-space-zero) calc(var(--cnvs-sys-space-x1) / 2);pointer-events:none;position:absolute;transition:border 200ms ease, background 200ms;width:calc(var(--cnvs-sys-space-x4) + 0.125rem);border:0.0625rem solid var(--cnvs-sys-color-border-input-default);" },
     modifiers: {
         error: {
-            error: { name: "b88e6f", styles: "--errorRingColorInner-checkbox-background-8c450a:var(--cnvs-brand-error-base);--errorRingColorOuter-checkbox-background-8c450a:transparent;" },
-            alert: { name: "ed9205", styles: "--errorRingColorInner-checkbox-background-8c450a:var(--cnvs-brand-alert-base);--errorRingColorOuter-checkbox-background-8c450a:var(--cnvs-brand-alert-darkest);" }
+            error: { name: "ksnk3i", styles: "--errorRingColorInner-checkbox-background-8c450a:var(--cnvs-brand-error-base);--errorRingColorOuter-checkbox-background-8c450a:transparent;" },
+            alert: { name: "ksnk3j", styles: "--errorRingColorInner-checkbox-background-8c450a:var(--cnvs-brand-alert-base);--errorRingColorOuter-checkbox-background-8c450a:var(--cnvs-brand-alert-darkest);" }
         }
     }
 }, "checkbox-background-8c450a");
-exports.CheckBackground = common_1.createComponent('div')({
+exports.CheckBackground = (0, common_1.createComponent)('div')({
     displayName: 'CheckBackground',
     Component: ({ error, children }) => {
-        return React.createElement("div", Object.assign({}, exports.checkboxBackgroundStencil({ error })), children);
+        return React.createElement("div", { ...(0, exports.checkboxBackgroundStencil)({ error }) }, children);
     },
 });

package/dist/commonjs/checkbox/lib/Checkbox.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -26,19 +30,19 @@ const CheckboxRipple_1 = require("./CheckboxRipple");
 const CheckboxContainer_1 = require("./CheckboxContainer");
 const CheckboxCheck_1 = require("./CheckboxCheck");
 const CheckboxInput_1 = require("./CheckboxInput");
-exports.Checkbox = common_1.createComponent('input')({
+exports.Checkbox = (0, common_1.createComponent)('input')({
     displayName: 'Checkbox',
     Component: ({ id, label = '', ...elemProps }, ref, Element) => {
         const { checked = false, disabled, error, indeterminate, variant } = elemProps;
-        const inputId = common_1.useUniqueId(id);
-        const { localRef, elementRef } = common_1.useLocalRef(ref);
+        const inputId = (0, common_1.useUniqueId)(id);
+        const { localRef, elementRef } = (0, common_1.useLocalRef)(ref);
         React.useEffect(() => {
             if (typeof indeterminate === 'boolean' && localRef.current) {
                 localRef.current.indeterminate = indeterminate;
             }
         }, [indeterminate, localRef]);
         return (React.createElement(CheckboxContainer_1.CheckboxContainer, { label: label, disabled: disabled, id: inputId, variant: variant },
-            React.createElement(CheckboxInput_1.CheckboxInput, Object.assign({ as: Element, id: inputId, ref: elementRef }, elemProps)),
+            React.createElement(CheckboxInput_1.CheckboxInput, { as: Element, id: inputId, ref: elementRef, ...elemProps }),
             React.createElement(CheckboxRipple_1.CheckboxRipple, null),
             React.createElement(CheckboxCheck_1.CheckboxCheck, { variant: variant, checked: checked, indeterminate: indeterminate, error: error })));
     },

package/dist/commonjs/checkbox/lib/CheckboxCheck.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -27,27 +31,27 @@ const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const icon_1 = require("@workday/canvas-kit-react/icon");
 const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
 const CheckBackground_1 = require("./CheckBackground");
-const checkboxCheckStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "2673c1", styles: "box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;pointer-events:none;transition:transform 200ms ease, opacity 200ms ease;span{margin-inline-start:calc(0.375rem * -1);transition:margin 200ms ease;}opacity:var(--cnvs-sys-opacity-zero);transform:scale(0.5);" },
+const checkboxCheckStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk3k", styles: "box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;pointer-events:none;transition:transform 200ms ease, opacity 200ms ease;span{margin-inline-start:calc(0.375rem * -1);transition:margin 200ms ease;}opacity:var(--cnvs-sys-opacity-zero);transform:scale(0.5);" },
     modifiers: {
         checked: {
-            true: { name: "b7568b", styles: "--color-system-icon-583fae:var(--cnvs-brand-primary-accent);opacity:var(--cnvs-sys-opacity-full);transform:scale(1);" }
+            true: { name: "ksnk3l", styles: "--color-system-icon-583fae:var(--cnvs-brand-primary-accent);opacity:var(--cnvs-sys-opacity-full);transform:scale(1);" }
         },
         indeterminate: {
-            true: { name: "7ccfda", styles: "opacity:var(--cnvs-sys-opacity-full);transform:scale(1);" }
+            true: { name: "ksnk3m", styles: "opacity:var(--cnvs-sys-opacity-full);transform:scale(1);" }
         },
         variant: {
-            inverse: { name: "1dac33", styles: "--color-system-icon-583fae:var(--cnvs-brand-primary-base);& > div{background-color:var(--cnvs-brand-primary-base);}" }
+            inverse: { name: "ksnk3n", styles: "--color-system-icon-583fae:var(--cnvs-brand-primary-base);& > div{background-color:var(--cnvs-brand-primary-base);}" }
         }
     }
 }, "checkbox-check-1e6620");
-const indeterminateBoxStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "d394e3", styles: "box-sizing:border-box;width:0.625rem;height:calc(var(--cnvs-sys-space-x1) / 2);background-color:var(--cnvs-brand-primary-accent);" }
+const indeterminateBoxStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk3o", styles: "box-sizing:border-box;width:0.625rem;height:calc(var(--cnvs-sys-space-x1) / 2);background-color:var(--cnvs-brand-primary-accent);" }
 }, "indeterminate-box-c4442f");
-exports.CheckboxCheck = common_1.createComponent('div')({
+exports.CheckboxCheck = (0, common_1.createComponent)('div')({
     displayName: 'CheckboxCheck',
     Component: ({ checked, error, indeterminate, variant }) => {
         return (React.createElement(CheckBackground_1.CheckBackground, { error: error },
-            React.createElement("div", Object.assign({}, checkboxCheckStencil({ checked, indeterminate, variant })), indeterminate ? (React.createElement("div", Object.assign({}, indeterminateBoxStencil()))) : (checked && React.createElement(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.checkSmallIcon })))));
+            React.createElement("div", { ...checkboxCheckStencil({ checked, indeterminate, variant }) }, indeterminate ? (React.createElement("div", { ...indeterminateBoxStencil() })) : (checked && React.createElement(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.checkSmallIcon })))));
     },
 });

package/dist/commonjs/checkbox/lib/CheckboxContainer.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -25,13 +29,13 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const text_1 = require("@workday/canvas-kit-react/text");
-const checkboxContainerStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "96fa81", styles: "box-sizing:border-box;display:flex;align-items:center;min-height:var(--cnvs-sys-space-x6);position:relative;&>div{display:flex;height:calc(var(--cnvs-sys-space-x4) + 0.125rem);min-width:calc(var(--cnvs-sys-space-x4) + 0.125rem);margin-top:0.1875rem;align-self:flex-start;}& > label{padding-inline-start:var(--cnvs-sys-space-x3);}" }
+const checkboxContainerStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk3g", styles: "box-sizing:border-box;display:flex;align-items:center;min-height:var(--cnvs-sys-space-x6);position:relative;&>div{display:flex;height:calc(var(--cnvs-sys-space-x4) + 0.125rem);min-width:calc(var(--cnvs-sys-space-x4) + 0.125rem);margin-top:0.1875rem;align-self:flex-start;}& > label{padding-inline-start:var(--cnvs-sys-space-x3);}" }
 }, "checkbox-container-a7381d");
-exports.CheckboxContainer = common_1.createComponent('div')({
+exports.CheckboxContainer = (0, common_1.createComponent)('div')({
     displayName: 'CheckboxContainer',
     Component: ({ children, disabled, id, label, variant }) => {
-        return (React.createElement("div", Object.assign({}, checkboxContainerStencil()),
+        return (React.createElement("div", { ...checkboxContainerStencil() },
             React.createElement("div", null, children),
             label && (React.createElement(text_1.LabelText, { htmlFor: id, disabled: disabled, variant: variant, style: { cursor: disabled ? 'default' : 'pointer' } }, label))));
     },

package/dist/commonjs/checkbox/lib/CheckboxInput.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -25,30 +29,30 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const CheckBackground_1 = require("./CheckBackground");
-const checkboxInputStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "b01bc2", styles: "box-sizing:border-box;border-radius:var(--cnvs-sys-shape-half);width:var(--cnvs-sys-space-x6);height:var(--cnvs-sys-space-x6);margin:var(--cnvs-sys-space-zero);margin-top:calc(0.1875rem * -1);margin-inline-start:calc(0.1875rem * -1);position:absolute;opacity:var(--cnvs-sys-opacity-zero);&:not(:disabled){cursor:pointer;}&:where(:hover,.hover) ~ span:first-of-type{box-shadow:0 0 0 0.4375rem var(--cnvs-sys-color-bg-alt-soft);}&:not(:where(:checked, :indeterminate, :disabled, :focus-visible, .focus)):where(:hover, .hover, :active, .active) ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-input-strong);}&:where(:checked, :indeterminate) ~ div:first-of-type{border-color:var(--cnvs-brand-primary-base);background-color:var(--cnvs-brand-primary-base);}&:disabled ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-input-disabled);background-color:var(--cnvs-sys-color-bg-alt-softer);opacity:var(--cnvs-sys-opacity-full);}&:disabled:where(:checked, :indeterminate) ~ div:first-of-type{border-color:var(--cnvs-brand-primary-light);background-color:var(--cnvs-brand-primary-light);}&:where(:focus-visible, :active, .focus, .active){outline:none;}&:where(:focus-visible, .focus) ~ div:first-of-type{border-color:var(--cnvs-brand-primary-base);border-width:0.125rem;box-shadow:0 0 0 0px var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1)), 0 0 0 0px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}&:checked:focus-visible, &:indeterminate:focus-visible, &:checked.focus, &:indeterminate.focus{& ~ div:first-of-type{box-shadow:0 0 0 2px var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1)), 0 0 0 4px var(--cnvs-brand-common-focus-outline);border-color:var(--cnvs-brand-primary-base);border-width:0.125rem;span{margin-inline-start:calc(0.4375rem * -1);}}}" },
+const checkboxInputStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk3p", styles: "box-sizing:border-box;border-radius:var(--cnvs-sys-shape-half);width:var(--cnvs-sys-space-x6);height:var(--cnvs-sys-space-x6);margin:var(--cnvs-sys-space-zero);margin-top:calc(0.1875rem * -1);margin-inline-start:calc(0.1875rem * -1);position:absolute;opacity:var(--cnvs-sys-opacity-zero);&:not(:disabled){cursor:pointer;}&:where(:hover,.hover) ~ span:first-of-type{box-shadow:0 0 0 0.4375rem var(--cnvs-sys-color-bg-alt-soft);}&:not(:where(:checked, :indeterminate, :disabled, :focus-visible, .focus)):where(:hover, .hover, :active, .active) ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-input-strong);}&:where(:checked, :indeterminate) ~ div:first-of-type{border-color:var(--cnvs-brand-primary-base);background-color:var(--cnvs-brand-primary-base);}&:disabled ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-input-disabled);background-color:var(--cnvs-sys-color-bg-alt-softer);opacity:var(--cnvs-sys-opacity-full);}&:disabled:where(:checked, :indeterminate) ~ div:first-of-type{border-color:var(--cnvs-brand-primary-light);background-color:var(--cnvs-brand-primary-light);}&:where(:focus-visible, :active, .focus, .active){outline:none;}&:where(:focus-visible, .focus) ~ div:first-of-type{border-color:var(--cnvs-brand-primary-base);border-width:0.125rem;box-shadow:0 0 0 0px var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1)), 0 0 0 0px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}&:checked:focus-visible, &:indeterminate:focus-visible, &:checked.focus, &:indeterminate.focus{& ~ div:first-of-type{box-shadow:0 0 0 2px var(--cnvs-base-palette-french-vanilla-100, rgba(255,255,255,1)), 0 0 0 4px var(--cnvs-brand-common-focus-outline);border-color:var(--cnvs-brand-primary-base);border-width:0.125rem;span{margin-inline-start:calc(0.4375rem * -1);}}}" },
     modifiers: {
         variant: {
-            inverse: { name: "edefb9", styles: "& ~ span:first-of-type{opacity:var(--cnvs-sys-opacity-disabled);}& ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-input-inverse);}&:not(:where(:checked, :indeterminate, :disabled, :focus-visible, .focus)):where(:hover, .hover, :active, .active) ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-input-inverse);}&:where(:checked, :indeterminate) ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-input-inverse);background-color:var(--cnvs-sys-color-bg-default);}&:disabled ~ div:first-of-type{background-color:var(--cnvs-sys-color-bg-alt-default);opacity:var(--cnvs-sys-opacity-disabled);}&:disabled:where(:checked, :indeterminate) ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-input-inverse);background-color:var(--cnvs-sys-color-bg-default);}&:where(:focus-visible, .focus) ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-contrast-default);box-shadow:0 0 0 0px var(--cnvs-sys-color-border-contrast-default), 0 0 0 2px var(--cnvs-sys-color-border-inverse);}&:checked:focus-visible, &:checked.focus, &:indeterminate:focus-visible, &:indeterminate.focus{& ~ div:first-of-type{box-shadow:0 0 0 2px var(--cnvs-sys-color-border-contrast-default), 0 0 0 4px var(--cnvs-sys-color-border-inverse);border-color:var(--cnvs-sys-color-border-inverse);}}" }
+            inverse: { name: "ksnk3q", styles: "& ~ span:first-of-type{opacity:var(--cnvs-sys-opacity-disabled);}& ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-input-inverse);}&:not(:where(:checked, :indeterminate, :disabled, :focus-visible, .focus)):where(:hover, .hover, :active, .active) ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-input-inverse);}&:where(:checked, :indeterminate) ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-input-inverse);background-color:var(--cnvs-sys-color-bg-default);}&:disabled ~ div:first-of-type{background-color:var(--cnvs-sys-color-bg-alt-default);opacity:var(--cnvs-sys-opacity-disabled);}&:disabled:where(:checked, :indeterminate) ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-input-inverse);background-color:var(--cnvs-sys-color-bg-default);}&:where(:focus-visible, .focus) ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-contrast-default);box-shadow:0 0 0 0px var(--cnvs-sys-color-border-contrast-default), 0 0 0 2px var(--cnvs-sys-color-border-inverse);}&:checked:focus-visible, &:checked.focus, &:indeterminate:focus-visible, &:indeterminate.focus{& ~ div:first-of-type{box-shadow:0 0 0 2px var(--cnvs-sys-color-border-contrast-default), 0 0 0 4px var(--cnvs-sys-color-border-inverse);border-color:var(--cnvs-sys-color-border-inverse);}}" }
         },
         disabled: {
-            true: { name: "0fcee6", styles: "&:where(:hover, .hover) ~ span:first-of-type{box-shadow:none;}" }
+            true: { name: "ksnk3r", styles: "&:where(:hover, .hover) ~ span:first-of-type{box-shadow:none;}" }
         },
         error: {
-            true: { name: "0a2191", styles: "&:not(:where(:focus-visible, .focus)) ~ div:first-of-type{border-color:var(--errorRingColorInner-checkbox-background-8c450a);box-shadow:\n            0 0 0 0.0625rem var(--errorRingColorInner-checkbox-background-8c450a),\n            0 0 0 0.125rem var(--errorRingColorOuter-checkbox-background-8c450a);}&:where(:checked, :indeterminate) ~ div:first-of-type{border-color:transparent;box-shadow:\n            0 0 0 0.125rem var(--cnvs-sys-color-border-inverse),\n            0 0 0 0.25rem var(--errorRingColorInner-checkbox-background-8c450a),\n            0 0 0 0.3125rem var(--errorRingColorOuter-checkbox-background-8c450a);}&:not(:where(:checked, :indeterminate, :disabled, :focus-visible, .focus)):where(:hover, .hover, :active, .active) ~ div:first-of-type{border-color:var(--errorRingColorInner-checkbox-background-8c450a);}" }
+            true: { name: "ksnk3s", styles: "&:not(:where(:focus-visible, .focus)) ~ div:first-of-type{border-color:var(--errorRingColorInner-checkbox-background-8c450a);box-shadow:\n            0 0 0 0.0625rem var(--errorRingColorInner-checkbox-background-8c450a),\n            0 0 0 0.125rem var(--errorRingColorOuter-checkbox-background-8c450a);}&:where(:checked, :indeterminate) ~ div:first-of-type{border-color:transparent;box-shadow:\n            0 0 0 0.125rem var(--cnvs-sys-color-border-inverse),\n            0 0 0 0.25rem var(--errorRingColorInner-checkbox-background-8c450a),\n            0 0 0 0.3125rem var(--errorRingColorOuter-checkbox-background-8c450a);}&:not(:where(:checked, :indeterminate, :disabled, :focus-visible, .focus)):where(:hover, .hover, :active, .active) ~ div:first-of-type{border-color:var(--errorRingColorInner-checkbox-background-8c450a);}" }
         }
     },
     compound: [
         {
             modifiers: { variant: 'inverse', error: true },
-            styles: { name: "756c93", styles: "&:not(:where(:focus-visible, .focus)) ~ div:first-of-type{border:0.0625rem solid var(--cnvs-sys-color-border-input-inverse);}&:not(where(:checked, :indeterminate, :disabled, :focus-visible, .focus)):where(:hover, .hover, :active, .active) ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-input-inverse);}&:where(:checked, :indeterminate) ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-input-inverse);}" }
+            styles: { name: "ksnk3t", styles: "&:not(:where(:focus-visible, .focus)) ~ div:first-of-type{border:0.0625rem solid var(--cnvs-sys-color-border-input-inverse);}&:not(where(:checked, :indeterminate, :disabled, :focus-visible, .focus)):where(:hover, .hover, :active, .active) ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-input-inverse);}&:where(:checked, :indeterminate) ~ div:first-of-type{border-color:var(--cnvs-sys-color-border-input-inverse);}" }
         }
     ]
 }, "checkbox-input-d394e3");
-exports.CheckboxInput = common_1.createComponent('input')({
+exports.CheckboxInput = (0, common_1.createComponent)('input')({
     displayName: 'CheckboxInput',
-    Component: ({ variant, error, ...elemProps }, ref, Element) => {
-        const { checked, disabled, indeterminate } = elemProps;
-        return (React.createElement(Element, Object.assign({ type: "checkbox", ref: ref, "aria-checked": indeterminate ? 'mixed' : checked }, canvas_kit_styling_1.handleCsProp(elemProps, checkboxInputStencil({ variant, disabled, error: !!error })))));
+    Component: ({ variant, error, indeterminate, ...elemProps }, ref, Element) => {
+        const { checked, disabled } = elemProps;
+        return (React.createElement(Element, { type: "checkbox", ref: ref, "aria-checked": indeterminate ? 'mixed' : checked, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, checkboxInputStencil({ variant, disabled, error: !!error })) }));
     },
 });

package/dist/commonjs/checkbox/lib/CheckboxRipple.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -24,12 +28,12 @@ const React = __importStar(require("react"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const checkboxRippleStencil = canvas_kit_styling_1.createStencil({
-    base: { name: "d00565", styles: "box-sizing:border-box;border-radius:var(--cnvs-sys-shape-round);box-shadow:none;height:calc(var(--cnvs-sys-space-x4) + 0.125rem);width:calc(var(--cnvs-sys-space-x4) + 0.125rem);transition:box-shadow 150ms ease-out;position:absolute;pointer-events:none;" }
+const checkboxRippleStencil = (0, canvas_kit_styling_1.createStencil)({
+    base: { name: "ksnk3f", styles: "box-sizing:border-box;border-radius:var(--cnvs-sys-shape-round);box-shadow:none;height:calc(var(--cnvs-sys-space-x4) + 0.125rem);width:calc(var(--cnvs-sys-space-x4) + 0.125rem);transition:box-shadow 150ms ease-out;position:absolute;pointer-events:none;" }
 }, "checkbox-ripple-27671c");
-exports.CheckboxRipple = common_1.createComponent('span')({
+exports.CheckboxRipple = (0, common_1.createComponent)('span')({
     displayName: 'CheckboxRipple',
     Component: elemProps => {
-        return React.createElement("span", Object.assign({}, checkboxRippleStencil()));
+        return React.createElement("span", { ...checkboxRippleStencil() });
     },
 });

package/dist/commonjs/collection/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];