@workday/canvas-kit-preview-react 14.0.0-alpha.1239-next.0 → 14.0.0-alpha.1246-next.0

package/dist/commonjs/avatar/lib/Avatar.d.ts

@@ -23,7 +23,7 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             readonly avatarName: "avatar-name";
         }>) => {
             "[data-part=\"avatar-image\"]": {
-                display: "none";
+                display: string;
             };
         };
     };
@@ -33,7 +33,7 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             readonly avatarName: "avatar-name";
         }>) => {
             "[data-part=\"avatar-image\"]": {
-                objectFit: "contain";
+                objectFit: string;
             };
         };
         cover: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
@@ -41,7 +41,7 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             readonly avatarName: "avatar-name";
         }>) => {
             "[data-part=\"avatar-image\"]": {
-                objectFit: "cover";
+                objectFit: string;
             };
         };
         fill: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
@@ -49,7 +49,7 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             readonly avatarName: "avatar-name";
         }>) => {
             "[data-part=\"avatar-image\"]": {
-                objectFit: "fill";
+                objectFit: string;
             };
         };
         none: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
@@ -57,7 +57,7 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             readonly avatarName: "avatar-name";
         }>) => {
             "[data-part=\"avatar-image\"]": {
-                objectFit: "none";
+                objectFit: string;
             };
         };
         "scale-down": ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
@@ -65,7 +65,7 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             readonly avatarName: "avatar-name";
         }>) => {
             "[data-part=\"avatar-image\"]": {
-                objectFit: "scale-down";
+                objectFit: string;
             };
         };
         initial: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
@@ -73,7 +73,7 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             readonly avatarName: "avatar-name";
         }>) => {
             "[data-part=\"avatar-image\"]": {
-                objectFit: "initial";
+                objectFit: string;
             };
         };
         inherit: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
@@ -81,7 +81,7 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             readonly avatarName: "avatar-name";
         }>) => {
             "[data-part=\"avatar-image\"]": {
-                objectFit: "inherit";
+                objectFit: string;
             };
         };
         unset: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
@@ -89,7 +89,7 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             readonly avatarName: "avatar-name";
         }>) => {
             "[data-part=\"avatar-image\"]": {
-                objectFit: "unset";
+                objectFit: string;
             };
         };
         "-moz-initial": ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
@@ -97,7 +97,7 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             readonly avatarName: "avatar-name";
         }>) => {
             "[data-part=\"avatar-image\"]": {
-                objectFit: "-moz-initial";
+                objectFit: string;
             };
         };
         revert: ({ avatarImagePart }: {} & import("@workday/canvas-kit-styling").StencilVarsParts<{
@@ -105,7 +105,7 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             readonly avatarName: "avatar-name";
         }>) => {
             "[data-part=\"avatar-image\"]": {
-                objectFit: "revert";
+                objectFit: string;
             };
         };
     };
@@ -115,43 +115,43 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
 }, {}, import("@workday/canvas-kit-styling").Stencil<{
     variant: {
         blue: ({ backgroundColor, color }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            backgroundColor: string;
-            color: string;
+            backgroundColor: `var(--${string}, var(--cnvs-base-palette-blue-300))`;
+            color: `var(--${string}, var(--cnvs-base-palette-blue-800))`;
         };
         amber: ({ backgroundColor, color }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            backgroundColor: string;
-            color: string;
+            backgroundColor: `var(--${string}, var(--cnvs-base-palette-amber-200))`;
+            color: `var(--${string}, var(--cnvs-base-palette-amber-700))`;
         };
         teal: ({ backgroundColor, color }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            backgroundColor: string;
-            color: string;
+            backgroundColor: `var(--${string}, var(--cnvs-base-palette-teal-300))`;
+            color: `var(--${string}, var(--cnvs-base-palette-teal-800))`;
         };
         purple: ({ backgroundColor, color }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            backgroundColor: string;
-            color: string;
+            backgroundColor: `var(--${string}, var(--cnvs-base-palette-purple-300))`;
+            color: `var(--${string}, var(--cnvs-base-palette-purple-800))`;
         };
     };
     size: {
         extraExtraSmall: ({ size }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
             fontFamily: "--cnvs-sys-font-family-default";
             fontWeight: "--cnvs-sys-font-weight-normal";
@@ -160,9 +160,9 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             letterSpacing: "--cnvs-base-letter-spacing-50";
         };
         extraSmall: ({ size }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
             fontFamily: "--cnvs-sys-font-family-default";
             fontWeight: "--cnvs-sys-font-weight-normal";
@@ -171,9 +171,9 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             letterSpacing: "--cnvs-base-letter-spacing-100";
         };
         small: ({ size }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
             fontFamily: "--cnvs-sys-font-family-default";
             fontWeight: "--cnvs-sys-font-weight-normal";
@@ -182,9 +182,9 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             letterSpacing: "--cnvs-base-letter-spacing-200";
         };
         medium: ({ size }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
             fontFamily: "--cnvs-sys-font-family-default";
             fontWeight: "--cnvs-sys-font-weight-normal";
@@ -192,9 +192,9 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             fontSize: "--cnvs-sys-font-size-body-medium";
         };
         large: ({ size }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
             fontFamily: "--cnvs-sys-font-family-default";
             fontWeight: "--cnvs-sys-font-weight-bold";
@@ -202,9 +202,9 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             fontSize: "--cnvs-sys-font-size-heading-medium";
         };
         extraLarge: ({ size }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
             fontFamily: "--cnvs-sys-font-family-default";
             fontWeight: "--cnvs-sys-font-weight-bold";
@@ -212,9 +212,9 @@ export declare const avatarStencil: import("@workday/canvas-kit-styling").Stenci
             fontSize: "--cnvs-sys-font-size-title-small";
         };
         extraExtraLarge: ({ size }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
             fontFamily: "--cnvs-sys-font-family-default";
             fontWeight: "--cnvs-sys-font-weight-bold";

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

@@ -15,22 +15,22 @@ exports.avatarStencil = (0, canvas_kit_styling_1.createStencil)({
         avatarImage: 'avatar-image',
         avatarName: 'avatar-name',
     },
-    base: { name: "33bf2c", styles: "box-sizing:border-box;" },
+    base: { name: "2dw01t", styles: "box-sizing:border-box;" },
     modifiers: {
         imageLoaded: {
-            false: { name: "3h5t92", styles: "[data-part=\"avatar-image\"]{display:none;}" }
+            false: { name: "1n31pe", styles: "[data-part=\"avatar-image\"]{display:none;}" }
         },
         objectFit: {
-            contain: { name: "1iix2a", styles: "[data-part=\"avatar-image\"]{object-fit:contain;}" },
-            cover: { name: "2iyxxz", styles: "[data-part=\"avatar-image\"]{object-fit:cover;}" },
-            fill: { name: "14f2k7", styles: "[data-part=\"avatar-image\"]{object-fit:fill;}" },
-            none: { name: "3etg8g", styles: "[data-part=\"avatar-image\"]{object-fit:none;}" },
-            ['scale-down']: { name: "t7j4v", styles: "[data-part=\"avatar-image\"]{object-fit:scale-down;}" },
-            initial: { name: "4dqyrk", styles: "[data-part=\"avatar-image\"]{object-fit:initial;}" },
-            inherit: { name: "25kath", styles: "[data-part=\"avatar-image\"]{object-fit:inherit;}" },
-            unset: { name: "270hdu", styles: "[data-part=\"avatar-image\"]{object-fit:unset;}" },
-            ['-moz-initial']: { name: "cu44e", styles: "[data-part=\"avatar-image\"]{object-fit:-moz-initial;}" },
-            ['revert']: { name: "5o1c0", styles: "[data-part=\"avatar-image\"]{object-fit:revert;}" }
+            contain: { name: "3cqr80", styles: "[data-part=\"avatar-image\"]{object-fit:contain;}" },
+            cover: { name: "syupp", styles: "[data-part=\"avatar-image\"]{object-fit:cover;}" },
+            fill: { name: "kjasp", styles: "[data-part=\"avatar-image\"]{object-fit:fill;}" },
+            none: { name: "2nmvba", styles: "[data-part=\"avatar-image\"]{object-fit:none;}" },
+            ['scale-down']: { name: "k0ylj", styles: "[data-part=\"avatar-image\"]{object-fit:scale-down;}" },
+            initial: { name: "3l6xi7", styles: "[data-part=\"avatar-image\"]{object-fit:initial;}" },
+            inherit: { name: "oucds", styles: "[data-part=\"avatar-image\"]{object-fit:inherit;}" },
+            unset: { name: "4c7du1", styles: "[data-part=\"avatar-image\"]{object-fit:unset;}" },
+            ['-moz-initial']: { name: "39ov4e", styles: "[data-part=\"avatar-image\"]{object-fit:-moz-initial;}" },
+            ['revert']: { name: "3dgn4j", styles: "[data-part=\"avatar-image\"]{object-fit:revert;}" }
         }
     }
 }, "avatar-b17e14");

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: "r9h4a", styles: "box-sizing:border-box;height:100%;width:100%;object-fit:cover;" }
+    base: { name: "3ymktk", styles: "box-sizing:border-box;height:100%;width:100%;object-fit:cover;" }
 }, "avatar-image-e8e8d8");
 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: "4701ad", styles: "box-sizing:border-box;text-transform:uppercase;cursor:default;" }
+    base: { name: "1c92cj", styles: "box-sizing:border-box;text-transform:uppercase;cursor:default;" }
 }, "avatar-name-ead534");
 exports.AvatarName = (0, common_1.createComponent)('span')({
     displayName: 'AvatarName',

package/dist/commonjs/avatar/lib/BaseAvatar.d.ts

@@ -26,43 +26,43 @@ export interface BaseAvatarProps extends CSProps {
 export declare const baseAvatarStencil: import("@workday/canvas-kit-styling").Stencil<{
     variant: {
         blue: ({ backgroundColor, color }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            backgroundColor: string;
-            color: string;
+            backgroundColor: `var(--${string}, var(--cnvs-base-palette-blue-300))`;
+            color: `var(--${string}, var(--cnvs-base-palette-blue-800))`;
         };
         amber: ({ backgroundColor, color }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            backgroundColor: string;
-            color: string;
+            backgroundColor: `var(--${string}, var(--cnvs-base-palette-amber-200))`;
+            color: `var(--${string}, var(--cnvs-base-palette-amber-700))`;
         };
         teal: ({ backgroundColor, color }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            backgroundColor: string;
-            color: string;
+            backgroundColor: `var(--${string}, var(--cnvs-base-palette-teal-300))`;
+            color: `var(--${string}, var(--cnvs-base-palette-teal-800))`;
         };
         purple: ({ backgroundColor, color }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            backgroundColor: string;
-            color: string;
+            backgroundColor: `var(--${string}, var(--cnvs-base-palette-purple-300))`;
+            color: `var(--${string}, var(--cnvs-base-palette-purple-800))`;
         };
     };
     size: {
         extraExtraSmall: ({ size }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
             fontFamily: "--cnvs-sys-font-family-default";
             fontWeight: "--cnvs-sys-font-weight-normal";
@@ -71,9 +71,9 @@ export declare const baseAvatarStencil: import("@workday/canvas-kit-styling").St
             letterSpacing: "--cnvs-base-letter-spacing-50";
         };
         extraSmall: ({ size }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
             fontFamily: "--cnvs-sys-font-family-default";
             fontWeight: "--cnvs-sys-font-weight-normal";
@@ -82,9 +82,9 @@ export declare const baseAvatarStencil: import("@workday/canvas-kit-styling").St
             letterSpacing: "--cnvs-base-letter-spacing-100";
         };
         small: ({ size }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
             fontFamily: "--cnvs-sys-font-family-default";
             fontWeight: "--cnvs-sys-font-weight-normal";
@@ -93,9 +93,9 @@ export declare const baseAvatarStencil: import("@workday/canvas-kit-styling").St
             letterSpacing: "--cnvs-base-letter-spacing-200";
         };
         medium: ({ size }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
             fontFamily: "--cnvs-sys-font-family-default";
             fontWeight: "--cnvs-sys-font-weight-normal";
@@ -103,9 +103,9 @@ export declare const baseAvatarStencil: import("@workday/canvas-kit-styling").St
             fontSize: "--cnvs-sys-font-size-body-medium";
         };
         large: ({ size }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
             fontFamily: "--cnvs-sys-font-family-default";
             fontWeight: "--cnvs-sys-font-weight-bold";
@@ -113,9 +113,9 @@ export declare const baseAvatarStencil: import("@workday/canvas-kit-styling").St
             fontSize: "--cnvs-sys-font-size-heading-medium";
         };
         extraLarge: ({ size }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
             fontFamily: "--cnvs-sys-font-family-default";
             fontWeight: "--cnvs-sys-font-weight-bold";
@@ -123,9 +123,9 @@ export declare const baseAvatarStencil: import("@workday/canvas-kit-styling").St
             fontSize: "--cnvs-sys-font-size-title-small";
         };
         extraExtraLarge: ({ size }: {
-            backgroundColor: string;
-            color: string;
-            size: string;
+            backgroundColor: `--${string}`;
+            color: `--${string}`;
+            size: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
             fontFamily: "--cnvs-sys-font-family-default";
             fontWeight: "--cnvs-sys-font-weight-bold";

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

@@ -13,22 +13,22 @@ exports.baseAvatarStencil = (0, canvas_kit_styling_1.createStencil)({
         color: '',
         size: '',
     },
-    base: { name: "qqlgu", styles: "box-sizing:border-box;border-radius:var(--cnvs-sys-shape-round);width:var(--size-base-avatar-b2787e, calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x2)));height:var(--size-base-avatar-b2787e, calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x2)));background-color:var(--backgroundColor-base-avatar-b2787e, var(--cnvs-base-palette-blue-300));color:var(--color-base-avatar-b2787e, 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-medium);font-size:var(--cnvs-sys-font-size-body-medium);" },
+    base: { name: "3hks7g", styles: "box-sizing:border-box;border-radius:var(--cnvs-sys-shape-round);width:var(--size-base-avatar-b2787e, calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x2)));height:var(--size-base-avatar-b2787e, calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x2)));background-color:var(--backgroundColor-base-avatar-b2787e, var(--cnvs-base-palette-blue-300));color:var(--color-base-avatar-b2787e, 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-medium);font-size:var(--cnvs-sys-font-size-body-medium);" },
     modifiers: {
         variant: {
-            blue: { name: "ev2bl", styles: "background-color:var(--backgroundColor-base-avatar-b2787e, var(--cnvs-base-palette-blue-300));color:var(--color-base-avatar-b2787e, var(--cnvs-base-palette-blue-800));" },
-            amber: { name: "2qg7ik", styles: "background-color:var(--backgroundColor-base-avatar-b2787e, var(--cnvs-base-palette-amber-200));color:var(--color-base-avatar-b2787e, var(--cnvs-base-palette-amber-700));" },
-            teal: { name: "dkkk1", styles: "background-color:var(--backgroundColor-base-avatar-b2787e, var(--cnvs-base-palette-teal-300));color:var(--color-base-avatar-b2787e, var(--cnvs-base-palette-teal-800));" },
-            purple: { name: "ksyyv", styles: "background-color:var(--backgroundColor-base-avatar-b2787e, var(--cnvs-base-palette-purple-300));color:var(--color-base-avatar-b2787e, var(--cnvs-base-palette-purple-800));" }
+            blue: { name: "456m50", styles: "background-color:var(--backgroundColor-base-avatar-b2787e, var(--cnvs-base-palette-blue-300));color:var(--color-base-avatar-b2787e, var(--cnvs-base-palette-blue-800));" },
+            amber: { name: "1n68aj", styles: "background-color:var(--backgroundColor-base-avatar-b2787e, var(--cnvs-base-palette-amber-200));color:var(--color-base-avatar-b2787e, var(--cnvs-base-palette-amber-700));" },
+            teal: { name: "3sjmn8", styles: "background-color:var(--backgroundColor-base-avatar-b2787e, var(--cnvs-base-palette-teal-300));color:var(--color-base-avatar-b2787e, var(--cnvs-base-palette-teal-800));" },
+            purple: { name: "4f9u7i", styles: "background-color:var(--backgroundColor-base-avatar-b2787e, var(--cnvs-base-palette-purple-300));color:var(--color-base-avatar-b2787e, var(--cnvs-base-palette-purple-800));" }
         },
         size: {
-            extraExtraSmall: { name: "4dwh8i", styles: "--size-base-avatar-b2787e:var(--cnvs-sys-space-x6);font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-small);font-size:var(--cnvs-sys-font-size-subtext-small);letter-spacing:var(--cnvs-base-letter-spacing-50);" },
-            extraSmall: { name: "td7xp", styles: "--size-base-avatar-b2787e:var(--cnvs-sys-space-x8);font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-medium);font-size:var(--cnvs-sys-font-size-subtext-medium);letter-spacing:var(--cnvs-base-letter-spacing-100);" },
-            small: { name: "3l0he6", styles: "--size-base-avatar-b2787e:var(--cnvs-sys-space-x10);font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-small);font-size:var(--cnvs-sys-font-size-body-small);letter-spacing:var(--cnvs-base-letter-spacing-200);" },
-            medium: { name: "3wzu9a", styles: "--size-base-avatar-b2787e:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x2));font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-medium);font-size:var(--cnvs-sys-font-size-body-medium);" },
-            large: { name: "3wa9ci", styles: "--size-base-avatar-b2787e:calc(var(--cnvs-sys-space-x16) + var(--cnvs-sys-space-x2));font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-medium);font-size:var(--cnvs-sys-font-size-heading-medium);" },
-            extraLarge: { name: "2xbw06", styles: "--size-base-avatar-b2787e:calc(var(--cnvs-sys-space-x20) + var(--cnvs-sys-space-x4));font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-small);font-size:var(--cnvs-sys-font-size-title-small);" },
-            extraExtraLarge: { name: "45bsnj", styles: "--size-base-avatar-b2787e:calc(var(--cnvs-sys-space-x10) * 3);font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-medium);font-size:var(--cnvs-sys-font-size-title-medium);" }
+            extraExtraSmall: { name: "3mw5r1", styles: "--size-base-avatar-b2787e:var(--cnvs-sys-space-x6);font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-small);font-size:var(--cnvs-sys-font-size-subtext-small);letter-spacing:var(--cnvs-base-letter-spacing-50);" },
+            extraSmall: { name: "37nun0", styles: "--size-base-avatar-b2787e:var(--cnvs-sys-space-x8);font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-medium);font-size:var(--cnvs-sys-font-size-subtext-medium);letter-spacing:var(--cnvs-base-letter-spacing-100);" },
+            small: { name: "1ww04l", styles: "--size-base-avatar-b2787e:var(--cnvs-sys-space-x10);font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-small);font-size:var(--cnvs-sys-font-size-body-small);letter-spacing:var(--cnvs-base-letter-spacing-200);" },
+            medium: { name: "rfcjy", styles: "--size-base-avatar-b2787e:calc(var(--cnvs-sys-space-x10) + var(--cnvs-sys-space-x2));font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-body-medium);font-size:var(--cnvs-sys-font-size-body-medium);" },
+            large: { name: "1bybpj", styles: "--size-base-avatar-b2787e:calc(var(--cnvs-sys-space-x16) + var(--cnvs-sys-space-x2));font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-heading-medium);font-size:var(--cnvs-sys-font-size-heading-medium);" },
+            extraLarge: { name: "1i77oi", styles: "--size-base-avatar-b2787e:calc(var(--cnvs-sys-space-x20) + var(--cnvs-sys-space-x4));font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-small);font-size:var(--cnvs-sys-font-size-title-small);" },
+            extraExtraLarge: { name: "28t7rx", styles: "--size-base-avatar-b2787e:calc(var(--cnvs-sys-space-x10) * 3);font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-title-medium);font-size:var(--cnvs-sys-font-size-title-medium);" }
         }
     }
 }, "base-avatar-b2787e");

package/dist/commonjs/color-picker/lib/ColorPicker.js

@@ -99,7 +99,7 @@ exports.colorPickerStencil = (0, canvas_kit_styling_1.createStencil)({
         hexInput: 'color-picker-hex-input',
         inputWrapper: 'color-picker-input-wrapper',
     },
-    base: { name: "2924tw", styles: "box-sizing:border-box;width:13.5rem;[data-part=\"color-picker-form\"]{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-block-start:var(--cnvs-sys-space-x4);}[data-part=\"color-picker-input-wrapper\"]{display:flex;flex-direction:column;margin:var(--cnvs-sys-space-zero);}[data-part=\"color-picker-button\"]{align-self:flex-end;}[data-part=\"color-picker-hex-input\"]{width:10.5rem;}" }
+    base: { name: "2vmz4g", styles: "box-sizing:border-box;width:13.5rem;[data-part=\"color-picker-form\"]{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-block-start:var(--cnvs-sys-space-x4);}[data-part=\"color-picker-input-wrapper\"]{display:flex;flex-direction:column;margin:var(--cnvs-sys-space-zero);}[data-part=\"color-picker-button\"]{align-self:flex-end;}[data-part=\"color-picker-hex-input\"]{width:10.5rem;}" }
 }, "color-picker-c9dd1d");
 const isCustomColor = (colors, hexCode) => {
     if (!hexCode) {

package/dist/commonjs/color-picker/lib/parts/ColorReset.js

@@ -11,7 +11,7 @@ exports.resetButtonStencil = (0, canvas_kit_styling_1.createStencil)({
     parts: {
         label: 'reset-button-label',
     },
-    base: { name: "3egl3r", styles: "box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;width:calc(100% + var(--cnvs-sys-space-x8));height:var(--cnvs-sys-space-x8);margin:calc(var(--cnvs-sys-space-x2) * -1) calc(var(--cnvs-sys-space-x4) * -1) var(--cnvs-sys-space-x2);padding:0 var(--cnvs-sys-space-x4);white-space:nowrap;border:none;outline:none;background:none;cursor:pointer;transition:color 120ms ease, background-color 120ms ease;&:hover, &.hover{background-color:var(--cnvs-sys-color-bg-alt-default);}&:active, &.active{background-color:var(--cnvs-sys-color-bg-alt-strong);}&:focus-visible, &.focus{box-shadow:0 0 0 0px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1)), 0 0 0 2px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}[data-part=\"reset-button-label\"]{margin-left:var(--cnvs-sys-space-x2);}" }
+    base: { name: "1sdqs5", styles: "box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;width:calc(100% + var(--cnvs-sys-space-x8));height:var(--cnvs-sys-space-x8);margin:calc(var(--cnvs-sys-space-x2) * -1) calc(var(--cnvs-sys-space-x4) * -1) var(--cnvs-sys-space-x2);padding:0 var(--cnvs-sys-space-x4);white-space:nowrap;border:none;outline:none;background:none;cursor:pointer;transition:color 120ms ease, background-color 120ms ease;&:hover, &.hover{background-color:var(--cnvs-sys-color-bg-alt-default);}&:active, &.active{background-color:var(--cnvs-sys-color-bg-alt-strong);}&:focus-visible, &.focus{box-shadow:0 0 0 0px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1)), 0 0 0 2px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}[data-part=\"reset-button-label\"]{margin-left:var(--cnvs-sys-space-x2);}" }
 }, "reset-button-af92a8");
 const ResetButton = ({ onClick, resetColor, label }) => {
     const handleResetColor = () => onClick(resetColor);

package/dist/commonjs/color-picker/lib/parts/SwatchBook.js

@@ -13,7 +13,7 @@ const colorPickerSwatchBookStencil = (0, canvas_kit_styling_1.createStencil)({
     parts: {
         tile: 'color-picker-swatch-book-tile',
     },
-    base: { name: "32k95", styles: "--shadow-color-picker-swatch-book-a4010d:var(--cnvs-sys-color-border-inverse) 0 0 0 0.125rem, var(--cnvs-sys-color-border-input-default) 0 0 0 0.1875rem;box-sizing:border-box;display:flex;flex-wrap:wrap;margin:0 calc(var(--cnvs-sys-space-x2) * -1) calc(var(--cnvs-sys-space-x2) * -1) 0;[data-part=\"color-picker-swatch-book-tile\"]{display:flex;width:1.25rem;height:1.25rem;cursor:pointer;border-radius:var(--cnvs-sys-shape-half);transition:box-shadow 120ms ease;margin:0px var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2) 0px;&:hover{box-shadow:var(--shadow-color-picker-swatch-book-a4010d);}&:focus-visible{outline:none;box-shadow:0 0 0 2px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1)), 0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}&[aria-selected=\"true\"]{box-shadow:var(--shadow-color-picker-swatch-book-a4010d);&:focus-visible{animation:none;box-shadow:none;}&:hover{box-shadow:var(--shadow-color-picker-swatch-book-a4010d);}}}" }
+    base: { name: "ghl1f", styles: "--shadow-color-picker-swatch-book-a4010d:var(--cnvs-sys-color-border-inverse) 0 0 0 0.125rem, var(--cnvs-sys-color-border-input-default) 0 0 0 0.1875rem;box-sizing:border-box;display:flex;flex-wrap:wrap;margin:0 calc(var(--cnvs-sys-space-x2) * -1) calc(var(--cnvs-sys-space-x2) * -1) 0;[data-part=\"color-picker-swatch-book-tile\"]{display:flex;width:1.25rem;height:1.25rem;cursor:pointer;border-radius:var(--cnvs-sys-shape-half);transition:box-shadow 120ms ease;margin:0px var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x2) 0px;&:hover{box-shadow:var(--shadow-color-picker-swatch-book-a4010d);}&:focus-visible{outline:none;box-shadow:0 0 0 2px var(--cnvs-sys-color-border-inverse, rgba(255,255,255,1)), 0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}&[aria-selected=\"true\"]{box-shadow:var(--shadow-color-picker-swatch-book-a4010d);&:focus-visible{animation:none;box-shadow:none;}&:hover{box-shadow:var(--shadow-color-picker-swatch-book-a4010d);}}}" }
 }, "color-picker-swatch-book-a4010d");
 const SwatchBook = ({ colors, value, onSelect }) => {
     return ((0, jsx_runtime_1.jsx)("div", { ...colorPickerSwatchBookStencil(), children: colors.map((color, index) => {

package/dist/commonjs/divider/lib/Divider.d.ts

@@ -1,8 +1,8 @@
 import { CSProps } from '@workday/canvas-kit-styling';
 export declare const dividerStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
-    space: string;
+    space: "var(--cnvs-sys-space-x4)";
 }, never>, {}, {
-    space: string;
+    space: "var(--cnvs-sys-space-x4)";
 }, never, never>;
 export interface DividerProps extends CSProps {
     /**

package/dist/commonjs/divider/lib/Divider.js

@@ -9,7 +9,7 @@ exports.dividerStencil = (0, canvas_kit_styling_1.createStencil)({
     vars: {
         space: (0, canvas_kit_styling_1.cssVar)(canvas_tokens_web_1.system.space.x4),
     },
-    base: { name: "3bwki9", styles: "--space-divider-a2c50d:var(--cnvs-sys-space-x4);box-sizing:border-box;display:block;height:0.0625rem;border:none;border-top:1px solid var(--cnvs-sys-color-border-divider);margin:calc(var(--space-divider-a2c50d) / 2) 0;" }
+    base: { name: "31pz77", styles: "--space-divider-a2c50d:var(--cnvs-sys-space-x4);box-sizing:border-box;display:block;height:0.0625rem;border:none;border-top:1px solid var(--cnvs-sys-color-border-divider);margin:calc(var(--space-divider-a2c50d) / 2) 0;" }
 }, "divider-a2c50d");
 /**
  * # Divider

package/dist/commonjs/information-highlight/lib/InformationHighlight.js

@@ -12,19 +12,19 @@ const Link_1 = require("./parts/Link");
 const useInformationHighlightModel_1 = require("./hooks/useInformationHighlightModel");
 const icon_1 = require("@workday/canvas-kit-react/icon");
 exports.informationHighlightStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "1homyl", styles: "box-sizing:border-box;display:grid;grid-template-columns:min-content;column-gap:var(--cnvs-sys-space-x4);row-gap:var(--cnvs-sys-space-x2);padding:var(--cnvs-sys-space-x4);border-radius:var(--cnvs-sys-shape-x1);outline:0.0625rem solid transparent;border-inline-start:var(--cnvs-sys-space-x1) solid transparent;" },
+    base: { name: "47fmar", styles: "box-sizing:border-box;display:grid;grid-template-columns:min-content;column-gap:var(--cnvs-sys-space-x4);row-gap:var(--cnvs-sys-space-x2);padding:var(--cnvs-sys-space-x4);border-radius:var(--cnvs-sys-shape-x1);outline:0.0625rem solid transparent;border-inline-start:var(--cnvs-sys-space-x1) solid transparent;" },
     modifiers: {
         informational: {
-            low: { name: "3d77uv", styles: "border-inline-start-color:var(--cnvs-sys-color-border-info-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-info-default);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-info-default);--backgroundColor-system-icon-3a4847:transparent;}" },
-            high: { name: "3yb5fk", styles: "border-inline-start-color:var(--cnvs-sys-color-border-info-default);background-color:var(--cnvs-sys-color-bg-info-softest);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-inverse);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-info-default);--backgroundColor-system-icon-3a4847:var(--cnvs-sys-color-icon-info-default);}" }
+            low: { name: "lgewx", styles: "border-inline-start-color:var(--cnvs-sys-color-border-info-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-info-default);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-info-default);--backgroundColor-system-icon-3a4847:transparent;}" },
+            high: { name: "14bn58", styles: "border-inline-start-color:var(--cnvs-sys-color-border-info-default);background-color:var(--cnvs-sys-color-bg-info-softest);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-inverse);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-info-default);--backgroundColor-system-icon-3a4847:var(--cnvs-sys-color-icon-info-default);}" }
         },
         caution: {
-            low: { name: "2p4qfn", styles: "border-inline-start-color:var(--cnvs-sys-color-border-caution-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-strong);--backgroundColor-system-icon-3a4847:transparent;}" },
-            high: { name: "7u953", styles: "border-inline-start-color:var(--cnvs-sys-color-border-caution-default);background-color:var(--cnvs-sys-color-bg-caution-softest);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-inverse);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-caution-softer);--backgroundColor-system-icon-3a4847:var(--cnvs-sys-color-icon-caution-softer);}" }
+            low: { name: "4dau9q", styles: "border-inline-start-color:var(--cnvs-sys-color-border-caution-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-strong);--backgroundColor-system-icon-3a4847:transparent;}" },
+            high: { name: "394yqs", styles: "border-inline-start-color:var(--cnvs-sys-color-border-caution-default);background-color:var(--cnvs-sys-color-bg-caution-softest);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-inverse);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-caution-softer);--backgroundColor-system-icon-3a4847:var(--cnvs-sys-color-icon-caution-softer);}" }
         },
         critical: {
-            low: { name: "29wd9z", styles: "border-inline-start-color:var(--cnvs-sys-color-border-critical-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-critical-default);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-critical-default);--backgroundColor-system-icon-3a4847:transparent;}" },
-            high: { name: "3ojxm", styles: "border-inline-start-color:var(--cnvs-sys-color-border-critical-default);background-color:var(--cnvs-sys-color-bg-critical-softest);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-inverse);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-critical-default);--backgroundColor-system-icon-3a4847:var(--cnvs-sys-color-icon-critical-default);}" }
+            low: { name: "3l4uc2", styles: "border-inline-start-color:var(--cnvs-sys-color-border-critical-default);background-color:var(--cnvs-sys-color-bg-alt-soft);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-critical-default);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-critical-default);--backgroundColor-system-icon-3a4847:transparent;}" },
+            high: { name: "3my1kh", styles: "border-inline-start-color:var(--cnvs-sys-color-border-critical-default);background-color:var(--cnvs-sys-color-bg-critical-softest);& [data-part=\"information-highlight-icon\"]{--accentColor-system-icon-3a4847:var(--cnvs-sys-color-icon-inverse);--color-system-icon-3a4847:var(--cnvs-sys-color-icon-critical-default);--backgroundColor-system-icon-3a4847:var(--cnvs-sys-color-icon-critical-default);}" }
         }
     }
 }, "information-highlight-b4c864");

package/dist/commonjs/information-highlight/lib/parts/Body.js

@@ -7,7 +7,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const text_1 = require("@workday/canvas-kit-react/text");
 const informationHighlightBodyStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "2fvhbm", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);color:var(--cnvs-sys-color-text-strong);grid-column:2;margin-block-end:var(--cnvs-sys-space-x2);" }
+    base: { name: "3fpw3n", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);color:var(--cnvs-sys-color-text-strong);grid-column:2;margin-block-end:var(--cnvs-sys-space-x2);" }
 }, "information-highlight-body-0931ed");
 exports.Body = (0, common_1.createComponent)('div')({
     displayName: 'Body',

package/dist/commonjs/information-highlight/lib/parts/Heading.js

@@ -7,7 +7,7 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
 const text_1 = require("@workday/canvas-kit-react/text");
 const informationHighlightHeadingStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "1ih7hm", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-body-small);font-size:var(--cnvs-sys-font-size-body-small);letter-spacing:var(--cnvs-base-letter-spacing-200);color:var(--cnvs-sys-color-text-strong);grid-column:2;margin-top:var(--cnvs-sys-space-zero);margin-bottom:var(--cnvs-sys-space-zero);" }
+    base: { name: "kdr2t", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-body-small);font-size:var(--cnvs-sys-font-size-body-small);letter-spacing:var(--cnvs-base-letter-spacing-200);color:var(--cnvs-sys-color-text-strong);grid-column:2;margin-top:var(--cnvs-sys-space-zero);margin-bottom:var(--cnvs-sys-space-zero);" }
 }, "information-highlight-heading-1080eb");
 exports.InformationHighlightHeading = (0, common_1.createComponent)('h3')({
     displayName: 'Heading',

package/dist/commonjs/information-highlight/lib/parts/Link.js

@@ -7,7 +7,7 @@ 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 informationHighlightLinkStencil = (0, canvas_kit_styling_1.createStencil)({
-    base: { name: "4da4g8", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);grid-column:2;justify-self:start;color:var(--cnvs-sys-color-text-strong);" }
+    base: { name: "3zj8ul", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);grid-column:2;justify-self:start;color:var(--cnvs-sys-color-text-strong);" }
 }, "information-highlight-link-aef704");
 exports.Link = (0, common_1.createComponent)('a')({
     displayName: 'Link',