@workday/canvas-kit-react 15.0.0-alpha.1303-next.0 → 15.0.0

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

@@ -1,14 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContainer } from '@workday/canvas-kit-react/common';
 import { Menu } from '@workday/canvas-kit-react/menu';
-import { useBreadcrumbsModel } from './hooks/useBreadcrumbsModel';
-import { BreadcrumbsList } from './BreadcrumbsList';
-import { BreadcrumbsOverflowButton } from './BreadcrumbsOverflowButton';
+import { handleCsProp } from '@workday/canvas-kit-styling';
+import { BreadcrumbsCurrentItem } from './BreadcrumbsCurrentItem';
 import { BreadcrumbsItem } from './BreadcrumbsItem';
 import { BreadcrumbsLink } from './BreadcrumbsLink';
-import { BreadcrumbsCurrentItem } from './BreadcrumbsCurrentItem';
+import { BreadcrumbsList } from './BreadcrumbsList';
 import { BreadcrumbsMenu } from './BreadcrumbsMenu';
-import { handleCsProp } from '@workday/canvas-kit-styling';
+import { BreadcrumbsOverflowButton } from './BreadcrumbsOverflowButton';
+import { useBreadcrumbsModel } from './hooks/useBreadcrumbsModel';
 /**
  * `Breadcrumbs` is a container component that is responsible for creating a
  * {@link BreadcrumbsModel} and sharing it with its subcomponents using React context. It also

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

@@ -1,6 +1,7 @@
-import { OverflowTooltipProps } from '@workday/canvas-kit-react/tooltip';
 import { TextProps } from '@workday/canvas-kit-react/text';
+import { OverflowTooltipProps } from '@workday/canvas-kit-react/tooltip';
 export interface BreadcrumbsCurrentItemProps extends TextProps {
+    maxWidth?: string | number;
     tooltipProps?: OverflowTooltipProps;
 }
 export declare const breadcrumbsCurrentItemStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {

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

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsCurrentItem.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsCurrentItem.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAKxF,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAK/D,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,eAAO,MAAM,6BAA6B;;;;gBAcxC,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2LAkB9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBlC,CAAC"}
+{"version":3,"file":"BreadcrumbsCurrentItem.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsCurrentItem.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAMxF,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,eAAO,MAAM,6BAA6B;;;;gBAiBxC,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2LAkB9B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBlC,CAAC"}

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

@@ -1,18 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-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 { composeHooks, createElemPropsHook, createSubcomponent, useForkRef, useLocalRef, } from '@workday/canvas-kit-react/common';
 import { Text } from '@workday/canvas-kit-react/text';
-import { system } from '@workday/canvas-tokens-web';
+import { OverflowTooltip } from '@workday/canvas-kit-react/tooltip';
 import { createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling';
+import { system } from '@workday/canvas-tokens-web';
 import { useBreadcrumbsModel } from './hooks/useBreadcrumbsModel';
 export const breadcrumbsCurrentItemStencil = createStencil({
     vars: {
         maxWidth: '',
     },
-    base: { name: "3fogy5", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-medium);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);color:var(--cnvs-sys-color-text-default);display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:var(--maxWidth-breadcrumbs-current-item-e1cc6f);" }
-}, "breadcrumbs-current-item-e1cc6f");
-export const useBreadcrumbsItem = composeHooks(createElemPropsHook(useBreadcrumbsModel)((_model, ref, elemProps) => {
+    base: { name: "2qlegz", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));font-weight:var(--cnvs-sys-font-weight-medium);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));color:var(--cnvs-sys-color-fg-default);display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:var(--maxWidth-breadcrumbs-current-item-29bc44);" }
+}, "breadcrumbs-current-item-29bc44");
+export const useBreadcrumbsItem = composeHooks(createElemPropsHook(useBreadcrumbsModel)((_model, ref) => {
     const { localRef } = useLocalRef(useForkRef(ref));
     let shouldShowTooltip = false;
     const refCurrent = localRef.current;

package/dist/es6/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;AAM/B,OAAO,EAAC,SAAS,EAAc,MAAM,kCAAkC,CAAC;AASxE,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,sBAAsB;;;;oBAqBjC,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qPAAgE,CAAC;AAEhG,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkB1B,CAAC"}
+{"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAC,SAAS,EAAc,MAAM,kCAAkC,CAAC;AAQxE,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,sBAAsB;;;;oBAqBjC,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qPAAgE,CAAC;AAEhG,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkB1B,CAAC"}

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

@@ -1,19 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { composeHooks, createSubcomponent } from '@workday/canvas-kit-react/common';
 import { useListItemRegister, useOverflowListItemMeasure, } from '@workday/canvas-kit-react/collection';
-import { mergeStyles } from '@workday/canvas-kit-react/layout';
+import { composeHooks, createSubcomponent } from '@workday/canvas-kit-react/common';
 import { SystemIcon, systemIconStencil } from '@workday/canvas-kit-react/icon';
+import { mergeStyles } from '@workday/canvas-kit-react/layout';
+import { createStencil } from '@workday/canvas-kit-styling';
 import { chevronRightSmallIcon } from '@workday/canvas-system-icons-web';
-import { system } from '@workday/canvas-tokens-web';
-import { createStencil, px2rem } from '@workday/canvas-kit-styling';
-import { useBreadcrumbsModel } from './hooks/useBreadcrumbsModel';
+import { component, system } from '@workday/canvas-tokens-web';
 import { BreadcrumbsLink } from './BreadcrumbsLink';
+import { useBreadcrumbsModel } from './hooks/useBreadcrumbsModel';
 export const breadcrumbsItemStencil = createStencil({
     parts: {
         chevronRightIcon: 'breadcrumbs-item-chevron-right-icon',
     },
-    base: { name: "4fgk4q", styles: "box-sizing:border-box;align-items:center;display:inline-flex;white-space:nowrap;--size-svg-8fcab8:1.25rem;--color-system-icon-3a4847:var(--cnvs-sys-color-icon-default);[data-part=\"breadcrumbs-item-chevron-right-icon\"]{height:var(--cnvs-sys-space-x8);width:var(--cnvs-sys-space-x8);justify-content:center;align-items:center;display:inline-flex;:dir(rtl){transform:scaleX(-1);}}" }
-}, "breadcrumbs-item-3a0e6d");
+    base: { name: "pjway", styles: "box-sizing:border-box;align-items:center;display:inline-flex;white-space:nowrap;--size-svg-bca693:var(--cnvs-component-system-icon-size-md, var(--cnvs-sys-space-x5, 1.25rem));--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-default);[data-part=\"breadcrumbs-item-chevron-right-icon\"]{height:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem));width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem));justify-content:center;align-items:center;display:inline-flex;:dir(rtl){transform:scaleX(-1);}}" }
+}, "breadcrumbs-item-118728");
 export const useBreadcrumbsItem = composeHooks(useOverflowListItemMeasure, useListItemRegister);
 export const BreadcrumbsItem = createSubcomponent('li')({
     displayName: 'Breadcrumbs.Item',

package/dist/es6/breadcrumbs/lib/BreadcrumbsLink.d.ts

@@ -10,7 +10,7 @@ export interface BreadcrumbsLinkProps extends HyperlinkProps {
      *
      * @default 350px
      */
-    maxWidth?: number;
+    maxWidth?: string | number;
     tooltipProps?: OverflowTooltipProps | {};
 }
 export declare const breadcrumbsLinkStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {

package/dist/es6/breadcrumbs/lib/BreadcrumbsLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsLink.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsLink.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAIxF,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,oBAAoB,GAAG,EAAE,CAAC;CAC1C;AAED,eAAO,MAAM,sBAAsB;;;;gBAWjC,CAAC;AAEH,eAAO,MAAM,eAAe,wFA2B1B,CAAC"}
+{"version":3,"file":"BreadcrumbsLink.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAE3E,OAAO,EAAkB,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAIxF,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,oBAAoB,GAAG,EAAE,CAAC;CAC1C;AAED,eAAO,MAAM,sBAAsB;;;;gBAejC,CAAC;AAEH,eAAO,MAAM,eAAe,wFA2B1B,CAAC"}

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

@@ -1,15 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createComponent } from '@workday/canvas-kit-react/common';
 import { Hyperlink } from '@workday/canvas-kit-react/button';
+import { createComponent } from '@workday/canvas-kit-react/common';
 import { OverflowTooltip } from '@workday/canvas-kit-react/tooltip';
-import { system } from '@workday/canvas-tokens-web';
 import { createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling';
+import { system } from '@workday/canvas-tokens-web';
 export const breadcrumbsLinkStencil = createStencil({
     vars: {
         maxWidth: '',
     },
-    base: { name: "jql5h", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:var(--maxWidth-breadcrumbs-link-3d9ed7);" }
-}, "breadcrumbs-link-3d9ed7");
+    base: { name: "1m9v4u", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));font-weight:var(--cnvs-sys-font-weight-normal);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:var(--maxWidth-breadcrumbs-link-6d0a52);" }
+}, "breadcrumbs-link-6d0a52");
 export const BreadcrumbsLink = createComponent('a')({
     displayName: 'Breadcrumbs.Link',
     Component: ({ maxWidth = 350, href, tooltipProps = {}, children, ...elemProps }, ref, Element) => {

package/dist/es6/breadcrumbs/lib/BreadcrumbsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsList.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAMtD,MAAM,WAAW,oBAAoB,CAAC,CAAC,GAAG,GAAG,CAC3C,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC1D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC3E;AAED,eAAO,MAAM,sBAAsB,iJAUjC,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAe1B,CAAC"}
+{"version":3,"file":"BreadcrumbsList.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAMtD,MAAM,WAAW,oBAAoB,CAAC,CAAC,GAAG,GAAG,CAC3C,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC1D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC3E;AAED,eAAO,MAAM,sBAAsB,iJAUjC,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAe1B,CAAC"}

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

@@ -1,12 +1,12 @@
 import { jsxs as _jsxs } from "react/jsx-runtime";
+import { useListRenderItems, useOverflowListMeasure } from '@workday/canvas-kit-react/collection';
 import { createSubcomponent } from '@workday/canvas-kit-react/common';
-import { useOverflowListMeasure, useListRenderItems } from '@workday/canvas-kit-react/collection';
-import { system } from '@workday/canvas-tokens-web';
 import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
+import { system } from '@workday/canvas-tokens-web';
 import { useBreadcrumbsModel } from './hooks/useBreadcrumbsModel';
 export const breadcrumbsListStencil = createStencil({
-    base: { name: "zng8o", styles: "box-sizing:border-box;padding:0;margin:0;display:inline-flex;align-items:center;min-height:var(--cnvs-sys-space-x10);list-style:none;width:100%;" }
-}, "breadcrumbs-list-af272b");
+    base: { name: "9jvjq", styles: "box-sizing:border-box;padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) 0;margin:0;display:inline-flex;align-items:center;min-height:var(--cnvs-sys-size-lg, 3rem);list-style:none;width:100%;" }
+}, "breadcrumbs-list-6d8e6e");
 export const BreadcrumbsList = createSubcomponent('ul')({
     displayName: 'Breadcrumbs.List',
     modelHook: useBreadcrumbsModel,

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

@@ -197,7 +197,7 @@ export declare const BreadcrumbsMenuItem: import("@workday/canvas-kit-react/comm
     getTextValue: (item: any) => string;
 }, {}>>;
 export declare const breadcrumbsMenuCardStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>;
-export declare const BreadcrumbsMenuCard: (elemProps: ExtractProps<typeof Menu.Card, never>) => import("react/jsx-runtime").JSX.Element;
+export declare const BreadcrumbsMenuCard: (elemProps: ExtractProps<typeof Menu.Card>) => import("react/jsx-runtime").JSX.Element;
 export declare const BreadcrumbsMenu: import("@workday/canvas-kit-react/common").ComponentM<import("@workday/canvas-kit-react/menu").MenuProps & Partial<{
     mode: "multiple" | "single";
     shouldVirtualize: boolean;
@@ -1848,7 +1848,7 @@ export declare const BreadcrumbsMenu: import("@workday/canvas-kit-react/common")
     getId: (item: any) => string;
     getTextValue: (item: any) => string;
 }> & {
-    Card: (elemProps: ExtractProps<typeof Menu.Card, never>) => import("react/jsx-runtime").JSX.Element;
+    Card: (elemProps: ExtractProps<typeof Menu.Card>) => import("react/jsx-runtime").JSX.Element;
     List: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("@workday/canvas-kit-react/menu").MenuListProps<any>, {
         state: {
             stackRef: import("react").RefObject<HTMLDivElement>;

package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsMenu.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,IAAI,EAAe,MAAM,gCAAgC,CAAC;AAGlE,eAAO,MAAM,0BAA0B,iJAIrC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAO9B,CAAC;AAEH,eAAO,MAAM,0BAA0B,iJAMrC,CAAC;AAEH,eAAO,MAAM,mBAAmB,cAAe,aAAa,OAAO,KAAK,IAAI,EAAE,KAAK,CAAC,4CAEnF,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAJmB,aAAa,OAAO,KAAK,IAAI,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBlF,CAAC"}
+{"version":3,"file":"BreadcrumbsMenu.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAmC,MAAM,kCAAkC,CAAC;AAChG,OAAO,EAAC,IAAI,EAAe,MAAM,gCAAgC,CAAC;AAGlE,eAAO,MAAM,0BAA0B,iJAIrC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAO9B,CAAC;AAEH,eAAO,MAAM,0BAA0B,iJAMrC,CAAC;AAEH,eAAO,MAAM,mBAAmB,cAAe,aAAa,OAAO,KAAK,IAAI,CAAC,4CAE5E,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAJmB,aAAa,OAAO,KAAK,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkB3E,CAAC"}

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { createContainer, createComponent } from '@workday/canvas-kit-react/common';
+import { createComponent, createContainer } from '@workday/canvas-kit-react/common';
 import { Menu, useMenuModel } from '@workday/canvas-kit-react/menu';
 import { createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling';
 export const breadcrumbsMenuItemStencil = createStencil({
-    base: { name: "4877y3", styles: "box-sizing:border-box;text-decoration:none;" }
+    base: { name: "1e506z", styles: "box-sizing:border-box;text-decoration:none;" }
 }, "breadcrumbs-menu-item-4f4f2d");
 export const BreadcrumbsMenuItem = createComponent('a')({
     displayName: 'Breadcrumbs.Menu.Item',
@@ -12,7 +12,7 @@ export const BreadcrumbsMenuItem = createComponent('a')({
     },
 });
 export const breadcrumbsMenuCardStencil = createStencil({
-    base: { name: "615wh", styles: "box-sizing:border-box;width:17.5rem;max-width:17.5rem;max-height:18.5rem;" }
+    base: { name: "112mi0", styles: "box-sizing:border-box;width:17.5rem;max-width:17.5rem;max-height:18.5rem;" }
 }, "breadcrumbs-menu-card-39f355");
 export const BreadcrumbsMenuCard = (elemProps) => (_jsx(Menu.Card, { ...handleCsProp(elemProps, breadcrumbsMenuCardStencil()) }));
 export const BreadcrumbsMenu = createContainer()({

package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts

@@ -1,6 +1,6 @@
-import { FlexProps } from '@workday/canvas-kit-react/layout';
 import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
-export interface BreadcrumbsOverflowButtonProps extends TertiaryButtonProps {
+import { FlexProps } from '@workday/canvas-kit-react/layout';
+export interface BreadcrumbsOverflowButtonProps extends Omit<TertiaryButtonProps, 'style'> {
     'aria-label': string;
     /**
      * style prop applies styles to the whole Flex component,

package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsOverflowButton.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsOverflowButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAS3D,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAKrF,MAAM,WAAW,8BAA+B,SAAQ,mBAAmB;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,gCAAgC;;;;;;oBAqB3C,CAAC;AAEH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8aAOxC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBpC,CAAC"}
+{"version":3,"file":"BreadcrumbsOverflowButton.d.ts","sourceRoot":"","sources":["../../../../breadcrumbs/lib/BreadcrumbsOverflowButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AASrF,OAAO,EAAC,SAAS,EAAC,MAAM,kCAAkC,CAAC;AAQ3D,MAAM,WAAW,8BAA+B,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC;IACxF,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,gCAAgC;;;;;;oBAqB3C,CAAC;AAEH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8aAOxC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBpC,CAAC"}

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

@@ -1,20 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { chevronRightSmallIcon, relatedActionsIcon } from '@workday/canvas-system-icons-web';
-import { SystemIcon, systemIconStencil } from '@workday/canvas-kit-react/icon';
-import { composeHooks, createElemPropsHook, createSubcomponent, subModelHook, } from '@workday/canvas-kit-react/common';
+import { TertiaryButton } from '@workday/canvas-kit-react/button';
 import { useOverflowListTarget } from '@workday/canvas-kit-react/collection';
+import { composeHooks, createElemPropsHook, createSubcomponent, subModelHook, } from '@workday/canvas-kit-react/common';
+import { SystemIcon, systemIconStencil } from '@workday/canvas-kit-react/icon';
 import { useMenuTarget } from '@workday/canvas-kit-react/menu';
-import { TertiaryButton } from '@workday/canvas-kit-react/button';
-import { system } from '@workday/canvas-tokens-web';
-import { createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling';
+import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
+import { chevronRightSmallIcon, relatedActionsIcon } from '@workday/canvas-system-icons-web';
+import { component, system } from '@workday/canvas-tokens-web';
 import { useBreadcrumbsModel } from './hooks/useBreadcrumbsModel';
 export const breadcrumbsOverflowButtonStencil = createStencil({
     parts: {
         overflowButton: 'breadcrumbs-overflow-button',
         chevronRightIcon: 'breadcrumbs-overflow-button-chevron-right-icon',
     },
-    base: { name: "4d1a49", styles: "box-sizing:border-box;align-items:center;display:flex;--color-system-icon-3a4847:var(--cnvs-sys-color-icon-default);--size-svg-8fcab8:1.25rem;[data-part=\"breadcrumbs-overflow-button-chevron-right-icon\"]{height:var(--cnvs-sys-space-x8);width:var(--cnvs-sys-space-x8);justify-content:center;align-items:center;display:inline-flex;:dir(rtl){transform:scaleX(-1);}}" }
-}, "breadcrumbs-overflow-button-9c6f83");
+    base: { name: "2xux5n", styles: "box-sizing:border-box;align-items:center;display:flex;--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-default);--size-svg-bca693:var(--cnvs-component-system-icon-size-md, var(--cnvs-sys-space-x5, 1.25rem));[data-part=\"breadcrumbs-overflow-button-chevron-right-icon\"]{height:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem));width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem));justify-content:center;align-items:center;display:inline-flex;:dir(rtl){transform:scaleX(-1);}}" }
+}, "breadcrumbs-overflow-button-16df19");
 export const useBreadcrumbsOverflowButton = composeHooks(createElemPropsHook(useBreadcrumbsModel)(() => ({
     'aria-haspopup': true,
     'aria-controls': 'menu',

package/dist/es6/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBreadcrumbsModel.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/hooks/useBreadcrumbsModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,mBAAmB;IAG5B;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IATH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDL,CAAC"}
+{"version":3,"file":"useBreadcrumbsModel.d.ts","sourceRoot":"","sources":["../../../../../breadcrumbs/lib/hooks/useBreadcrumbsModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,mBAAmB;IAG5B;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IATH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDL,CAAC"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { createModelHook } from '@workday/canvas-kit-react/common';
 import { defaultGetId, useOverflowListModel } from '@workday/canvas-kit-react/collection';
+import { createModelHook } from '@workday/canvas-kit-react/common';
 import { useMenuModel } from '@workday/canvas-kit-react/menu';
 import { reorganizeHiddenItems } from './utils';
 export const useBreadcrumbsModel = createModelHook({

package/dist/es6/button/lib/BaseButton.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { GrowthBehavior } from '@workday/canvas-kit-react/common';
 import { SystemIconProps } from '@workday/canvas-kit-react/icon';
+import { CanvasSystemIcon } from '@workday/canvas-system-icons-web';
 import { ButtonColors, ButtonSizes, IconPositions } from './types';
-import { CanvasSystemIcon } from '@workday/design-assets-types';
 export interface ButtonContainerProps extends Partial<SystemIconProps>, GrowthBehavior {
     /**
      * Override default colors of a button. The default will depend on the button type
@@ -63,46 +63,38 @@ export declare const buttonStencil: import("@workday/canvas-kit-styling").Stenci
      */
     size: {
         large: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            height: string;
-            paddingInline: "--cnvs-sys-space-x8";
-            minWidth: string;
-            fontFamily: "--cnvs-sys-font-family-default";
-            lineHeight: "--cnvs-sys-line-height-body-small";
-            fontSize: "--cnvs-sys-font-size-body-small";
-            letterSpacing: "--cnvs-base-letter-spacing-200";
+            fontSize: "var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small, 1rem))";
+            lineHeight: "var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small, 1.5rem))";
+            letterSpacing: "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-sys-type-letter-spacing-body-small))";
+            height: "var(--cnvs-sys-size-lg, 3rem)";
+            paddingInline: "var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8, 2rem))";
+            minWidth: "var(--cnvs-base-size-1400, 7rem)";
         };
         medium: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            minWidth: string;
-            paddingInline: "--cnvs-sys-space-x6";
-            height: "--cnvs-sys-space-x10";
-            fontFamily: "--cnvs-sys-font-family-default";
-            lineHeight: "--cnvs-sys-line-height-subtext-large";
-            fontSize: "--cnvs-sys-font-size-subtext-large";
-            letterSpacing: "--cnvs-base-letter-spacing-150";
+            fontSize: "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem))";
+            lineHeight: "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem))";
+            letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large))";
+            minWidth: "var(--cnvs-base-size-1200, 6rem)";
+            paddingInline: "var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem))";
+            height: "var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem))";
         };
         small: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            height: "--cnvs-sys-space-x8";
-            minWidth: "--cnvs-sys-space-x20";
-            paddingInline: "--cnvs-sys-space-x4";
-            gap: "--cnvs-sys-space-x1";
-            fontFamily: "--cnvs-sys-font-family-default";
-            lineHeight: "--cnvs-sys-line-height-subtext-large";
-            fontSize: "--cnvs-sys-font-size-subtext-large";
-            letterSpacing: "--cnvs-base-letter-spacing-150";
+            fontSize: "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem))";
+            lineHeight: "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem))";
+            letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large))";
+            height: "var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem))";
+            minWidth: "var(--cnvs-base-size-1000, 5rem)";
+            paddingInline: "var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem))";
+            gap: "var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem))";
         };
         extraSmall: {
-            fontWeight: "--cnvs-sys-font-weight-bold";
-            height: "--cnvs-sys-space-x6";
+            fontSize: "var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium, 0.75rem))";
+            lineHeight: "var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium, 1rem))";
+            letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium))";
+            height: "var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem))";
             minWidth: string;
-            paddingInline: "--cnvs-sys-space-x3";
-            gap: "--cnvs-sys-space-x1";
-            fontFamily: "--cnvs-sys-font-family-default";
-            lineHeight: "--cnvs-sys-line-height-subtext-medium";
-            fontSize: "--cnvs-sys-font-size-subtext-medium";
-            letterSpacing: "--cnvs-base-letter-spacing-100";
+            paddingInline: "var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem))";
+            gap: "var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem))";
         };
     };
     grow: {
@@ -113,7 +105,7 @@ export declare const buttonStencil: import("@workday/canvas-kit-styling").Stenci
     };
     iconPosition: {
         only: {
-            padding: "--cnvs-sys-space-zero";
+            padding: number;
         };
         start: {};
         end: {};
@@ -128,7 +120,7 @@ export declare const buttonStencil: import("@workday/canvas-kit-styling").Stenci
     borderRadius: string;
 }, never, never>;
 /**
- * The base button which which is the foundation of all Button variants (`PrimaryButton`,
+ * The baseLegacy button which which is the foundation of all Button variants (`PrimaryButton`,
  * `SecondaryButton`, `TertiaryButton`, `DeleteButton`, `ToolbarIconButton` and `ToolbarDropdownButton`).
  */
 export declare const BaseButton: import("@workday/canvas-kit-react/common").ElementComponent<"button", ButtonContainerProps> & {

package/dist/es6/button/lib/BaseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAkB,cAAc,EAAY,MAAM,kCAAkC,CAAC;AAE5F,OAAO,EAAC,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AAElF,OAAO,EAAC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AACjE,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAG9D,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC,EAAE,cAAc;IACpF;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC;CAAG;AAE7E;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;CAmD/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;IA6ItB;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAiIL,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,UAAU;;;CAqCrB,CAAC"}
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAkB,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAC,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AAGlF,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAKlE,OAAO,EAAC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AAEjE,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC,EAAE,cAAc;IACpF;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC;CAAG;AAE7E;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;CAmD/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;IAoItB;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAqIL,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,UAAU;;;CAqCrB,CAAC"}

package/dist/es6/button/lib/BaseButton.js

@@ -1,20 +1,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ButtonLabelIcon } from '../lib/parts/ButtonLabelIcon';
-import { ButtonLabel } from '../lib/parts/ButtonLabel';
-import { createComponent, focusRing } from '@workday/canvas-kit-react/common';
-import { cssVar, createStencil, px2rem, createVars, calc } from '@workday/canvas-kit-styling';
+import { createComponent } from '@workday/canvas-kit-react/common';
 import { systemIconStencil } from '@workday/canvas-kit-react/icon';
-import { brand, system } from '@workday/canvas-tokens-web';
 import { mergeStyles } from '@workday/canvas-kit-react/layout';
+import { createStencil, createVars, cssVar, px2rem } from '@workday/canvas-kit-styling';
+import { base, system } from '@workday/canvas-tokens-web';
+import { ButtonLabel } from '../lib/parts/ButtonLabel';
+import { ButtonLabelIcon } from '../lib/parts/ButtonLabelIcon';
 /**
  * The purpose of this object is for the `colors` prop - to provide backwards compatibility with how we allowed color overrides in Emotion.
  */
 export const buttonColorPropVars = {
-    default: createVars({ id: "a1b49d", args: ["background", "border", "boxShadowInner", "boxShadowOuter", "icon", "label", "opacity", "borderRadius"] }),
-    focus: createVars({ id: "553b51", args: ["background", "border", "boxShadowInner", "boxShadowOuter", "icon", "label", "opacity", "borderRadius"] }),
-    hover: createVars({ id: "846e8f", args: ["background", "border", "boxShadowInner", "boxShadowOuter", "icon", "label", "opacity", "borderRadius"] }),
-    active: createVars({ id: "3abb65", args: ["background", "border", "boxShadowInner", "boxShadowOuter", "icon", "label", "opacity", "borderRadius"] }),
-    disabled: createVars({ id: "74b26e", args: ["background", "border", "boxShadowInner", "boxShadowOuter", "icon", "label", "opacity", "borderRadius"] }),
+    default: createVars({ id: "a282d7", args: ["background", "border", "boxShadowInner", "boxShadowOuter", "icon", "label", "opacity", "borderRadius"] }),
+    focus: createVars({ id: "328a7e", args: ["background", "border", "boxShadowInner", "boxShadowOuter", "icon", "label", "opacity", "borderRadius"] }),
+    hover: createVars({ id: "d047e0", args: ["background", "border", "boxShadowInner", "boxShadowOuter", "icon", "label", "opacity", "borderRadius"] }),
+    active: createVars({ id: "dc35d3", args: ["background", "border", "boxShadowInner", "boxShadowOuter", "icon", "label", "opacity", "borderRadius"] }),
+    disabled: createVars({ id: "d319ee", args: ["background", "border", "boxShadowInner", "boxShadowOuter", "icon", "label", "opacity", "borderRadius"] }),
 };
 /**
  * Base styles for Buttons.
@@ -29,7 +29,7 @@ export const buttonStencil = createStencil({
         opacity: '',
         borderRadius: '',
     },
-    base: { name: "2394dd", styles: "box-sizing:border-box;font-family:\"Roboto\", \"Helvetica Neue\", \"Helvetica\", Arial, sans-serif;font-size:0.875rem;line-height:normal;letter-spacing:0.015rem;font-weight:var(--cnvs-sys-font-weight-bold);background-color:var(--background-a1b49d, var(--background-button-85bf0e, transparent));color:var(--label-a1b49d, var(--label-button-85bf0e, var(--cnvs-sys-color-fg-strong)));border-width:0.0625rem;border-style:solid;gap:var(--cnvs-sys-space-x2);border-color:var(--border-a1b49d, var(--border-button-85bf0e, transparent));cursor:pointer;display:inline-flex;box-shadow:none;align-items:center;justify-content:center;outline:0.125rem transparent;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--borderRadius-a1b49d, var(--borderRadius-button-85bf0e, var(--cnvs-sys-shape-round)));position:relative;vertical-align:middle;overflow:hidden;--color-system-icon-3a4847:var(--icon-a1b49d, var(--cnvs-sys-color-fg-strong));transition:box-shadow 120ms linear, border 120ms linear, background-color 120ms linear, color 120ms linear;&:disabled, &:disabled:active, &.disabled{cursor:default;box-shadow:none;opacity:var(--opacity-a1b49d, var(--opacity-button-85bf0e, var(--cnvs-sys-opacity-full)));}&:focus-visible, &.focus{background-color:var(--background-553b51, var(--background-button-85bf0e, transparent));border-color:var(--border-553b51, var(--border-button-85bf0e, transparent));color:var(--label-553b51, var(--label-button-85bf0e, var(--cnvs-sys-color-fg-strong)));--color-system-icon-3a4847:var(--icon-553b51, var(--cnvs-sys-color-fg-strong));outline:0.125rem solid transparent;outline-offset:0.125rem;box-shadow:0 0 0 2px var(--boxShadowInner-553b51, var(--boxShadowInner-button-85bf0e, var(--cnvs-sys-color-border-inverse))), 0 0 0 4px var(--boxShadowOuter-553b51, var(--boxShadowOuter-button-85bf0e, var(--cnvs-brand-common-focus-outline)));}&:hover, &.hover{background-color:var(--background-846e8f, var(--background-button-85bf0e, var(--cnvs-sys-color-bg-contrast-strong)));border-color:var(--border-846e8f, var(--border-button-85bf0e, transparent));color:var(--label-846e8f, var(--label-button-85bf0e, var(--cnvs-sys-color-fg-stronger)));--color-system-icon-3a4847:var(--icon-846e8f, var(--cnvs-sys-color-fg-stronger));}&:hover:active{transition-duration:40ms;}&:active, &.active{background-color:var(--background-3abb65, var(--background-button-85bf0e, transparent));border-color:var(--border-3abb65, var(--border-button-85bf0e, transparent));color:var(--label-3abb65, var(--label-button-85bf0e, var(--cnvs-sys-color-fg-strong)));--color-system-icon-3a4847:var(--icon-3abb65, var(--cnvs-sys-color-fg-strong));}&:disabled, &.disabled{background-color:var(--background-74b26e, var(--background-button-85bf0e, transparent));border-color:var(--border-74b26e, var(--border-button-85bf0e, transparent));color:var(--label-74b26e, var(--label-button-85bf0e, var(--cnvs-sys-color-fg-strong)));--color-system-icon-3a4847:var(--icon-74b26e, var(--cnvs-sys-color-fg-strong));}@media (prefers-contrast: more){&[aria-pressed=\"true\"]{outline:0.125rem solid transparent;outline-offset:-0.0625rem;}&[aria-pressed=\"true\"]:focus-visible, &[aria-pressed=\"true\"].focus{outline:0.25rem double transparent;outline-offset:0;}}svg{pointer-events:none;}" },
+    base: { name: "fwb16", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));font-weight:var(--cnvs-sys-font-weight-bold);background-color:var(--background-a282d7, var(--background-button-c26182, transparent));color:var(--label-a282d7, var(--label-button-c26182, var(--cnvs-sys-color-fg-strong)));border-width:0.0625rem;border-style:solid;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));border-color:var(--border-a282d7, var(--border-button-c26182, transparent));cursor:pointer;display:inline-flex;box-shadow:none;align-items:center;justify-content:center;outline:0.125rem transparent;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--borderRadius-a282d7, var(--borderRadius-button-c26182, var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem))));position:relative;vertical-align:middle;overflow:hidden;--color-system-icon-c9acc3:var(--icon-a282d7, var(--cnvs-sys-color-fg-strong));transition:box-shadow 120ms linear, border 120ms linear, background-color 120ms linear, color 120ms linear;&:disabled, &:disabled:active, &.disabled{cursor:default;box-shadow:none;opacity:var(--opacity-a282d7, var(--opacity-button-c26182, var(--cnvs-sys-opacity-full)));}&:focus-visible, &.focus{background-color:var(--background-328a7e, var(--background-button-c26182, transparent));border-color:var(--border-328a7e, var(--border-button-c26182, transparent));color:var(--label-328a7e, var(--label-button-c26182, var(--cnvs-sys-color-fg-strong)));--color-system-icon-c9acc3:var(--icon-328a7e, var(--cnvs-sys-color-fg-strong));outline:0.125rem solid transparent;outline-offset:0.125rem;box-shadow:0 0 0 0.125rem var(--boxShadowInner-328a7e, var(--boxShadowInner-button-c26182, var(--cnvs-sys-color-border-inverse-default, var(--cnvs-sys-color-border-inverse, oklch(1 0 0 / 1))))),0 0 0 0.25rem var(--boxShadowOuter-328a7e, var(--boxShadowOuter-button-c26182, var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1)))));}&:hover, &.hover{background-color:var(--background-d047e0, var(--background-button-c26182, var(--cnvs-sys-color-surface-contrast-strong, var(--cnvs-sys-color-bg-contrast-strong, oklch(0.0672 0 0 / 0.89)))));border-color:var(--border-d047e0, var(--border-button-c26182, transparent));color:var(--label-d047e0, var(--label-button-c26182, var(--cnvs-sys-color-fg-stronger)));--color-system-icon-c9acc3:var(--icon-d047e0, var(--cnvs-sys-color-fg-stronger));}&:hover:active{transition-duration:40ms;}&:active, &.active{background-color:var(--background-dc35d3, var(--background-button-c26182, transparent));border-color:var(--border-dc35d3, var(--border-button-c26182, transparent));color:var(--label-dc35d3, var(--label-button-c26182, var(--cnvs-sys-color-fg-strong)));--color-system-icon-c9acc3:var(--icon-dc35d3, var(--cnvs-sys-color-fg-strong));}&:disabled, &.disabled{background-color:var(--background-d319ee, var(--background-button-c26182, transparent));border-color:var(--border-d319ee, var(--border-button-c26182, transparent));color:var(--label-d319ee, var(--label-button-c26182, var(--cnvs-sys-color-fg-strong)));--color-system-icon-c9acc3:var(--icon-d319ee, currentColor);}@media (prefers-contrast: more){&[aria-pressed=\"true\"]{outline:0.125rem solid transparent;outline-offset:-0.0625rem;}&[aria-pressed=\"true\"]:focus-visible, &[aria-pressed=\"true\"].focus{outline:0.25rem double transparent;outline-offset:0;}}svg{pointer-events:none;}" },
     modifiers: {
         /**
          * Button modifiers that will overwrite the base styles of Buttons.
@@ -38,75 +38,75 @@ export const buttonStencil = createStencil({
          * within a button or if there is only an icon and no text.
          */
         size: {
-            large: { name: "1jh5e", styles: "font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-body-small);font-size:var(--cnvs-sys-font-size-body-small);letter-spacing:var(--cnvs-base-letter-spacing-200);height:3rem;padding-inline:var(--cnvs-sys-space-x8);min-width:7rem;" },
-            medium: { name: "2gmstt", styles: "font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);min-width:6rem;padding-inline:var(--cnvs-sys-space-x6);height:var(--cnvs-sys-space-x10);" },
-            small: { name: "4afm4j", styles: "font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);height:var(--cnvs-sys-space-x8);min-width:var(--cnvs-sys-space-x20);padding-inline:var(--cnvs-sys-space-x4);gap:var(--cnvs-sys-space-x1);" },
-            extraSmall: { name: "2j85j2", styles: "font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-medium);font-size:var(--cnvs-sys-font-size-subtext-medium);letter-spacing:var(--cnvs-base-letter-spacing-100);height:var(--cnvs-sys-space-x6);min-width:auto;padding-inline:var(--cnvs-sys-space-x3);gap:var(--cnvs-sys-space-x1);" }
+            large: { name: "1ar1vv", styles: "font-size:var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small, 1rem));line-height:var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small, 1.5rem));letter-spacing:var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-sys-type-letter-spacing-body-small));height:var(--cnvs-sys-size-lg, 3rem);padding-inline:var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8, 2rem));min-width:var(--cnvs-base-size-1400, 7rem);" },
+            medium: { name: "4eu67n", styles: "font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));min-width:var(--cnvs-base-size-1200, 6rem);padding-inline:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem));height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));" },
+            small: { name: "1xpi7c", styles: "font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));height:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem));min-width:var(--cnvs-base-size-1000, 5rem);padding-inline:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));" },
+            extraSmall: { name: "1ex79y", styles: "font-size:var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium, 0.75rem));line-height:var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium, 1rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium));height:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem));min-width:auto;padding-inline:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));" }
         },
         grow: {
-            true: { name: "2roe99", styles: "width:100%;max-width:100%;" }
+            true: { name: "kp4si", styles: "width:100%;max-width:100%;" }
         },
         // IconPosition Styles
         iconPosition: {
-            only: { name: "2bogaj", styles: "padding:var(--cnvs-sys-space-zero);" },
-            start: { name: "29xqlh", styles: "" },
-            end: { name: "35f7vp", styles: "" }
+            only: { name: "45zulk", styles: "padding:0;" },
+            start: { name: "178mpc", styles: "" },
+            end: { name: "3mqg3q", styles: "" }
         }
     },
     // Compound Modifier Styles
     compound: [
         {
             modifiers: { size: 'large', iconPosition: 'only' },
-            styles: { name: "lr6i7", styles: "min-width:calc(var(--cnvs-sys-space-x4) * 3);" }
+            styles: { name: "170emg", styles: "min-width:var(--cnvs-sys-size-lg, 3rem);" }
         },
         {
             modifiers: { size: 'large', iconPosition: 'start' },
-            styles: { name: "19wm5m", styles: "padding-inline-start:var(--cnvs-sys-space-x6);padding-inline-end:var(--cnvs-sys-space-x8);" }
+            styles: { name: "3v7egs", styles: "padding-inline-start:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem));padding-inline-end:var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8, 2rem));" }
         },
         {
             modifiers: { size: 'large', iconPosition: 'end' },
-            styles: { name: "1xrug4", styles: "padding-inline-start:var(--cnvs-sys-space-x8);padding-inline-end:var(--cnvs-sys-space-x6);" }
+            styles: { name: "41884l", styles: "padding-inline-start:var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8, 2rem));padding-inline-end:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem));" }
         },
         {
             modifiers: { size: 'medium', iconPosition: 'only' },
-            styles: { name: "2w64nu", styles: "min-width:var(--cnvs-sys-space-x10);" }
+            styles: { name: "3oxsdd", styles: "min-width:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));" }
         },
         {
             modifiers: { size: 'medium', iconPosition: 'start' },
-            styles: { name: "9d8o", styles: "padding-inline-start:calc(var(--cnvs-sys-space-x1) * 5);padding-inline-end:var(--cnvs-sys-space-x6);" }
+            styles: { name: "2b5icl", styles: "padding-inline-start:var(--cnvs-sys-padding-lg, var(--cnvs-sys-space-x5, 1.25rem));padding-inline-end:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem));" }
         },
         {
             modifiers: { size: 'medium', iconPosition: 'end' },
-            styles: { name: "3gv91l", styles: "padding-inline-start:var(--cnvs-sys-space-x6);padding-inline-end:calc(var(--cnvs-sys-space-x1) * 5);" }
+            styles: { name: "1h4prz", styles: "padding-inline-start:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem));padding-inline-end:var(--cnvs-sys-padding-lg, var(--cnvs-sys-space-x5, 1.25rem));" }
         },
         {
             modifiers: { size: 'small', iconPosition: 'only' },
-            styles: { name: "26ermc", styles: "min-width:var(--cnvs-sys-space-x8);" }
+            styles: { name: "3tzzmp", styles: "min-width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem));" }
         },
         {
             modifiers: { size: 'small', iconPosition: 'start' },
-            styles: { name: "1e637z", styles: "padding-inline-start:var(--cnvs-sys-space-x3);padding-inline-end:var(--cnvs-sys-space-x4);" }
+            styles: { name: "4151ef", styles: "padding-inline-start:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));padding-inline-end:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));" }
         },
         {
             modifiers: { size: 'small', iconPosition: 'end' },
-            styles: { name: "38j9lf", styles: "padding-inline-start:var(--cnvs-sys-space-x4);padding-inline-end:var(--cnvs-sys-space-x3);" }
+            styles: { name: "ks4oa", styles: "padding-inline-start:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));padding-inline-end:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));" }
         },
         {
             modifiers: { size: 'extraSmall', iconPosition: 'only' },
-            styles: { name: "1zzbpp", styles: "min-width:var(--cnvs-sys-space-x6);" }
+            styles: { name: "1uhaig", styles: "min-width:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem));" }
         },
         {
             modifiers: { size: 'extraSmall', iconPosition: 'start' },
-            styles: { name: "utcrh", styles: "padding-inline-start:var(--cnvs-sys-space-x2);padding-inline-end:var(--cnvs-sys-space-x3);" }
+            styles: { name: "2wbast", styles: "padding-inline-start:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));padding-inline-end:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));" }
         },
         {
             modifiers: { size: 'extraSmall', iconPosition: 'end' },
-            styles: { name: "rwvd8", styles: "padding-inline-start:var(--cnvs-sys-space-x3);padding-inline-end:var(--cnvs-sys-space-x2);" }
+            styles: { name: "3di4y6", styles: "padding-inline-start:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));padding-inline-end:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" }
         }
     ]
-}, "button-85bf0e");
+}, "button-c26182");
 /**
- * The base button which which is the foundation of all Button variants (`PrimaryButton`,
+ * The baseLegacy button which which is the foundation of all Button variants (`PrimaryButton`,
  * `SecondaryButton`, `TertiaryButton`, `DeleteButton`, `ToolbarIconButton` and `ToolbarDropdownButton`).
  */
 export const BaseButton = createComponent('button')({