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

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -24,13 +28,13 @@ const React = __importStar(require("react"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const layout_1 = require("@workday/canvas-kit-react/layout");
 const hooks_1 = require("./hooks");
-const StyledActionBarText = common_1.styled(layout_1.Box.as('span'))({
+const StyledActionBarText = (0, common_1.styled)(layout_1.Box.as('span'))({
     textDecoration: 'underline',
 });
-exports.BannerActionText = common_1.createSubcomponent('span')({
+exports.BannerActionText = (0, common_1.createSubcomponent)('span')({
     displayName: 'Banner.ActionTextText',
     modelHook: hooks_1.useBannerModel,
     elemPropsHook: hooks_1.useBannerActionText,
 })(({ children = 'View All', ...elemProps }, Element, model) => {
-    return (React.createElement(StyledActionBarText, Object.assign({ as: Element, display: model.state.isSticky ? 'none' : 'inline' }, elemProps), children));
+    return (React.createElement(StyledActionBarText, { as: Element, display: model.state.isSticky ? 'none' : 'inline', ...elemProps }, children));
 });

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

@@ -9,14 +9,14 @@ const tokens_1 = require("@workday/canvas-kit-react/tokens");
 const common_1 = require("@workday/canvas-kit-react/common");
 const icon_1 = require("@workday/canvas-kit-react/icon");
 const hooks_1 = require("./hooks");
-const StyledBannerIcon = common_1.styled(icon_1.SystemIcon)({
+const StyledBannerIcon = (0, common_1.styled)(icon_1.SystemIcon)({
     marginRight: tokens_1.space.xs,
 });
-exports.BannerIcon = common_1.createSubcomponent('span')({
+exports.BannerIcon = (0, common_1.createSubcomponent)('span')({
     displayName: 'Banner.Icon',
     modelHook: hooks_1.useBannerModel,
     elemPropsHook: hooks_1.useBannerIcon,
 })((elemProps, Element, model) => {
     const { icon, ...iconButtonProps } = elemProps;
-    return react_1.default.createElement(StyledBannerIcon, Object.assign({ as: Element, icon: icon }, iconButtonProps));
+    return react_1.default.createElement(StyledBannerIcon, { as: Element, icon: icon, ...iconButtonProps });
 });

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -24,10 +28,10 @@ const React = __importStar(require("react"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const layout_1 = require("@workday/canvas-kit-react/layout");
 const hooks_1 = require("./hooks");
-exports.BannerLabel = common_1.createSubcomponent('div')({
+exports.BannerLabel = (0, common_1.createSubcomponent)('div')({
     displayName: 'Banner.Label',
     modelHook: hooks_1.useBannerModel,
     elemPropsHook: hooks_1.useBannerLabel,
 })(({ children, ...elemProps }, Element) => {
-    return (React.createElement(layout_1.Flex, Object.assign({ as: Element, flex: "1 1 0%" }, elemProps), children));
+    return (React.createElement(layout_1.Flex, { as: Element, flex: "1 1 0%", ...elemProps }, children));
 });

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -7,7 +7,7 @@ const useBannerModel_1 = require("./useBannerModel");
  * Adds the necessary props to a `ActionText` component.
  * Used by the Banner.ActionText subcomponent
  */
-exports.useBannerActionText = common_1.createElemPropsHook(useBannerModel_1.useBannerModel)(({ state }) => {
+exports.useBannerActionText = (0, common_1.createElemPropsHook)(useBannerModel_1.useBannerModel)(({ state }) => {
     return {
         id: `action-${state.id}`,
     };

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

@@ -9,8 +9,8 @@ const useThemedPalette_1 = require("./useThemedPalette");
  * Adds the necessary props to a `Icon` component.
  * Used by the Banner.Icon subcomponent
  */
-exports.useBannerIcon = common_1.createElemPropsHook(useBannerModel_1.useBannerModel)(({ state }) => {
-    const palette = useThemedPalette_1.useThemedPalette(state.hasError ? 'error' : 'alert');
+exports.useBannerIcon = (0, common_1.createElemPropsHook)(useBannerModel_1.useBannerModel)(({ state }) => {
+    const palette = (0, useThemedPalette_1.useThemedPalette)(state.hasError ? 'error' : 'alert');
     return {
         icon: state.hasError ? canvas_system_icons_web_1.exclamationCircleIcon : canvas_system_icons_web_1.exclamationTriangleIcon,
         color: palette.contrast,

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

@@ -7,7 +7,7 @@ const useBannerModel_1 = require("./useBannerModel");
  * Adds the necessary props to a `Label` component.
  * Used by the Banner.Label subcomponent
  */
-exports.useBannerLabel = common_1.createElemPropsHook(useBannerModel_1.useBannerModel)(({ state }) => {
+exports.useBannerLabel = (0, common_1.createElemPropsHook)(useBannerModel_1.useBannerModel)(({ state }) => {
     return {
         id: `label-${state.id}`,
     };

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBannerModel = void 0;
 const common_1 = require("@workday/canvas-kit-react/common");
-exports.useBannerModel = common_1.createModelHook({
+exports.useBannerModel = (0, common_1.createModelHook)({
     defaultConfig: {
         /**
          * Optional flag to denote the banner has an error to display. When true the default `Banner.Icon`
@@ -30,7 +30,7 @@ exports.useBannerModel = common_1.createModelHook({
         id: '',
     },
 })(config => {
-    const id = common_1.useUniqueId(config.id);
+    const id = (0, common_1.useUniqueId)(config.id);
     const state = {
         ...config,
         id,

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

@@ -1,5 +1,5 @@
 import { EmotionCanvasTheme } from '@workday/canvas-kit-react/common';
-declare type paletteSelection = Exclude<keyof EmotionCanvasTheme['canvas']['palette'], 'common'>;
+type paletteSelection = Exclude<keyof EmotionCanvasTheme['canvas']['palette'], 'common'>;
 interface BackgroundColors {
     normal?: string;
     hover?: string;

package/dist/commonjs/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,eAAO,MAAM,gBAAgB,SACrB,gBAAgB,SACf,kBAAkB,KACxB,gBAcF,CAAC;AAEF,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,KAAK,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/commonjs/banner/lib/hooks/useThemedPalette.js

@@ -35,7 +35,7 @@ const getPaletteColors = (type, theme) => {
 };
 exports.getPaletteColors = getPaletteColors;
 const useThemedPalette = (type) => {
-    const theme = common_1.useTheme();
-    return exports.getPaletteColors(type, theme);
+    const theme = (0, common_1.useTheme)();
+    return (0, exports.getPaletteColors)(type, theme);
 };
 exports.useThemedPalette = useThemedPalette;

package/dist/commonjs/breadcrumbs/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts

@@ -3883,7 +3883,7 @@ export declare const Breadcrumbs: import("@workday/canvas-kit-react/common").Ele
             selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
             navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
             getId: (item: any) => string;
-        }, {}>) => JSX.Element;
+        }, {}>) => React.JSX.Element;
         List: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("../../menu/lib/MenuList").MenuListProps<any>, {
             state: {
                 stackRef: React.RefObject<HTMLDivElement>;

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -75,7 +79,7 @@ const BreadcrumbsMenu_1 = require("./BreadcrumbsMenu");
  * props passed to `Breadcrumbs` will be ignored. `aria-label` attribute must be provided for `nav`
  * element.
  */
-exports.Breadcrumbs = common_1.createContainer('nav')({
+exports.Breadcrumbs = (0, common_1.createContainer)('nav')({
     displayName: 'Breadcrumbs',
     modelHook: useBreadcrumbsModel_1.useBreadcrumbsModel,
     subComponents: {
@@ -171,5 +175,5 @@ exports.Breadcrumbs = common_1.createContainer('nav')({
     },
 })(({ children, ...elemProps }, _, model) => {
     return (React.createElement(menu_1.Menu, { model: model.menu },
-        React.createElement("nav", Object.assign({ role: "navigation" }, elemProps), children)));
+        React.createElement("nav", { role: "navigation", ...elemProps }, children)));
 });

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts

@@ -165,6 +165,7 @@ export declare const useBreadcrumbsItem: import("@workday/canvas-kit-react/commo
     ref: (instance: HTMLElement | null) => void;
     'aria-hidden': true | undefined;
     style: {};
+    inert: string | undefined;
 } & {
     ref: (instance: HTMLElement | null) => void;
     'data-id': string;

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsCurrentItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsCurrentItem.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsCurrentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAMxF,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAE/D,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkB9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBlC,CAAC"}
+{"version":3,"file":"BreadcrumbsCurrentItem.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsCurrentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAMxF,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAE/D,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkB9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBlC,CAAC"}

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

@@ -10,8 +10,8 @@ const tooltip_1 = require("@workday/canvas-kit-react/tooltip");
 const collection_1 = require("@workday/canvas-kit-react/collection");
 const useBreadcrumbsModel_1 = require("./hooks/useBreadcrumbsModel");
 const text_1 = require("@workday/canvas-kit-react/text");
-exports.useBreadcrumbsItem = common_1.composeHooks(common_1.createElemPropsHook(useBreadcrumbsModel_1.useBreadcrumbsModel)((_model, ref, elemProps) => {
-    const { localRef } = common_1.useLocalRef(common_1.useForkRef(ref));
+exports.useBreadcrumbsItem = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useBreadcrumbsModel_1.useBreadcrumbsModel)((_model, ref, elemProps) => {
+    const { localRef } = (0, common_1.useLocalRef)((0, common_1.useForkRef)(ref));
     let shouldShowTooltip = false;
     const refCurrent = localRef.current;
     if (refCurrent) {
@@ -23,11 +23,11 @@ exports.useBreadcrumbsItem = common_1.composeHooks(common_1.createElemPropsHook(
         ref: localRef,
     };
 }), collection_1.useOverflowListItemMeasure, collection_1.useListItemRegister);
-exports.BreadcrumbsCurrentItem = common_1.createSubcomponent('li')({
+exports.BreadcrumbsCurrentItem = (0, common_1.createSubcomponent)('li')({
     displayName: 'Breadcrumbs.Item',
     modelHook: useBreadcrumbsModel_1.useBreadcrumbsModel,
     elemPropsHook: exports.useBreadcrumbsItem,
 })(({ children, tooltipProps = {}, maxWidth = '350px', ...elemProps }, Element) => {
-    return (react_1.default.createElement(tooltip_1.OverflowTooltip, Object.assign({}, tooltipProps),
-        react_1.default.createElement(text_1.Text, Object.assign({ as: Element, typeLevel: "subtext.large", fontWeight: "medium", display: "inline-block", maxWidth: maxWidth, whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden" }, elemProps), children)));
+    return (react_1.default.createElement(tooltip_1.OverflowTooltip, { ...tooltipProps },
+        react_1.default.createElement(text_1.Text, { as: Element, typeLevel: "subtext.large", fontWeight: "medium", display: "inline-block", maxWidth: maxWidth, whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden", ...elemProps }, children)));
 });

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.d.ts

@@ -102,9 +102,7 @@ export declare const useBreadcrumbsItem: import("@workday/canvas-kit-react/commo
     ref: (instance: HTMLElement | null) => void;
     'aria-hidden': true | undefined;
     style: {};
-} & {
     inert: string | undefined;
-    disabled: undefined;
 } & {
     ref: (instance: HTMLElement | null) => void;
     'data-id': string;

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAOjE,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD;;;;;;OAMG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoB9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwB1B,CAAC"}
+{"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAO,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAOjE,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD;;;;;;OAMG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgE,CAAC;AAEhG,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwB1B,CAAC"}

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -29,15 +33,8 @@ const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
 const tokens_1 = require("@workday/canvas-kit-react/tokens");
 const useBreadcrumbsModel_1 = require("./hooks/useBreadcrumbsModel");
 const BreadcrumbsLink_1 = require("./BreadcrumbsLink");
-exports.useBreadcrumbsItem = common_1.composeHooks(collection_1.useOverflowListItemMeasure, common_1.createElemPropsHook(useBreadcrumbsModel_1.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,
-    };
-}), collection_1.useListItemRegister);
-exports.BreadcrumbsItem = common_1.createSubcomponent('li')({
+exports.useBreadcrumbsItem = (0, common_1.composeHooks)(collection_1.useOverflowListItemMeasure, collection_1.useListItemRegister);
+exports.BreadcrumbsItem = (0, common_1.createSubcomponent)('li')({
     displayName: 'Breadcrumbs.Item',
     modelHook: useBreadcrumbsModel_1.useBreadcrumbsModel,
     elemPropsHook: exports.useBreadcrumbsItem,
@@ -45,7 +42,7 @@ exports.BreadcrumbsItem = common_1.createSubcomponent('li')({
         Link: BreadcrumbsLink_1.BreadcrumbsLink,
     },
 })(({ children, ...elemProps }, Element) => {
-    return (React.createElement(layout_1.Flex, Object.assign({ as: Element, alignItems: "center", whiteSpace: "nowrap" }, elemProps),
+    return (React.createElement(layout_1.Flex, { as: Element, alignItems: "center", whiteSpace: "nowrap", ...elemProps },
         children,
-        React.createElement(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.chevronRightSmallIcon, color: tokens_1.colors.licorice200, colorHover: tokens_1.colors.licorice200, size: 20, height: tokens_1.space.l, width: tokens_1.space.l, shouldMirror: common_1.useIsRTL(), cs: { justifyContent: 'center', alignItems: 'center', display: 'inline-flex' }, "aria-hidden": true })));
+        React.createElement(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.chevronRightSmallIcon, color: tokens_1.colors.licorice200, colorHover: tokens_1.colors.licorice200, size: 20, height: tokens_1.space.l, width: tokens_1.space.l, shouldMirror: (0, common_1.useIsRTL)(), cs: { justifyContent: 'center', alignItems: 'center', display: 'inline-flex' }, "aria-hidden": true })));
 });

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsLink.js

@@ -10,16 +10,16 @@ const button_1 = require("@workday/canvas-kit-react/button");
 const tooltip_1 = require("@workday/canvas-kit-react/tooltip");
 const tokens_1 = require("@workday/canvas-kit-react/tokens");
 const { color, ...subtextLargeStyles } = tokens_1.type.levels.subtext.large;
-const StyledLink = common_1.styled(button_1.Hyperlink)({
+const StyledLink = (0, common_1.styled)(button_1.Hyperlink)({
     ...subtextLargeStyles,
 }, ({ maxWidth }) => ({
     ...common_1.ellipsisStyles,
     maxWidth,
 }));
-exports.BreadcrumbsLink = common_1.createComponent('a')({
+exports.BreadcrumbsLink = (0, common_1.createComponent)('a')({
     displayName: 'Breadcrumbs.Link',
     Component: ({ maxWidth = 350, href, tooltipProps = {}, children, ...props }) => {
-        return (react_1.default.createElement(tooltip_1.OverflowTooltip, Object.assign({}, tooltipProps),
-            react_1.default.createElement(StyledLink, Object.assign({ maxWidth: maxWidth, href: href, role: "link" }, props), children)));
+        return (react_1.default.createElement(tooltip_1.OverflowTooltip, { ...tooltipProps },
+            react_1.default.createElement(StyledLink, { maxWidth: maxWidth, href: href, role: "link", ...props }, children)));
     },
 });

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -26,14 +30,14 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
 const collection_1 = require("@workday/canvas-kit-react/collection");
 const tokens_1 = require("@workday/canvas-kit-react/tokens");
 const useBreadcrumbsModel_1 = require("./hooks/useBreadcrumbsModel");
-exports.BreadcrumbsList = common_1.createSubcomponent('ul')({
+exports.BreadcrumbsList = (0, common_1.createSubcomponent)('ul')({
     displayName: 'Breadcrumbs.List',
     modelHook: useBreadcrumbsModel_1.useBreadcrumbsModel,
     elemPropsHook: collection_1.useOverflowListMeasure,
 })(({ overflowButton, children, ...elemProps }, Element, model) => {
-    const items = collection_1.useListRenderItems(model, children);
+    const items = (0, collection_1.useListRenderItems)(model, children);
     const splitIndex = items.length - 2;
-    return (React.createElement(layout_1.Flex, Object.assign({ as: Element, padding: "zero", margin: "zero", display: "inline-flex", alignItems: "center", minHeight: tokens_1.space.xl, listStyle: "none", role: "list", width: "100%" }, elemProps),
+    return (React.createElement(layout_1.Flex, { as: Element, padding: "zero", margin: "zero", display: "inline-flex", alignItems: "center", minHeight: tokens_1.space.xl, listStyle: "none", role: "list", width: "100%", ...elemProps },
         items.length ? items.slice(0, splitIndex) : items,
         overflowButton,
         items.length ? items.slice(splitIndex, items.length) : null));

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.d.ts

@@ -1544,7 +1544,7 @@ export declare const BreadcrumbsMenu: import("@workday/canvas-kit-react/common")
     navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
     getId: (item: any) => string;
 }> & {
-    Card: (elemProps: ExtractProps<typeof Menu.Card, never>) => JSX.Element;
+    Card: (elemProps: ExtractProps<typeof Menu.Card, never>) => React.JSX.Element;
     List: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("../../menu/lib/MenuList").MenuListProps<any>, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsMenu.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -23,17 +27,17 @@ exports.BreadcrumbsMenu = exports.BreadcrumbsMenuItem = void 0;
 const React = __importStar(require("react"));
 const common_1 = require("@workday/canvas-kit-react/common");
 const menu_1 = require("@workday/canvas-kit-react/menu");
-exports.BreadcrumbsMenuItem = common_1.createComponent('a')({
+exports.BreadcrumbsMenuItem = (0, common_1.createComponent)('a')({
     displayName: 'Breadcrumbs.Menu.Item',
     Component: (props, ref, Element) => {
-        return React.createElement(menu_1.Menu.Item, Object.assign({ as: Element, style: { textDecoration: 'none' } }, props, { ref: ref }));
+        return React.createElement(menu_1.Menu.Item, { as: Element, style: { textDecoration: 'none' }, ...props, ref: ref });
     },
 });
-exports.BreadcrumbsMenu = common_1.createContainer()({
+exports.BreadcrumbsMenu = (0, common_1.createContainer)()({
     displayName: 'Breadcrumbs.Menu',
     modelHook: menu_1.useMenuModel,
     subComponents: {
-        Card: (elemProps) => (React.createElement(menu_1.Menu.Card, Object.assign({ width: 280, maxWidth: 280, maxHeight: 296 }, elemProps))),
+        Card: (elemProps) => (React.createElement(menu_1.Menu.Card, { width: 280, maxWidth: 280, maxHeight: 296, ...elemProps })),
         List: menu_1.Menu.List,
         Item: exports.BreadcrumbsMenuItem,
         Divider: menu_1.Menu.Divider,

package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -30,16 +34,16 @@ const collection_1 = require("@workday/canvas-kit-react/collection");
 const menu_1 = require("@workday/canvas-kit-react/menu");
 const useBreadcrumbsModel_1 = require("./hooks/useBreadcrumbsModel");
 const button_1 = require("@workday/canvas-kit-react/button");
-exports.useBreadcrumbsOverflowButton = common_1.composeHooks(common_1.createElemPropsHook(useBreadcrumbsModel_1.useBreadcrumbsModel)(() => ({
+exports.useBreadcrumbsOverflowButton = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useBreadcrumbsModel_1.useBreadcrumbsModel)(() => ({
     'aria-haspopup': true,
     'aria-controls': 'menu',
-})), collection_1.useOverflowListTarget, common_1.subModelHook((m) => m.menu, menu_1.useMenuTarget));
-exports.BreadcrumbsOverflowButton = common_1.createSubcomponent('button')({
+})), collection_1.useOverflowListTarget, (0, common_1.subModelHook)((m) => m.menu, menu_1.useMenuTarget));
+exports.BreadcrumbsOverflowButton = (0, common_1.createSubcomponent)('button')({
     displayName: 'Breadcrumbs.OverflowButton',
     modelHook: useBreadcrumbsModel_1.useBreadcrumbsModel,
     elemPropsHook: exports.useBreadcrumbsOverflowButton,
 })(({ style, ...elemProps }, Element) => {
-    return (React.createElement(layout_1.Flex, Object.assign({ alignItems: "center" }, style),
-        React.createElement(button_1.TertiaryButton, Object.assign({ as: Element, icon: canvas_system_icons_web_1.relatedActionsIcon }, elemProps)),
-        React.createElement(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.chevronRightSmallIcon, color: tokens_1.colors.licorice200, colorHover: tokens_1.colors.licorice200, size: 20, height: tokens_1.space.l, width: tokens_1.space.l, shouldMirror: common_1.useIsRTL(), cs: { justifyContent: 'center', alignItems: 'center', display: 'inline-flex' }, "aria-hidden": true })));
+    return (React.createElement(layout_1.Flex, { as: "li", alignItems: "center", ...style },
+        React.createElement(button_1.TertiaryButton, { as: Element, icon: canvas_system_icons_web_1.relatedActionsIcon, ...elemProps }),
+        React.createElement(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.chevronRightSmallIcon, color: tokens_1.colors.licorice200, colorHover: tokens_1.colors.licorice200, size: 20, height: tokens_1.space.l, width: tokens_1.space.l, shouldMirror: (0, common_1.useIsRTL)(), cs: { justifyContent: 'center', alignItems: 'center', display: 'inline-flex' }, "aria-hidden": true })));
 });

package/dist/commonjs/breadcrumbs/lib/hooks/useBreadcrumbsModel.js

@@ -9,7 +9,7 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const collection_1 = require("@workday/canvas-kit-react/collection");
 const menu_1 = require("@workday/canvas-kit-react/menu");
 const utils_1 = require("./utils");
-exports.useBreadcrumbsModel = common_1.createModelHook({
+exports.useBreadcrumbsModel = (0, common_1.createModelHook)({
     defaultConfig: {
         ...collection_1.useOverflowListModel.defaultConfig,
         /**
@@ -29,14 +29,14 @@ exports.useBreadcrumbsModel = common_1.createModelHook({
 })(config => {
     const getId = config.getId || collection_1.defaultGetId;
     const items = config.items;
-    const model = collection_1.useOverflowListModel(collection_1.useOverflowListModel.mergeConfig(config, {
+    const model = (0, collection_1.useOverflowListModel)(collection_1.useOverflowListModel.mergeConfig(config, {
         orientation: config.orientation || 'horizontal',
         items,
         shouldVirtualize: false,
     }));
     let hiddenIds = model.state.hiddenIds;
     let nonInteractiveIds = model.state.nonInteractiveIds;
-    hiddenIds = utils_1.reorganizeHiddenItems(items, hiddenIds, getId);
+    hiddenIds = (0, utils_1.reorganizeHiddenItems)(items, hiddenIds, getId);
     nonInteractiveIds = hiddenIds;
     const state = {
         ...model.state,
@@ -50,7 +50,7 @@ exports.useBreadcrumbsModel = common_1.createModelHook({
     const events = {
         ...model.events,
     };
-    const menu = menu_1.useMenuModel(menu_1.useMenuModel.mergeConfig(config.menuConfig, {
+    const menu = (0, menu_1.useMenuModel)(menu_1.useMenuModel.mergeConfig(config.menuConfig, {
         id: `breadcrumbs-menu-${model.state.id}`,
         items: overflowItems,
         nonInteractiveIds: state.nonInteractiveIds.filter(key => !state.hiddenIds.includes(key)),

package/dist/commonjs/button/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];