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

package/dist/es6/segmented-control/lib/SegmentedControlItem.js

@@ -11,55 +11,55 @@ import { useSegmentedControlModel } from './hooks/useSegmentedControlModel';
 import { useSegmentedControlItem } from './hooks/useSegmentedControlItem';
 export const segmentedControlItemStencil = createStencil({
     extends: buttonStencil,
-    base: { name: "33siqi", 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);text-align:start;padding-inline:var(--cnvs-sys-space-zero);gap:var(--cnvs-sys-space-x1);--borderRadius-button-65cb05:var(--cnvs-sys-shape-x1);--label-button-65cb05:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-muted-strong);&:hover, &.hover{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-muted-strong);}&:active, &.active{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-muted-strong);}&:focus-visible, &.focus{--label-button-65cb05:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-muted-strong);}&:disabled, &.disabled{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-soft);}&[aria-pressed='true']{--background-button-65cb05:var(--cnvs-sys-color-bg-default);--border-button-65cb05:var(--cnvs-sys-color-border-input-default);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-strong);&:hover, &.hover{--color-system-icon-3a4847:var(--cnvs-sys-color-fg-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-strong);}&:disabled, &.disabled{--border-button-65cb05:var(--cnvs-sys-color-border-input-default);--label-button-65cb05:var(--cnvs-sys-color-fg-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-strong);}}:dir(rtl){svg{transform:scaleX(-1);}}" },
+    base: { name: "2e8obs", 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);text-align:start;padding-inline:var(--cnvs-sys-space-zero);gap:var(--cnvs-sys-space-x1);--borderRadius-button-65cb05:var(--cnvs-sys-shape-x1);--label-button-65cb05:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-muted-strong);&:hover, &.hover{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-muted-strong);}&:active, &.active{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-muted-strong);}&:focus-visible, &.focus{--label-button-65cb05:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-muted-strong);}&:disabled, &.disabled{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-soft);}&[aria-pressed='true']{--background-button-65cb05:var(--cnvs-sys-color-bg-default);--border-button-65cb05:var(--cnvs-sys-color-border-input-default);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-strong);&:hover, &.hover{--color-system-icon-3a4847:var(--cnvs-sys-color-fg-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-strong);}&:disabled, &.disabled{--border-button-65cb05:var(--cnvs-sys-color-border-input-default);--label-button-65cb05:var(--cnvs-sys-color-fg-strong);--color-system-icon-3a4847:var(--cnvs-sys-color-fg-strong);}}:dir(rtl){svg{transform:scaleX(-1);}}" },
     modifiers: {
         size: {
-            large: { name: "2fi7bu", styles: "height:var(--cnvs-sys-space-x10);gap:var(--cnvs-sys-space-x2);" },
-            medium: { name: "qlf1d", styles: "height:var(--cnvs-sys-space-x8);" },
-            small: { name: "3r9h37", styles: "font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-medium);font-size:var(--cnvs-sys-font-size-subtext-medium);letter-spacing:var(--cnvs-base-letter-spacing-100);height:var(--cnvs-sys-space-x6);" }
+            large: { name: "3qhghy", styles: "height:var(--cnvs-sys-space-x10);gap:var(--cnvs-sys-space-x2);" },
+            medium: { name: "cyso7", styles: "height:var(--cnvs-sys-space-x8);" },
+            small: { name: "10j0yi", styles: "font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-medium);font-size:var(--cnvs-sys-font-size-subtext-medium);letter-spacing:var(--cnvs-base-letter-spacing-100);height:var(--cnvs-sys-space-x6);" }
         },
         variant: {
-            iconOnly: { name: "tmljz", styles: "" },
-            textOnly: { name: "3n9kxt", styles: "" },
-            iconWithText: { name: "3trbdo", styles: "" }
+            iconOnly: { name: "3ex8eu", styles: "" },
+            textOnly: { name: "2t82fb", styles: "" },
+            iconWithText: { name: "3f8yvn", styles: "" }
         }
     },
     compound: [
         {
             modifiers: { size: 'large', variant: 'iconOnly' },
-            styles: { name: "fvhno", styles: "min-width:var(--cnvs-sys-space-x10);" }
+            styles: { name: "35xvzm", styles: "min-width:var(--cnvs-sys-space-x10);" }
         },
         {
             modifiers: { size: 'large', variant: 'iconWithText' },
-            styles: { name: "3djd7k", styles: "padding-inline:1.25rem var(--cnvs-sys-space-x6);" }
+            styles: { name: "1irvwy", styles: "padding-inline:1.25rem var(--cnvs-sys-space-x6);" }
         },
         {
             modifiers: { size: 'large', variant: 'textOnly' },
-            styles: { name: "1qxq4q", styles: "padding-inline:var(--cnvs-sys-space-x6);" }
+            styles: { name: "1jturz", styles: "padding-inline:var(--cnvs-sys-space-x6);" }
         },
         {
             modifiers: { size: 'medium', variant: 'iconOnly' },
-            styles: { name: "2vlomy", styles: "min-width:var(--cnvs-sys-space-x8);" }
+            styles: { name: "2y6fac", styles: "min-width:var(--cnvs-sys-space-x8);" }
         },
         {
             modifiers: { size: 'medium', variant: 'iconWithText' },
-            styles: { name: "f52hs", styles: "padding-inline:var(--cnvs-sys-space-x4) 1.25rem;" }
+            styles: { name: "3fjyjz", styles: "padding-inline:var(--cnvs-sys-space-x4) 1.25rem;" }
         },
         {
             modifiers: { size: 'medium', variant: 'textOnly' },
-            styles: { name: "2jm262", styles: "padding-inline:1.25rem;" }
+            styles: { name: "2pyovf", styles: "padding-inline:1.25rem;" }
         },
         {
             modifiers: { size: 'small', variant: 'iconOnly' },
-            styles: { name: "1d6l30", styles: "min-width:var(--cnvs-sys-space-x6);" }
+            styles: { name: "fja6m", styles: "min-width:var(--cnvs-sys-space-x6);" }
         },
         {
             modifiers: { size: 'small', variant: 'iconWithText' },
-            styles: { name: "28yt99", styles: "padding-inline:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x3);" }
+            styles: { name: "2hc2a", styles: "padding-inline:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x3);" }
         },
         {
             modifiers: { size: 'small', variant: 'textOnly' },
-            styles: { name: "1aap7w", styles: "padding-inline:var(--cnvs-sys-space-x3);" }
+            styles: { name: "3n4fve", styles: "padding-inline:var(--cnvs-sys-space-x3);" }
         }
     ]
 }, "segmented-control-item-bc271f");

package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts

@@ -13,12 +13,12 @@ export declare const segmentedControlListStencil: import("@workday/canvas-kit-st
     };
     orientation: {
         vertical: ({ items }: {
-            items: string;
+            items: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
             gridTemplateRows: string;
         };
         horizontal: ({ items }: {
-            items: string;
+            items: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
             gridTemplateColumns: string;
         };

package/dist/es6/segmented-control/lib/SegmentedControlList.js

@@ -8,14 +8,14 @@ export const segmentedControlListStencil = createStencil({
     vars: {
         items: '',
     },
-    base: { name: "28hr90", styles: "box-sizing:border-box;display:inline-grid;background-color:var(--cnvs-sys-color-bg-alt-soft);border:0.0625rem solid var(--cnvs-sys-color-border-input-default);border-radius:var(--cnvs-sys-shape-x2);padding:0.1875rem;grid-gap:var(--cnvs-sys-space-x2);" },
+    base: { name: "qh6t0", styles: "box-sizing:border-box;display:inline-grid;background-color:var(--cnvs-sys-color-bg-alt-soft);border:0.0625rem solid var(--cnvs-sys-color-border-input-default);border-radius:var(--cnvs-sys-shape-x2);padding:0.1875rem;grid-gap:var(--cnvs-sys-space-x2);" },
     modifiers: {
         disabled: {
-            true: { name: "408wzv", styles: "opacity:var(--cnvs-sys-opacity-disabled);" }
+            true: { name: "3oqm4x", styles: "opacity:var(--cnvs-sys-opacity-disabled);" }
         },
         orientation: {
-            vertical: { name: "2mh7i8", styles: "grid-template-rows:repeat(var(--items-segmented-control-list-0a747c), 1fr);" },
-            horizontal: { name: "356mtn", styles: "grid-template-columns:repeat(var(--items-segmented-control-list-0a747c), 1fr);" }
+            vertical: { name: "f8kfu", styles: "grid-template-rows:repeat(var(--items-segmented-control-list-0a747c), 1fr);" },
+            horizontal: { name: "3wiwda", styles: "grid-template-columns:repeat(var(--items-segmented-control-list-0a747c), 1fr);" }
         }
     }
 }, "segmented-control-list-0a747c");

package/dist/es6/side-panel/lib/SidePanel.d.ts

@@ -66,24 +66,24 @@ export declare const panelStencil: import("@workday/canvas-kit-styling").Stencil
     };
     expanded: {
         true: ({ expandedWidth }: {
-            expandedWidth: string;
-            collapsedWidth: string;
+            expandedWidth: `--${string}`;
+            collapsedWidth: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            width: string;
-            maxWidth: string;
+            width: `--${string}`;
+            maxWidth: `--${string}`;
         };
         false: ({ collapsedWidth }: {
-            expandedWidth: string;
-            collapsedWidth: string;
+            expandedWidth: `--${string}`;
+            collapsedWidth: `--${string}`;
         } & import("@workday/canvas-kit-styling").StencilVarsParts<{}>) => {
-            width: string;
-            maxWidth: string;
+            width: `--${string}`;
+            maxWidth: `--${string}`;
         };
     };
     touched: {
         true: {};
         false: {
-            animation: "none";
+            animation: string;
         };
     };
 }, {}, {

package/dist/es6/side-panel/lib/SidePanel.js

@@ -10,19 +10,19 @@ export const panelStencil = createStencil({
         expandedWidth: '',
         collapsedWidth: '',
     },
-    base: { name: "1pihbb", styles: "box-sizing:border-box;overflow:hidden;position:relative;height:100%;outline:0.0625rem solid transparent;transition:width ease-out 200ms, max-width ease-out 200ms;" },
+    base: { name: "2pbyw7", styles: "box-sizing:border-box;overflow:hidden;position:relative;height:100%;outline:0.0625rem solid transparent;transition:width ease-out 200ms, max-width ease-out 200ms;" },
     modifiers: {
         variant: {
-            alternate: { name: "1qs8tl", styles: "background-color:var(--cnvs-sys-color-bg-default);box-shadow:var(--cnvs-sys-depth-5);" },
-            standard: { name: "2y3xv5", styles: "background-color:var(--cnvs-sys-color-bg-alt-softer);" }
+            alternate: { name: "zp0uv", styles: "background-color:var(--cnvs-sys-color-bg-default);box-shadow:var(--cnvs-sys-depth-5);" },
+            standard: { name: "460i5r", styles: "background-color:var(--cnvs-sys-color-bg-alt-softer);" }
         },
         expanded: {
-            true: { name: "1x38ut", styles: "width:var(--expandedWidth-panel-bd9477);max-width:var(--expandedWidth-panel-bd9477);" },
-            false: { name: "411m2z", styles: "width:var(--collapsedWidth-panel-bd9477);max-width:var(--collapsedWidth-panel-bd9477);" }
+            true: { name: "1jqapr", styles: "width:var(--expandedWidth-panel-bd9477);max-width:var(--expandedWidth-panel-bd9477);" },
+            false: { name: "3cfeiy", styles: "width:var(--collapsedWidth-panel-bd9477);max-width:var(--collapsedWidth-panel-bd9477);" }
         },
         touched: {
-            true: { name: "2p0vpo", styles: "" },
-            false: { name: "3s2r6b", styles: "animation:none;" }
+            true: { name: "cyc0y", styles: "" },
+            false: { name: "25hi2y", styles: "animation:none;" }
         }
     }
 }, "panel-bd9477");

package/dist/es6/side-panel/lib/SidePanelToggleButton.d.ts

@@ -14,32 +14,32 @@ export declare const sidePanelToggleButtonStencil: import("@workday/canvas-kit-s
     state: {
         collapsing: {
             margin: number;
-            transform: "scaleX(1)";
+            transform: string;
             ':dir(rtl)': {
-                transform: "scaleX(-1)";
+                transform: string;
             };
         };
         collapsed: {
             margin: string;
             insetInlineStart: number;
             insetInlineEnd: number;
-            transform: "scaleX(1)";
+            transform: string;
             ':dir(rtl)': {
-                transform: "scaleX(-1)";
+                transform: string;
             };
         };
         expanded: {
             margin: number;
-            transform: "scaleX(-1)";
+            transform: string;
             ':dir(rtl)': {
-                transform: "scaleX(1)";
+                transform: string;
             };
         };
         expanding: {
             margin: number;
-            transform: "scaleX(-1)";
+            transform: string;
             ':dir(rtl)': {
-                transform: "scaleX(1)";
+                transform: string;
             };
         };
     };

package/dist/es6/side-panel/lib/SidePanelToggleButton.js

@@ -8,35 +8,35 @@ import { SidePanelContext } from './hooks';
 import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
 export const sidePanelToggleButtonStencil = createStencil({
-    base: { name: "18peyd", styles: "box-sizing:border-box;position:absolute;top:var(--cnvs-sys-space-x6);width:var(--cnvs-sys-space-x8);inset-inline-end:var(--cnvs-sys-space-x4);" },
+    base: { name: "3np6s3", styles: "box-sizing:border-box;position:absolute;top:var(--cnvs-sys-space-x6);width:var(--cnvs-sys-space-x8);inset-inline-end:var(--cnvs-sys-space-x4);" },
     modifiers: {
         state: {
-            collapsing: { name: "3fabnb", styles: "margin:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
-            collapsed: { name: "23l2es", styles: "margin:auto;inset-inline-start:0;inset-inline-end:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
-            expanded: { name: "18oq7g", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" },
-            expanding: { name: "1gnz2t", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" }
+            collapsing: { name: "jxipv", styles: "margin:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
+            collapsed: { name: "3x1x14", styles: "margin:auto;inset-inline-start:0;inset-inline-end:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
+            expanded: { name: "3sw6w3", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" },
+            expanding: { name: "cf98o", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" }
         },
         origin: {
-            left: { name: "q74ie", styles: "" },
-            right: { name: "yjwqa", styles: "" }
+            left: { name: "2ehzi3", styles: "" },
+            right: { name: "15akcv", styles: "" }
         }
     },
     compound: [
         {
             modifiers: { state: 'collapsed', origin: 'right' },
-            styles: { name: "ow0p5", styles: "transform:scaleX(-1);" }
+            styles: { name: "1d1zf3", styles: "transform:scaleX(-1);" }
         },
         {
             modifiers: { state: 'collapsing', origin: 'right' },
-            styles: { name: "2qcxi3", styles: "transform:scaleX(-1);inset-inline-start:var(--cnvs-sys-space-x4);" }
+            styles: { name: "25cqb0", styles: "transform:scaleX(-1);inset-inline-start:var(--cnvs-sys-space-x4);" }
         },
         {
             modifiers: { state: 'expanded', origin: 'right' },
-            styles: { name: "1tdx4u", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
+            styles: { name: "3u4ic9", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
         },
         {
             modifiers: { state: 'expanding', origin: 'right' },
-            styles: { name: "3j32ov", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
+            styles: { name: "q605q", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
         }
     ]
 }, "side-panel-toggle-button-da8098");

package/dist/es6/status-indicator/lib/StatusIndicator.js

@@ -15,7 +15,7 @@ const deprecatedVariantsMap = {
     gray: 'neutral',
 };
 const statusIndicatorStencil = createStencil({
-    base: { name: "9m372", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x1);max-width:12.5rem;align-items:center;border-radius:var(--cnvs-sys-shape-round);height:1.25rem;padding:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x2);outline:0.0625rem solid transparent;--color-system-icon-3a4847:currentColor;" },
+    base: { name: "s2ic9", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-space-x1);max-width:12.5rem;align-items:center;border-radius:var(--cnvs-sys-shape-round);height:1.25rem;padding:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x2);outline:0.0625rem solid transparent;--color-system-icon-3a4847:currentColor;" },
     modifiers: {
         /**
          * Defines the color of the `StatusIndicator`.
@@ -30,13 +30,13 @@ const statusIndicatorStencil = createStencil({
          * @default 'neutral'
          */
         variant: {
-            info: { name: "87kaj", styles: "color:var(--cnvs-sys-color-fg-info-strong);background-color:var(--cnvs-sys-color-bg-info-softer);" },
-            positive: { name: "qzqlt", styles: "color:var(--cnvs-sys-color-fg-positive-strong);background-color:var(--cnvs-sys-color-fg-positive-softer);" },
-            caution: { name: "341xxr", styles: "color:var(--cnvs-sys-color-fg-caution-soft);background-color:var(--cnvs-sys-color-bg-caution-softer);" },
-            critical: { name: "18ypqk", styles: "color:var(--cnvs-sys-color-fg-critical-strong);background-color:var(--cnvs-sys-color-bg-critical-softer);" },
-            neutral: { name: "23j6ji", styles: "color:var(--cnvs-sys-color-fg-muted-strong);background-color:var(--cnvs-sys-color-bg-alt-default);" },
-            ai: { name: "1dnq9e", styles: "color:var(--cnvs-sys-color-fg-ai);background-color:var(--cnvs-sys-color-bg-ai-default);" },
-            transparent: { name: "41jjyq", styles: "color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-bg-translucent);" }
+            info: { name: "hh9wd", styles: "color:var(--cnvs-sys-color-fg-info-strong);background-color:var(--cnvs-sys-color-bg-info-softer);" },
+            positive: { name: "3hx2hu", styles: "color:var(--cnvs-sys-color-fg-positive-strong);background-color:var(--cnvs-sys-color-fg-positive-softer);" },
+            caution: { name: "1snxpb", styles: "color:var(--cnvs-sys-color-fg-caution-soft);background-color:var(--cnvs-sys-color-bg-caution-softer);" },
+            critical: { name: "ipvwi", styles: "color:var(--cnvs-sys-color-fg-critical-strong);background-color:var(--cnvs-sys-color-bg-critical-softer);" },
+            neutral: { name: "1wi64x", styles: "color:var(--cnvs-sys-color-fg-muted-strong);background-color:var(--cnvs-sys-color-bg-alt-default);" },
+            ai: { name: "jojaq", styles: "color:var(--cnvs-sys-color-fg-ai);background-color:var(--cnvs-sys-color-bg-ai-default);" },
+            transparent: { name: "45qthw", styles: "color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-bg-translucent);" }
         },
         /**
          * Defines the emphasis of the `StatusIndicator`. `low` should be used in almost all cases.
@@ -49,8 +49,8 @@ const statusIndicatorStencil = createStencil({
          *
          */
         emphasis: {
-            low: { name: "4d9plo", styles: "" },
-            high: { name: "18ux1d", styles: "" }
+            low: { name: "10t2yz", styles: "" },
+            high: { name: "3ijrnb", styles: "" }
         }
     },
     compound: [
@@ -59,35 +59,35 @@ const statusIndicatorStencil = createStencil({
                 variant: 'info',
                 emphasis: 'high',
             },
-            styles: { name: "1b41t0", styles: "background-color:var(--cnvs-sys-color-bg-info-default);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "1fbvui", styles: "background-color:var(--cnvs-sys-color-bg-info-default);color:var(--cnvs-sys-color-fg-inverse);" }
         },
         {
             modifiers: {
                 variant: 'positive',
                 emphasis: 'high',
             },
-            styles: { name: "21a5rd", styles: "background-color:var(--cnvs-sys-color-bg-positive-default);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "2tnmyl", styles: "background-color:var(--cnvs-sys-color-bg-positive-default);color:var(--cnvs-sys-color-fg-inverse);" }
         },
         {
             modifiers: {
                 variant: 'caution',
                 emphasis: 'high',
             },
-            styles: { name: "q3ywn", styles: "background-color:var(--cnvs-sys-color-bg-caution-default);color:var(--cnvs-sys-color-fg-caution-strong);" }
+            styles: { name: "3ixqzv", styles: "background-color:var(--cnvs-sys-color-bg-caution-default);color:var(--cnvs-sys-color-fg-caution-strong);" }
         },
         {
             modifiers: {
                 variant: 'critical',
                 emphasis: 'high',
             },
-            styles: { name: "2y6ih", styles: "background-color:var(--cnvs-sys-color-bg-critical-default);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "2gthr3", styles: "background-color:var(--cnvs-sys-color-bg-critical-default);color:var(--cnvs-sys-color-fg-inverse);" }
         },
         {
             modifiers: {
                 variant: 'neutral',
                 emphasis: 'high',
             },
-            styles: { name: "33pttn", styles: "background-color:var(--cnvs-sys-color-bg-muted-default);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "1b0fde", styles: "background-color:var(--cnvs-sys-color-bg-muted-default);color:var(--cnvs-sys-color-fg-inverse);" }
         }
     ],
     defaultModifiers: {

package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js

@@ -6,7 +6,7 @@ import { mergeStyles } from '@workday/canvas-kit-react/layout';
 import { system } from '@workday/canvas-tokens-web';
 const statusIndicatorLabelStencil = createStencil({
     extends: textStencil,
-    base: { name: "2lc5hj", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;color:inherit;" },
+    base: { name: "1qezum", styles: "box-sizing:border-box;font-weight:var(--cnvs-sys-font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;color:inherit;" },
     defaultModifiers: { typeLevel: 'subtext.large' }
 }, "status-indicator-label-63258e");
 export const StatusIndicatorLabel = createComponent('span')({

package/dist/es6/version/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/version';
+//# sourceMappingURL=index.d.ts.map

package/dist/es6/version/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../version/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/es6/version/index.js

@@ -0,0 +1 @@
+export * from './lib/version';

package/dist/es6/version/lib/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../../../version/lib/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,EAAE,MAAoB,CAAC"}

package/dist/es6/version/lib/version.js

@@ -0,0 +1 @@
+export const version = '13.2.31';

package/index.ts

@@ -10,4 +10,4 @@ export * from './segmented-control';
 export * from './select';
 export * from './side-panel';
 export * from './status-indicator';
-export {version} from './version';
+export * from './version';

package/multi-select/lib/MultiSelectInput.tsx

@@ -42,7 +42,6 @@ export const multiSelectInputStencil = createStencil({
       boxShadow: `inset 0 0 0 1px ${system.color.border.primary.default}`,
     },
 
-    // @ts-ignore
     '& [data-part="user-input"]': {
       ...system.type.subtext.large,
       backgroundColor: system.color.bg.transparent.default,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-preview-react",
-  "version": "14.0.0-alpha.1239-next.0",
+  "version": "14.0.0-alpha.1251-next.0",
   "description": "Canvas Kit Preview is made up of components that have the full design and a11y review, are part of the DS ecosystem and are approved for use in product. The API's could be subject to change, but not without strong communication and migration strategies.",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -48,8 +48,8 @@
   "dependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
-    "@workday/canvas-kit-react": "^14.0.0-alpha.1239-next.0",
-    "@workday/canvas-kit-styling": "^14.0.0-alpha.1239-next.0",
+    "@workday/canvas-kit-react": "^14.0.0-alpha.1251-next.0",
+    "@workday/canvas-kit-styling": "^14.0.0-alpha.1251-next.0",
     "@workday/canvas-system-icons-web": "^3.0.35",
     "@workday/canvas-tokens-web": "3.0.0-alpha.12",
     "@workday/design-assets-types": "^0.2.10"
@@ -60,5 +60,5 @@
     "react-hook-form": "7.36.1",
     "yup": "^0.32.11"
   },
-  "gitHead": "fdb8b845a09a86de1fb0a383fb3c5def6016e064"
+  "gitHead": "74f6a6aa07c8b1689b37208aed829b22b162acf0"
 }

package/version/index.ts

@@ -0,0 +1 @@
+export * from './lib/version';

package/version/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../dist/commonjs/version",
+  "module": "../dist/es6/version",
+  "sideEffects": false,
+  "types": "../dist/es6/version"
+}

package/dist/commonjs/version.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,EAAE,MAAoB,CAAC"}

package/dist/es6/version.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,EAAE,MAAoB,CAAC"}

package/dist/es6/version.js

@@ -1 +0,0 @@
-export const version = '13.2.25';