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

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: "3o4mmk", 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: "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;}}" }
 }, "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: "1rfdpn", styles: "box-sizing:border-box;flex:0;" }
+    base: { name: "24c1ju", 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: "218riw", styles: "box-sizing:border-box;" },
+    base: { name: "40f5xy", styles: "box-sizing:border-box;" },
     modifiers: {
         imageLoaded: {
-            false: { name: "2w239s", styles: "[data-part=\"avatar-image\"]{display:none;}" },
-            true: { name: "3org9h", styles: "background-color:var(--cnvs-sys-color-bg-default);" }
+            false: { name: "3tdpdo", styles: "[data-part=\"avatar-image\"]{display:none;}" },
+            true: { name: "1s0fa9", styles: "background-color:var(--cnvs-sys-color-bg-default);" }
         },
         objectFit: {
-            contain: { name: "1ow2o3", styles: "[data-part=\"avatar-image\"]{object-fit:contain;}" },
-            cover: { name: "1ndajm", styles: "[data-part=\"avatar-image\"]{object-fit:cover;}" },
-            fill: { name: "54itl", styles: "[data-part=\"avatar-image\"]{object-fit:fill;}" },
-            none: { name: "49se7c", styles: "[data-part=\"avatar-image\"]{object-fit:none;}" },
-            ['scale-down']: { name: "3xg2ob", styles: "[data-part=\"avatar-image\"]{object-fit:scale-down;}" },
-            initial: { name: "3vancm", styles: "[data-part=\"avatar-image\"]{object-fit:initial;}" },
-            inherit: { name: "26x0o2", styles: "[data-part=\"avatar-image\"]{object-fit:inherit;}" },
-            unset: { name: "2ltm50", styles: "[data-part=\"avatar-image\"]{object-fit:unset;}" },
-            ['-moz-initial']: { name: "32542w", styles: "[data-part=\"avatar-image\"]{object-fit:-moz-initial;}" },
-            ['revert']: { name: "1ssfri", styles: "[data-part=\"avatar-image\"]{object-fit:revert;}" }
+            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;}" }
         }
     }
 }, "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: "38yne4", styles: "box-sizing:border-box;height:100%;width:100%;object-fit:cover;" }
+    base: { name: "1999z", 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: "40fjjh", styles: "box-sizing:border-box;text-transform:uppercase;cursor:default;" }
+    base: { name: "21pvwa", 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: "3e0dcz", 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: "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));" },
     modifiers: {
         variant: {
-            blue: { name: "2mf9wh", 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: "1gvbr3", 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: "nnvw8", 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: "2jdcw1", 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: "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));" }
         },
         size: {
-            extraExtraSmall: { name: "z8883", 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: "s0u6l", 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: "2tt7da", 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: "1dnmd", 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: "pwjv5", 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: "8e6xe", 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: "2ckndk", 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: "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));" }
         }
     }
 }, "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: "mc3h", styles: "from{transform:scale(0.85);}to{transform:scale(1.0);}" });
+const grow = (0, canvas_kit_styling_1.keyframes)({ name: "1wey09", styles: "from{transform:scale(0.85);}to{transform:scale(1.0);}" });
 // .cnvs-count-badge
 const countBadgeStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "me5ya", styles: "box-sizing:border-box;align-items:center;animation:animation-mc3h 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: "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));" },
     modifiers: {
         variant: {
             // .cnvs-count-badge--variant-inverse
-            inverse: { name: "160iiu", 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: "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));" }
         },
         emphasis: {
-            high: { name: "zrrfo", styles: "" },
-            low: { name: "15isr5", 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: "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));" }
         }
     },
     compound: [
         {
             modifiers: { variant: 'inverse', emphasis: 'low' },
-            styles: { name: "2fh34i", 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: "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);" }
         }
     ]
 }, "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: "2675uh", 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: "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));}" },
     modifiers: {
         hasErrors: {
-            true: { name: "2f8muj", 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: "7h0f1", 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: "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);}" }
         },
         isSticky: {
-            true: { name: "1y0ziw", styles: "width:13.875rem;border-start-end-radius:0;border-end-end-radius:0;" },
-            false: { name: "haivz", styles: "width:20.5rem;" }
+            true: { name: "13lo2t", styles: "width:13.875rem;border-start-end-radius:0;border-end-end-radius:0;" },
+            false: { name: "y4xdp", 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: "jiebp", styles: "box-sizing:border-box;text-decoration:underline;display:inline;" },
+    base: { name: "1xps8h", styles: "box-sizing:border-box;text-decoration:underline;display:inline;" },
     modifiers: {
         isSticky: {
-            true: { name: "21p2x8", styles: "display:none;" }
+            true: { name: "2avelo", 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: "gujh3", styles: "box-sizing:border-box;margin-inline-end:var(--cnvs-sys-space-x3);" }
+    base: { name: "yxtcc", 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: "3v127z", styles: "box-sizing:border-box;display:flex;flex:1 1 0%;" }
+    base: { name: "4f9fay", 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: "pq7m5", 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: "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);" }
 }, "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: "3imq7t", 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);}}" }
+    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");
 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: "41vxb2", 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: "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);" }
 }, "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: "4vuts", 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: "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%;" }
 }, "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: "49g3m3", styles: "box-sizing:border-box;text-decoration:none;" }
+    base: { name: "2l97qh", 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: "36e9s6", styles: "box-sizing:border-box;width:17.5rem;max-width:17.5rem;max-height:18.5rem;" }
+    base: { name: "1hsfz0", 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.js

@@ -16,7 +16,7 @@ exports.breadcrumbsOverflowButtonStencil = (0, canvas_kit_styling_1.createStenci
         overflowButton: 'breadcrumbs-overflow-button',
         chevronRightIcon: 'breadcrumbs-overflow-button-chevron-right-icon',
     },
-    base: { name: "1fy6na", 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);}}" }
+    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");
 exports.useBreadcrumbsOverflowButton = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useBreadcrumbsModel_1.useBreadcrumbsModel)(() => ({
     'aria-haspopup': true,

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

@@ -32,7 +32,7 @@ exports.buttonStencil = (0, canvas_kit_styling_1.createStencil)({
         opacity: '',
         borderRadius: '',
     },
-    base: { name: "1v6kcx", 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: "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;}" },
     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: "3zfzy1", 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: "16ddwy", 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: "4df8ck", 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: "46yn48", 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: "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));" }
         },
         grow: {
-            true: { name: "3me4sv", styles: "width:100%;max-width:100%;" }
+            true: { name: "3jk8js", styles: "width:100%;max-width:100%;" }
         },
         // IconPosition Styles
         iconPosition: {
-            only: { name: "3y5du3", styles: "padding:0;" },
-            start: { name: "11vyzy", styles: "" },
-            end: { name: "20ig7a", styles: "" }
+            only: { name: "29wf3i", styles: "padding:0;" },
+            start: { name: "20j23z", styles: "" },
+            end: { name: "2wiinx", styles: "" }
         }
     },
     // Compound Modifier Styles
     compound: [
         {
             modifiers: { size: 'large', iconPosition: 'only' },
-            styles: { name: "f0quk", styles: "min-width:var(--cnvs-sys-size-lg, 3rem);" }
+            styles: { name: "1hiu01", styles: "min-width:var(--cnvs-sys-size-lg, 3rem);" }
         },
         {
             modifiers: { size: 'large', iconPosition: 'start' },
-            styles: { name: "3b8gkh", 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: "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));" }
         },
         {
             modifiers: { size: 'large', iconPosition: 'end' },
-            styles: { name: "2iro5v", 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: "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));" }
         },
         {
             modifiers: { size: 'medium', iconPosition: 'only' },
-            styles: { name: "a9nqu", styles: "min-width:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10));" }
+            styles: { name: "13ai5a", styles: "min-width:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10));" }
         },
         {
             modifiers: { size: 'medium', iconPosition: 'start' },
-            styles: { name: "di013", 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: "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));" }
         },
         {
             modifiers: { size: 'medium', iconPosition: 'end' },
-            styles: { name: "yu8b6", 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: "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);" }
         },
         {
             modifiers: { size: 'small', iconPosition: 'only' },
-            styles: { name: "1cd06g", styles: "min-width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));" }
+            styles: { name: "3d71fh", styles: "min-width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));" }
         },
         {
             modifiers: { size: 'small', iconPosition: 'start' },
-            styles: { name: "25gv4g", 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: "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));" }
         },
         {
             modifiers: { size: 'small', iconPosition: 'end' },
-            styles: { name: "4ef8up", 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: "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));" }
         },
         {
             modifiers: { size: 'extraSmall', iconPosition: 'only' },
-            styles: { name: "202oyl", styles: "min-width:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6));" }
+            styles: { name: "4as1r5", styles: "min-width:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6));" }
         },
         {
             modifiers: { size: 'extraSmall', iconPosition: 'start' },
-            styles: { name: "2iezrm", 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: "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));" }
         },
         {
             modifiers: { size: 'extraSmall', iconPosition: 'end' },
-            styles: { name: "tj4ni", 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: "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));" }
         }
     ]
 }, "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: "2l86zh", 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: "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));}" }
 }, "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.js

@@ -13,7 +13,7 @@ exports.externalHyperlinkStencil = (0, canvas_kit_styling_1.createStencil)({
     parts: {
         externalHyperlinkIcon: 'external-hyperlink-icon',
     },
-    base: { name: "3qex1b", 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: "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);}}" }
 }, "external-hyperlink-a82b92");
 /**
  * `ExternalHyperlink`s also have an `inverse` variant. Use this variant when you need to place the

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

@@ -6,12 +6,12 @@ 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");
 exports.hyperlinkStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "c8b5l", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);text-decoration:underline;color:var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-text-primary-default));cursor:pointer;border-radius:0.125rem;padding:0 0.125rem ;margin:0 -2px;transition:color 0.15s,background-color 0.15s;word-break:break-word;&:hover, &.hover{color:var(--cnvs-sys-color-fg-info-strong, var(--cnvs-sys-color-text-primary-strong));background:var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft));}&:focus, &.focus, &:focus-visible{box-shadow:0 0 0 0.125rem var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline));outline:none;}&:active, &.active{color:var(--cnvs-sys-color-fg-info-strong, var(--cnvs-sys-color-text-primary-stronger));background:var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-default));}" },
+    base: { name: "q3hdb", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);text-decoration:underline;color:var(--cnvs-sys-color-fg-info-default, var(--cnvs-sys-color-text-primary-default));cursor:pointer;border-radius:0.125rem;padding:0 0.125rem ;margin:0 -2px;transition:color 0.15s,background-color 0.15s;word-break:break-word;&:hover, &.hover{color:var(--cnvs-sys-color-fg-info-strong, var(--cnvs-sys-color-text-primary-strong));background:var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft));}&:focus, &.focus, &:focus-visible{box-shadow:0 0 0 0.125rem var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline));outline:none;}&:active, &.active{color:var(--cnvs-sys-color-fg-info-strong, var(--cnvs-sys-color-text-primary-stronger));background:var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-default));}" },
     modifiers: {
         variant: {
-            inverse: { name: "3h0enl", styles: "color:var(--cnvs-sys-color-fg-inverse, var(--cnvs-sys-color-text-inverse));&:hover, &.hover{color:var(--cnvs-sys-color-fg-inverse, var(--cnvs-sys-color-text-inverse));background:rgba(255, 255, 255, 0.1);}&:focus, &.focus, &:focus-visible{box-shadow:0 0 0 0.125rem  var(--cnvs-sys-color-fg-inverse, var(--cnvs-sys-color-text-inverse));}&:active, &.active{color:var(--cnvs-sys-color-brand-fg-primary-strong, var(--cnvs-sys-color-text-primary-stronger));background:var(--cnvs-sys-color-surface-navigation, var(--cnvs-sys-color-bg-alt-soft));}" },
-            standalone: { name: "1hywop", styles: "text-decoration:none;" },
-            standaloneInverse: { name: "1j08uv", styles: "text-decoration:none;color:var(--cnvs-sys-color-fg-inverse, var(--cnvs-sys-color-text-inverse));&:hover, &.hover{color:var(--cnvs-sys-color-fg-inverse, var(--cnvs-sys-color-text-inverse));background:rgba(255, 255, 255, 0.1);}&:focus, &.focus, &:focus-visible{box-shadow:0 0 0 0.125rem  var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-text-inverse));}&:active, &.active{color:var(--cnvs-sys-color-brand-fg-primary-strong, var(--cnvs-sys-color-text-primary-stronger));background:var(--cnvs-sys-color-surface-navigation, var(--cnvs-sys-color-bg-alt-soft));}" }
+            inverse: { name: "2npio7", styles: "color:var(--cnvs-sys-color-fg-inverse, var(--cnvs-sys-color-text-inverse));&:hover, &.hover{color:var(--cnvs-sys-color-fg-inverse, var(--cnvs-sys-color-text-inverse));background:rgba(255, 255, 255, 0.1);}&:focus, &.focus, &:focus-visible{box-shadow:0 0 0 0.125rem  var(--cnvs-sys-color-fg-inverse, var(--cnvs-sys-color-text-inverse));}&:active, &.active{color:var(--cnvs-sys-color-brand-fg-primary-strong, var(--cnvs-sys-color-text-primary-stronger));background:var(--cnvs-sys-color-surface-navigation, var(--cnvs-sys-color-bg-alt-soft));}" },
+            standalone: { name: "96yry", styles: "text-decoration:none;" },
+            standaloneInverse: { name: "34yp5k", styles: "text-decoration:none;color:var(--cnvs-sys-color-fg-inverse, var(--cnvs-sys-color-text-inverse));&:hover, &.hover{color:var(--cnvs-sys-color-fg-inverse, var(--cnvs-sys-color-text-inverse));background:rgba(255, 255, 255, 0.1);}&:focus, &.focus, &:focus-visible{box-shadow:0 0 0 0.125rem  var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-text-inverse));}&:active, &.active{color:var(--cnvs-sys-color-brand-fg-primary-strong, var(--cnvs-sys-color-text-primary-stronger));background:var(--cnvs-sys-color-surface-navigation, var(--cnvs-sys-color-bg-alt-soft));}" }
         }
     }
 }, "hyperlink-ecce3c");

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

@@ -10,11 +10,11 @@ const BaseButton_1 = require("./BaseButton");
 const Button_1 = require("./Button");
 const primaryButtonStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: BaseButton_1.buttonStencil,
-    base: { name: "3lixjb", styles: "box-sizing:border-box;--background-button-b66707:var(--cnvs-brand-action-base, var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base)));--borderRadius-button-b66707:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));--label-button-b66707:var(--cnvs-brand-action-accent, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-primary-accent)));--color-system-icon-f4b83b:var(--icon-5bdf1f, currentColor);&:focus-visible, &.focus{--background-button-b66707:var(--cnvs-brand-action-base, var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base)));--label-button-b66707:var(--cnvs-brand-action-accent, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-primary-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));--color-system-icon-f4b83b:var(--icon-692b2b, currentColor);}&:hover, &.hover{--background-button-b66707:color-mix(in srgb, var(--cnvs-brand-action-base, var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-action-dark, var(--cnvs-brand-primary-dark)))) , var(--cnvs-sys-color-accent-overlay-mixin, black) calc(var(--cnvs-sys-opacity-accent-hover, 0) * 100%));--label-button-b66707:var(--cnvs-brand-action-accent, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-primary-accent)));--color-system-icon-f4b83b:var(--icon-36ab3e, currentColor);}&:active, &.active{--background-button-b66707:color-mix(in srgb, var(--cnvs-brand-action-base, var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-action-darkest, var(--cnvs-brand-primary-darkest)))) , var(--cnvs-sys-color-accent-overlay-mixin, black) calc(var(--cnvs-sys-opacity-accent-pressed, 0) * 100%));--label-button-b66707:var(--cnvs-brand-action-accent, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-primary-accent)));--color-system-icon-f4b83b:var(--icon-cbad69, currentColor);}&:disabled, &.disabled{--opacity-button-b66707:var(--cnvs-sys-opacity-disabled);--background-button-b66707:var(--cnvs-brand-action-base, var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base)));--label-button-b66707:var(--cnvs-brand-action-accent, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-primary-accent)));--color-system-icon-f4b83b:var(--icon-5bdf1f, currentColor);}" },
+    base: { name: "7313u", styles: "box-sizing:border-box;--background-button-b66707:var(--cnvs-brand-action-base, var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base)));--borderRadius-button-b66707:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));--label-button-b66707:var(--cnvs-brand-action-accent, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-primary-accent)));--color-system-icon-f4b83b:var(--icon-5bdf1f, currentColor);&:focus-visible, &.focus{--background-button-b66707:var(--cnvs-brand-action-base, var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base)));--label-button-b66707:var(--cnvs-brand-action-accent, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-primary-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));--color-system-icon-f4b83b:var(--icon-692b2b, currentColor);}&:hover, &.hover{--background-button-b66707:color-mix(in srgb, var(--cnvs-brand-action-base, var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-action-dark, var(--cnvs-brand-primary-dark)))) , var(--cnvs-sys-color-accent-overlay-mixin, black) calc(var(--cnvs-sys-opacity-accent-hover, 0) * 100%));--label-button-b66707:var(--cnvs-brand-action-accent, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-primary-accent)));--color-system-icon-f4b83b:var(--icon-36ab3e, currentColor);}&:active, &.active{--background-button-b66707:color-mix(in srgb, var(--cnvs-brand-action-base, var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-action-darkest, var(--cnvs-brand-primary-darkest)))) , var(--cnvs-sys-color-accent-overlay-mixin, black) calc(var(--cnvs-sys-opacity-accent-pressed, 0) * 100%));--label-button-b66707:var(--cnvs-brand-action-accent, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-primary-accent)));--color-system-icon-f4b83b:var(--icon-cbad69, currentColor);}&:disabled, &.disabled{--opacity-button-b66707:var(--cnvs-sys-opacity-disabled);--background-button-b66707:var(--cnvs-brand-action-base, var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base)));--label-button-b66707:var(--cnvs-brand-action-accent, var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-primary-accent)));--color-system-icon-f4b83b:var(--icon-5bdf1f, currentColor);}" },
     modifiers: {
         variant: {
             // Inverse Styles
-            inverse: { name: "3kag91", styles: "--background-button-b66707:var(--cnvs-brand-action-lightest, var(--cnvs-sys-color-surface-inverse, var(--cnvs-brand-primary-lightest)));--borderRadius-button-b66707:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));--label-button-b66707:var(--cnvs-sys-color-fg-strong);--color-system-icon-f4b83b:var(--icon-5bdf1f, currentColor);&:hover, &.hover{--background-button-b66707:color-mix(in srgb, var(--cnvs-brand-action-lightest, var(--cnvs-sys-color-surface-inverse, var(--cnvs-brand-action-lighter, var(--cnvs-brand-primary-lighter)))) , 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-stronger);--color-system-icon-f4b83b:var(--icon-36ab3e, currentColor);}&:focus-visible, &.focus{--background-button-b66707:var(--cnvs-brand-action-lightest, var(--cnvs-sys-color-surface-inverse, var(--cnvs-brand-action-lightest, var(--cnvs-brand-primary-lightest))));--label-button-b66707:var(--cnvs-sys-color-fg-strong);--boxShadowInner-button-b66707:var(--cnvs-sys-color-border-contrast-default);--boxShadowOuter-button-b66707:var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0)));--color-system-icon-f4b83b:var(--icon-692b2b, currentColor);}&:active, &.active{--background-button-b66707:color-mix(in srgb, var(--cnvs-brand-action-lightest, var(--cnvs-sys-color-surface-inverse, var(--cnvs-brand-action-light, var(--cnvs-brand-primary-light)))) , 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-stronger);--color-system-icon-f4b83b:var(--icon-cbad69, currentColor);}&:disabled, &.disabled{--opacity-button-b66707:var(--cnvs-sys-opacity-disabled);--background-button-b66707:var(--cnvs-brand-action-lightest, var(--cnvs-sys-color-surface-inverse, var(--cnvs-brand-primary-lightest)));--label-button-b66707:var(--cnvs-sys-color-fg-strong);--color-system-icon-f4b83b:var(--icon-d559f9, currentColor);}" }
+            inverse: { name: "3yq68w", styles: "--background-button-b66707:var(--cnvs-brand-action-lightest, var(--cnvs-sys-color-surface-inverse, var(--cnvs-brand-primary-lightest)));--borderRadius-button-b66707:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));--label-button-b66707:var(--cnvs-sys-color-fg-strong);--color-system-icon-f4b83b:var(--icon-5bdf1f, currentColor);&:hover, &.hover{--background-button-b66707:color-mix(in srgb, var(--cnvs-brand-action-lightest, var(--cnvs-sys-color-surface-inverse, var(--cnvs-brand-action-lighter, var(--cnvs-brand-primary-lighter)))) , 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-stronger);--color-system-icon-f4b83b:var(--icon-36ab3e, currentColor);}&:focus-visible, &.focus{--background-button-b66707:var(--cnvs-brand-action-lightest, var(--cnvs-sys-color-surface-inverse, var(--cnvs-brand-action-lightest, var(--cnvs-brand-primary-lightest))));--label-button-b66707:var(--cnvs-sys-color-fg-strong);--boxShadowInner-button-b66707:var(--cnvs-sys-color-border-contrast-default);--boxShadowOuter-button-b66707:var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0)));--color-system-icon-f4b83b:var(--icon-692b2b, currentColor);}&:active, &.active{--background-button-b66707:color-mix(in srgb, var(--cnvs-brand-action-lightest, var(--cnvs-sys-color-surface-inverse, var(--cnvs-brand-action-light, var(--cnvs-brand-primary-light)))) , 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-stronger);--color-system-icon-f4b83b:var(--icon-cbad69, currentColor);}&:disabled, &.disabled{--opacity-button-b66707:var(--cnvs-sys-opacity-disabled);--background-button-b66707:var(--cnvs-brand-action-lightest, var(--cnvs-sys-color-surface-inverse, var(--cnvs-brand-primary-lightest)));--label-button-b66707:var(--cnvs-sys-color-fg-strong);--color-system-icon-f4b83b:var(--icon-d559f9, currentColor);}" }
         }
     }
 }, "primary-button-69b212");

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

@@ -10,10 +10,10 @@ const BaseButton_1 = require("./BaseButton");
 const Button_1 = require("./Button");
 const secondaryButtonStencil = (0, canvas_kit_styling_1.createStencil)({
     extends: BaseButton_1.buttonStencil,
-    base: { name: "3s54dn", styles: "box-sizing:border-box;--background-button-b66707:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default));--borderRadius-button-b66707:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));--border-button-b66707:var(--cnvs-sys-color-border-input-default);--label-button-b66707:var(--cnvs-sys-color-fg-default, var(--cnvs-sys-color-fg-strong));--color-system-icon-f4b83b:var(--icon-5bdf1f, currentColor);&:focus-visible, &.focus{--background-button-b66707:var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default));--label-button-b66707:var(--cnvs-sys-color-fg-strong, var(--cnvs-sys-color-fg-stronger));--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));--color-system-icon-f4b83b:var(--icon-692b2b, currentColor);}&:hover, &.hover{--background-button-b66707:color-mix(in srgb, var(--cnvs-sys-color-surface-transparent, var(--cnvs-base-palette-slate-100)) , var(--cnvs-sys-color-surface-overlay-mixin, black) calc(var(--cnvs-sys-opacity-surface-hover, 0) * 100%));--label-button-b66707:var(--cnvs-sys-color-fg-strong, var(--cnvs-sys-color-fg-stronger));--border-button-b66707:var(--cnvs-sys-color-border-input-hover, var(--cnvs-sys-color-border-input-strong));--color-system-icon-f4b83b:var(--icon-36ab3e, currentColor);}&:active, &.active{--background-button-b66707:color-mix(in srgb, var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-alt-strong)) , var(--cnvs-sys-color-surface-overlay-mixin, black) calc(var(--cnvs-sys-opacity-surface-pressed, 0) * 100%));--label-button-b66707:var(--cnvs-sys-color-fg-strong, var(--cnvs-sys-color-fg-stronger));--border-button-b66707:var(--cnvs-sys-color-border-input-hover, var(--cnvs-sys-color-border-input-strong));--color-system-icon-f4b83b:var(--icon-cbad69, currentColor);}&:disabled, &.disabled{--opacity-button-b66707:var(--cnvs-sys-opacity-disabled);--background-button-b66707:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default));--label-button-b66707:var(--cnvs-sys-color-fg-default, var(--cnvs-sys-color-fg-strong));--color-system-icon-f4b83b:var(--icon-5bdf1f, currentColor);}" },
+    base: { name: "3p005r", styles: "box-sizing:border-box;--background-button-b66707:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default));--borderRadius-button-b66707:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));--border-button-b66707:var(--cnvs-sys-color-border-input-default);--label-button-b66707:var(--cnvs-sys-color-fg-default, var(--cnvs-sys-color-fg-strong));--color-system-icon-f4b83b:var(--icon-5bdf1f, currentColor);&:focus-visible, &.focus{--background-button-b66707:var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default));--label-button-b66707:var(--cnvs-sys-color-fg-strong, var(--cnvs-sys-color-fg-stronger));--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));--color-system-icon-f4b83b:var(--icon-692b2b, currentColor);}&:hover, &.hover{--background-button-b66707:color-mix(in srgb, var(--cnvs-sys-color-surface-transparent, var(--cnvs-base-palette-slate-100)) , var(--cnvs-sys-color-surface-overlay-mixin, black) calc(var(--cnvs-sys-opacity-surface-hover, 0) * 100%));--label-button-b66707:var(--cnvs-sys-color-fg-strong, var(--cnvs-sys-color-fg-stronger));--border-button-b66707:var(--cnvs-sys-color-border-input-hover, var(--cnvs-sys-color-border-input-strong));--color-system-icon-f4b83b:var(--icon-36ab3e, currentColor);}&:active, &.active{--background-button-b66707:color-mix(in srgb, var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-alt-strong)) , var(--cnvs-sys-color-surface-overlay-mixin, black) calc(var(--cnvs-sys-opacity-surface-pressed, 0) * 100%));--label-button-b66707:var(--cnvs-sys-color-fg-strong, var(--cnvs-sys-color-fg-stronger));--border-button-b66707:var(--cnvs-sys-color-border-input-hover, var(--cnvs-sys-color-border-input-strong));--color-system-icon-f4b83b:var(--icon-cbad69, currentColor);}&:disabled, &.disabled{--opacity-button-b66707:var(--cnvs-sys-opacity-disabled);--background-button-b66707:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default));--label-button-b66707:var(--cnvs-sys-color-fg-default, var(--cnvs-sys-color-fg-strong));--color-system-icon-f4b83b:var(--icon-5bdf1f, currentColor);}" },
     modifiers: {
         variant: {
-            inverse: { name: "1o2urz", styles: "--background-button-b66707:var(--cnvs-sys-color-surface-transparent, transparent);--border-button-b66707:var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0));--label-button-b66707:var(--cnvs-sys-color-fg-inverse);--color-system-icon-f4b83b:var(--icon-5bdf1f, currentColor);&:hover, &.hover{--background-button-b66707:color-mix(in srgb, var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-strong)) , var(--cnvs-sys-color-surface-overlay-mixin, black) calc(var(--cnvs-sys-opacity-surface-hover, 0) * 100%));--border-button-b66707:var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0));--label-button-b66707:var(--cnvs-sys-color-fg-inverse);--color-system-icon-f4b83b:var(--icon-36ab3e, currentColor);}&:focus-visible, &.focus{--background-button-b66707:var(--cnvs-sys-color-surface-inverse, var(--cnvs-sys-color-bg-translucent));--border-button-b66707:var(--cnvs-sys-color-border-transparent, transparent);--label-button-b66707:var(--cnvs-sys-color-fg-contrast-default, var(--cnvs-sys-color-fg-inverse));--boxShadowInner-button-b66707:var(--cnvs-sys-color-border-contrast-default);--boxShadowOuter-button-b66707:var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0)));--color-system-icon-f4b83b:var(--icon-692b2b, currentColor);}&:active, &.active{--background-button-b66707:color-mix(in srgb, var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-stronger)) , var(--cnvs-sys-color-surface-overlay-mixin, black) calc(var(--cnvs-sys-opacity-surface-pressed, 0) * 100%));--border-button-b66707:var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0));--label-button-b66707:var(--cnvs-sys-color-fg-inverse);--color-system-icon-f4b83b:var(--icon-cbad69, currentColor);}&:disabled, &.disabled{--opacity-button-b66707:var(--cnvs-sys-opacity-disabled);--background-button-b66707:var(--cnvs-sys-color-surface-transparent, transparent);--label-button-b66707:var(--cnvs-sys-color-fg-inverse);--color-system-icon-f4b83b:var(--icon-5bdf1f, currentColor);}" }
+            inverse: { name: "40bfm1", styles: "--background-button-b66707:var(--cnvs-sys-color-surface-transparent, transparent);--border-button-b66707:var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0));--label-button-b66707:var(--cnvs-sys-color-fg-inverse);--color-system-icon-f4b83b:var(--icon-5bdf1f, currentColor);&:hover, &.hover{--background-button-b66707:color-mix(in srgb, var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-strong)) , var(--cnvs-sys-color-surface-overlay-mixin, black) calc(var(--cnvs-sys-opacity-surface-hover, 0) * 100%));--border-button-b66707:var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0));--label-button-b66707:var(--cnvs-sys-color-fg-inverse);--color-system-icon-f4b83b:var(--icon-36ab3e, currentColor);}&:focus-visible, &.focus{--background-button-b66707:var(--cnvs-sys-color-surface-inverse, var(--cnvs-sys-color-bg-translucent));--border-button-b66707:var(--cnvs-sys-color-border-transparent, transparent);--label-button-b66707:var(--cnvs-sys-color-fg-contrast-default, var(--cnvs-sys-color-fg-inverse));--boxShadowInner-button-b66707:var(--cnvs-sys-color-border-contrast-default);--boxShadowOuter-button-b66707:var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0)));--color-system-icon-f4b83b:var(--icon-692b2b, currentColor);}&:active, &.active{--background-button-b66707:color-mix(in srgb, var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-stronger)) , var(--cnvs-sys-color-surface-overlay-mixin, black) calc(var(--cnvs-sys-opacity-surface-pressed, 0) * 100%));--border-button-b66707:var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0));--label-button-b66707:var(--cnvs-sys-color-fg-inverse);--color-system-icon-f4b83b:var(--icon-cbad69, currentColor);}&:disabled, &.disabled{--opacity-button-b66707:var(--cnvs-sys-opacity-disabled);--background-button-b66707:var(--cnvs-sys-color-surface-transparent, transparent);--label-button-b66707:var(--cnvs-sys-color-fg-inverse);--color-system-icon-f4b83b:var(--icon-5bdf1f, currentColor);}" }
         }
     }
 }, "secondary-button-259382");