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

package/dist/commonjs/icon/lib/SystemIcon.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];
@@ -38,22 +42,22 @@ const Svg_1 = require("./Svg");
  */
 const systemIconStyles = ({ accent, accentHover, background = 'transparent', backgroundHover = 'transparent', color = tokens_1.iconColors.standard, colorHover = tokens_1.iconColors.hover, fill, fillHover, }) => ({
     '& .wd-icon-fill': {
-        fill: common_1.getColor(fill) || common_1.getColor(color),
+        fill: (0, common_1.getColor)(fill) || (0, common_1.getColor)(color),
     },
     ':hover .wd-icon-fill': {
-        fill: common_1.getColor(fillHover) || common_1.getColor(colorHover),
+        fill: (0, common_1.getColor)(fillHover) || (0, common_1.getColor)(colorHover),
     },
     '& .wd-icon-accent, & .wd-icon-accent2': {
-        fill: common_1.getColor(accent) || common_1.getColor(color),
+        fill: (0, common_1.getColor)(accent) || (0, common_1.getColor)(color),
     },
     ':hover .wd-icon-accent, :hover .wd-icon-accent2': {
-        fill: common_1.getColor(accentHover) || common_1.getColor(colorHover),
+        fill: (0, common_1.getColor)(accentHover) || (0, common_1.getColor)(colorHover),
     },
     '& .wd-icon-background': {
-        fill: common_1.getColor(background),
+        fill: (0, common_1.getColor)(background),
     },
     ':hover .wd-icon-background': {
-        fill: common_1.getColor(backgroundHover),
+        fill: (0, common_1.getColor)(backgroundHover),
     },
 });
 exports.systemIconStyles = systemIconStyles;
@@ -65,8 +69,8 @@ exports.systemIconStyles = systemIconStyles;
  * }
  * ```
  */
-const deprecatedSystemIconVars = canvas_kit_styling_1.createVars({ id: "193ff4", args: ["colorHover", "fillHover", "accentHover", "backgroundHover"] });
-exports.systemIconStencil = canvas_kit_styling_1.createStencil({
+const deprecatedSystemIconVars = (0, canvas_kit_styling_1.createVars)({ id: "193ff4", args: ["colorHover", "fillHover", "accentHover", "backgroundHover"] });
+exports.systemIconStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: Svg_1.svgStencil,
     vars: {
         /**
@@ -76,26 +80,26 @@ exports.systemIconStencil = canvas_kit_styling_1.createStencil({
          */
         color: '',
         accentColor: '',
-        backgroundColor: 'transparent',
+        backgroundColor: '',
     },
-    base: { name: "421413", styles: "--backgroundColor-system-icon-583fae:transparent;box-sizing:border-box;& .wd-icon-fill{fill:var(--color-system-icon-583fae, var(--cnvs-base-palette-licorice-200));}& .wd-icon-accent, & .wd-icon-accent2{fill:var(--accentColor-system-icon-583fae, var(--color-system-icon-583fae, var(--cnvs-base-palette-licorice-200)));}& .wd-icon-background{fill:var(--backgroundColor-system-icon-583fae);}&:where(:hover, .hover) .wd-icon-fill{fill:var(--fillHover-193ff4, var(--colorHover-193ff4, var(--color-system-icon-583fae, var(--cnvs-base-palette-licorice-200))));}&:where(:hover, .hover) .wd-icon-accent, & .wd-icon-accent2{fill:var(--accentHover-193ff4, var(--colorHover-193ff4, var(--accentColor-system-icon-583fae, var(--color-system-icon-583fae, var(--cnvs-base-palette-licorice-200)))));}&:where(:hover, .hover) .wd-icon-background{fill:var(--backgroundHover-193ff4, var(--backgroundColor-system-icon-583fae));}" }
+    base: { name: "ksnk14", styles: "box-sizing:border-box;--backgroundColor-system-icon-583fae:var(--backgroundColor-system-icon-583fae, transparent);& .wd-icon-fill{fill:var(--color-system-icon-583fae, var(--cnvs-base-palette-licorice-200));}& .wd-icon-accent, & .wd-icon-accent2{fill:var(--accentColor-system-icon-583fae, var(--color-system-icon-583fae, var(--cnvs-base-palette-licorice-200)));}& .wd-icon-background{fill:var(--backgroundColor-system-icon-583fae, transparent);}&:where(:hover, .hover) .wd-icon-fill{fill:var(--fillHover-193ff4, var(--colorHover-193ff4, var(--color-system-icon-583fae, var(--cnvs-base-palette-licorice-200))));}&:where(:hover, .hover) .wd-icon-accent, & .wd-icon-accent2{fill:var(--accentHover-193ff4, var(--colorHover-193ff4, var(--accentColor-system-icon-583fae, var(--color-system-icon-583fae, var(--cnvs-base-palette-licorice-200)))));}&:where(:hover, .hover) .wd-icon-background{fill:var(--backgroundHover-193ff4, var(--backgroundColor-system-icon-583fae, transparent));}" }
 }, "system-icon-583fae");
-exports.SystemIcon = common_1.createComponent('span')({
+exports.SystemIcon = (0, common_1.createComponent)('span')({
     displayName: 'SystemIcon',
     Component: ({ size, background, backgroundHover, color, colorHover, icon, accent, accentHover, fill, fillHover, ...elemProps }, ref, Element) => {
-        return (React.createElement(Svg_1.Svg, Object.assign({ as: Element, src: icon, type: design_assets_types_1.CanvasIconTypes.System, ref: ref }, canvas_kit_styling_1.handleCsProp(elemProps, [
-            exports.systemIconStencil({
-                size: typeof size === 'number' ? canvas_kit_styling_1.px2rem(size) : size,
-                color: Svg_1.transformColorNameToToken(fill || color),
-                accentColor: Svg_1.transformColorNameToToken(accent || color),
-                backgroundColor: Svg_1.transformColorNameToToken(background),
-            }),
-            {
-                [deprecatedSystemIconVars.colorHover]: colorHover && Svg_1.transformColorNameToToken(colorHover),
-                [deprecatedSystemIconVars.fillHover]: fillHover && Svg_1.transformColorNameToToken(fillHover),
-                [deprecatedSystemIconVars.accentHover]: accentHover && Svg_1.transformColorNameToToken(accentHover),
-                [deprecatedSystemIconVars.backgroundHover]: backgroundHover && Svg_1.transformColorNameToToken(backgroundHover),
-            },
-        ]))));
+        return (React.createElement(Svg_1.Svg, { as: Element, src: icon, type: design_assets_types_1.CanvasIconTypes.System, ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, [
+                (0, exports.systemIconStencil)({
+                    size: typeof size === 'number' ? (0, canvas_kit_styling_1.px2rem)(size) : size,
+                    color: (0, Svg_1.transformColorNameToToken)(fill || color),
+                    accentColor: (0, Svg_1.transformColorNameToToken)(accent || color),
+                    backgroundColor: (0, Svg_1.transformColorNameToToken)(background),
+                }),
+                {
+                    [deprecatedSystemIconVars.colorHover]: colorHover && (0, Svg_1.transformColorNameToToken)(colorHover),
+                    [deprecatedSystemIconVars.fillHover]: fillHover && (0, Svg_1.transformColorNameToToken)(fillHover),
+                    [deprecatedSystemIconVars.accentHover]: accentHover && (0, Svg_1.transformColorNameToToken)(accentHover),
+                    [deprecatedSystemIconVars.backgroundHover]: backgroundHover && (0, Svg_1.transformColorNameToToken)(backgroundHover),
+                },
+            ]) }));
     },
 });

package/dist/commonjs/icon/lib/SystemIconCircle.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];
@@ -36,25 +40,25 @@ var SystemIconCircleSize;
     SystemIconCircleSize[SystemIconCircleSize["xl"] = 64] = "xl";
     SystemIconCircleSize[SystemIconCircleSize["xxl"] = 120] = "xxl";
 })(SystemIconCircleSize = exports.SystemIconCircleSize || (exports.SystemIconCircleSize = {}));
-const systemIconCircleStencil = canvas_kit_styling_1.createStencil({
+const systemIconCircleStencil = (0, canvas_kit_styling_1.createStencil)({
     vars: {
         containerSize: '',
         backgroundColor: '',
         iconColor: '',
     },
-    base: { name: "8a694b", styles: "box-sizing:border-box;background:var(--backgroundColor-system-icon-circle-554859, var(--cnvs-base-palette-soap-200));display:flex;align-items:center;justify-content:center;padding:var(--cnvs-sys-space-zero);border:none;border-radius:var(--cnvs-sys-shape-round);overflow:hidden;width:var(--containerSize-system-icon-circle-554859, var(--cnvs-sys-space-x10));height:var(--containerSize-system-icon-circle-554859, var(--cnvs-sys-space-x10));--size-svg-a30d66:calc(var(--containerSize-system-icon-circle-554859, var(--cnvs-sys-space-x10)) * 0.625);--color-system-icon-583fae:var(--iconColor-system-icon-circle-554859);& img{width:100%;height:100%;}" }
+    base: { name: "ksnk15", styles: "box-sizing:border-box;background:var(--backgroundColor-system-icon-circle-554859, var(--cnvs-base-palette-soap-200));display:flex;align-items:center;justify-content:center;padding:var(--cnvs-sys-space-zero);border:none;border-radius:var(--cnvs-sys-shape-round);overflow:hidden;width:var(--containerSize-system-icon-circle-554859, var(--cnvs-sys-space-x10));height:var(--containerSize-system-icon-circle-554859, var(--cnvs-sys-space-x10));--size-svg-a30d66:calc(var(--containerSize-system-icon-circle-554859, var(--cnvs-sys-space-x10)) * 0.625);--color-system-icon-583fae:var(--iconColor-system-icon-circle-554859);& img{width:100%;height:100%;}" }
 }, "system-icon-circle-554859");
-exports.SystemIconCircle = common_1.createComponent('span')({
+exports.SystemIconCircle = (0, common_1.createComponent)('span')({
     displayName: 'SystemIconCircle',
     Component: ({ background, size, icon, shouldMirror }, ref, Element) => {
         // `pickForegroundColor` hasn't support to use css variables to generate foregroundColor
         const backgroundFallback = background && !background.startsWith('--') ? background : tokens_1.colors.soap200;
-        const iconColor = common_1.pickForegroundColor(backgroundFallback, 'rgba(0,0,0,0.65)', tokens_1.colors.frenchVanilla100);
-        return (React.createElement("div", Object.assign({}, systemIconCircleStencil({
-            containerSize: typeof size === 'number' ? canvas_kit_styling_1.px2rem(size) : size,
-            backgroundColor: Svg_1.transformColorNameToToken(background),
-            iconColor,
-        })),
+        const iconColor = (0, common_1.pickForegroundColor)(backgroundFallback, 'rgba(0,0,0,0.65)', tokens_1.colors.frenchVanilla100);
+        return (React.createElement("div", { ...systemIconCircleStencil({
+                containerSize: typeof size === 'number' ? (0, canvas_kit_styling_1.px2rem)(size) : size,
+                backgroundColor: (0, Svg_1.transformColorNameToToken)(background),
+                iconColor,
+            }) },
             React.createElement(SystemIcon_1.SystemIcon, { as: Element, ref: ref, icon: icon, shouldMirror: shouldMirror })));
     },
 });

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

@@ -1,3 +1,3 @@
 import { DetailedHTMLProps, HTMLAttributes } from 'react';
-export declare type SpanProps = DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
+export type SpanProps = DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../icon/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AAExD,oBAAY,SAAS,GAAG,iBAAiB,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,eAAe,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../icon/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG,iBAAiB,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,eAAe,CAAC,CAAC"}

package/dist/commonjs/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/layout/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/layout/lib/Box.d.ts

@@ -18,7 +18,7 @@ import { CommonStyleProps } from './utils/styleProps';
  * - space
  * - text
  */
-export declare type BoxProps = CommonStyleProps & CSProps & {
+export type BoxProps = CommonStyleProps & CSProps & {
     children?: React.ReactNode;
 };
 /**

package/dist/commonjs/layout/lib/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAclE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,oBAAY,QAAQ,GAAG,gBAAgB,GACrC,OAAO,GAAG;IACR,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AA6BJ;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU,sCA0BtB,CAAC;AAQF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,GAAG,6yBAad,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAclE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,QAAQ,GAAG,gBAAgB,GACrC,OAAO,GAAG;IACR,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AA6BJ;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU,sCA0BtB,CAAC;AAQF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,GAAG,6yBAad,CAAC"}

package/dist/commonjs/layout/lib/Box.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];
@@ -63,7 +67,7 @@ const omittedProps = [
     'wordBreak',
 ];
 const shouldForwardProp = (prop) => {
-    return is_prop_valid_1.default(prop) && !omittedProps.includes(prop);
+    return (0, is_prop_valid_1.default)(prop) && !omittedProps.includes(prop);
 };
 /**
  * A function that allows us to call Box styles on an element and reduce the amount of elements in the React Dom tree.
@@ -112,9 +116,9 @@ const boxStyleFn = (props) => {
 };
 exports.boxStyleFn = boxStyleFn;
 // Meant to be used with elements. The `shouldForwardProps` will remove all style props
-const StyledBoxElement = styled_1.default('div', { shouldForwardProp })(exports.boxStyleFn);
+const StyledBoxElement = (0, styled_1.default)('div', { shouldForwardProp })(exports.boxStyleFn);
 // Meant to be used with components. There is no `shouldForwardProps` - all props will be forwarded to the component
-const StyledBoxComponent = styled_1.default('div')(exports.boxStyleFn);
+const StyledBoxComponent = (0, styled_1.default)('div')(exports.boxStyleFn);
 /**
  * `Box` is a primitive component that provides a common, ergonomic API around Canvas design tokens.
  * It is highly flexible, and its primary purpose is to build other components.
@@ -132,10 +136,10 @@ const StyledBoxComponent = styled_1.default('div')(exports.boxStyleFn);
  * );
  *
  */
-exports.Box = common_1.createComponent('div')({
+exports.Box = (0, common_1.createComponent)('div')({
     displayName: 'Box',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        const BoxComponent = common_1.useConstant(() => typeof Element === 'string' ? StyledBoxElement : StyledBoxComponent);
-        return (React.createElement(BoxComponent, Object.assign({ as: Element, ref: ref }, canvas_kit_styling_1.handleCsProp(elemProps)), children));
+        const BoxComponent = (0, common_1.useConstant)(() => typeof Element === 'string' ? StyledBoxElement : StyledBoxComponent);
+        return (React.createElement(BoxComponent, { as: Element, ref: ref, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps) }, children));
     },
 });

package/dist/commonjs/layout/lib/Flex.d.ts

@@ -1,6 +1,6 @@
 import { BoxProps } from './Box';
 import { FlexStyleProps } from './utils/flex';
-export declare type FlexProps = Omit<BoxProps, 'display'> & FlexStyleProps;
+export type FlexProps = Omit<BoxProps, 'display'> & FlexStyleProps;
 /**
  * `Flex` is a low-level layout component that provides a common, ergonomic API for applying CSS flexbox styles.
  * It is highly flexible, and can be used on its own or to build other components.

package/dist/commonjs/layout/lib/Flex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Flex.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAO,cAAc,EAAC,MAAM,cAAc,CAAC;AAElD,oBAAY,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,cAAc,CAAC;AASnE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,IAAI;;CAYf,CAAC"}
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Flex.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAO,cAAc,EAAC,MAAM,cAAc,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,cAAc,CAAC;AASnE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,IAAI;;CAYf,CAAC"}

package/dist/commonjs/layout/lib/Flex.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,7 +32,7 @@ const styled_1 = __importDefault(require("@emotion/styled"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const Box_1 = require("./Box");
 const flex_1 = require("./utils/flex");
-const StyledFlex = styled_1.default(Box_1.Box)({
+const StyledFlex = (0, styled_1.default)(Box_1.Box)({
     display: 'flex',
 }, flex_1.flex);
 /**
@@ -53,10 +57,10 @@ const StyledFlex = styled_1.default(Box_1.Box)({
  * );
  * ```
  */
-exports.Flex = common_1.createComponent('div')({
+exports.Flex = (0, common_1.createComponent)('div')({
     displayName: 'Flex',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (React.createElement(StyledFlex, Object.assign({ as: Element, ref: ref }, elemProps), children));
+        return (React.createElement(StyledFlex, { as: Element, ref: ref, ...elemProps }, children));
     },
     subComponents: {
         Item: Box_1.Box,

package/dist/commonjs/layout/lib/Grid.d.ts

@@ -1,7 +1,7 @@
 import { BoxProps } from './Box';
 import { GridStyleProps } from './utils/grid';
-export declare type GridProps = Omit<BoxProps, 'display'> & GridStyleProps;
-export declare type GridItemProps = BoxProps;
+export type GridProps = Omit<BoxProps, 'display'> & GridStyleProps;
+export type GridItemProps = BoxProps;
 /**
  * `Grid` is a two-dimensional layout system for the web. It lets you lay content out in rows and columns.
  * It is highly flexible, and can be used on its own or to build other components.

package/dist/commonjs/layout/lib/Grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Grid.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAO,cAAc,EAAC,MAAM,cAAc,CAAC;AAElD,oBAAY,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,cAAc,CAAC;AACnE,oBAAY,aAAa,GAAG,QAAQ,CAAC;AAoBrC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,IAAI;IAUb;;;;;;;;;;;;;;;;;;;;OAoBG;;CAIL,CAAC"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Grid.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAO,cAAc,EAAC,MAAM,cAAc,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,cAAc,CAAC;AACnE,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;AAoBrC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,IAAI;IAUb;;;;;;;;;;;;;;;;;;;;OAoBG;;CAIL,CAAC"}

package/dist/commonjs/layout/lib/Grid.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,13 +32,13 @@ const styled_1 = __importDefault(require("@emotion/styled"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const Box_1 = require("./Box");
 const grid_1 = require("./utils/grid");
-const StyledGrid = styled_1.default(Box_1.Box)({
+const StyledGrid = (0, styled_1.default)(Box_1.Box)({
     display: 'grid',
 }, grid_1.grid);
-const GridItem = common_1.createComponent('div')({
+const GridItem = (0, common_1.createComponent)('div')({
     displayName: 'Grid.Item',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (React.createElement(Box_1.Box, Object.assign({ as: Element, ref: ref }, elemProps), children));
+        return (React.createElement(Box_1.Box, { as: Element, ref: ref, ...elemProps }, children));
     },
 });
 /**
@@ -59,10 +63,10 @@ const GridItem = common_1.createComponent('div')({
  * );
  *```
  */
-exports.Grid = common_1.createComponent('div')({
+exports.Grid = (0, common_1.createComponent)('div')({
     displayName: 'Grid',
     Component: ({ children, ...elemProps }, ref, Element) => {
-        return (React.createElement(StyledGrid, Object.assign({ as: Element, ref: ref }, elemProps), children));
+        return (React.createElement(StyledGrid, { as: Element, ref: ref, ...elemProps }, children));
     },
     subComponents: {
         /**

package/dist/commonjs/layout/lib/utils/background.d.ts

@@ -2,7 +2,7 @@ import { Property } from 'csstype';
 import { StyleFnConfig } from './buildStyleFns';
 import { SystemPropValues } from './systemProps';
 /** style props to set CSS background properties */
-export declare type BackgroundStyleProps = {
+export type BackgroundStyleProps = {
     /**
      * - sets [CSS background property](https://developer.mozilla.org/en-US/docs/Web/CSS/background)
      * - system tokens: `color`

package/dist/commonjs/layout/lib/utils/background.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,mDAAmD;AACnD,oBAAY,oBAAoB,GAAG;IACjC;;;SAGK;IACL,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC,mGAAmG;IACnG,oBAAoB,CAAC,EAAE,QAAQ,CAAC,oBAAoB,CAAC;IACrD;;;SAGK;IACL,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C,8GAA8G;IAC9G,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C,oHAAoH;IACpH,kBAAkB,CAAC,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACjD,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC;IAC7C,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,aAAa,EAoCnD,CAAC;AAEF,eAAO,MAAM,aAAa,oCAA0C,CAAC;AACrE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,qCAAwD,CAAC"}
+{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,mDAAmD;AACnD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;SAGK;IACL,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC,mGAAmG;IACnG,oBAAoB,CAAC,EAAE,QAAQ,CAAC,oBAAoB,CAAC;IACrD;;;SAGK;IACL,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C,8GAA8G;IAC9G,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;IAC3C,oHAAoH;IACpH,kBAAkB,CAAC,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACjD,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,CAAC;IAC7C,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,aAAa,EAoCnD,CAAC;AAEF,eAAO,MAAM,aAAa,oCAA0C,CAAC;AACrE;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,qCAAwD,CAAC"}

package/dist/commonjs/layout/lib/utils/background.js

@@ -39,7 +39,7 @@ exports.backgroundStyleFnConfigs = [
         system: 'none',
     },
 ];
-exports.backgroundFns = buildStyleFns_1.buildStyleFns(exports.backgroundStyleFnConfigs);
+exports.backgroundFns = (0, buildStyleFns_1.buildStyleFns)(exports.backgroundStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns border styles.
  * Some props, such as background and backgroundColor, are connected to our design tokens.
@@ -54,4 +54,4 @@ exports.backgroundFns = buildStyleFns_1.buildStyleFns(exports.backgroundStyleFnC
  * );
  *```
  */
-exports.background = buildStyleFns_1.buildStylePropFn(exports.backgroundFns);
+exports.background = (0, buildStyleFns_1.buildStylePropFn)(exports.backgroundFns);

package/dist/commonjs/layout/lib/utils/border/color.d.ts

@@ -1,7 +1,7 @@
 import { StyleFnConfig } from '../buildStyleFns';
 import { SystemPropValues } from '../systemProps';
 /** style props to set CSS border color properties */
-export declare type BorderColorStyleProps = {
+export type BorderColorStyleProps = {
     /**
      * - sets [CSS border-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)
      * - system tokens: `color`

package/dist/commonjs/layout/lib/utils/border/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAEhD,qDAAqD;AACrD,oBAAY,qBAAqB,GAAG;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC3C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;OAIG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,aAAa,EAoCpD,CAAC;AAEF,eAAO,MAAM,cAAc,qCAA2C,CAAC"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAEhD,qDAAqD;AACrD,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;OAGG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC3C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC7C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC9C;;;;OAIG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,aAAa,EAoCpD,CAAC;AAEF,eAAO,MAAM,cAAc,qCAA2C,CAAC"}

package/dist/commonjs/layout/lib/utils/border/color.js

@@ -39,4 +39,4 @@ exports.borderColorStyleFnConfigs = [
         system: 'color',
     },
 ];
-exports.borderColorFns = buildStyleFns_1.buildStyleFns(exports.borderColorStyleFnConfigs);
+exports.borderColorFns = (0, buildStyleFns_1.buildStyleFns)(exports.borderColorStyleFnConfigs);

package/dist/commonjs/layout/lib/utils/border/index.d.ts

@@ -3,7 +3,7 @@ import { BorderLineStyleProps } from './lineStyle';
 import { BorderRadiusStyleProps } from './radius';
 import { BorderShorthandStyleProps } from './shorthand';
 import { BorderWidthStyleProps } from './width';
-export declare type BorderStyleProps = BorderColorStyleProps & BorderLineStyleProps & BorderRadiusStyleProps & BorderShorthandStyleProps & BorderWidthStyleProps;
+export type BorderStyleProps = BorderColorStyleProps & BorderLineStyleProps & BorderRadiusStyleProps & BorderShorthandStyleProps & BorderWidthStyleProps;
 /**
  * A style prop function that takes component props and returns border styles. Some props, such as borderRadius and borderColor, are connected to our design tokens.
  * If no `BorderStyleProps` are found, it returns an empty object.

package/dist/commonjs/layout/lib/utils/border/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,qBAAqB,EAA4C,MAAM,SAAS,CAAC;AACzF,OAAO,EAAC,oBAAoB,EAA+C,MAAM,aAAa,CAAC;AAC/F,OAAO,EAAC,sBAAsB,EAA8C,MAAM,UAAU,CAAC;AAC7F,OAAO,EACL,yBAAyB,EAG1B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,qBAAqB,EAA4C,MAAM,SAAS,CAAC;AAEzF,oBAAY,gBAAgB,GAAG,qBAAqB,GAClD,oBAAoB,GACpB,sBAAsB,GACtB,yBAAyB,GACzB,qBAAqB,CAAC;AAExB;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM,iCAMjB,CAAC;AAEH,eAAO,MAAM,oBAAoB,4CAMhC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,qBAAqB,EAA4C,MAAM,SAAS,CAAC;AACzF,OAAO,EAAC,oBAAoB,EAA+C,MAAM,aAAa,CAAC;AAC/F,OAAO,EAAC,sBAAsB,EAA8C,MAAM,UAAU,CAAC;AAC7F,OAAO,EACL,yBAAyB,EAG1B,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,qBAAqB,EAA4C,MAAM,SAAS,CAAC;AAEzF,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,GAClD,oBAAoB,GACpB,sBAAsB,GACtB,yBAAyB,GACzB,qBAAqB,CAAC;AAExB;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM,iCAMjB,CAAC;AAEH,eAAO,MAAM,oBAAoB,4CAMhC,CAAC"}

package/dist/commonjs/layout/lib/utils/border/index.js

@@ -24,7 +24,7 @@ const width_1 = require("./width");
  * );
  *```
  */
-exports.border = buildStyleFns_1.buildStylePropFn({
+exports.border = (0, buildStyleFns_1.buildStylePropFn)({
     ...color_1.borderColorFns,
     ...lineStyle_1.borderLineStyleFns,
     ...radius_1.borderRadiusFns,

package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts

@@ -1,7 +1,7 @@
 import { Property } from 'csstype';
 import { StyleFnConfig } from '../buildStyleFns';
 /** style props to set CSS border style properties */
-export declare type BorderLineStyleProps = {
+export type BorderLineStyleProps = {
     /** sets [CSS border-collapse property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse) */
     borderCollapse?: Property.BorderCollapse;
     /** sets [CSS border-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing) */

package/dist/commonjs/layout/lib/utils/border/lineStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lineStyle.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/lineStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D,qDAAqD;AACrD,oBAAY,oBAAoB,GAAG;IACjC,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,sGAAsG;IACtG,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAC9B,8GAA8G;IAC9G,cAAc,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACnC,oHAAoH;IACpH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAClC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,aAAa,EA8CnD,CAAC;AAEF,eAAO,MAAM,kBAAkB,qCAA0C,CAAC"}
+{"version":3,"file":"lineStyle.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/lineStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D,qDAAqD;AACrD,MAAM,MAAM,oBAAoB,GAAG;IACjC,4GAA4G;IAC5G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,sGAAsG;IACtG,WAAW,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAC9B,8GAA8G;IAC9G,cAAc,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACjC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACnC,oHAAoH;IACpH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAClC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,aAAa,EA8CnD,CAAC;AAEF,eAAO,MAAM,kBAAkB,qCAA0C,CAAC"}

package/dist/commonjs/layout/lib/utils/border/lineStyle.js

@@ -49,4 +49,4 @@ exports.borderLineStyleFnConfigs = [
         system: 'none',
     },
 ];
-exports.borderLineStyleFns = buildStyleFns_1.buildStyleFns(exports.borderLineStyleFnConfigs);
+exports.borderLineStyleFns = (0, buildStyleFns_1.buildStyleFns)(exports.borderLineStyleFnConfigs);

package/dist/commonjs/layout/lib/utils/border/radius.d.ts

@@ -1,7 +1,7 @@
 import { StyleFnConfig } from '../buildStyleFns';
 import { SystemPropValues } from '../systemProps';
 /** style props to set CSS border radius properties */
-export declare type BorderRadiusStyleProps = {
+export type BorderRadiusStyleProps = {
     /**
      * - sets [CSS border-radius property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)
      * - system tokens: `shape`

package/dist/commonjs/layout/lib/utils/border/radius.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/radius.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAEhD,sDAAsD;AACtD,oBAAY,sBAAsB,GAAG;IACnC;;;SAGK;IACL,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;SAGK;IACL,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChD;;;SAGK;IACL,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACjD;;;SAGK;IACL,sBAAsB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD;;;SAGK;IACL,uBAAuB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,aAAa,EA0BrD,CAAC;AAEF,eAAO,MAAM,eAAe,qCAA4C,CAAC"}
+{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/radius.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAEhD,sDAAsD;AACtD,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;SAGK;IACL,YAAY,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC;;;SAGK;IACL,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChD;;;SAGK;IACL,oBAAoB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACjD;;;SAGK;IACL,sBAAsB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnD;;;SAGK;IACL,uBAAuB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,aAAa,EA0BrD,CAAC;AAEF,eAAO,MAAM,eAAe,qCAA4C,CAAC"}

package/dist/commonjs/layout/lib/utils/border/radius.js

@@ -29,4 +29,4 @@ exports.borderRadiusStyleFnConfigs = [
         system: 'shape',
     },
 ];
-exports.borderRadiusFns = buildStyleFns_1.buildStyleFns(exports.borderRadiusStyleFnConfigs);
+exports.borderRadiusFns = (0, buildStyleFns_1.buildStyleFns)(exports.borderRadiusStyleFnConfigs);

package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts

@@ -1,7 +1,7 @@
 import { Property } from 'csstype';
 import { StyleFnConfig } from '../buildStyleFns';
 /** style props to set CSS border properties */
-export declare type BorderShorthandStyleProps = {
+export type BorderShorthandStyleProps = {
     /** sets [CSS border property](https://developer.mozilla.org/en-US/docs/Web/CSS/border) */
     border?: Property.Border;
     /** sets [CSS border-top property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top) */

package/dist/commonjs/layout/lib/utils/border/shorthand.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shorthand.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/shorthand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D,+CAA+C;AAC/C,oBAAY,yBAAyB,GAAG;IACtC,0FAA0F;IAC1F,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;SAGK;IACL,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;;SAGK;IACL,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;;SAGK;IACL,iBAAiB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC;IAC/C;;;SAGK;IACL,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,aAAa,EAoCxD,CAAC;AAEF,eAAO,MAAM,kBAAkB,qCAA+C,CAAC"}
+{"version":3,"file":"shorthand.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/shorthand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D,+CAA+C;AAC/C,MAAM,MAAM,yBAAyB,GAAG;IACtC,0FAA0F;IAC1F,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;SAGK;IACL,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC,wGAAwG;IACxG,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;;SAGK;IACL,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC;;;SAGK;IACL,iBAAiB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC;IAC/C;;;SAGK;IACL,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,aAAa,EAoCxD,CAAC;AAEF,eAAO,MAAM,kBAAkB,qCAA+C,CAAC"}

package/dist/commonjs/layout/lib/utils/border/shorthand.js

@@ -39,4 +39,4 @@ exports.borderShorthandStyleFnConfigs = [
         system: 'none',
     },
 ];
-exports.borderShorthandFns = buildStyleFns_1.buildStyleFns(exports.borderShorthandStyleFnConfigs);
+exports.borderShorthandFns = (0, buildStyleFns_1.buildStyleFns)(exports.borderShorthandStyleFnConfigs);

package/dist/commonjs/layout/lib/utils/border/width.d.ts

@@ -1,7 +1,7 @@
 import { Property } from 'csstype';
 import { StyleFnConfig } from '../buildStyleFns';
 /** style props to set CSS border width properties */
-export declare type BorderWidthStyleProps = {
+export type BorderWidthStyleProps = {
     /** sets [CSS border-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width) */
     borderWidth?: Property.BorderWidth | number;
     /** sets [CSS border-top-width property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width) */

package/dist/commonjs/layout/lib/utils/border/width.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"width.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/width.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D,qDAAqD;AACrD,oBAAY,qBAAqB,GAAG;IAClC,sGAAsG;IACtG,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC;IAC5C,8GAA8G;IAC9G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,GAAG,MAAM,CAAC;IAClD;;;SAGK;IACL,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,GAAG,MAAM,CAAC;IACtD,oHAAoH;IACpH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,GAAG,MAAM,CAAC;IACxD;;;SAGK;IACL,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,GAAG,MAAM,CAAC;IACpD;;;SAGK;IACL,sBAAsB,CAAC,EAAE,QAAQ,CAAC,sBAAsB,GAAG,MAAM,CAAC;IAClE;;;SAGK;IACL,oBAAoB,CAAC,EAAE,QAAQ,CAAC,oBAAoB,GAAG,MAAM,CAAC;CAC/D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,aAAa,EAoCpD,CAAC;AAEF,eAAO,MAAM,cAAc,qCAA2C,CAAC"}
+{"version":3,"file":"width.d.ts","sourceRoot":"","sources":["../../../../../../layout/lib/utils/border/width.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAgB,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D,qDAAqD;AACrD,MAAM,MAAM,qBAAqB,GAAG;IAClC,sGAAsG;IACtG,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,MAAM,CAAC;IAC5C,8GAA8G;IAC9G,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,GAAG,MAAM,CAAC;IAClD;;;SAGK;IACL,gBAAgB,CAAC,EAAE,QAAQ,CAAC,gBAAgB,GAAG,MAAM,CAAC;IACtD,oHAAoH;IACpH,iBAAiB,CAAC,EAAE,QAAQ,CAAC,iBAAiB,GAAG,MAAM,CAAC;IACxD;;;SAGK;IACL,eAAe,CAAC,EAAE,QAAQ,CAAC,eAAe,GAAG,MAAM,CAAC;IACpD;;;SAGK;IACL,sBAAsB,CAAC,EAAE,QAAQ,CAAC,sBAAsB,GAAG,MAAM,CAAC;IAClE;;;SAGK;IACL,oBAAoB,CAAC,EAAE,QAAQ,CAAC,oBAAoB,GAAG,MAAM,CAAC;CAC/D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,aAAa,EAoCpD,CAAC;AAEF,eAAO,MAAM,cAAc,qCAA2C,CAAC"}

package/dist/commonjs/layout/lib/utils/border/width.js

@@ -39,4 +39,4 @@ exports.borderWidthStyleFnConfigs = [
         system: 'none',
     },
 ];
-exports.borderWidthFns = buildStyleFns_1.buildStyleFns(exports.borderWidthStyleFnConfigs);
+exports.borderWidthFns = (0, buildStyleFns_1.buildStyleFns)(exports.borderWidthStyleFnConfigs);

package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts

@@ -1,10 +1,10 @@
 import { SystemPropNames } from './systemProps';
-export declare type StyleFnConfig = {
+export type StyleFnConfig = {
     name: string;
     properties: string[];
     system: SystemPropNames | 'none';
 };
-export declare type StyleFns = {
+export type StyleFns = {
     [key: string]: (value: unknown) => {};
 };
 export declare function buildStyleFns(styleFnConfigs: StyleFnConfig[]): StyleFns;

package/dist/commonjs/layout/lib/utils/buildStyleFns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildStyleFns.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/buildStyleFns.ts"],"names":[],"mappings":"AAQA,OAAO,EAAyB,eAAe,EAAmB,MAAM,eAAe,CAAC;AAExF,oBAAY,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,eAAe,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,EAAE,CAAC;CACvC,CAAC;AA8BF,wBAAgB,aAAa,CAAC,cAAc,EAAE,aAAa,EAAE,GAAG,QAAQ,CAoDvE;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,WAChD,CAAC,QAajB"}
+{"version":3,"file":"buildStyleFns.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/buildStyleFns.ts"],"names":[],"mappings":"AAQA,OAAO,EAAyB,eAAe,EAAmB,MAAM,eAAe,CAAC;AAExF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,eAAe,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,EAAE,CAAC;CACvC,CAAC;AA8BF,wBAAgB,aAAa,CAAC,cAAc,EAAE,aAAa,EAAE,GAAG,QAAQ,CAoDvE;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,WAChD,CAAC,QAajB"}

package/dist/commonjs/layout/lib/utils/color.d.ts

@@ -2,7 +2,7 @@ import { Property } from 'csstype';
 import { StyleFnConfig } from './buildStyleFns';
 import { SystemPropValues } from './systemProps';
 /** style props to set CSS color properties */
-export declare type ColorStyleProps = {
+export type ColorStyleProps = {
     /**
      * - sets [CSS background-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)
      * - system tokens: `color`

package/dist/commonjs/layout/lib/utils/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,8CAA8C;AAC9C,oBAAY,eAAe,GAAG;IAC5B;;;SAGK;IACL,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;SAGK;IACL,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,4FAA4F;IAC5F,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,EAgB9C,CAAC;AAEF,eAAO,MAAM,QAAQ,oCAAqC,CAAC;AAC3D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,gCAA8C,CAAC"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAE/C,8CAA8C;AAC9C,MAAM,MAAM,eAAe,GAAG;IAC5B;;;SAGK;IACL,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;SAGK;IACL,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,4FAA4F;IAC5F,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,EAgB9C,CAAC;AAEF,eAAO,MAAM,QAAQ,oCAAqC,CAAC;AAC3D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,gCAA8C,CAAC"}

package/dist/commonjs/layout/lib/utils/color.js

@@ -19,7 +19,7 @@ exports.colorStyleFnConfigs = [
         system: 'none',
     },
 ];
-exports.colorFns = buildStyleFns_1.buildStyleFns(exports.colorStyleFnConfigs);
+exports.colorFns = (0, buildStyleFns_1.buildStyleFns)(exports.colorStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns color styles from Canvas token values.
  * If no `ColorStyleProps` are found, it returns an empty object.
@@ -31,4 +31,4 @@ exports.colorFns = buildStyleFns_1.buildStyleFns(exports.colorStyleFnConfigs);
  * );
  * ```
  */
-exports.color = buildStyleFns_1.buildStylePropFn(exports.colorFns);
+exports.color = (0, buildStyleFns_1.buildStylePropFn)(exports.colorFns);