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

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

@@ -1,5 +1,5 @@
 import { buildStyleFns } from '../buildStyleFns';
-export var borderColorStyleFnConfigs = [
+export const borderColorStyleFnConfigs = [
     {
         name: 'borderColor',
         properties: ['borderColor'],
@@ -36,4 +36,4 @@ export var borderColorStyleFnConfigs = [
         system: 'color',
     },
 ];
-export var borderColorFns = buildStyleFns(borderColorStyleFnConfigs);
+export const borderColorFns = buildStyleFns(borderColorStyleFnConfigs);

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

@@ -1,21 +1,3 @@
-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;
-};
 import { buildStylePropFn } from '../buildStyleFns';
 import { borderColorFns, borderColorStyleFnConfigs } from './color';
 import { borderLineStyleFns, borderLineStyleFnConfigs } from './lineStyle';
@@ -39,5 +21,17 @@ import { borderWidthFns, borderWidthStyleFnConfigs } from './width';
  * );
  *```
  */
-export var border = buildStylePropFn(__assign(__assign(__assign(__assign(__assign({}, borderColorFns), borderLineStyleFns), borderRadiusFns), borderShorthandFns), borderWidthFns));
-export var borderStyleFnConfigs = __spreadArrays(borderColorStyleFnConfigs, borderLineStyleFnConfigs, borderRadiusStyleFnConfigs, borderShorthandStyleFnConfigs, borderWidthStyleFnConfigs);
+export const border = buildStylePropFn({
+    ...borderColorFns,
+    ...borderLineStyleFns,
+    ...borderRadiusFns,
+    ...borderShorthandFns,
+    ...borderWidthFns,
+});
+export const borderStyleFnConfigs = [
+    ...borderColorStyleFnConfigs,
+    ...borderLineStyleFnConfigs,
+    ...borderRadiusStyleFnConfigs,
+    ...borderShorthandStyleFnConfigs,
+    ...borderWidthStyleFnConfigs,
+];

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

@@ -1,5 +1,5 @@
 import { buildStyleFns } from '../buildStyleFns';
-export var borderLineStyleFnConfigs = [
+export const borderLineStyleFnConfigs = [
     {
         name: 'borderCollapse',
         properties: ['borderCollapse'],
@@ -46,4 +46,4 @@ export var borderLineStyleFnConfigs = [
         system: 'none',
     },
 ];
-export var borderLineStyleFns = buildStyleFns(borderLineStyleFnConfigs);
+export const borderLineStyleFns = buildStyleFns(borderLineStyleFnConfigs);

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

@@ -1,5 +1,5 @@
 import { buildStyleFns } from '../buildStyleFns';
-export var borderRadiusStyleFnConfigs = [
+export const borderRadiusStyleFnConfigs = [
     {
         name: 'borderRadius',
         properties: ['borderRadius'],
@@ -26,4 +26,4 @@ export var borderRadiusStyleFnConfigs = [
         system: 'shape',
     },
 ];
-export var borderRadiusFns = buildStyleFns(borderRadiusStyleFnConfigs);
+export const borderRadiusFns = buildStyleFns(borderRadiusStyleFnConfigs);

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

@@ -1,5 +1,5 @@
 import { buildStyleFns } from '../buildStyleFns';
-export var borderShorthandStyleFnConfigs = [
+export const borderShorthandStyleFnConfigs = [
     {
         name: 'border',
         properties: ['border'],
@@ -36,4 +36,4 @@ export var borderShorthandStyleFnConfigs = [
         system: 'none',
     },
 ];
-export var borderShorthandFns = buildStyleFns(borderShorthandStyleFnConfigs);
+export const borderShorthandFns = buildStyleFns(borderShorthandStyleFnConfigs);

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

@@ -1,5 +1,5 @@
 import { buildStyleFns } from '../buildStyleFns';
-export var borderWidthStyleFnConfigs = [
+export const borderWidthStyleFnConfigs = [
     {
         name: 'borderWidth',
         properties: ['borderWidth'],
@@ -36,4 +36,4 @@ export var borderWidthStyleFnConfigs = [
         system: 'none',
     },
 ];
-export var borderWidthFns = buildStyleFns(borderWidthStyleFnConfigs);
+export const borderWidthFns = buildStyleFns(borderWidthStyleFnConfigs);

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

@@ -1,82 +1,79 @@
-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);
-};
 import { borderRadius as borderRadiusTokens, colors as colorTokens, depth as depthTokens, space as spaceTokens, type as typeTokens, } from '@workday/canvas-kit-react/tokens';
-var getColor = function (value) {
+const getColor = (value) => {
     return colorTokens[value] || value;
 };
-var getDepth = function (value) {
+const getDepth = (value) => {
     return depthTokens[value];
 };
-var getShape = function (value) {
+const getShape = (value) => {
     return borderRadiusTokens[value] || value;
 };
-var getSpace = function (value) {
+const getSpace = (value) => {
     return spaceTokens[value] || value;
 };
-var getFont = function (value) {
+const getFont = (value) => {
     return typeTokens.properties.fontFamilies[value] || value;
 };
-var getFontSize = function (value) {
+const getFontSize = (value) => {
     return typeTokens.properties.fontSizes[value] || value;
 };
-var getFontWeight = function (value) {
+const getFontWeight = (value) => {
     return typeTokens.properties.fontWeights[value] || value;
 };
 export 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 };
     }, {});
 }
 export 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/es6/layout/lib/utils/color.js

@@ -1,5 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
-export var colorStyleFnConfigs = [
+export const colorStyleFnConfigs = [
     {
         name: 'backgroundColor',
         properties: ['backgroundColor'],
@@ -16,7 +16,7 @@ export var colorStyleFnConfigs = [
         system: 'none',
     },
 ];
-export var colorFns = buildStyleFns(colorStyleFnConfigs);
+export const colorFns = buildStyleFns(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.
@@ -28,4 +28,4 @@ export var colorFns = buildStyleFns(colorStyleFnConfigs);
  * );
  * ```
  */
-export var color = buildStylePropFn(colorFns);
+export const color = buildStylePropFn(colorFns);

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

@@ -1,5 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
-export var depthStyleFnConfigs = [
+export const depthStyleFnConfigs = [
     {
         name: 'boxShadow',
         properties: ['boxShadow'],
@@ -11,7 +11,7 @@ export var depthStyleFnConfigs = [
         system: 'depth',
     },
 ];
-export var depthStyleFns = buildStyleFns(depthStyleFnConfigs);
+export const depthStyleFns = buildStyleFns(depthStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns depth styles from Canvas token values.
  * If no `DepthStyleProps` are found, it returns an empty object.
@@ -23,4 +23,4 @@ export var depthStyleFns = buildStyleFns(depthStyleFnConfigs);
  * );
  * ```
  */
-export var depth = buildStylePropFn(depthStyleFns);
+export const depth = buildStylePropFn(depthStyleFns);

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

@@ -1,5 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
-export var flexStyleFnConfigs = [
+export const flexStyleFnConfigs = [
     {
         name: 'alignContent',
         properties: ['alignContent'],
@@ -51,7 +51,7 @@ export var flexStyleFnConfigs = [
         system: 'space',
     },
 ];
-export var flexStyleFns = buildStyleFns(flexStyleFnConfigs);
+export const flexStyleFns = buildStyleFns(flexStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns flexbox styles.
  * If no `FlexStyleProps` are found, it returns an empty object.
@@ -65,4 +65,4 @@ export var flexStyleFns = buildStyleFns(flexStyleFnConfigs);
  * );
  * ```
  */
-export var flex = buildStylePropFn(flexStyleFns);
+export const flex = buildStylePropFn(flexStyleFns);

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

@@ -1,5 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
-export var flexItemStyleFnConfigs = [
+export const flexItemStyleFnConfigs = [
     {
         name: 'flex',
         properties: ['flex'],
@@ -36,7 +36,7 @@ export var flexItemStyleFnConfigs = [
         system: 'none',
     },
 ];
-export var flexItemStyleFns = buildStyleFns(flexItemStyleFnConfigs);
+export const flexItemStyleFns = buildStyleFns(flexItemStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns flexbox item styles.
  * If no `FlexItemStyleProps` are found, it returns an empty object.
@@ -50,4 +50,4 @@ export var flexItemStyleFns = buildStyleFns(flexItemStyleFnConfigs);
  * );
  * ```
  */
-export var flexItem = buildStylePropFn(flexItemStyleFns);
+export const flexItem = buildStylePropFn(flexItemStyleFns);

package/dist/es6/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

package/dist/es6/layout/lib/utils/getValidChildren.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getValidChildren.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/getValidChildren.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,oJAIzD"}
+{"version":3,"file":"getValidChildren.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/getValidChildren.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,wEAIzD"}

package/dist/es6/layout/lib/utils/getValidChildren.js

@@ -1,6 +1,4 @@
 import * as React from 'react';
 export function getValidChildren(children) {
-    return React.Children.toArray(children).filter(function (child) {
-        return React.isValidElement(child);
-    });
+    return React.Children.toArray(children).filter(child => React.isValidElement(child));
 }

package/dist/es6/layout/lib/utils/grid.js

@@ -1,5 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
-export var gridStyleFnConfigs = [
+export const gridStyleFnConfigs = [
     {
         name: 'gridGap',
         properties: ['gridGap'],
@@ -91,7 +91,7 @@ export var gridStyleFnConfigs = [
         system: 'none',
     },
 ];
-export var gridStyleFns = buildStyleFns(gridStyleFnConfigs);
+export const gridStyleFns = buildStyleFns(gridStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns grid styles.
  * If no `GridStyleProps` are found, it returns an empty object.
@@ -106,4 +106,4 @@ export var gridStyleFns = buildStyleFns(gridStyleFnConfigs);
  * );
  * ```
  */
-export var grid = buildStylePropFn(gridStyleFns);
+export const grid = buildStylePropFn(gridStyleFns);

package/dist/es6/layout/lib/utils/gridItem.js

@@ -1,5 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
-export var gridItemStyleFnConfigs = [
+export const gridItemStyleFnConfigs = [
     {
         name: 'gridColumnStart',
         properties: ['gridColumnStart'],
@@ -51,7 +51,7 @@ export var gridItemStyleFnConfigs = [
         system: 'none',
     },
 ];
-export var gridItemStyleFns = buildStyleFns(gridItemStyleFnConfigs);
+export const gridItemStyleFns = buildStyleFns(gridItemStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns grid styles.
  * If no `GridItemStyleProps` are found, it returns an empty object.
@@ -65,4 +65,4 @@ export var gridItemStyleFns = buildStyleFns(gridItemStyleFnConfigs);
  * );
  * ```
  */
-export var gridItem = buildStylePropFn(gridItemStyleFns);
+export const gridItem = buildStylePropFn(gridItemStyleFns);

package/dist/es6/layout/lib/utils/layout.d.ts

@@ -3,7 +3,7 @@ import { StyleFnConfig } from './buildStyleFns';
 import { SystemPropValues } from './systemProps';
 /** style props to for CSS layout properties */
 export declare type LayoutStyleProps = {
-    /** sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/displaydisplay) */
+    /** sets [CSS display property](https://developer.mozilla.org/en-US/docs/Web/CSS/display) */
     display?: Property.Display;
     /**
      * - sets [CSS height property](https://developer.mozilla.org/en-US/docs/Web/CSS/height)

package/dist/es6/layout/lib/utils/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/layout.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,+CAA+C;AAC/C,oBAAY,gBAAgB,GAAG;IAC7B,mGAAmG;IACnG,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B;;;SAGK;IACL,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;;SAGK;IACL,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,aAAa,EA6D/C,CAAC;AAEF,eAAO,MAAM,cAAc,oCAAsC,CAAC;AAClE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,iCAAqD,CAAC"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/layout.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,+CAA+C;AAC/C,oBAAY,gBAAgB,GAAG;IAC7B,4FAA4F;IAC5F,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B;;;SAGK;IACL,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC;;;SAGK;IACL,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC;;;SAGK;IACL,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,kGAAkG;IAClG,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,0GAA0G;IAC1G,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC;;;SAGK;IACL,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,aAAa,EA6D/C,CAAC;AAEF,eAAO,MAAM,cAAc,oCAAsC,CAAC;AAClE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,iCAAqD,CAAC"}

package/dist/es6/layout/lib/utils/layout.js

@@ -1,5 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
-export var layoutStyleFnConfigs = [
+export const layoutStyleFnConfigs = [
     {
         name: 'display',
         properties: ['display'],
@@ -61,7 +61,7 @@ export var layoutStyleFnConfigs = [
         system: 'space',
     },
 ];
-export var layoutStyleFns = buildStyleFns(layoutStyleFnConfigs);
+export const layoutStyleFns = buildStyleFns(layoutStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns layout styles.
  * If no `LayoutStyleProps` are found, it returns an empty object.
@@ -75,4 +75,4 @@ export var layoutStyleFns = buildStyleFns(layoutStyleFnConfigs);
  * );
  * ```
  */
-export var layout = buildStylePropFn(layoutStyleFns);
+export const layout = buildStylePropFn(layoutStyleFns);

package/dist/es6/layout/lib/utils/other.js

@@ -1,5 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
-export var otherStyleFnConfigs = [
+export const otherStyleFnConfigs = [
     {
         name: 'animation',
         properties: ['animation'],
@@ -96,5 +96,5 @@ export var otherStyleFnConfigs = [
         system: 'none',
     },
 ];
-export var otherStyleFns = buildStyleFns(otherStyleFnConfigs);
-export var other = buildStylePropFn(otherStyleFns);
+export const otherStyleFns = buildStyleFns(otherStyleFnConfigs);
+export const other = buildStylePropFn(otherStyleFns);

package/dist/es6/layout/lib/utils/position.d.ts

@@ -28,6 +28,10 @@ export declare type PositionStyleProps = {
      * - no bidirectional support
      * */
     left?: number | string;
+    /**
+     * - sets [CSS inset property](https://developer.mozilla.org/en-US/docs/Web/CSS/inset)
+     */
+    inset?: number | string;
     /**
      * - sets [CSS inset-inline-start property](https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline-start)
      * - bidirectional support

package/dist/es6/layout/lib/utils/position.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/position.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E,iDAAiD;AACjD,oBAAY,kBAAkB,GAAG;IAC/B;;SAEK;IACL,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B;;SAEK;IACL,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB;;SAEK;IACL,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;;SAGK;IACL,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;SAEK;IACL,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;SAGK;IACL,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;;SAGK;IACL,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC;;;SAGK;IACL,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,aAAa,EAyCjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,oCAAwC,CAAC;AACtE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,mCAAyD,CAAC"}
+{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/position.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,OAAO,EAAkC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE/E,iDAAiD;AACjD,oBAAY,kBAAkB,GAAG;IAC/B;;SAEK;IACL,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B;;SAEK;IACL,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB;;SAEK;IACL,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;;SAGK;IACL,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;SAEK;IACL,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;SAGK;IACL,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;SAGK;IACL,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC;;;SAGK;IACL,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,aAAa,EA8CjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,oCAAwC,CAAC;AACtE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,mCAAyD,CAAC"}

package/dist/es6/layout/lib/utils/position.js

@@ -1,5 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
-export var positionStyleFnConfigs = [
+export const positionStyleFnConfigs = [
     {
         name: 'position',
         properties: ['position'],
@@ -30,6 +30,11 @@ export var positionStyleFnConfigs = [
         properties: ['left'],
         system: 'none',
     },
+    {
+        name: 'inset',
+        properties: ['inset'],
+        system: 'none',
+    },
     {
         name: 'insetInlineStart',
         properties: ['insetInlineStart'],
@@ -41,7 +46,7 @@ export var positionStyleFnConfigs = [
         system: 'none',
     },
 ];
-export var positionStyleFns = buildStyleFns(positionStyleFnConfigs);
+export const positionStyleFns = buildStyleFns(positionStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns position styles.
  * If no `PositionProps` are found, it returns an empty object.
@@ -55,4 +60,4 @@ export var positionStyleFns = buildStyleFns(positionStyleFnConfigs);
  * );
  * ```
  */
-export var position = buildStylePropFn(positionStyleFns);
+export const position = buildStylePropFn(positionStyleFns);

package/dist/es6/layout/lib/utils/space.js

@@ -1,5 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
-export var spaceStyleFnConfigs = [
+export const spaceStyleFnConfigs = [
     {
         name: 'marginInlineStart',
         properties: ['marginInlineStart'],
@@ -91,7 +91,7 @@ export var spaceStyleFnConfigs = [
         system: 'space',
     },
 ];
-export var spaceStyleFns = buildStyleFns(spaceStyleFnConfigs);
+export const spaceStyleFns = buildStyleFns(spaceStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns space styles.
  * If no `SpaceStyleProps` are found, it returns an empty object.
@@ -105,4 +105,4 @@ export var spaceStyleFns = buildStyleFns(spaceStyleFnConfigs);
  * );
  * ```
  */
-export var space = buildStylePropFn(spaceStyleFns);
+export const space = buildStylePropFn(spaceStyleFns);

package/dist/es6/layout/lib/utils/text.js

@@ -1,5 +1,5 @@
 import { buildStyleFns, buildStylePropFn } from './buildStyleFns';
-export var textStyleFnConfigs = [
+export const textStyleFnConfigs = [
     {
         name: 'fontFamily',
         properties: ['fontFamily'],
@@ -66,7 +66,7 @@ export var textStyleFnConfigs = [
         system: 'none',
     },
 ];
-export var textStyleFns = buildStyleFns(textStyleFnConfigs);
+export const textStyleFns = buildStyleFns(textStyleFnConfigs);
 /**
  * A style prop function that takes component props and returns font and text styles.
  * If no `TextStyleProps` are found, it returns an empty object.
@@ -78,4 +78,4 @@ export var textStyleFns = buildStyleFns(textStyleFnConfigs);
  * );
  * ```
  */
-export var text = buildStylePropFn(textStyleFns);
+export const text = buildStylePropFn(textStyleFns);

package/dist/es6/loading-dots/lib/LoadingDots.js

@@ -1,29 +1,3 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 __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;
-};
 import * as React from 'react';
 import { keyframes } from '@emotion/react';
 import { canvas, borderRadius } from '@workday/canvas-kit-react/tokens';
@@ -31,11 +5,19 @@ import { styled } from '@workday/canvas-kit-react/common';
 /**
  * Keyframe for the dots loading animation.
  */
-var keyframesLoading = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0%,\n  80%,\n  100% {\n    transform: scale(0);\n}\n  40% {\n    transform: scale(1);\n}"], ["\n  0%,\n  80%,\n  100% {\n    transform: scale(0);\n}\n  40% {\n    transform: scale(1);\n}"])));
+const keyframesLoading = keyframes `
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+}
+  40% {
+    transform: scale(1);
+}`;
 /**
  * The actual loading dot div.
  */
-var LoadingAnimationDot = styled('div')({
+const LoadingAnimationDot = styled('div')({
     backgroundColor: canvas.colors.soap400,
     width: canvas.space.s,
     height: canvas.space.s,
@@ -52,26 +34,22 @@ var LoadingAnimationDot = styled('div')({
     '&:last-child': {
         marginRight: 0,
     },
-}, function (_a) {
-    var animationDelay = _a.animationDelay;
-    return ({
-        animationDelay: animationDelay + 'ms',
-    });
-});
+}, ({ animationDelay }) => ({
+    animationDelay: animationDelay + 'ms',
+}));
 /**
  * A simple container for the loading dots.
  */
-var Container = styled('div')({
+const Container = styled('div')({
     display: 'inline-block',
 });
 /**
  * A simple component that displays three horizontal dots, to be used when some data is loading.
  */
 export function LoadingDots(props) {
-    var elemProps = __rest(props, []);
-    return (React.createElement(Container, __assign({}, elemProps),
+    const { ...elemProps } = props;
+    return (React.createElement(Container, Object.assign({}, elemProps),
         React.createElement(LoadingAnimationDot, { animationDelay: 0 }),
         React.createElement(LoadingAnimationDot, { animationDelay: 160 }),
         React.createElement(LoadingAnimationDot, { animationDelay: 320 })));
 }
-var templateObject_1;

package/dist/es6/menu/index.d.ts

@@ -1,7 +1,7 @@
 export { useMenuModel } from './lib/useMenuModel';
 export { Menu } from './lib/Menu';
 export { useMenuCard } from './lib/MenuCard';
-export { useMenuItem } from './lib/MenuItem';
+export { useMenuItem, StyledMenuItem } from './lib/MenuItem';
 export { useMenuList } from './lib/MenuList';
 export { useMenuPopper } from './lib/MenuPopper';
 export { useMenuTarget, useMenuTargetContext } from './lib/MenuTarget';

package/dist/es6/menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAC,IAAI,EAAC,MAAM,YAAY,CAAC;AAEhC,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAC,aAAa,EAAE,oBAAoB,EAAC,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAC,IAAI,EAAC,MAAM,YAAY,CAAC;AAEhC,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,WAAW,EAAE,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAC,aAAa,EAAE,oBAAoB,EAAC,MAAM,kBAAkB,CAAC"}