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

package/breadcrumbs/lib/BreadcrumbsItem.tsx

@@ -7,9 +7,9 @@ import {
 import {composeHooks, createSubcomponent} from '@workday/canvas-kit-react/common';
 import {SystemIcon, systemIconStencil} from '@workday/canvas-kit-react/icon';
 import {FlexProps, mergeStyles} from '@workday/canvas-kit-react/layout';
-import {createStencil, cssVar, px2rem} from '@workday/canvas-kit-styling';
+import {createStencil, cssVar} from '@workday/canvas-kit-styling';
 import {chevronRightSmallIcon} from '@workday/canvas-system-icons-web';
-import {system} from '@workday/canvas-tokens-web';
+import {component, system} from '@workday/canvas-tokens-web';
 
 import {BreadcrumbsLink} from './BreadcrumbsLink';
 import {useBreadcrumbsModel} from './hooks/useBreadcrumbsModel';
@@ -39,7 +39,8 @@ export const breadcrumbsItemStencil = createStencil({
     alignItems: 'center',
     display: 'inline-flex',
     whiteSpace: 'nowrap',
-    [systemIconStencil.vars.size]: px2rem(20),
+    // TODO (forwardfit token): Revisit token, using v4 token and fallback to v3 token
+    [systemIconStencil.vars.size]: cssVar(component.systemIcon.size.md, system.space.x5),
     // TODO (forwardfit token): Revisit token, using v4 token and fallback to v3 token
     [systemIconStencil.vars.color]: cssVar(system.color.fg.default, system.color.icon.default),
     [chevronRightIconPart]: {

package/breadcrumbs/lib/BreadcrumbsOverflowButton.tsx

@@ -9,9 +9,9 @@ import {
 import {SystemIcon, systemIconStencil} from '@workday/canvas-kit-react/icon';
 import {FlexProps} from '@workday/canvas-kit-react/layout';
 import {useMenuTarget} from '@workday/canvas-kit-react/menu';
-import {createStencil, cssVar, handleCsProp, px2rem} from '@workday/canvas-kit-styling';
+import {createStencil, cssVar, handleCsProp} from '@workday/canvas-kit-styling';
 import {chevronRightSmallIcon, relatedActionsIcon} from '@workday/canvas-system-icons-web';
-import {system} from '@workday/canvas-tokens-web';
+import {component, system} from '@workday/canvas-tokens-web';
 
 import {useBreadcrumbsModel} from './hooks/useBreadcrumbsModel';
 
@@ -35,7 +35,8 @@ export const breadcrumbsOverflowButtonStencil = createStencil({
     display: 'flex',
     // TODO (forwardfit token): Revisit token, using v4 token and fallback to v3 token
     [systemIconStencil.vars.color]: cssVar(system.color.fg.default, system.color.icon.default),
-    [systemIconStencil.vars.size]: px2rem(20),
+    // TODO (forwardfit token): Revisit token, using v4 token and fallback to v3 token
+    [systemIconStencil.vars.size]: cssVar(component.systemIcon.size.md, system.space.x5),
     [chevronRightIconPart]: {
       // TODO (forwardfit token): Revisit token, using v4 token and fallback to v3 token
       height: cssVar(system.size.sm, system.space.x8),

package/button/lib/ExternalHyperlink.tsx

@@ -23,6 +23,7 @@ export const externalHyperlinkStencil = createStencil({
     [externalHyperlinkIconPart]: {
       verticalAlign: 'text-top',
       [systemIconStencil.vars.color]: 'currentColor',
+      // This is still going to be `1em` to stay consistent with the font-size of the link.
       [systemIconStencil.vars.size]: '1em',
       width: calc.subtract('1em', px2rem(1)),
       // TODO (forwardfit token): Revisit token, using v4 token and fallback to v3 token

package/button/lib/parts/ButtonLabelIcon.tsx

@@ -1,6 +1,6 @@
 import {createComponent} from '@workday/canvas-kit-react/common';
 import {SystemIcon, SystemIconProps, systemIconStencil} from '@workday/canvas-kit-react/icon';
-import {createStencil, cssVar, handleCsProp, px2rem} from '@workday/canvas-kit-styling';
+import {createStencil, cssVar, handleCsProp} from '@workday/canvas-kit-styling';
 import {component, system} from '@workday/canvas-tokens-web';
 
 import {ButtonSizes} from '../types';
@@ -37,7 +37,7 @@ const buttonIconStencil = createStencil({
       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)),
+        [systemIconStencil.vars.size]: cssVar(component.systemIcon.size.xs, system.space.x4),
       },
       small: {
         // TODO (forwardfit token): Revisit token, using v4 token and fallback to v3 token

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: "34vzz8", 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: "s9krh", 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: "24c1ju", styles: "box-sizing:border-box;flex:0;" }
+    base: { name: "rdj8q", 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: "40f5xy", styles: "box-sizing:border-box;" },
+    base: { name: "20x6hr", styles: "box-sizing:border-box;" },
     modifiers: {
         imageLoaded: {
-            false: { name: "3tdpdo", styles: "[data-part=\"avatar-image\"]{display:none;}" },
-            true: { name: "1s0fa9", styles: "background-color:var(--cnvs-sys-color-bg-default);" }
+            false: { name: "grrdm", styles: "[data-part=\"avatar-image\"]{display:none;}" },
+            true: { name: "2au2r5", styles: "background-color:var(--cnvs-sys-color-bg-default);" }
         },
         objectFit: {
-            contain: { name: "321tua", styles: "[data-part=\"avatar-image\"]{object-fit:contain;}" },
-            cover: { name: "2ugocj", styles: "[data-part=\"avatar-image\"]{object-fit:cover;}" },
-            fill: { name: "24gcbv", styles: "[data-part=\"avatar-image\"]{object-fit:fill;}" },
-            none: { name: "1k9mom", styles: "[data-part=\"avatar-image\"]{object-fit:none;}" },
-            ['scale-down']: { name: "3mfpwq", styles: "[data-part=\"avatar-image\"]{object-fit:scale-down;}" },
-            initial: { name: "1da2x2", styles: "[data-part=\"avatar-image\"]{object-fit:initial;}" },
-            inherit: { name: "40jp69", styles: "[data-part=\"avatar-image\"]{object-fit:inherit;}" },
-            unset: { name: "49q9wl", styles: "[data-part=\"avatar-image\"]{object-fit:unset;}" },
-            ['-moz-initial']: { name: "31a79d", styles: "[data-part=\"avatar-image\"]{object-fit:-moz-initial;}" },
-            ['revert']: { name: "3jwwsu", styles: "[data-part=\"avatar-image\"]{object-fit:revert;}" }
+            contain: { name: "28gxam", styles: "[data-part=\"avatar-image\"]{object-fit:contain;}" },
+            cover: { name: "19uknx", styles: "[data-part=\"avatar-image\"]{object-fit:cover;}" },
+            fill: { name: "17fwrq", styles: "[data-part=\"avatar-image\"]{object-fit:fill;}" },
+            none: { name: "24x073", styles: "[data-part=\"avatar-image\"]{object-fit:none;}" },
+            ['scale-down']: { name: "1p36y6", styles: "[data-part=\"avatar-image\"]{object-fit:scale-down;}" },
+            initial: { name: "2fadvl", styles: "[data-part=\"avatar-image\"]{object-fit:initial;}" },
+            inherit: { name: "ra85q", styles: "[data-part=\"avatar-image\"]{object-fit:inherit;}" },
+            unset: { name: "iqpde", styles: "[data-part=\"avatar-image\"]{object-fit:unset;}" },
+            ['-moz-initial']: { name: "3trnf", styles: "[data-part=\"avatar-image\"]{object-fit:-moz-initial;}" },
+            ['revert']: { name: "3ihtkt", 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: "1999z", styles: "box-sizing:border-box;height:100%;width:100%;object-fit:cover;" }
+    base: { name: "1wi0fn", 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: "21pvwa", styles: "box-sizing:border-box;text-transform:uppercase;cursor:default;" }
+    base: { name: "2pqwqx", 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: "46zohr", 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: "3jfrjy", 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: "3vusgz", 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: "gxzwr", 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: "3ws737", 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: "1mzq3r", 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: "1me9nx", 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: "3ve8yi", 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: "3ppb98", 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: "188qar", 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: "197mi3", 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: "1gj7fm", 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: "nq94x", 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: "20zffv", 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: "2qn15r", 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: "n1xt8", 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: "g3859", 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: "43cff7", 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: "1zb1x6", 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: "1ltjp1", 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: "42y0k5", 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: "2djecw", 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: "2on4oh", 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: "2tnq1q", 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: "1wey09", styles: "from{transform:scale(0.85);}to{transform:scale(1.0);}" });
+const grow = (0, canvas_kit_styling_1.keyframes)({ name: "39luia", styles: "from{transform:scale(0.85);}to{transform:scale(1.0);}" });
 // .cnvs-count-badge
 const countBadgeStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "461g9m", styles: "box-sizing:border-box;align-items:center;animation:animation-1wey09 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: "3il0vv", styles: "box-sizing:border-box;align-items:center;animation:animation-39luia 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: "2cydwj", 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: "3nrdrr", 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: "1pmi3s", styles: "" },
-            low: { name: "1oxo7b", 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: "1p1trw", styles: "" },
+            low: { name: "c72ga", 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: "3xyq01", 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: "3ihd2x", 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: "3crsp8", 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: "3o3xu4", 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: "1087px", 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: "2wjnns", 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);}" }
+            true: { name: "26o9k6", 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: "2fd928", 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: "13lo2t", styles: "width:13.875rem;border-start-end-radius:0;border-end-end-radius:0;" },
-            false: { name: "y4xdp", styles: "width:20.5rem;" }
+            true: { name: "2dq3cf", styles: "width:13.875rem;border-start-end-radius:0;border-end-end-radius:0;" },
+            false: { name: "32xb7o", 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: "1xps8h", styles: "box-sizing:border-box;text-decoration:underline;display:inline;" },
+    base: { name: "5wz2y", styles: "box-sizing:border-box;text-decoration:underline;display:inline;" },
     modifiers: {
         isSticky: {
-            true: { name: "2avelo", styles: "display:none;" }
+            true: { name: "3jp21v", styles: "display:none;" }
         }
     }
 }, "action-bar-text-c1912f");

package/dist/commonjs/banner/lib/BannerIcon.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 hooks_1 = require("./hooks");
 exports.bannerIconStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "yxtcc", styles: "box-sizing:border-box;margin-inline-end:var(--cnvs-sys-space-x3);" }
+    base: { name: "1525y5", 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',

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: "4f9fay", styles: "box-sizing:border-box;display:flex;flex:1 1 0%;" }
+    base: { name: "xy6ah", 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/breadcrumbs/lib/BreadcrumbsCurrentItem.js

@@ -13,7 +13,7 @@ exports.breadcrumbsCurrentItemStencil = (0, canvas_kit_styling_1.createStencil)(
     vars: {
         maxWidth: '',
     },
-    base: { name: "2i53d5", 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: "28c8t", 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.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;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;;;;oBAwBjC,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;;;;oBAyBjC,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qPAAgE,CAAC;AAEhG,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkB1B,CAAC"}

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

@@ -15,8 +15,8 @@ exports.breadcrumbsItemStencil = (0, canvas_kit_styling_1.createStencil)({
     parts: {
         chevronRightIcon: 'breadcrumbs-item-chevron-right-icon',
     },
-    base: { name: "24r6i0", 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");
+    base: { name: "36zw75", styles: "box-sizing:border-box;align-items:center;display:inline-flex;white-space:nowrap;--size-svg-2af90b:var(--cnvs-component-system-icon-size-md, var(--cnvs-sys-space-x5));--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-aaa4ee");
 exports.useBreadcrumbsItem = (0, common_1.composeHooks)(collection_1.useOverflowListItemMeasure, collection_1.useListItemRegister);
 exports.BreadcrumbsItem = (0, common_1.createSubcomponent)('li')({
     displayName: 'Breadcrumbs.Item',

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

@@ -11,7 +11,7 @@ exports.breadcrumbsLinkStencil = (0, canvas_kit_styling_1.createStencil)({
     vars: {
         maxWidth: '',
     },
-    base: { name: "7yqr0", 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: "47al9k", 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: "tpzqa", 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: "1p9jz", 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: "2l97qh", styles: "box-sizing:border-box;text-decoration:none;" }
+    base: { name: "1lcxf4", 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: "1hsfz0", styles: "box-sizing:border-box;width:17.5rem;max-width:17.5rem;max-height:18.5rem;" }
+    base: { name: "2tf8j7", 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.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,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"}
+{"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;;;;;;oBAyB3C,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: "3enpkz", 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");
+    base: { name: "p6eer", 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:var(--cnvs-component-system-icon-size-md, var(--cnvs-sys-space-x5));[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-2bec72");
 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.js

@@ -32,7 +32,7 @@ exports.buttonStencil = (0, canvas_kit_styling_1.createStencil)({
         opacity: '',
         borderRadius: '',
     },
-    base: { name: "1d2bd7", 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));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-150));font-weight:var(--cnvs-sys-font-weight-bold);background-color:var(--background-5bdf1f, var(--background-button-b66707, transparent));color:var(--label-5bdf1f, var(--label-button-b66707, var(--cnvs-sys-color-fg-strong)));border-width:0.0625rem;border-style:solid;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2));border-color:var(--border-5bdf1f, var(--border-button-b66707, 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-5bdf1f, var(--borderRadius-button-b66707, var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round))));position:relative;vertical-align:middle;overflow:hidden;--color-system-icon-f4b83b:var(--icon-5bdf1f, 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-5bdf1f, var(--opacity-button-b66707, var(--cnvs-sys-opacity-full)));}&:focus-visible, &.focus{background-color:var(--background-692b2b, var(--background-button-b66707, transparent));border-color:var(--border-692b2b, var(--border-button-b66707, transparent));color:var(--label-692b2b, var(--label-button-b66707, var(--cnvs-sys-color-fg-strong)));--color-system-icon-f4b83b:var(--icon-692b2b, var(--cnvs-sys-color-fg-strong));outline:0.125rem solid transparent;outline-offset:0.125rem;box-shadow:0 0 0 0.125rem var(--boxShadowInner-692b2b, var(--boxShadowInner-button-b66707, var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0)))),0 0 0 0.25rem var(--boxShadowOuter-692b2b, var(--boxShadowOuter-button-b66707, var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline))));}&:hover, &.hover{background-color:var(--background-36ab3e, var(--background-button-b66707, var(--cnvs-sys-color-bg-contrast-strong)));border-color:var(--border-36ab3e, var(--border-button-b66707, transparent));color:var(--label-36ab3e, var(--label-button-b66707, var(--cnvs-sys-color-fg-stronger)));--color-system-icon-f4b83b:var(--icon-36ab3e, var(--cnvs-sys-color-fg-stronger));}&:hover:active{transition-duration:40ms;}&:active, &.active{background-color:var(--background-cbad69, var(--background-button-b66707, transparent));border-color:var(--border-cbad69, var(--border-button-b66707, transparent));color:var(--label-cbad69, var(--label-button-b66707, var(--cnvs-sys-color-fg-strong)));--color-system-icon-f4b83b:var(--icon-cbad69, var(--cnvs-sys-color-fg-strong));}&:disabled, &.disabled{background-color:var(--background-d559f9, var(--background-button-b66707, transparent));border-color:var(--border-d559f9, var(--border-button-b66707, transparent));color:var(--label-d559f9, var(--label-button-b66707, var(--cnvs-sys-color-fg-strong)));--color-system-icon-f4b83b:var(--icon-d559f9, 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;}" },
+    base: { name: "rpv0k", 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));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-150));font-weight:var(--cnvs-sys-font-weight-bold);background-color:var(--background-5bdf1f, var(--background-button-b66707, transparent));color:var(--label-5bdf1f, var(--label-button-b66707, var(--cnvs-sys-color-fg-strong)));border-width:0.0625rem;border-style:solid;gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2));border-color:var(--border-5bdf1f, var(--border-button-b66707, 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-5bdf1f, var(--borderRadius-button-b66707, var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round))));position:relative;vertical-align:middle;overflow:hidden;--color-system-icon-f4b83b:var(--icon-5bdf1f, 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-5bdf1f, var(--opacity-button-b66707, var(--cnvs-sys-opacity-full)));}&:focus-visible, &.focus{background-color:var(--background-692b2b, var(--background-button-b66707, transparent));border-color:var(--border-692b2b, var(--border-button-b66707, transparent));color:var(--label-692b2b, var(--label-button-b66707, var(--cnvs-sys-color-fg-strong)));--color-system-icon-f4b83b:var(--icon-692b2b, var(--cnvs-sys-color-fg-strong));outline:0.125rem solid transparent;outline-offset:0.125rem;box-shadow:0 0 0 0.125rem var(--boxShadowInner-692b2b, var(--boxShadowInner-button-b66707, var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0)))),0 0 0 0.25rem var(--boxShadowOuter-692b2b, var(--boxShadowOuter-button-b66707, var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline))));}&:hover, &.hover{background-color:var(--background-36ab3e, var(--background-button-b66707, var(--cnvs-sys-color-bg-contrast-strong)));border-color:var(--border-36ab3e, var(--border-button-b66707, transparent));color:var(--label-36ab3e, var(--label-button-b66707, var(--cnvs-sys-color-fg-stronger)));--color-system-icon-f4b83b:var(--icon-36ab3e, var(--cnvs-sys-color-fg-stronger));}&:hover:active{transition-duration:40ms;}&:active, &.active{background-color:var(--background-cbad69, var(--background-button-b66707, transparent));border-color:var(--border-cbad69, var(--border-button-b66707, transparent));color:var(--label-cbad69, var(--label-button-b66707, var(--cnvs-sys-color-fg-strong)));--color-system-icon-f4b83b:var(--icon-cbad69, var(--cnvs-sys-color-fg-strong));}&:disabled, &.disabled{background-color:var(--background-d559f9, var(--background-button-b66707, transparent));border-color:var(--border-d559f9, var(--border-button-b66707, transparent));color:var(--label-d559f9, var(--label-button-b66707, var(--cnvs-sys-color-fg-strong)));--color-system-icon-f4b83b:var(--icon-d559f9, 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.
@@ -41,70 +41,70 @@ exports.buttonStencil = (0, canvas_kit_styling_1.createStencil)({
          * within a button or if there is only an icon and no text.
          */
         size: {
-            large: { name: "9koz2", styles: "font-size:var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small));line-height:var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small));letter-spacing:var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-base-letter-spacing-200));height:var(--cnvs-sys-size-lg, 3rem);padding-inline:var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8));min-width:var(--cnvs-base-size-1400, 7rem);" },
-            medium: { name: "4est7q", styles: "font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-150));min-width:var(--cnvs-base-size-1200, 6rem);padding-inline:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6));height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10));" },
-            small: { name: "41zbmj", styles: "font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-150));height:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));min-width:var(--cnvs-base-size-1000, var(--cnvs-sys-space-x20));padding-inline:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4));gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1));" },
-            extraSmall: { name: "7ax9t", styles: "font-size:var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium));line-height:var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-base-letter-spacing-100));height:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6));min-width:auto;padding-inline:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1));" }
+            large: { name: "46i0h1", styles: "font-size:var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small));line-height:var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small));letter-spacing:var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-base-letter-spacing-200));height:var(--cnvs-sys-size-lg, 3rem);padding-inline:var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8));min-width:var(--cnvs-base-size-1400, 7rem);" },
+            medium: { name: "274qr8", styles: "font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-150));min-width:var(--cnvs-base-size-1200, 6rem);padding-inline:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6));height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10));" },
+            small: { name: "3srjcc", styles: "font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-base-letter-spacing-150));height:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));min-width:var(--cnvs-base-size-1000, var(--cnvs-sys-space-x20));padding-inline:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4));gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1));" },
+            extraSmall: { name: "1580x7", styles: "font-size:var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium));line-height:var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-base-letter-spacing-100));height:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6));min-width:auto;padding-inline:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1));" }
         },
         grow: {
-            true: { name: "3jk8js", styles: "width:100%;max-width:100%;" }
+            true: { name: "3grmvd", styles: "width:100%;max-width:100%;" }
         },
         // IconPosition Styles
         iconPosition: {
-            only: { name: "29wf3i", styles: "padding:0;" },
-            start: { name: "20j23z", styles: "" },
-            end: { name: "2wiinx", styles: "" }
+            only: { name: "2a3ubn", styles: "padding:0;" },
+            start: { name: "gpi7t", styles: "" },
+            end: { name: "2x83lr", styles: "" }
         }
     },
     // Compound Modifier Styles
     compound: [
         {
             modifiers: { size: 'large', iconPosition: 'only' },
-            styles: { name: "1hiu01", styles: "min-width:var(--cnvs-sys-size-lg, 3rem);" }
+            styles: { name: "39rxo5", styles: "min-width:var(--cnvs-sys-size-lg, 3rem);" }
         },
         {
             modifiers: { size: 'large', iconPosition: 'start' },
-            styles: { name: "2d0hdz", styles: "padding-inline-start:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6));padding-inline-end:var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8));" }
+            styles: { name: "g0x5p", styles: "padding-inline-start:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6));padding-inline-end:var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8));" }
         },
         {
             modifiers: { size: 'large', iconPosition: 'end' },
-            styles: { name: "1vk0po", styles: "padding-inline-start:var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8));padding-inline-end:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6));" }
+            styles: { name: "s02es", styles: "padding-inline-start:var(--cnvs-sys-padding-xxl, var(--cnvs-sys-space-x8));padding-inline-end:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6));" }
         },
         {
             modifiers: { size: 'medium', iconPosition: 'only' },
-            styles: { name: "13ai5a", styles: "min-width:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10));" }
+            styles: { name: "1c682r", styles: "min-width:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10));" }
         },
         {
             modifiers: { size: 'medium', iconPosition: 'start' },
-            styles: { name: "27yvfo", styles: "padding-inline-start:var(--cnvs-sys-padding-lg, 1.25rem);padding-inline-end:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6));" }
+            styles: { name: "1ndag", styles: "padding-inline-start:var(--cnvs-sys-padding-lg, 1.25rem);padding-inline-end:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6));" }
         },
         {
             modifiers: { size: 'medium', iconPosition: 'end' },
-            styles: { name: "8was3", styles: "padding-inline-start:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6));padding-inline-end:var(--cnvs-sys-padding-lg, 1.25rem);" }
+            styles: { name: "3478i0", styles: "padding-inline-start:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6));padding-inline-end:var(--cnvs-sys-padding-lg, 1.25rem);" }
         },
         {
             modifiers: { size: 'small', iconPosition: 'only' },
-            styles: { name: "3d71fh", styles: "min-width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));" }
+            styles: { name: "38dwal", styles: "min-width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));" }
         },
         {
             modifiers: { size: 'small', iconPosition: 'start' },
-            styles: { name: "1kmcsg", styles: "padding-inline-start:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));padding-inline-end:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4));" }
+            styles: { name: "34jeui", styles: "padding-inline-start:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));padding-inline-end:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4));" }
         },
         {
             modifiers: { size: 'small', iconPosition: 'end' },
-            styles: { name: "1mn0es", styles: "padding-inline-start:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4));padding-inline-end:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));" }
+            styles: { name: "286wdv", styles: "padding-inline-start:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4));padding-inline-end:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));" }
         },
         {
             modifiers: { size: 'extraSmall', iconPosition: 'only' },
-            styles: { name: "4as1r5", styles: "min-width:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6));" }
+            styles: { name: "25g9bb", styles: "min-width:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6));" }
         },
         {
             modifiers: { size: 'extraSmall', iconPosition: 'start' },
-            styles: { name: "1r0vf1", styles: "padding-inline-start:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));padding-inline-end:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));" }
+            styles: { name: "2s2uw4", styles: "padding-inline-start:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));padding-inline-end:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));" }
         },
         {
             modifiers: { size: 'extraSmall', iconPosition: 'end' },
-            styles: { name: "3a4zv8", styles: "padding-inline-start:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));padding-inline-end:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));" }
+            styles: { name: "2x1c65", styles: "padding-inline-start:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3));padding-inline-end:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));" }
         }
     ]
 }, "button-b66707");

package/dist/commonjs/button/lib/DeleteButton.js

@@ -10,7 +10,7 @@ const BaseButton_1 = require("./BaseButton");
 const Button_1 = require("./Button");
 const deleteButtonStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: BaseButton_1.buttonStencil,
-    base: { name: "4dhxbz", styles: "box-sizing:border-box;--background-button-b66707:var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-base));--borderRadius-button-b66707:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));--label-button-b66707:var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent));--color-system-icon-f4b83b:var(--icon-5bdf1f, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent)));&:focus-visible, &.focus{--background-button-b66707:var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-base));--label-button-b66707:var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent));--color-system-icon-f4b83b:var(--icon-692b2b, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent)));--boxShadowInner-button-b66707:var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0)));--boxShadowOuter-button-b66707:var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline));}&:hover, &.hover{--background-button-b66707:color-mix(in srgb, var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-dark)) , var(--cnvs-sys-color-accent-overlay-mixin, black) calc(var(--cnvs-sys-opacity-accent-hover, 0) * 100%));--label-button-b66707:var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent));--color-system-icon-f4b83b:var(--icon-36ab3e, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent)));}&:active, &.active{--background-button-b66707:color-mix(in srgb, var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-darkest)) , var(--cnvs-sys-color-accent-overlay-mixin, black) calc(var(--cnvs-sys-opacity-accent-pressed, 0) * 100%));--label-button-b66707:var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent));--color-system-icon-f4b83b:var(--icon-cbad69, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent)));}&:disabled, &.disabled{--opacity-button-b66707:var(--cnvs-sys-opacity-disabled);--background-button-b66707:var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-base));--color-system-icon-f4b83b:var(--icon-d559f9, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent)));--label-button-b66707:var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent));}" }
+    base: { name: "3zkpdk", styles: "box-sizing:border-box;--background-button-b66707:var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-base));--borderRadius-button-b66707:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));--label-button-b66707:var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent));--color-system-icon-f4b83b:var(--icon-5bdf1f, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent)));&:focus-visible, &.focus{--background-button-b66707:var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-base));--label-button-b66707:var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent));--color-system-icon-f4b83b:var(--icon-692b2b, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent)));--boxShadowInner-button-b66707:var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0)));--boxShadowOuter-button-b66707:var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline));}&:hover, &.hover{--background-button-b66707:color-mix(in srgb, var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-dark)) , var(--cnvs-sys-color-accent-overlay-mixin, black) calc(var(--cnvs-sys-opacity-accent-hover, 0) * 100%));--label-button-b66707:var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent));--color-system-icon-f4b83b:var(--icon-36ab3e, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent)));}&:active, &.active{--background-button-b66707:color-mix(in srgb, var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-darkest)) , var(--cnvs-sys-color-accent-overlay-mixin, black) calc(var(--cnvs-sys-opacity-accent-pressed, 0) * 100%));--label-button-b66707:var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent));--color-system-icon-f4b83b:var(--icon-cbad69, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent)));}&:disabled, &.disabled{--opacity-button-b66707:var(--cnvs-sys-opacity-disabled);--background-button-b66707:var(--cnvs-sys-color-brand-accent-critical, var(--cnvs-brand-error-base));--color-system-icon-f4b83b:var(--icon-d559f9, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent)));--label-button-b66707:var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-error-accent));}" }
 }, "delete-button-8fd51e");
 /**
  * Use sparingly for destructive actions that will result in data loss, can’t be undone, or will

package/dist/commonjs/button/lib/ExternalHyperlink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalHyperlink.d.ts","sourceRoot":"","sources":["../../../../button/lib/ExternalHyperlink.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,cAAc,EAAmB,MAAM,aAAa,CAAC;AAE7D,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA0BnC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,0FAsB5B,CAAC"}
+{"version":3,"file":"ExternalHyperlink.d.ts","sourceRoot":"","sources":["../../../../button/lib/ExternalHyperlink.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,cAAc,EAAmB,MAAM,aAAa,CAAC;AAE7D,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA2BnC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,0FAsB5B,CAAC"}

package/dist/commonjs/button/lib/ExternalHyperlink.js

@@ -13,7 +13,7 @@ exports.externalHyperlinkStencil = (0, canvas_kit_styling_1.createStencil)({
     parts: {
         externalHyperlinkIcon: 'external-hyperlink-icon',
     },
-    base: { name: "2x46pw", styles: "box-sizing:border-box;[data-part=\"external-hyperlink-icon\"]{vertical-align:text-top;--color-system-icon-f4b83b:currentColor;--size-svg-2af90b:1em;width:calc(1em - 0.0625rem);min-width:calc(var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4)) - 0.0625rem);margin-inline-start:calc(var(--cnvs-sys-space-x1) - 0.125rem);& > svg{min-width:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4));min-height:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4));}:dir(rtl){transform:rotate(270deg);}}" }
+    base: { name: "2z18fi", styles: "box-sizing:border-box;[data-part=\"external-hyperlink-icon\"]{vertical-align:text-top;--color-system-icon-f4b83b:currentColor;--size-svg-2af90b:1em;width:calc(1em - 0.0625rem);min-width:calc(var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4)) - 0.0625rem);margin-inline-start:calc(var(--cnvs-sys-space-x1) - 0.125rem);& > svg{min-width:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4));min-height:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4));}:dir(rtl){transform:rotate(270deg);}}" }
 }, "external-hyperlink-a82b92");
 /**
  * `ExternalHyperlink`s also have an `inverse` variant. Use this variant when you need to place the