@workday/canvas-kit-react 8.0.0-alpha.253-next.22 → 8.0.0-alpha.428-next.2

package/dist/commonjs/layout/lib/Box.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 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]; } });
@@ -29,39 +18,28 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Box = exports.boxStyleFn = void 0;
-var React = __importStar(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
-var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
-var common_1 = require("@workday/canvas-kit-react/common");
+const React = __importStar(require("react"));
+const styled_1 = __importDefault(require("@emotion/styled"));
+const is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
+const common_1 = require("@workday/canvas-kit-react/common");
 // style props
-var background_1 = require("./utils/background");
-var border_1 = require("./utils/border");
-var color_1 = require("./utils/color");
-var depth_1 = require("./utils/depth");
-var flexItem_1 = require("./utils/flexItem");
-var gridItem_1 = require("./utils/gridItem");
-var layout_1 = require("./utils/layout");
-var other_1 = require("./utils/other");
-var position_1 = require("./utils/position");
-var space_1 = require("./utils/space");
-var text_1 = require("./utils/text");
-var omittedProps = [
+const background_1 = require("./utils/background");
+const border_1 = require("./utils/border");
+const color_1 = require("./utils/color");
+const depth_1 = require("./utils/depth");
+const flexItem_1 = require("./utils/flexItem");
+const gridItem_1 = require("./utils/gridItem");
+const layout_1 = require("./utils/layout");
+const other_1 = require("./utils/other");
+const position_1 = require("./utils/position");
+const space_1 = require("./utils/space");
+const text_1 = require("./utils/text");
+const omittedProps = [
     'display',
     'color',
     'height',
@@ -83,7 +61,7 @@ var omittedProps = [
     'whiteSpace',
     'wordBreak',
 ];
-var shouldForwardProp = function (prop) {
+const shouldForwardProp = (prop) => {
     return is_prop_valid_1.default(prop) && !omittedProps.includes(prop);
 };
 /**
@@ -104,7 +82,7 @@ var shouldForwardProp = function (prop) {
  * <StyledHeader color='red'>Hello World</StyledHeader>
  * ```
  */
-var boxStyleFn = function (props) {
+const boxStyleFn = (props) => {
     return [
         {
             boxSizing: 'border-box',
@@ -120,11 +98,11 @@ var boxStyleFn = function (props) {
         position_1.position,
         space_1.space,
         text_1.text,
-    ].reduce(function (result, style) {
+    ].reduce((result, style) => {
         // @ts-ignore
-        var temp = typeof style === 'function' ? style(props) : style;
+        const temp = typeof style === 'function' ? style(props) : style;
         // eslint-disable-next-line guard-for-in
-        for (var key in temp) {
+        for (const key in temp) {
             // @ts-ignore
             result[key] = temp[key];
         }
@@ -133,9 +111,9 @@ var boxStyleFn = function (props) {
 };
 exports.boxStyleFn = boxStyleFn;
 // Meant to be used with elements. The `shouldForwardProps` will remove all style props
-var StyledBoxElement = styled_1.default('div', { shouldForwardProp: shouldForwardProp })(exports.boxStyleFn);
+const StyledBoxElement = 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
-var StyledBoxComponent = styled_1.default('div')(exports.boxStyleFn);
+const StyledBoxComponent = 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.
@@ -155,11 +133,8 @@ var StyledBoxComponent = styled_1.default('div')(exports.boxStyleFn);
  */
 exports.Box = common_1.createComponent('div')({
     displayName: 'Box',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        var BoxComponent = common_1.useConstant(function () {
-            return typeof Element === 'string' ? StyledBoxElement : StyledBoxComponent;
-        });
-        return (React.createElement(BoxComponent, __assign({ as: Element, ref: ref }, elemProps), children));
+    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 }, elemProps), children));
     },
 });

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

@@ -23,7 +23,7 @@ export declare type FlexProps = Omit<BoxProps, 'display'> & FlexStyleProps;
  * );
  * ```
  */
-export declare const Flex: import("../../common").ElementComponent<"div", FlexProps> & {
-    Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
+export declare const Flex: import("@workday/canvas-kit-react/common").ElementComponent<"div", Omit<BoxProps, "display"> & FlexStyleProps> & {
+    Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("..").BackgroundStyleProps & import("./utils/border/color").BorderColorStyleProps & import("./utils/border/lineStyle").BorderLineStyleProps & import("./utils/border/radius").BorderRadiusStyleProps & import("./utils/border/shorthand").BorderShorthandStyleProps & import("./utils/border/width").BorderWidthStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").GridItemStyleProps & import("..").LayoutStyleProps & import("..").OtherStyleProps & import("..").PositionStyleProps & import("..").SpaceStyleProps & import("..").TextStyleProps>;
 };
 //# sourceMappingURL=Flex.d.ts.map

package/dist/commonjs/layout/lib/Flex.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 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]; } });
@@ -29,28 +18,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Flex = void 0;
-var React = __importStar(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var Box_1 = require("./Box");
-var flex_1 = require("./utils/flex");
-var StyledFlex = styled_1.default(Box_1.Box)({
+const React = __importStar(require("react"));
+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)({
     display: 'flex',
 }, flex_1.flex);
 /**
@@ -77,9 +55,8 @@ var StyledFlex = styled_1.default(Box_1.Box)({
  */
 exports.Flex = common_1.createComponent('div')({
     displayName: 'Flex',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(StyledFlex, __assign({ as: Element, ref: ref }, elemProps), children));
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (React.createElement(StyledFlex, Object.assign({ as: Element, ref: ref }, elemProps), children));
     },
     subComponents: {
         Item: Box_1.Box,

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

@@ -24,7 +24,7 @@ export declare type GridItemProps = BoxProps;
  * );
  *```
  */
-export declare const Grid: import("../../common").ElementComponent<"div", GridProps> & {
+export declare const Grid: import("@workday/canvas-kit-react/common").ElementComponent<"div", Omit<BoxProps, "display"> & GridStyleProps> & {
     /**
      * `<Grid.Item />` is the child specific sub-component to `<Grid/>`. `<Grid.Item />` gets child specific props, whereas `<Grid./>` gets parent container props.
      *
@@ -46,6 +46,6 @@ export declare const Grid: import("../../common").ElementComponent<"div", GridPr
      * );
      *```
      */
-    Item: import("../../common").ElementComponent<"div", import("..").CommonStyleProps>;
+    Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("..").BackgroundStyleProps & import("./utils/border/color").BorderColorStyleProps & import("./utils/border/lineStyle").BorderLineStyleProps & import("./utils/border/radius").BorderRadiusStyleProps & import("./utils/border/shorthand").BorderShorthandStyleProps & import("./utils/border/width").BorderWidthStyleProps & import("..").ColorStyleProps & import("..").DepthStyleProps & import("..").FlexItemStyleProps & import("..").GridItemStyleProps & import("..").LayoutStyleProps & import("..").OtherStyleProps & import("..").PositionStyleProps & import("..").SpaceStyleProps & import("..").TextStyleProps>;
 };
 //# sourceMappingURL=Grid.d.ts.map

package/dist/commonjs/layout/lib/Grid.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 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]; } });
@@ -29,35 +18,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Grid = void 0;
-var React = __importStar(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var Box_1 = require("./Box");
-var grid_1 = require("./utils/grid");
-var StyledGrid = styled_1.default(Box_1.Box)({
+const React = __importStar(require("react"));
+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)({
     display: 'grid',
 }, grid_1.grid);
-var GridItem = common_1.createComponent('div')({
+const GridItem = common_1.createComponent('div')({
     displayName: 'Grid.Item',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(Box_1.Box, __assign({ as: Element, ref: ref }, elemProps), children));
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (React.createElement(Box_1.Box, Object.assign({ as: Element, ref: ref }, elemProps), children));
     },
 });
 /**
@@ -84,9 +61,8 @@ var GridItem = common_1.createComponent('div')({
  */
 exports.Grid = common_1.createComponent('div')({
     displayName: 'Grid',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(StyledGrid, __assign({ as: Element, ref: ref }, elemProps), children));
+    Component: ({ children, ...elemProps }, ref, Element) => {
+        return (React.createElement(StyledGrid, Object.assign({ as: Element, ref: ref }, elemProps), children));
     },
     subComponents: {
         /**

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.background = exports.backgroundFns = exports.backgroundStyleFnConfigs = void 0;
-var buildStyleFns_1 = require("./buildStyleFns");
+const buildStyleFns_1 = require("./buildStyleFns");
 exports.backgroundStyleFnConfigs = [
     {
         name: 'background',

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

@@ -3,40 +3,40 @@ import { SystemPropValues } from '../systemProps';
 /** style props to set CSS border color properties */
 export declare type BorderColorStyleProps = {
     /**
-     * - sets [CSS border-color property]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)
+     * - sets [CSS border-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)
      * - system tokens: `color`
      */
     borderColor?: SystemPropValues['color'];
     /**
-     * - sets [CSS border-top-color property]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color)
+     * - sets [CSS border-top-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color)
      * - system tokens: `color`
      */
     borderTopColor?: SystemPropValues['color'];
     /**
-     * - sets [CSS border-right-color property]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color)
+     * - sets [CSS border-right-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color)
      * - no bidirectional support
      * - system tokens: `color`
      */
     borderRightColor?: SystemPropValues['color'];
     /**
-     * - sets [CSS border-bottom-color property]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-color)
+     * - sets [CSS border-bottom-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-color)
      * - system tokens: `color`
      */
     borderBottomColor?: SystemPropValues['color'];
     /**
-     * - sets [CSS border-left-color property]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color)
+     * - sets [CSS border-left-color property](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color)
      * - no bidirectional support
      * - system tokens: `color`
      */
     borderLeftColor?: SystemPropValues['color'];
     /**
-     * - sets [CSS border-inline-start-color property ]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-color)
+     * - sets [CSS border-inline-start-color property ](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-start-color)
      * - bidirectional support
      * - system tokens: `color`
      */
     borderInlineStartColor?: SystemPropValues['color'];
     /**
-     * - sets [CSS border-inline-end-color property ]((https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-color)
+     * - sets [CSS border-inline-end-color property ](https://developer.mozilla.org/en-US/docs/Web/CSS/border-inline-end-color)
      * - bidirectional support
      * - system tokens: `color`
      */

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.borderColorFns = exports.borderColorStyleFnConfigs = void 0;
-var buildStyleFns_1 = require("../buildStyleFns");
+const buildStyleFns_1 = require("../buildStyleFns");
 exports.borderColorStyleFnConfigs = [
     {
         name: 'borderColor',

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

@@ -1,30 +1,12 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.borderStyleFnConfigs = exports.border = void 0;
-var buildStyleFns_1 = require("../buildStyleFns");
-var color_1 = require("./color");
-var lineStyle_1 = require("./lineStyle");
-var radius_1 = require("./radius");
-var shorthand_1 = require("./shorthand");
-var width_1 = require("./width");
+const buildStyleFns_1 = require("../buildStyleFns");
+const color_1 = require("./color");
+const lineStyle_1 = require("./lineStyle");
+const radius_1 = require("./radius");
+const shorthand_1 = require("./shorthand");
+const width_1 = require("./width");
 /**
  * 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.
@@ -42,5 +24,17 @@ var width_1 = require("./width");
  * );
  *```
  */
-exports.border = buildStyleFns_1.buildStylePropFn(__assign(__assign(__assign(__assign(__assign({}, color_1.borderColorFns), lineStyle_1.borderLineStyleFns), radius_1.borderRadiusFns), shorthand_1.borderShorthandFns), width_1.borderWidthFns));
-exports.borderStyleFnConfigs = __spreadArrays(color_1.borderColorStyleFnConfigs, lineStyle_1.borderLineStyleFnConfigs, radius_1.borderRadiusStyleFnConfigs, shorthand_1.borderShorthandStyleFnConfigs, width_1.borderWidthStyleFnConfigs);
+exports.border = buildStyleFns_1.buildStylePropFn({
+    ...color_1.borderColorFns,
+    ...lineStyle_1.borderLineStyleFns,
+    ...radius_1.borderRadiusFns,
+    ...shorthand_1.borderShorthandFns,
+    ...width_1.borderWidthFns,
+});
+exports.borderStyleFnConfigs = [
+    ...color_1.borderColorStyleFnConfigs,
+    ...lineStyle_1.borderLineStyleFnConfigs,
+    ...radius_1.borderRadiusStyleFnConfigs,
+    ...shorthand_1.borderShorthandStyleFnConfigs,
+    ...width_1.borderWidthStyleFnConfigs,
+];

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.borderLineStyleFns = exports.borderLineStyleFnConfigs = void 0;
-var buildStyleFns_1 = require("../buildStyleFns");
+const buildStyleFns_1 = require("../buildStyleFns");
 exports.borderLineStyleFnConfigs = [
     {
         name: 'borderCollapse',

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.borderRadiusFns = exports.borderRadiusStyleFnConfigs = void 0;
-var buildStyleFns_1 = require("../buildStyleFns");
+const buildStyleFns_1 = require("../buildStyleFns");
 exports.borderRadiusStyleFnConfigs = [
     {
         name: 'borderRadius',

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.borderShorthandFns = exports.borderShorthandStyleFnConfigs = void 0;
-var buildStyleFns_1 = require("../buildStyleFns");
+const buildStyleFns_1 = require("../buildStyleFns");
 exports.borderShorthandStyleFnConfigs = [
     {
         name: 'border',

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.borderWidthFns = exports.borderWidthStyleFnConfigs = void 0;
-var buildStyleFns_1 = require("../buildStyleFns");
+const buildStyleFns_1 = require("../buildStyleFns");
 exports.borderWidthStyleFnConfigs = [
     {
         name: 'borderWidth',

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

@@ -1,86 +1,83 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildStylePropFn = exports.buildStyleFns = void 0;
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var getColor = function (value) {
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const getColor = (value) => {
     return tokens_1.colors[value] || value;
 };
-var getDepth = function (value) {
+const getDepth = (value) => {
     return tokens_1.depth[value];
 };
-var getShape = function (value) {
+const getShape = (value) => {
     return tokens_1.borderRadius[value] || value;
 };
-var getSpace = function (value) {
+const getSpace = (value) => {
     return tokens_1.space[value] || value;
 };
-var getFont = function (value) {
+const getFont = (value) => {
     return tokens_1.type.properties.fontFamilies[value] || value;
 };
-var getFontSize = function (value) {
+const getFontSize = (value) => {
     return tokens_1.type.properties.fontSizes[value] || value;
 };
-var getFontWeight = function (value) {
+const getFontWeight = (value) => {
     return tokens_1.type.properties.fontWeights[value] || value;
 };
 function buildStyleFns(styleFnConfigs) {
-    return styleFnConfigs.reduce(function (styleFns, styleFnConfig) {
-        var _a;
-        if (styleFns === void 0) { styleFns = {}; }
-        var styleFn = function (value) {
-            return styleFnConfig.properties.reduce(function (styles, property) {
-                var _a, _b, _c, _d, _e, _f, _g;
-                if (styles === void 0) { styles = {}; }
+    return styleFnConfigs.reduce((styleFns = {}, styleFnConfig) => {
+        const styleFn = (value) => {
+            return styleFnConfig.properties.reduce((styles = {}, property) => {
                 if (styleFnConfig.system === 'color') {
-                    return __assign(__assign({}, styles), (_a = {}, _a[property] = getColor(value), _a));
+                    return { ...styles, [property]: getColor(value) };
                 }
                 if (styleFnConfig.system === 'depth') {
                     // Depth tokens return the style property (box-shadow) and the value
-                    var depthStyle = getDepth(value);
-                    return __assign(__assign({}, styles), depthStyle);
+                    const depthStyle = getDepth(value);
+                    return { ...styles, ...depthStyle };
                 }
                 if (styleFnConfig.system === 'font') {
-                    return __assign(__assign({}, styles), (_b = {}, _b[property] = getFont(value), _b));
+                    return {
+                        ...styles,
+                        [property]: getFont(value),
+                    };
                 }
                 if (styleFnConfig.system === 'fontSize') {
-                    return __assign(__assign({}, styles), (_c = {}, _c[property] = getFontSize(value), _c));
+                    return {
+                        ...styles,
+                        [property]: getFontSize(value),
+                    };
                 }
                 if (styleFnConfig.system === 'fontWeight') {
-                    return __assign(__assign({}, styles), (_d = {}, _d[property] = getFontWeight(value), _d));
+                    return {
+                        ...styles,
+                        [property]: getFontWeight(value),
+                    };
                 }
                 if (styleFnConfig.system === 'shape') {
-                    return __assign(__assign({}, styles), (_e = {}, _e[property] = getShape(value), _e));
+                    return {
+                        ...styles,
+                        [property]: getShape(value),
+                    };
                 }
                 if (styleFnConfig.system === 'space') {
-                    return __assign(__assign({}, styles), (_f = {}, _f[property] = getSpace(value), _f));
+                    return { ...styles, [property]: getSpace(value) };
                 }
-                return __assign(__assign({}, styles), (_g = {}, _g[property] = value, _g));
+                return { ...styles, [property]: value };
             }, {});
         };
-        return __assign(__assign({}, styleFns), (_a = {}, _a[styleFnConfig.name] = styleFn, _a));
+        return { ...styleFns, [styleFnConfig.name]: styleFn };
     }, {});
 }
 exports.buildStyleFns = buildStyleFns;
 function buildStylePropFn(styleFns) {
-    return function (props) {
-        var styles = {};
-        for (var key in props) {
+    return (props) => {
+        let styles = {};
+        for (const key in props) {
             if (key in props && key in styleFns) {
-                var styleFn = styleFns[key];
-                var value = props[key];
-                var style = styleFn(value);
-                styles = __assign(__assign({}, styles), style);
+                const styleFn = styleFns[key];
+                const value = props[key];
+                const style = styleFn(value);
+                styles = { ...styles, ...style };
                 continue;
             }
         }

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.color = exports.colorFns = exports.colorStyleFnConfigs = void 0;
-var buildStyleFns_1 = require("./buildStyleFns");
+const buildStyleFns_1 = require("./buildStyleFns");
 exports.colorStyleFnConfigs = [
     {
         name: 'backgroundColor',

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.depth = exports.depthStyleFns = exports.depthStyleFnConfigs = void 0;
-var buildStyleFns_1 = require("./buildStyleFns");
+const buildStyleFns_1 = require("./buildStyleFns");
 exports.depthStyleFnConfigs = [
     {
         name: 'boxShadow',

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.flex = exports.flexStyleFns = exports.flexStyleFnConfigs = void 0;
-var buildStyleFns_1 = require("./buildStyleFns");
+const buildStyleFns_1 = require("./buildStyleFns");
 exports.flexStyleFnConfigs = [
     {
         name: 'alignContent',

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.flexItem = exports.flexItemStyleFns = exports.flexItemStyleFnConfigs = void 0;
-var buildStyleFns_1 = require("./buildStyleFns");
+const buildStyleFns_1 = require("./buildStyleFns");
 exports.flexItemStyleFnConfigs = [
     {
         name: 'flex',

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
-export declare function getValidChildren(children: React.ReactNode): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+export declare function getValidChildren(children: React.ReactNode): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
 //# sourceMappingURL=getValidChildren.d.ts.map