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

package/banner/lib/BannerIcon.tsx

@@ -1,8 +1,8 @@
 import {ExtractProps, createSubcomponent} from '@workday/canvas-kit-react/common';
 import {SystemIcon} from '@workday/canvas-kit-react/icon';
 import {createStencil, handleCsProp} from '@workday/canvas-kit-styling';
+import {CanvasSystemIcon} from '@workday/canvas-system-icons-web';
 import {system} from '@workday/canvas-tokens-web';
-import {CanvasSystemIcon} from '@workday/design-assets-types';
 
 import {useBannerIcon, useBannerModel} from './hooks';
 

package/breadcrumbs/lib/BreadcrumbsOverflowButton.tsx

@@ -15,7 +15,7 @@ import {system} from '@workday/canvas-tokens-web';
 
 import {useBreadcrumbsModel} from './hooks/useBreadcrumbsModel';
 
-export interface BreadcrumbsOverflowButtonProps extends TertiaryButtonProps {
+export interface BreadcrumbsOverflowButtonProps extends Omit<TertiaryButtonProps, 'style'> {
   'aria-label': string;
   /**
    * style prop applies styles to the whole Flex component,

package/button/lib/BaseButton.tsx

@@ -4,8 +4,8 @@ import {GrowthBehavior, createComponent} from '@workday/canvas-kit-react/common'
 import {SystemIconProps, systemIconStencil} from '@workday/canvas-kit-react/icon';
 import {mergeStyles} from '@workday/canvas-kit-react/layout';
 import {createStencil, createVars, cssVar, px2rem} from '@workday/canvas-kit-styling';
+import {CanvasSystemIcon} from '@workday/canvas-system-icons-web';
 import {base, brand, system} from '@workday/canvas-tokens-web';
-import {CanvasSystemIcon} from '@workday/design-assets-types';
 
 import {ButtonLabel} from '../lib/parts/ButtonLabel';
 import {ButtonLabelIcon} from '../lib/parts/ButtonLabelIcon';

package/button/lib/parts/ButtonLabelIcon.tsx

@@ -1,6 +1,7 @@
 import {createComponent} from '@workday/canvas-kit-react/common';
-import {SystemIcon, SystemIconProps} from '@workday/canvas-kit-react/icon';
-import {px2rem} from '@workday/canvas-kit-styling';
+import {SystemIcon, SystemIconProps, systemIconStencil} from '@workday/canvas-kit-react/icon';
+import {createStencil, cssVar, handleCsProp, px2rem} from '@workday/canvas-kit-styling';
+import {component, system} from '@workday/canvas-tokens-web';
 
 import {ButtonSizes} from '../types';
 
@@ -27,12 +28,35 @@ export interface ButtonLabelIconProps extends Partial<SystemIconProps> {
   shouldMirrorIconInRTL?: boolean;
 }
 
-const iconSizes: Record<ButtonSizes, number> = {
-  extraSmall: 18,
-  small: 20,
-  medium: 20,
-  large: 24,
-};
+const buttonIconStencil = createStencil({
+  base: {
+    display: 'inline-block',
+  },
+  modifiers: {
+    size: {
+      extraSmall: {
+        // TODO (forwardfit token): Revisit token, using v4 token and fallback to v3 token
+        // TODO (icon token): Revisit size variable to icon size token
+        [systemIconStencil.vars.size]: cssVar(component.systemIcon.size.sm, px2rem(18)),
+      },
+      small: {
+        // TODO (forwardfit token): Revisit token, using v4 token and fallback to v3 token
+        // TODO (icon token): Revisit size variable to icon size token
+        [systemIconStencil.vars.size]: cssVar(component.systemIcon.size.md, system.space.x5),
+      },
+      medium: {
+        // TODO (forwardfit token): Revisit token, using v4 token and fallback to v3 token
+        // TODO (icon token): Revisit size variable to icon size token
+        [systemIconStencil.vars.size]: cssVar(component.systemIcon.size.md, system.space.x5),
+      },
+      large: {
+        // TODO (forwardfit token): Revisit token, using v4 token and fallback to v3 token
+        // TODO (icon token): Revisit size variable to icon size token
+        [systemIconStencil.vars.size]: cssVar(component.systemIcon.size.lg, system.space.x6),
+      },
+    },
+  },
+});
 
 export const ButtonLabelIcon = createComponent('span')({
   Component: (
@@ -50,20 +74,14 @@ export const ButtonLabelIcon = createComponent('span')({
       return null;
     }
 
-    const iconSize = iconSizes[size];
-
     return (
       <SystemIcon
         ref={ref}
         as={Element}
-        size={iconSize}
         icon={icon}
-        width={px2rem(iconSize)}
-        height={px2rem(iconSize)}
-        display="inline-block"
         shouldMirror={shouldMirrorIcon}
         shouldMirrorInRTL={shouldMirrorIconInRTL}
-        {...elemProps}
+        {...handleCsProp(elemProps, buttonIconStencil({size}))}
       />
     );
   },

package/common/lib/theming/README.md

@@ -22,6 +22,7 @@ values in your root CSS:
 @import '@workday/canvas-tokens-web/css/base/_variables.css';
 @import '@workday/canvas-tokens-web/css/system/_variables.css';
 @import '@workday/canvas-tokens-web/css/brand/_variables.css';
+@import '@workday/canvas-tokens-web/css/component/_variables.css';
 
 :root {
   /* Override brand primary colors */
@@ -34,9 +35,9 @@ values in your root CSS:
 Or use `createStyles` to generate themed class names:
 
 ```tsx
-import {createStyles} from '@workday/canvas-kit-styling';
-import {brand, base} from '@workday/canvas-tokens-web';
 import {CanvasProvider} from '@workday/canvas-kit-react/common';
+import {createStyles} from '@workday/canvas-kit-styling';
+import {base, brand} from '@workday/canvas-tokens-web';
 
 const themedBrand = createStyles({
   [brand.primary.base]: base.magenta600,
@@ -177,7 +178,6 @@ import {ContentDirection} from '@workday/canvas-kit-react/common';
 ```tsx
 // DEPRECATED - Use defaultBranding instead
 import {defaultCanvasTheme} from '@workday/canvas-kit-react/common';
-
 // NEW - Use defaultBranding
 import {defaultBranding} from '@workday/canvas-kit-react/common';
 ```

package/dist/commonjs/action-bar/lib/ActionBarList.js

@@ -9,7 +9,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const useActionBarModel_1 = require("./useActionBarModel");
 exports.actionBarListStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "3mkiav", styles: "box-sizing:border-box;display:flex;box-shadow:var(--cnvs-sys-depth-2);gap:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4));background:var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default));border-block-start:solid 0.0625rem  var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider));padding:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4)) var(--cnvs-base-size-500, var(--cnvs-sys-space-x10)) ;position:fixed;inset-block-end:0;inset-inline:0;@media (max-width: 767.5px){padding:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4));> *{flex:1;}}" }
+    base: { name: "1d0wnw", styles: "box-sizing:border-box;display:flex;box-shadow:var(--cnvs-sys-depth-2);gap:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4));background:var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default));border-block-start:solid 0.0625rem  var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider));padding:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4)) var(--cnvs-base-size-500, var(--cnvs-sys-space-x10)) ;position:fixed;inset-block-end:0;inset-inline:0;@media (max-width: 767.5px){padding:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4));> *{flex:1;}}" }
 }, "action-bar-list-9d8b4f");
 exports.useActionBarList = collection_1.useOverflowListMeasure;
 exports.ActionBarList = (0, common_1.createSubcomponent)('div')({

package/dist/commonjs/action-bar/lib/ActionBarOverflowButton.js

@@ -11,7 +11,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
 const useActionBarModel_1 = require("./useActionBarModel");
 exports.actionBarOverflowButtonStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "t1cyk", styles: "box-sizing:border-box;flex:0;" }
+    base: { name: "pyx1x", styles: "box-sizing:border-box;flex:0;" }
 }, "action-bar-overflow-button-0a24d9");
 exports.useActionBarOverflowButton = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useActionBarModel_1.useActionBarModel)(() => ({
     'aria-haspopup': true,

package/dist/commonjs/avatar/lib/Avatar.js

@@ -16,23 +16,23 @@ exports.avatarStencil = (0, canvas_kit_styling_1.createStencil)({
         avatarImage: 'avatar-image',
         avatarName: 'avatar-name',
     },
-    base: { name: "hh4fh", styles: "box-sizing:border-box;" },
+    base: { name: "3a33oc", styles: "box-sizing:border-box;" },
     modifiers: {
         imageLoaded: {
-            false: { name: "1ncqu9", styles: "[data-part=\"avatar-image\"]{display:none;}" },
-            true: { name: "aa9re", styles: "background-color:var(--cnvs-sys-color-bg-default);" }
+            false: { name: "3p8iz2", styles: "[data-part=\"avatar-image\"]{display:none;}" },
+            true: { name: "1w9w50", styles: "background-color:var(--cnvs-sys-color-bg-default);" }
         },
         objectFit: {
-            contain: { name: "4d8qtl", styles: "[data-part=\"avatar-image\"]{object-fit:contain;}" },
-            cover: { name: "3777xy", styles: "[data-part=\"avatar-image\"]{object-fit:cover;}" },
-            fill: { name: "1wcqkm", styles: "[data-part=\"avatar-image\"]{object-fit:fill;}" },
-            none: { name: "9alno", styles: "[data-part=\"avatar-image\"]{object-fit:none;}" },
-            ['scale-down']: { name: "24k9sj", styles: "[data-part=\"avatar-image\"]{object-fit:scale-down;}" },
-            initial: { name: "2mv16w", styles: "[data-part=\"avatar-image\"]{object-fit:initial;}" },
-            inherit: { name: "2tjzqc", styles: "[data-part=\"avatar-image\"]{object-fit:inherit;}" },
-            unset: { name: "ax5sy", styles: "[data-part=\"avatar-image\"]{object-fit:unset;}" },
-            ['-moz-initial']: { name: "18a2cw", styles: "[data-part=\"avatar-image\"]{object-fit:-moz-initial;}" },
-            ['revert']: { name: "370mg7", styles: "[data-part=\"avatar-image\"]{object-fit:revert;}" }
+            contain: { name: "1ntexg", styles: "[data-part=\"avatar-image\"]{object-fit:contain;}" },
+            cover: { name: "2fnsa0", styles: "[data-part=\"avatar-image\"]{object-fit:cover;}" },
+            fill: { name: "3joud9", styles: "[data-part=\"avatar-image\"]{object-fit:fill;}" },
+            none: { name: "31lmpz", styles: "[data-part=\"avatar-image\"]{object-fit:none;}" },
+            ['scale-down']: { name: "4e302s", styles: "[data-part=\"avatar-image\"]{object-fit:scale-down;}" },
+            initial: { name: "1gzjsb", styles: "[data-part=\"avatar-image\"]{object-fit:initial;}" },
+            inherit: { name: "3qdiib", styles: "[data-part=\"avatar-image\"]{object-fit:inherit;}" },
+            unset: { name: "3uq8j5", styles: "[data-part=\"avatar-image\"]{object-fit:unset;}" },
+            ['-moz-initial']: { name: "2peh8y", styles: "[data-part=\"avatar-image\"]{object-fit:-moz-initial;}" },
+            ['revert']: { name: "whgmf", styles: "[data-part=\"avatar-image\"]{object-fit:revert;}" }
         }
     }
 }, "avatar-620ed0");

package/dist/commonjs/avatar/lib/AvatarImage.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 exports.avatarImageStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "142hzx", styles: "box-sizing:border-box;height:100%;width:100%;object-fit:cover;" }
+    base: { name: "2sv2ab", styles: "box-sizing:border-box;height:100%;width:100%;object-fit:cover;" }
 }, "avatar-image-e0bffc");
 exports.AvatarImage = (0, common_1.createComponent)('img')({
     displayName: 'AvatarImage',

package/dist/commonjs/avatar/lib/AvatarName.js

@@ -6,7 +6,7 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const getInitialsFromName_1 = require("./getInitialsFromName");
 exports.avatarNameStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "48bz8j", styles: "box-sizing:border-box;text-transform:uppercase;cursor:default;" }
+    base: { name: "18cc5n", styles: "box-sizing:border-box;text-transform:uppercase;cursor:default;" }
 }, "avatar-name-c3d5d9");
 exports.AvatarName = (0, common_1.createComponent)('span')({
     displayName: 'AvatarName',

package/dist/commonjs/avatar/lib/BaseAvatar.js

@@ -13,22 +13,22 @@ exports.baseAvatarStencil = (0, canvas_kit_styling_1.createStencil)({
         color: '',
         size: '',
     },
-    base: { name: "2o0861", styles: "box-sizing:border-box;border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));width:var(--size-base-avatar-61af60, var(--cnvs-sys-size-lg, 3rem));height:var(--size-base-avatar-61af60, var(--cnvs-sys-size-lg, 3rem));min-width:var(--size-base-avatar-61af60, var(--cnvs-sys-size-lg, 3rem));min-height:var(--size-base-avatar-61af60, var(--cnvs-sys-size-lg, 3rem));background-color:var(--backgroundColor-base-avatar-61af60, var(--cnvs-base-palette-blue-300));color:var(--color-base-avatar-61af60, var(--cnvs-base-palette-blue-800));display:flex;align-items:center;justify-content:center;overflow:hidden;border:none;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-md, var(--cnvs-sys-line-height-body-medium));font-size:var(--cnvs-sys-font-size-body-md, var(--cnvs-sys-font-size-body-medium));" },
+    base: { name: "3mqz51", styles: "box-sizing:border-box;border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));width:var(--size-base-avatar-61af60, var(--cnvs-sys-size-lg, 3rem));height:var(--size-base-avatar-61af60, var(--cnvs-sys-size-lg, 3rem));min-width:var(--size-base-avatar-61af60, var(--cnvs-sys-size-lg, 3rem));min-height:var(--size-base-avatar-61af60, var(--cnvs-sys-size-lg, 3rem));background-color:var(--backgroundColor-base-avatar-61af60, var(--cnvs-base-palette-blue-300));color:var(--color-base-avatar-61af60, var(--cnvs-base-palette-blue-800));display:flex;align-items:center;justify-content:center;overflow:hidden;border:none;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-md, var(--cnvs-sys-line-height-body-medium));font-size:var(--cnvs-sys-font-size-body-md, var(--cnvs-sys-font-size-body-medium));" },
     modifiers: {
         variant: {
-            blue: { name: "iml83", styles: "background-color:var(--backgroundColor-base-avatar-61af60, var(--cnvs-base-palette-blue-300));color:var(--color-base-avatar-61af60, var(--cnvs-base-palette-blue-800));" },
-            amber: { name: "3ovape", styles: "background-color:var(--backgroundColor-base-avatar-61af60, var(--cnvs-base-palette-amber-200));color:var(--color-base-avatar-61af60, var(--cnvs-base-palette-amber-700));" },
-            teal: { name: "19u4pe", styles: "background-color:var(--backgroundColor-base-avatar-61af60, var(--cnvs-base-palette-teal-300));color:var(--color-base-avatar-61af60, var(--cnvs-base-palette-teal-800));" },
-            purple: { name: "2c7fe6", styles: "background-color:var(--backgroundColor-base-avatar-61af60, var(--cnvs-base-palette-purple-300));color:var(--color-base-avatar-61af60, var(--cnvs-base-palette-purple-800));" }
+            blue: { name: "24m61d", styles: "background-color:var(--backgroundColor-base-avatar-61af60, var(--cnvs-base-palette-blue-300));color:var(--color-base-avatar-61af60, var(--cnvs-base-palette-blue-800));" },
+            amber: { name: "3yp23e", styles: "background-color:var(--backgroundColor-base-avatar-61af60, var(--cnvs-base-palette-amber-200));color:var(--color-base-avatar-61af60, var(--cnvs-base-palette-amber-700));" },
+            teal: { name: "22bvw7", styles: "background-color:var(--backgroundColor-base-avatar-61af60, var(--cnvs-base-palette-teal-300));color:var(--color-base-avatar-61af60, var(--cnvs-base-palette-teal-800));" },
+            purple: { name: "21i8hh", styles: "background-color:var(--backgroundColor-base-avatar-61af60, var(--cnvs-base-palette-purple-300));color:var(--color-base-avatar-61af60, var(--cnvs-base-palette-purple-800));" }
         },
         size: {
-            extraExtraSmall: { name: "kg58g", styles: "--size-base-avatar-61af60:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6));line-height:var(--cnvs-sys-line-height-subtext-sm, var(--cnvs-sys-line-height-subtext-small));font-size:var(--cnvs-sys-font-size-subtext-sm, var(--cnvs-sys-font-size-subtext-small));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-sm, var(--cnvs-base-letter-spacing-50));" },
-            extraSmall: { name: "31e3y2", styles: "--size-base-avatar-61af60:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));line-height:var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium));font-size:var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-base-letter-spacing-100));" },
-            small: { name: "1yvtnd", styles: "--size-base-avatar-61af60:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10));line-height:var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small));font-size:var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small));letter-spacing:var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-base-letter-spacing-200));" },
-            medium: { name: "1hel7v", styles: "--size-base-avatar-61af60:var(--cnvs-base-size-600, 3rem);line-height:var(--cnvs-sys-line-height-body-md, var(--cnvs-sys-line-height-body-medium));font-size:var(--cnvs-sys-font-size-body-md, var(--cnvs-sys-font-size-body-medium));" },
-            large: { name: "vxuc2", styles: "--size-base-avatar-61af60:var(--cnvs-base-size-900, 4.5rem);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-md, var(--cnvs-sys-line-height-subtext-medium));font-size:var(--cnvs-sys-font-size-heading-md, var(--cnvs-sys-font-size-subtext-medium));" },
-            extraLarge: { name: "splx3", styles: "--size-base-avatar-61af60:var(--cnvs-base-size-1200, 6rem);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-sm, var(--cnvs-sys-line-height-title-small));font-size:var(--cnvs-sys-font-size-title-sm, var(--cnvs-sys-font-size-title-small));" },
-            extraExtraLarge: { name: "2ztgk9", styles: "--size-base-avatar-61af60:7.5rem;font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-md, var(--cnvs-sys-line-height-title-medium));font-size:var(--cnvs-sys-font-size-title-md, var(--cnvs-sys-font-size-title-medium));" }
+            extraExtraSmall: { name: "1h3c0j", styles: "--size-base-avatar-61af60:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6));line-height:var(--cnvs-sys-line-height-subtext-sm, var(--cnvs-sys-line-height-subtext-small));font-size:var(--cnvs-sys-font-size-subtext-sm, var(--cnvs-sys-font-size-subtext-small));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-sm, var(--cnvs-base-letter-spacing-50));" },
+            extraSmall: { name: "404bfp", styles: "--size-base-avatar-61af60:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));line-height:var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium));font-size:var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-base-letter-spacing-100));" },
+            small: { name: "3kihnk", styles: "--size-base-avatar-61af60:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10));line-height:var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small));font-size:var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small));letter-spacing:var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-base-letter-spacing-200));" },
+            medium: { name: "3qpx4k", styles: "--size-base-avatar-61af60:var(--cnvs-base-size-600, 3rem);line-height:var(--cnvs-sys-line-height-body-md, var(--cnvs-sys-line-height-body-medium));font-size:var(--cnvs-sys-font-size-body-md, var(--cnvs-sys-font-size-body-medium));" },
+            large: { name: "238wm6", styles: "--size-base-avatar-61af60:var(--cnvs-base-size-900, 4.5rem);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-md, var(--cnvs-sys-line-height-subtext-medium));font-size:var(--cnvs-sys-font-size-heading-md, var(--cnvs-sys-font-size-subtext-medium));" },
+            extraLarge: { name: "32je74", styles: "--size-base-avatar-61af60:var(--cnvs-base-size-1200, 6rem);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-sm, var(--cnvs-sys-line-height-title-small));font-size:var(--cnvs-sys-font-size-title-sm, var(--cnvs-sys-font-size-title-small));" },
+            extraExtraLarge: { name: "y8wb5", styles: "--size-base-avatar-61af60:7.5rem;font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-md, var(--cnvs-sys-line-height-title-medium));font-size:var(--cnvs-sys-font-size-title-md, var(--cnvs-sys-font-size-title-medium));" }
         }
     }
 }, "base-avatar-61af60");

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

@@ -5,24 +5,24 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const common_1 = require("@workday/canvas-kit-react/common");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
-const grow = (0, canvas_kit_styling_1.keyframes)({ name: "tgvps", styles: "from{transform:scale(0.85);}to{transform:scale(1.0);}" });
+const grow = (0, canvas_kit_styling_1.keyframes)({ name: "3y8mj2", styles: "from{transform:scale(0.85);}to{transform:scale(1.0);}" });
 // .cnvs-count-badge
 const countBadgeStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "2m36ty", styles: "box-sizing:border-box;align-items:center;animation:animation-tgvps 0.2s ease;border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));display:inline-flex;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium));font-weight:var(--cnvs-sys-font-weight-bold);height:1.25rem;justify-content:center;line-height:var(--cnvs-sys-line-height-subtext-lg, 1.25rem);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-base-letter-spacing-100));min-width:var(--cnvs-sys-size-xxs, 1.25rem);padding:0 0.40625rem;background:var(--cnvs-sys-color-accent-danger, var(--cnvs-sys-color-fg-critical-default));color:var(--cnvs-sys-color-fg-inverse, var(--cnvs-sys-color-text-inverse));" },
+    base: { name: "1zfdx3", styles: "box-sizing:border-box;align-items:center;animation:animation-3y8mj2 0.2s ease;border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));display:inline-flex;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium));font-weight:var(--cnvs-sys-font-weight-bold);height:1.25rem;justify-content:center;line-height:var(--cnvs-sys-line-height-subtext-lg, 1.25rem);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-base-letter-spacing-100));min-width:var(--cnvs-sys-size-xxs, 1.25rem);padding:0 0.40625rem;background:var(--cnvs-sys-color-accent-danger, var(--cnvs-sys-color-fg-critical-default));color:var(--cnvs-sys-color-fg-inverse, var(--cnvs-sys-color-text-inverse));" },
     modifiers: {
         variant: {
             // .cnvs-count-badge--variant-inverse
-            inverse: { name: "3vhglz", styles: "background:var(--cnvs-sys-color-surface-inverse, var(--cnvs-sys-color-bg-default));color:var(--cnvs-sys-color-fg-info-strong, var(--cnvs-sys-color-text-primary-default));" }
+            inverse: { name: "16ov11", styles: "background:var(--cnvs-sys-color-surface-inverse, var(--cnvs-sys-color-bg-default));color:var(--cnvs-sys-color-fg-info-strong, var(--cnvs-sys-color-text-primary-default));" }
         },
         emphasis: {
-            high: { name: "twnq7", styles: "" },
-            low: { name: "2crx8a", styles: "background:var(--cnvs-sys-color-surface-info-strong, var(--cnvs-sys-color-bg-info-softer));color:var(--cnvs-sys-color-fg-info-strong, var(--cnvs-sys-color-fg-info-stronger));" }
+            high: { name: "2gokzu", styles: "" },
+            low: { name: "3rkd9r", styles: "background:var(--cnvs-sys-color-surface-info-strong, var(--cnvs-sys-color-bg-info-softer));color:var(--cnvs-sys-color-fg-info-strong, var(--cnvs-sys-color-fg-info-stronger));" }
         }
     },
     compound: [
         {
             modifiers: { variant: 'inverse', emphasis: 'low' },
-            styles: { name: "e42ze", styles: "background:var(--cnvs-sys-color-surface-overlay-hover-inverse, var(--cnvs-sys-color-bg-transparent-strong));color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "2xctv", styles: "background:var(--cnvs-sys-color-surface-overlay-hover-inverse, var(--cnvs-sys-color-bg-transparent-strong));color:var(--cnvs-sys-color-fg-inverse);" }
         }
     ]
 }, "count-badge-6f28b2");

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

@@ -12,15 +12,15 @@ const BannerIcon_1 = require("./BannerIcon");
 const BannerLabel_1 = require("./BannerLabel");
 const hooks_1 = require("./hooks");
 exports.bannerStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "151els", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default), Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:var(--cnvs-sys-font-weight-medium);line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large));font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-150));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4));border:0;display:flex;align-items:center;text-align:left;border-start-start-radius:var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-x1));border-start-end-radius:var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-x1));border-end-start-radius:var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-x1));border-end-end-radius:var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-x1));cursor:pointer;transition:background-color 120ms;outline:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1)) solid transparent;&:focus-visible, &.focus{outline:var(--cnvs-sys-gap-xs, var(--cnvs-sys-shape-x1)) double transparent;box-shadow:0 0 0 2px var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0)), 0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}" },
+    base: { name: "8bwz6", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default), Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:var(--cnvs-sys-font-weight-medium);line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large));font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-150));padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4));border:0;display:flex;align-items:center;text-align:left;border-start-start-radius:var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-x1));border-start-end-radius:var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-x1));border-end-start-radius:var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-x1));border-end-end-radius:var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-x1));cursor:pointer;transition:background-color 120ms;outline:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1)) solid transparent;&:focus-visible, &.focus{outline:var(--cnvs-sys-gap-xs, var(--cnvs-sys-shape-x1)) double transparent;box-shadow:0 0 0 2px var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0)), 0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}" },
     modifiers: {
         hasErrors: {
-            true: { name: "258vb6", styles: "background-color:var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-base));color:var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent));&:hover, &.hover{background:color-mix(in srgb, var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-dark)) , var(--cnvs-sys-color-surface-overlay-mixin, black) calc(var(--cnvs-sys-opacity-surface-hover, 0) * 100%));}& [data-part=\"exclamation-circle-icon\"]{--accentColor-system-icon-804de7:var(--cnvs-sys-color-brand-accent-critical, currentColor);--color-system-icon-804de7:var(--cnvs-sys-color-fg-inverse, currentColor);--backgroundColor-system-icon-804de7:var(--cnvs-sys-color-fg-inverse, none);}" },
-            false: { name: "ke3vd", styles: "background-color:var(--cnvs-sys-color-brand-accent-caution, var(--cnvs-brand-alert-base));color:var(--cnvs-brand-alert-accent);&:hover, &.hover{background:color-mix(in srgb, var(--cnvs-sys-color-brand-accent-caution, var(--cnvs-brand-alert-dark)) , var(--cnvs-sys-color-surface-overlay-mixin, black) calc(var(--cnvs-sys-opacity-surface-hover, 0) * 100%));}& [data-part=\"exclamation-triangle-icon\"]{--accentColor-system-icon-804de7:var(--cnvs-sys-color-fg-inverse, currentColor);--color-system-icon-804de7:var(--cnvs-sys-color-brand-fg-caution-strong, currentColor);--backgroundColor-system-icon-804de7:var(--cnvs-sys-color-brand-fg-caution-strong, none);}" }
+            true: { name: "33sj7y", styles: "background-color:var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-base));color:var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent));&:hover, &.hover{background:color-mix(in srgb, var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-dark)) , var(--cnvs-sys-color-surface-overlay-mixin, black) calc(var(--cnvs-sys-opacity-surface-hover, 0) * 100%));}& [data-part=\"exclamation-circle-icon\"]{--accentColor-system-icon-f4b83b:var(--cnvs-sys-color-brand-accent-critical, currentColor);--color-system-icon-f4b83b:var(--cnvs-sys-color-fg-inverse, currentColor);--backgroundColor-system-icon-f4b83b:var(--cnvs-sys-color-fg-inverse, none);}" },
+            false: { name: "2tbmdf", styles: "background-color:var(--cnvs-sys-color-brand-accent-caution, var(--cnvs-brand-alert-base));color:var(--cnvs-brand-alert-accent);&:hover, &.hover{background:color-mix(in srgb, var(--cnvs-sys-color-brand-accent-caution, var(--cnvs-brand-alert-dark)) , var(--cnvs-sys-color-surface-overlay-mixin, black) calc(var(--cnvs-sys-opacity-surface-hover, 0) * 100%));}& [data-part=\"exclamation-triangle-icon\"]{--accentColor-system-icon-f4b83b:var(--cnvs-sys-color-fg-inverse, currentColor);--color-system-icon-f4b83b:var(--cnvs-sys-color-brand-fg-caution-strong, currentColor);--backgroundColor-system-icon-f4b83b:var(--cnvs-sys-color-brand-fg-caution-strong, none);}" }
         },
         isSticky: {
-            true: { name: "n2sac", styles: "width:13.875rem;border-start-end-radius:0;border-end-end-radius:0;" },
-            false: { name: "34wlph", styles: "width:20.5rem;" }
+            true: { name: "40x8df", styles: "width:13.875rem;border-start-end-radius:0;border-end-end-radius:0;" },
+            false: { name: "40l7l4", styles: "width:20.5rem;" }
         }
     }
 }, "banner-ee3d14");

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

@@ -7,10 +7,10 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const hooks_1 = require("./hooks");
 exports.actionBarTextStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "2dtmr5", styles: "box-sizing:border-box;text-decoration:underline;display:inline;" },
+    base: { name: "2q8w2o", styles: "box-sizing:border-box;text-decoration:underline;display:inline;" },
     modifiers: {
         isSticky: {
-            true: { name: "2jmbsn", styles: "display:none;" }
+            true: { name: "3o4tgx", styles: "display:none;" }
         }
     }
 }, "action-bar-text-c1912f");

package/dist/commonjs/banner/lib/BannerIcon.d.ts

@@ -1,6 +1,6 @@
 import { ExtractProps } from '@workday/canvas-kit-react/common';
 import { SystemIcon } from '@workday/canvas-kit-react/icon';
-import { CanvasSystemIcon } from '@workday/design-assets-types';
+import { CanvasSystemIcon } from '@workday/canvas-system-icons-web';
 export interface BannerIconProps extends Omit<ExtractProps<typeof SystemIcon, never>, 'icon'> {
     /**
      * Icon to show next to label

package/dist/commonjs/banner/lib/BannerIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerIcon.d.ts","sourceRoot":"","sources":["../../../../banner/lib/BannerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAG1D,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAI9D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAC3F;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,eAAO,MAAM,iBAAiB,iJAI5B,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;EAerB,CAAC"}
+{"version":3,"file":"BannerIcon.d.ts","sourceRoot":"","sources":["../../../../banner/lib/BannerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAKlE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAC3F;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,eAAO,MAAM,iBAAiB,iJAI5B,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;EAerB,CAAC"}

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

@@ -8,8 +8,8 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const hooks_1 = require("./hooks");
 exports.bannerIconStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "3eyjrk", styles: "box-sizing:border-box;margin-inline-end:var(--cnvs-sys-space-x3);" }
-}, "banner-icon-12b0fa");
+    base: { name: "1k7g8n", styles: "box-sizing:border-box;margin-inline-end:var(--cnvs-sys-space-x3);" }
+}, "banner-icon-3bf806");
 exports.BannerIcon = (0, common_1.createSubcomponent)('span')({
     displayName: 'Banner.Icon',
     modelHook: hooks_1.useBannerModel,

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

@@ -7,7 +7,7 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const hooks_1 = require("./hooks");
 exports.bannerLabelStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "nvvb", styles: "box-sizing:border-box;display:flex;flex:1 1 0%;" }
+    base: { name: "1lg1sa", styles: "box-sizing:border-box;display:flex;flex:1 1 0%;" }
 }, "banner-label-416ec4");
 exports.BannerLabel = (0, common_1.createSubcomponent)('div')({
     displayName: 'Banner.Label',

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

@@ -10,7 +10,7 @@ export declare const useBannerIcon: import("@workday/canvas-kit-react/common").B
     };
     events: {};
 }, {
-    readonly icon: import("@workday/design-assets-types").CanvasSystemIcon;
+    readonly icon: import("@workday/canvas-system-icons-web").CanvasSystemIcon;
     readonly size: 24;
 }>;
 //# sourceMappingURL=useBannerIcon.d.ts.map

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

@@ -13,7 +13,7 @@ exports.breadcrumbsCurrentItemStencil = (0, canvas_kit_styling_1.createStencil)(
     vars: {
         maxWidth: '',
     },
-    base: { name: "2anm2d", 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));font-weight:var(--cnvs-sys-font-weight-medium);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-150));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large));color:var(--cnvs-sys-color-fg-default, var(--cnvs-sys-color-text-default));display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:var(--maxWidth-breadcrumbs-current-item-0633c6);" }
+    base: { name: "3t4fjs", 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));font-weight:var(--cnvs-sys-font-weight-medium);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-150));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large));color:var(--cnvs-sys-color-fg-default, var(--cnvs-sys-color-text-default));display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:var(--maxWidth-breadcrumbs-current-item-0633c6);" }
 }, "breadcrumbs-current-item-0633c6");
 exports.useBreadcrumbsItem = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useBreadcrumbsModel_1.useBreadcrumbsModel)((_model, ref) => {
     const { localRef } = (0, common_1.useLocalRef)((0, common_1.useForkRef)(ref));

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

@@ -15,7 +15,7 @@ exports.breadcrumbsItemStencil = (0, canvas_kit_styling_1.createStencil)({
     parts: {
         chevronRightIcon: 'breadcrumbs-item-chevron-right-icon',
     },
-    base: { name: "1mh95", styles: "box-sizing:border-box;align-items:center;display:inline-flex;white-space:nowrap;--size-svg-0a966e:1.25rem;--color-system-icon-804de7:var(--cnvs-sys-color-fg-default, var(--cnvs-sys-color-icon-default));[data-part=\"breadcrumbs-item-chevron-right-icon\"]{height:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));justify-content:center;align-items:center;display:inline-flex;:dir(rtl){transform:scaleX(-1);}}" }
+    base: { name: "2q3xpo", styles: "box-sizing:border-box;align-items:center;display:inline-flex;white-space:nowrap;--size-svg-2af90b:1.25rem;--color-system-icon-f4b83b:var(--cnvs-sys-color-fg-default, var(--cnvs-sys-color-icon-default));[data-part=\"breadcrumbs-item-chevron-right-icon\"]{height:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));justify-content:center;align-items:center;display:inline-flex;:dir(rtl){transform:scaleX(-1);}}" }
 }, "breadcrumbs-item-e4b0ee");
 exports.useBreadcrumbsItem = (0, common_1.composeHooks)(collection_1.useOverflowListItemMeasure, collection_1.useListItemRegister);
 exports.BreadcrumbsItem = (0, common_1.createSubcomponent)('li')({

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

@@ -11,7 +11,7 @@ exports.breadcrumbsLinkStencil = (0, canvas_kit_styling_1.createStencil)({
     vars: {
         maxWidth: '',
     },
-    base: { name: "3lt5sh", 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));font-weight:var(--cnvs-sys-font-weight-normal);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-150));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large));text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:var(--maxWidth-breadcrumbs-link-8f094e);" }
+    base: { name: "p61np", 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));font-weight:var(--cnvs-sys-font-weight-normal);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-150));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large));text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:var(--maxWidth-breadcrumbs-link-8f094e);" }
 }, "breadcrumbs-link-8f094e");
 exports.BreadcrumbsLink = (0, common_1.createComponent)('a')({
     displayName: 'Breadcrumbs.Link',

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

@@ -8,7 +8,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const useBreadcrumbsModel_1 = require("./hooks/useBreadcrumbsModel");
 exports.breadcrumbsListStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "k5afx", styles: "box-sizing:border-box;padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2)) 0;margin:0;display:inline-flex;align-items:center;min-height:var(--cnvs-sys-size-lg, 3rem);list-style:none;width:100%;" }
+    base: { name: "380wxl", styles: "box-sizing:border-box;padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2)) 0;margin:0;display:inline-flex;align-items:center;min-height:var(--cnvs-sys-size-lg, 3rem);list-style:none;width:100%;" }
 }, "breadcrumbs-list-2050ac");
 exports.BreadcrumbsList = (0, common_1.createSubcomponent)('ul')({
     displayName: 'Breadcrumbs.List',

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

@@ -6,7 +6,7 @@ const common_1 = require("@workday/canvas-kit-react/common");
 const menu_1 = require("@workday/canvas-kit-react/menu");
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 exports.breadcrumbsMenuItemStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "e8ks3", styles: "box-sizing:border-box;text-decoration:none;" }
+    base: { name: "3maguf", styles: "box-sizing:border-box;text-decoration:none;" }
 }, "breadcrumbs-menu-item-4f4f2d");
 exports.BreadcrumbsMenuItem = (0, common_1.createComponent)('a')({
     displayName: 'Breadcrumbs.Menu.Item',
@@ -15,7 +15,7 @@ exports.BreadcrumbsMenuItem = (0, common_1.createComponent)('a')({
     },
 });
 exports.breadcrumbsMenuCardStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "1rz8me", styles: "box-sizing:border-box;width:17.5rem;max-width:17.5rem;max-height:18.5rem;" }
+    base: { name: "2il7xn", styles: "box-sizing:border-box;width:17.5rem;max-width:17.5rem;max-height:18.5rem;" }
 }, "breadcrumbs-menu-card-39f355");
 const BreadcrumbsMenuCard = (elemProps) => ((0, jsx_runtime_1.jsx)(menu_1.Menu.Card, { ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.breadcrumbsMenuCardStencil)()) }));
 exports.BreadcrumbsMenuCard = BreadcrumbsMenuCard;

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

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

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

@@ -1 +1 @@
-{"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,mBAAmB;IACzE,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,gCAAgC;;;;;;oBAwB3C,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;;;;;;oBAwB3C,CAAC;AAEH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8aAOxC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBpC,CAAC"}

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

@@ -16,8 +16,8 @@ exports.breadcrumbsOverflowButtonStencil = (0, canvas_kit_styling_1.createStenci
         overflowButton: 'breadcrumbs-overflow-button',
         chevronRightIcon: 'breadcrumbs-overflow-button-chevron-right-icon',
     },
-    base: { name: "37r0sa", styles: "box-sizing:border-box;align-items:center;display:flex;--color-system-icon-804de7:var(--cnvs-sys-color-fg-default, var(--cnvs-sys-color-icon-default));--size-svg-0a966e:1.25rem;[data-part=\"breadcrumbs-overflow-button-chevron-right-icon\"]{height:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));justify-content:center;align-items:center;display:inline-flex;:dir(rtl){transform:scaleX(-1);}}" }
-}, "breadcrumbs-overflow-button-a3e810");
+    base: { name: "27try6", styles: "box-sizing:border-box;align-items:center;display:flex;--color-system-icon-f4b83b:var(--cnvs-sys-color-fg-default, var(--cnvs-sys-color-icon-default));--size-svg-2af90b:1.25rem;[data-part=\"breadcrumbs-overflow-button-chevron-right-icon\"]{height:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));justify-content:center;align-items:center;display:inline-flex;:dir(rtl){transform:scaleX(-1);}}" }
+}, "breadcrumbs-overflow-button-1992a6");
 exports.useBreadcrumbsOverflowButton = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useBreadcrumbsModel_1.useBreadcrumbsModel)(() => ({
     'aria-haspopup': true,
     'aria-controls': 'menu',

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

@@ -1,7 +1,7 @@
 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/design-assets-types';
+import { CanvasSystemIcon } from '@workday/canvas-system-icons-web';
 import { ButtonColors, ButtonSizes, IconPositions } from './types';
 export interface ButtonContainerProps extends Partial<SystemIconProps>, GrowthBehavior {
     /**

package/dist/commonjs/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;AAE/B,OAAO,EAAC,cAAc,EAAkB,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAC,eAAe,EAAoB,MAAM,gCAAgC,CAAC;AAIlF,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAI9D,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;IAwItB;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAkLL,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;IAwItB;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAkLL,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,UAAU;;;CAqCrB,CAAC"}