@workday/canvas-kit-react 9.0.0-alpha.368-next.6 → 9.0.0-alpha.382-next.2

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.js

@@ -20,10 +20,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getValidChildren = void 0;
-var React = __importStar(require("react"));
+const React = __importStar(require("react"));
 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));
 }
 exports.getValidChildren = getValidChildren;

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

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

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

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

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

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

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

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

package/dist/commonjs/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/commonjs/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/commonjs/layout/lib/utils/position.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.position = exports.positionStyleFns = exports.positionStyleFnConfigs = void 0;
-var buildStyleFns_1 = require("./buildStyleFns");
+const buildStyleFns_1 = require("./buildStyleFns");
 exports.positionStyleFnConfigs = [
     {
         name: 'position',
@@ -33,6 +33,11 @@ exports.positionStyleFnConfigs = [
         properties: ['left'],
         system: 'none',
     },
+    {
+        name: 'inset',
+        properties: ['inset'],
+        system: 'none',
+    },
     {
         name: 'insetInlineStart',
         properties: ['insetInlineStart'],

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

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

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

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

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

@@ -1,19 +1,4 @@
 "use strict";
-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 __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]; } });
@@ -33,31 +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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoadingDots = void 0;
-var React = __importStar(require("react"));
-var react_1 = require("@emotion/react");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var common_1 = require("@workday/canvas-kit-react/common");
+const React = __importStar(require("react"));
+const react_1 = require("@emotion/react");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const common_1 = require("@workday/canvas-kit-react/common");
 /**
  * Keyframe for the dots loading animation.
  */
-var keyframesLoading = react_1.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 = react_1.keyframes `
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+}
+  40% {
+    transform: scale(1);
+}`;
 /**
  * The actual loading dot div.
  */
-var LoadingAnimationDot = common_1.styled('div')({
+const LoadingAnimationDot = common_1.styled('div')({
     backgroundColor: tokens_1.canvas.colors.soap400,
     width: tokens_1.canvas.space.s,
     height: tokens_1.canvas.space.s,
@@ -74,27 +56,23 @@ var LoadingAnimationDot = common_1.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 = common_1.styled('div')({
+const Container = common_1.styled('div')({
     display: 'inline-block',
 });
 /**
  * A simple component that displays three horizontal dots, to be used when some data is loading.
  */
 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 })));
 }
 exports.LoadingDots = LoadingDots;
-var templateObject_1;

package/dist/commonjs/menu/lib/Menu.js

@@ -4,15 +4,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Menu = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var useMenuModel_1 = require("./useMenuModel");
-var MenuPopper_1 = require("./MenuPopper");
-var MenuTarget_1 = require("./MenuTarget");
-var MenuItem_1 = require("./MenuItem");
-var MenuCard_1 = require("./MenuCard");
-var MenuList_1 = require("./MenuList");
-var MenuDivider_1 = require("./MenuDivider");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const useMenuModel_1 = require("./useMenuModel");
+const MenuPopper_1 = require("./MenuPopper");
+const MenuTarget_1 = require("./MenuTarget");
+const MenuItem_1 = require("./MenuItem");
+const MenuCard_1 = require("./MenuCard");
+const MenuList_1 = require("./MenuList");
+const MenuDivider_1 = require("./MenuDivider");
 /**
  * `Menu` is a combination of a popup and a list. It usually has some type of target element that
  * expands/collapses the menu and a `menu` role and and several `menuitem` roles. Focus is managed
@@ -107,7 +107,6 @@ exports.Menu = common_1.createContainer()({
          */
         Popper: MenuPopper_1.MenuPopper,
     },
-})(function (_a) {
-    var children = _a.children;
+})(({ children }) => {
     return react_1.default.createElement(react_1.default.Fragment, null, children);
 });

package/dist/commonjs/menu/lib/MenuCard.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]; } });
@@ -31,40 +20,39 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuCard = exports.useMenuCard = void 0;
-var React = __importStar(require("react"));
-var card_1 = require("@workday/canvas-kit-react/card");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var common_1 = require("@workday/canvas-kit-react/common");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var useMenuModel_1 = require("./useMenuModel");
-var StyledCard = common_1.styled(card_1.Card)(tokens_1.type.levels.subtext.large, {
+const React = __importStar(require("react"));
+const card_1 = require("@workday/canvas-kit-react/card");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const common_1 = require("@workday/canvas-kit-react/common");
+const popup_1 = require("@workday/canvas-kit-react/popup");
+const useMenuModel_1 = require("./useMenuModel");
+const StyledCard = common_1.styled(card_1.Card)(tokens_1.type.levels.subtext.large, {
     position: 'relative',
     display: 'flex',
     flexDirection: 'column',
-}, function (_a) {
-    var transformOrigin = _a.transformOrigin;
+}, ({ transformOrigin }) => {
     if (transformOrigin == null) {
         return {};
     }
     return {
-        transition: "transform ease-out 150ms",
-        transformOrigin: transformOrigin.vertical + " " + transformOrigin.horizontal,
+        transition: `transform ease-out 150ms`,
+        transformOrigin: `${transformOrigin.vertical} ${transformOrigin.horizontal}`,
         // Allow overriding of animation in special cases
         '.wd-no-animation &': {
             animation: 'none',
         },
     };
 });
-exports.useMenuCard = common_1.createElemPropsHook(useMenuModel_1.useMenuModel)(function () {
+exports.useMenuCard = common_1.createElemPropsHook(useMenuModel_1.useMenuModel)(() => {
     return {};
 });
 exports.MenuCard = common_1.createSubcomponent('div')({
     displayName: 'Menu.Card',
     modelHook: useMenuModel_1.useMenuModel,
     elemPropsHook: exports.useMenuCard,
-})(function (elemProps, Element, model) {
-    var transformOrigin = React.useMemo(function () {
+})((elemProps, Element, model) => {
+    const transformOrigin = React.useMemo(() => {
         return popup_1.getTransformFromPlacement(model.state.placement || 'bottom');
     }, [model.state.placement]);
-    return (React.createElement(StyledCard, __assign({ as: Element, maxWidth: "calc(100vw - " + tokens_1.space.l + ")", transformOrigin: transformOrigin, padding: "zero", depth: 3 }, elemProps), elemProps.children));
+    return (React.createElement(StyledCard, Object.assign({ as: Element, maxWidth: `calc(100vw - ${tokens_1.space.l})`, transformOrigin: transformOrigin, padding: "zero", depth: 3 }, elemProps), elemProps.children));
 });

package/dist/commonjs/menu/lib/MenuContextTarget.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,30 +18,19 @@ 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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuTarget = exports.useMenuTargetContext = exports.useMenuTarget = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var button_1 = require("@workday/canvas-kit-react/button");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var useMenuModel_1 = require("./useMenuModel");
-var useMenuTargetBase = common_1.createElemPropsHook(useMenuModel_1.useMenuModel)(function (model) {
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const button_1 = require("@workday/canvas-kit-react/button");
+const popup_1 = require("@workday/canvas-kit-react/popup");
+const useMenuModel_1 = require("./useMenuModel");
+const useMenuTargetBase = common_1.createElemPropsHook(useMenuModel_1.useMenuModel)(model => {
     return {
         id: model.state.id,
         'aria-haspopup': 'true',
         'aria-expanded': model.state.visibility === 'visible',
-        onKeyDown: function (event) {
+        onKeyDown(event) {
             // eslint-disable-next-line default-case
             switch (event.key) {
                 case 'ArrowDown':
@@ -68,7 +46,6 @@ exports.MenuTarget = common_1.createSubcomponent(button_1.SecondaryButton)({
     displayName: 'Menu.Target',
     modelHook: useMenuModel_1.useMenuModel,
     elemPropsHook: exports.useMenuTarget,
-})(function (_a, Element) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return React.createElement(Element, __assign({}, elemProps), children);
+})(({ children, ...elemProps }, Element) => {
+    return React.createElement(Element, Object.assign({}, elemProps), children);
 });

package/dist/commonjs/menu/lib/MenuDivider.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]; } });
@@ -34,20 +23,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuDivider = void 0;
-var React = __importStar(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var common_1 = require("@workday/canvas-kit-react/common");
-var Divider = styled_1.default('hr')({
+const React = __importStar(require("react"));
+const styled_1 = __importDefault(require("@emotion/styled"));
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const common_1 = require("@workday/canvas-kit-react/common");
+const Divider = styled_1.default('hr')({
     display: 'block',
     height: 1,
     border: 0,
-    borderTop: "1px solid " + tokens_1.colors.soap400,
-    margin: tokens_1.space.xxs + " 0",
+    borderTop: `1px solid ${tokens_1.colors.soap400}`,
+    margin: `${tokens_1.space.xxs} 0`,
 });
 exports.MenuDivider = common_1.createComponent('hr')({
     displayName: 'Menu.Divider',
-    Component: function (elemProps, ref, Element) {
-        return React.createElement(Divider, __assign({ as: Element, ref: ref }, elemProps));
+    Component(elemProps, ref, Element) {
+        return React.createElement(Divider, Object.assign({ as: Element, ref: ref }, elemProps));
     },
 });