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

package/dist/es6/badge/lib/CountBadge.js

@@ -1,34 +1,8 @@
-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 styled from '@emotion/styled';
 import { borderRadius, colors, fontFamily } from '@workday/canvas-kit-react/tokens';
-var variants = {
+const variants = {
     default: {
         background: colors.cinnamon500,
         color: colors.frenchVanilla100,
@@ -40,14 +14,22 @@ var variants = {
         color: colors.blueberry400,
     },
 };
-var grow = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    transform: scale(0.85);\n  }\n\n  to {\n    transform: scale(1.0);\n  }\n"], ["\n  from {\n    transform: scale(0.85);\n  }\n\n  to {\n    transform: scale(1.0);\n  }\n"])));
-var Container = styled('span')({
+const grow = keyframes `
+  from {
+    transform: scale(0.85);
+  }
+
+  to {
+    transform: scale(1.0);
+  }
+`;
+const Container = styled('span')({
     alignItems: 'center',
-    animation: grow + " 0.2s ease",
+    animation: `${grow} 0.2s ease`,
     borderRadius: borderRadius.circle,
     boxSizing: 'border-box',
     display: 'inline-flex',
-    fontFamily: fontFamily,
+    fontFamily,
     fontSize: '12px',
     fontWeight: 700,
     height: '20px',
@@ -55,13 +37,11 @@ var Container = styled('span')({
     lineHeight: '20px',
     minWidth: '20px',
     padding: '0 6.5px',
-}, function (_a) {
-    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b;
-    return (__assign({}, variants[variant]));
-});
-export var CountBadge = function (props) {
-    var _a = props.variant, variant = _a === void 0 ? 'default' : _a, _b = props.count, count = _b === void 0 ? 0 : _b, _c = props.limit, limit = _c === void 0 ? 1000 : _c, elemProps = __rest(props, ["variant", "count", "limit"]);
-    var formattedCount = count < limit ? "" + count : limit - 1 + "+";
-    return (React.createElement(Container, __assign({ variant: variant }, elemProps), formattedCount));
+}, ({ variant = 'default' }) => ({
+    ...variants[variant],
+}));
+export const CountBadge = (props) => {
+    const { variant = 'default', count = 0, limit = 1000, ...elemProps } = props;
+    const formattedCount = count < limit ? `${count}` : `${limit - 1}+`;
+    return (React.createElement(Container, Object.assign({ variant: variant }, elemProps), formattedCount));
 };
-var templateObject_1;

package/dist/es6/banner/lib/Banner.js

@@ -1,25 +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 __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;
-};
 /** @jsxRuntime classic */
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
@@ -30,7 +8,15 @@ import { useBanner, useBannerModel, useThemedPalette } from './hooks';
 import { BannerIcon } from './BannerIcon';
 import { BannerLabel } from './BannerLabel';
 import { BannerActionText } from './BannerActionText';
-var styles = __assign({ cursor: 'pointer', transition: 'background-color 120ms', '&:focus': __assign({ outline: 'none' }, focusRing({ separation: 2 })) }, hideMouseFocus);
+const styles = {
+    cursor: 'pointer',
+    transition: 'background-color 120ms',
+    '&:focus': {
+        outline: 'none',
+        ...focusRing({ separation: 2 }),
+    },
+    ...hideMouseFocus,
+};
 /**
  * `Banner` is a container component rendered as a `<button>` element that is responsible for creating
  * a `BannerModel` and sharing it with its subcomponents using React context.
@@ -62,7 +48,7 @@ var styles = __assign({ cursor: 'pointer', transition: 'background-color 120ms',
  * );
  * ```
  */
-export var Banner = createContainer('button')({
+export const Banner = createContainer('button')({
     displayName: 'Banner',
     modelHook: useBannerModel,
     elemPropsHook: useBanner,
@@ -96,25 +82,23 @@ export var Banner = createContainer('button')({
          */
         ActionText: BannerActionText,
     },
-})(function (_a, Element, model) {
-    var _b;
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    var palette = useThemedPalette(model.state.hasError ? 'error' : 'alert');
-    var themedBackgroundStyles = {
+})(({ children, ...elemProps }, Element, model) => {
+    const palette = useThemedPalette(model.state.hasError ? 'error' : 'alert');
+    const themedBackgroundStyles = {
         '&:hover': {
             backgroundColor: palette.hover,
         },
     };
-    var isRTL = useIsRTL();
-    var borderBottomLeftRadius = isRTL ? 'borderBottomRightRadius' : 'borderBottomLeftRadius';
-    var borderTopLeftRadius = isRTL ? 'borderTopRightRadius' : 'borderTopLeftRadius';
-    var borderBottomRightRadius = isRTL ? 'borderBottomLeftRadius' : 'borderBottomRightRadius';
-    var borderTopRightRadius = isRTL ? 'borderTopLeftRadius' : 'borderTopRightRadius';
-    var borderStyleProps = (_b = {},
-        _b[borderBottomLeftRadius] = borderRadius.m,
-        _b[borderTopLeftRadius] = borderRadius.m,
-        _b[borderBottomRightRadius] = model.state.isSticky ? 0 : borderRadius.m,
-        _b[borderTopRightRadius] = model.state.isSticky ? 0 : borderRadius.m,
-        _b);
-    return (jsx(Flex, __assign({ as: Element }, type.levels.subtext.large, { fontWeight: "medium", textAlign: "left", width: model.state.isSticky ? '222px' : '328px', backgroundColor: palette.normal, color: palette.contrast, padding: space.xxs + " " + space.s, border: "0", display: "flex", alignItems: "center" }, borderStyleProps, { css: [styles, themedBackgroundStyles] }, elemProps), children));
+    const isRTL = useIsRTL();
+    const borderBottomLeftRadius = isRTL ? 'borderBottomRightRadius' : 'borderBottomLeftRadius';
+    const borderTopLeftRadius = isRTL ? 'borderTopRightRadius' : 'borderTopLeftRadius';
+    const borderBottomRightRadius = isRTL ? 'borderBottomLeftRadius' : 'borderBottomRightRadius';
+    const borderTopRightRadius = isRTL ? 'borderTopLeftRadius' : 'borderTopRightRadius';
+    const borderStyleProps = {
+        [borderBottomLeftRadius]: borderRadius.m,
+        [borderTopLeftRadius]: borderRadius.m,
+        [borderBottomRightRadius]: model.state.isSticky ? 0 : borderRadius.m,
+        [borderTopRightRadius]: model.state.isSticky ? 0 : borderRadius.m,
+    };
+    return (jsx(Flex, Object.assign({ as: Element }, type.levels.subtext.large, { fontWeight: "medium", textAlign: "left", width: model.state.isSticky ? '222px' : '328px', backgroundColor: palette.normal, color: palette.contrast, padding: `${space.xxs} ${space.s}`, border: "0", display: "flex", alignItems: "center" }, borderStyleProps, { css: [styles, themedBackgroundStyles] }, elemProps), children));
 });

package/dist/es6/banner/lib/BannerActionText.js

@@ -1,37 +1,14 @@
-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 { createSubcomponent, styled, } from '@workday/canvas-kit-react/common';
 import { Box } from '@workday/canvas-kit-react/layout';
 import { useBannerActionText, useBannerModel } from './hooks';
-var StyledActionBarText = styled(Box.as('span'))({
+const StyledActionBarText = styled(Box.as('span'))({
     textDecoration: 'underline',
 });
-export var BannerActionText = createSubcomponent('span')({
+export const BannerActionText = createSubcomponent('span')({
     displayName: 'Banner.ActionTextText',
     modelHook: useBannerModel,
     elemPropsHook: useBannerActionText,
-})(function (_a, Element, model) {
-    var _b = _a.children, children = _b === void 0 ? 'View All' : _b, elemProps = __rest(_a, ["children"]);
-    return (React.createElement(StyledActionBarText, __assign({ as: Element, display: model.state.isSticky ? 'none' : 'inline' }, elemProps), children));
+})(({ children = 'View All', ...elemProps }, Element, model) => {
+    return (React.createElement(StyledActionBarText, Object.assign({ as: Element, display: model.state.isSticky ? 'none' : 'inline' }, elemProps), children));
 });

package/dist/es6/banner/lib/BannerIcon.js

@@ -1,38 +1,16 @@
-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 React from 'react';
 import { space } from '@workday/canvas-kit-react/tokens';
 import { createSubcomponent, styled, } from '@workday/canvas-kit-react/common';
 import { SystemIcon } from '@workday/canvas-kit-react/icon';
 import { useBannerIcon, useBannerModel } from './hooks';
-var StyledBannerIcon = styled(SystemIcon)({
+const StyledBannerIcon = styled(SystemIcon)({
     marginRight: space.xs,
 });
-export var BannerIcon = createSubcomponent('span')({
+export const BannerIcon = createSubcomponent('span')({
     displayName: 'Banner.Icon',
     modelHook: useBannerModel,
     elemPropsHook: useBannerIcon,
-})(function (elemProps, Element, model) {
-    var icon = elemProps.icon, iconButtonProps = __rest(elemProps, ["icon"]);
-    return React.createElement(StyledBannerIcon, __assign({ as: Element, icon: icon }, iconButtonProps));
+})((elemProps, Element, model) => {
+    const { icon, ...iconButtonProps } = elemProps;
+    return React.createElement(StyledBannerIcon, Object.assign({ as: Element, icon: icon }, iconButtonProps));
 });

package/dist/es6/banner/lib/BannerLabel.js

@@ -1,34 +1,11 @@
-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 { createSubcomponent } from '@workday/canvas-kit-react/common';
 import { Flex } from '@workday/canvas-kit-react/layout';
 import { useBannerLabel, useBannerModel } from './hooks';
-export var BannerLabel = createSubcomponent('div')({
+export const BannerLabel = createSubcomponent('div')({
     displayName: 'Banner.Label',
     modelHook: useBannerModel,
     elemPropsHook: useBannerLabel,
-})(function (_a, Element) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return (React.createElement(Flex, __assign({ as: Element, flex: "1 1 0%" }, elemProps), children));
+})(({ children, ...elemProps }, Element) => {
+    return (React.createElement(Flex, Object.assign({ as: Element, flex: "1 1 0%" }, elemProps), children));
 });

package/dist/es6/banner/lib/hooks/index.d.ts

@@ -1,7 +1,9 @@
+import { getPaletteColors } from './useThemedPalette';
 export * from './useBannerModel';
 export * from './useThemedPalette';
 export * from './useBannerIcon';
 export * from './useBannerLabel';
 export * from './useBannerActionText';
 export * from './useBanner';
+export { getPaletteColors };
 //# sourceMappingURL=index.d.ts.map

package/dist/es6/banner/lib/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../banner/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../banner/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAC,gBAAgB,EAAC,CAAC"}

package/dist/es6/banner/lib/hooks/index.js

@@ -1,6 +1,8 @@
+import { getPaletteColors } from './useThemedPalette';
 export * from './useBannerModel';
 export * from './useThemedPalette';
 export * from './useBannerIcon';
 export * from './useBannerLabel';
 export * from './useBannerActionText';
 export * from './useBanner';
+export { getPaletteColors };

package/dist/es6/banner/lib/hooks/useBanner.js

@@ -4,10 +4,9 @@ import { useBannerModel } from './useBannerModel';
  * Adds the necessary props to a `Banner` component.
  * Used by the Banner component
  */
-export var useBanner = createElemPropsHook(useBannerModel)(function (_a) {
-    var state = _a.state;
+export const useBanner = createElemPropsHook(useBannerModel)(({ state }) => {
     return {
-        'aria-describedby': "label-" + state.id,
-        'aria-labelledby': "action-" + state.id,
+        'aria-describedby': `label-${state.id}`,
+        'aria-labelledby': `action-${state.id}`,
     };
 });

package/dist/es6/banner/lib/hooks/useBannerActionText.js

@@ -4,9 +4,8 @@ import { useBannerModel } from './useBannerModel';
  * Adds the necessary props to a `ActionText` component.
  * Used by the Banner.ActionText subcomponent
  */
-export var useBannerActionText = createElemPropsHook(useBannerModel)(function (_a) {
-    var state = _a.state;
+export const useBannerActionText = createElemPropsHook(useBannerModel)(({ state }) => {
     return {
-        id: "action-" + state.id,
+        id: `action-${state.id}`,
     };
 });

package/dist/es6/banner/lib/hooks/useBannerIcon.js

@@ -6,9 +6,8 @@ import { useThemedPalette } from './useThemedPalette';
  * Adds the necessary props to a `Icon` component.
  * Used by the Banner.Icon subcomponent
  */
-export var useBannerIcon = createElemPropsHook(useBannerModel)(function (_a) {
-    var state = _a.state;
-    var palette = useThemedPalette(state.hasError ? 'error' : 'alert');
+export const useBannerIcon = createElemPropsHook(useBannerModel)(({ state }) => {
+    const palette = useThemedPalette(state.hasError ? 'error' : 'alert');
     return {
         icon: state.hasError ? exclamationCircleIcon : exclamationTriangleIcon,
         color: palette.contrast,

package/dist/es6/banner/lib/hooks/useBannerLabel.js

@@ -4,9 +4,8 @@ import { useBannerModel } from './useBannerModel';
  * Adds the necessary props to a `Label` component.
  * Used by the Banner.Label subcomponent
  */
-export var useBannerLabel = createElemPropsHook(useBannerModel)(function (_a) {
-    var state = _a.state;
+export const useBannerLabel = createElemPropsHook(useBannerModel)(({ state }) => {
     return {
-        id: "label-" + state.id,
+        id: `label-${state.id}`,
     };
 });

package/dist/es6/banner/lib/hooks/useBannerModel.js

@@ -1,16 +1,5 @@
-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 { createModelHook, useUniqueId } from '@workday/canvas-kit-react/common';
-export var useBannerModel = createModelHook({
+export const useBannerModel = createModelHook({
     defaultConfig: {
         /**
          * Optional flag to denote the banner has an error to display. When true the default `Banner.Icon`
@@ -37,11 +26,14 @@ export var useBannerModel = createModelHook({
          */
         id: '',
     },
-})(function (config) {
-    var id = useUniqueId(config.id);
-    var state = __assign(__assign({}, config), { id: id });
+})(config => {
+    const id = useUniqueId(config.id);
+    const state = {
+        ...config,
+        id,
+    };
     return {
-        state: state,
+        state,
         events: {},
     };
 });

package/dist/es6/banner/lib/hooks/useThemedPalette.d.ts

@@ -5,7 +5,7 @@ interface BackgroundColors {
     hover?: string;
     contrast?: string;
 }
-export declare function getPaletteColors(type: paletteSelection, theme: EmotionCanvasTheme): BackgroundColors;
+export declare const getPaletteColors: (type: paletteSelection, theme: EmotionCanvasTheme) => BackgroundColors;
 export declare const useThemedPalette: (type: paletteSelection) => BackgroundColors;
 export {};
 //# sourceMappingURL=useThemedPalette.d.ts.map

package/dist/es6/banner/lib/hooks/useThemedPalette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useThemedPalette.d.ts","sourceRoot":"","sources":["../../../../../banner/lib/hooks/useThemedPalette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,kBAAkB,EAAW,MAAM,kCAAkC,CAAC;AAIlG,aAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;AAEzF,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAmBD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,kBAAkB,GACxB,gBAAgB,CAclB;AAED,eAAO,MAAM,gBAAgB,SAAU,gBAAgB,qBAItD,CAAC"}
+{"version":3,"file":"useThemedPalette.d.ts","sourceRoot":"","sources":["../../../../../banner/lib/hooks/useThemedPalette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,kBAAkB,EAAW,MAAM,kCAAkC,CAAC;AAIlG,aAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;AAEzF,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAmBD,eAAO,MAAM,gBAAgB,SACrB,gBAAgB,SACf,kBAAkB,KACxB,gBAcF,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,gBAAgB,qBAItD,CAAC"}

package/dist/es6/banner/lib/hooks/useThemedPalette.js

@@ -1,10 +1,10 @@
 import { useTheme } from '@workday/canvas-kit-react/common';
 import { colors } from '@workday/canvas-kit-react/tokens';
 import chroma from 'chroma-js';
-var isAccessible = function (foreground, background) {
+const isAccessible = (foreground, background) => {
     return chroma.contrast(foreground, background) >= 3;
 };
-var getPaletteColorsFromTheme = function (palette, fallbackColors) {
+const getPaletteColorsFromTheme = (palette, fallbackColors) => {
     return {
         hover: palette.dark,
         normal: palette.main,
@@ -13,8 +13,8 @@ var getPaletteColorsFromTheme = function (palette, fallbackColors) {
             : fallbackColors === null || fallbackColors === void 0 ? void 0 : fallbackColors.contrast,
     };
 };
-export function getPaletteColors(type, theme) {
-    var palette = theme.canvas.palette[type];
+export const getPaletteColors = (type, theme) => {
+    const palette = theme.canvas.palette[type];
     switch (type) {
         case 'error': {
             return getPaletteColorsFromTheme(palette, { contrast: colors.frenchVanilla100 });
@@ -26,8 +26,8 @@ export function getPaletteColors(type, theme) {
             return getPaletteColorsFromTheme(palette);
         }
     }
-}
-export var useThemedPalette = function (type) {
-    var theme = useTheme();
+};
+export const useThemedPalette = (type) => {
+    const theme = useTheme();
     return getPaletteColors(type, theme);
 };

package/dist/es6/breadcrumbs/lib/Breadcrumbs.js

@@ -1,25 +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 __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 { createContainer } from '@workday/canvas-kit-react/common';
 import { Menu } from '@workday/canvas-kit-react/menu';
@@ -75,7 +53,7 @@ import { BreadcrumbsMenu } from './BreadcrumbsMenu';
  * props passed to `Breadcrumbs` will be ignored. `aria-label` attribute must be provided for `nav`
  * element.
  */
-export var Breadcrumbs = createContainer('nav')({
+export const Breadcrumbs = createContainer('nav')({
     displayName: 'Breadcrumbs',
     modelHook: useBreadcrumbsModel,
     subComponents: {
@@ -169,8 +147,7 @@ export var Breadcrumbs = createContainer('nav')({
          */
         Menu: BreadcrumbsMenu,
     },
-})(function (_a, _, model) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
+})(({ children, ...elemProps }, _, model) => {
     return (React.createElement(Menu, { model: model.menu },
-        React.createElement("nav", __assign({ role: "navigation" }, elemProps), children)));
+        React.createElement("nav", Object.assign({ role: "navigation" }, elemProps), children)));
 });

package/dist/es6/breadcrumbs/lib/BreadcrumbsCurrentItem.js

@@ -1,37 +1,15 @@
-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 React from 'react';
 import { createElemPropsHook, useLocalRef, composeHooks, createSubcomponent, useForkRef, } from '@workday/canvas-kit-react/common';
 import { OverflowTooltip } from '@workday/canvas-kit-react/tooltip';
 import { useListItemRegister, useOverflowListItemMeasure, } from '@workday/canvas-kit-react/collection';
 import { useBreadcrumbsModel } from './hooks/useBreadcrumbsModel';
 import { Text } from '@workday/canvas-kit-react/text';
-export var useBreadcrumbsItem = composeHooks(createElemPropsHook(useBreadcrumbsModel)(function (_model, ref, elemProps) {
-    var localRef = useLocalRef(useForkRef(ref)).localRef;
-    var shouldShowTooltip = false;
-    var refCurrent = localRef.current;
+export const useBreadcrumbsItem = composeHooks(createElemPropsHook(useBreadcrumbsModel)((_model, ref, elemProps) => {
+    const { localRef } = useLocalRef(useForkRef(ref));
+    let shouldShowTooltip = false;
+    const refCurrent = localRef.current;
     if (refCurrent) {
-        var _a = refCurrent, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;
+        const { scrollWidth, clientWidth } = refCurrent;
         shouldShowTooltip = scrollWidth > clientWidth;
     }
     return {
@@ -39,12 +17,11 @@ export var useBreadcrumbsItem = composeHooks(createElemPropsHook(useBreadcrumbsM
         ref: localRef,
     };
 }), useOverflowListItemMeasure, useListItemRegister);
-export var BreadcrumbsCurrentItem = createSubcomponent('li')({
+export const BreadcrumbsCurrentItem = createSubcomponent('li')({
     displayName: 'Breadcrumbs.Item',
     modelHook: useBreadcrumbsModel,
     elemPropsHook: useBreadcrumbsItem,
-})(function (_a, Element) {
-    var children = _a.children, _b = _a.tooltipProps, tooltipProps = _b === void 0 ? {} : _b, _c = _a.maxWidth, maxWidth = _c === void 0 ? '350px' : _c, elemProps = __rest(_a, ["children", "tooltipProps", "maxWidth"]);
-    return (React.createElement(OverflowTooltip, __assign({}, tooltipProps),
-        React.createElement(Text, __assign({ as: Element, typeLevel: "subtext.large", fontWeight: "medium", display: "inline-block", maxWidth: maxWidth, whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden" }, elemProps), children)));
+})(({ children, tooltipProps = {}, maxWidth = '350px', ...elemProps }, Element) => {
+    return (React.createElement(OverflowTooltip, Object.assign({}, tooltipProps),
+        React.createElement(Text, Object.assign({ as: Element, typeLevel: "subtext.large", fontWeight: "medium", display: "inline-block", maxWidth: maxWidth, whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden" }, elemProps), children)));
 });

package/dist/es6/breadcrumbs/lib/BreadcrumbsItem.js

@@ -1,25 +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 __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 { composeHooks, createSubcomponent, createElemPropsHook, useIsRTL, } from '@workday/canvas-kit-react/common';
 import { useListItemRegister, useOverflowListItemMeasure, } from '@workday/canvas-kit-react/collection';
@@ -29,26 +7,23 @@ import { chevronRightSmallIcon } from '@workday/canvas-system-icons-web';
 import { colors, space } from '@workday/canvas-kit-react/tokens';
 import { useBreadcrumbsModel } from './hooks/useBreadcrumbsModel';
 import { BreadcrumbsLink } from './BreadcrumbsLink';
-export var useBreadcrumbsItem = composeHooks(useOverflowListItemMeasure, createElemPropsHook(useBreadcrumbsModel)(function (_a, _, elemProps) {
-    var _b;
-    var state = _a.state;
-    if (elemProps === void 0) { elemProps = {}; }
-    var localId = React.useState(elemProps['data-id'] || ((_b = elemProps.item) === null || _b === void 0 ? void 0 : _b.id) || '')[0];
+export const useBreadcrumbsItem = composeHooks(useOverflowListItemMeasure, createElemPropsHook(useBreadcrumbsModel)(({ state }, _, elemProps = {}) => {
+    var _a;
+    const [localId] = React.useState(elemProps['data-id'] || ((_a = elemProps.item) === null || _a === void 0 ? void 0 : _a.id) || '');
     return {
         inert: state.nonInteractiveIds.includes(localId) ? '' : undefined,
         disabled: undefined,
     };
 }), useListItemRegister);
-export var BreadcrumbsItem = createSubcomponent('li')({
+export const BreadcrumbsItem = createSubcomponent('li')({
     displayName: 'Breadcrumbs.Item',
     modelHook: useBreadcrumbsModel,
     elemPropsHook: useBreadcrumbsItem,
     subComponents: {
         Link: BreadcrumbsLink,
     },
-})(function (_a, Element) {
-    var children = _a.children, elemProps = __rest(_a, ["children"]);
-    return (React.createElement(Flex, __assign({ as: Element, alignItems: "center", whiteSpace: "nowrap" }, elemProps),
+})(({ children, ...elemProps }, Element) => {
+    return (React.createElement(Flex, Object.assign({ as: Element, alignItems: "center", whiteSpace: "nowrap" }, elemProps),
         children,
         React.createElement(SystemIcon, { icon: chevronRightSmallIcon, color: colors.licorice200, colorHover: colors.licorice200, size: 20, height: space.l, width: space.l, shouldMirror: useIsRTL(), styles: { justifyContent: 'center', alignItems: 'center', display: 'inline-flex' }, "aria-hidden": true })));
 });