@workday/canvas-kit-preview-react 14.0.0-alpha.1227-next.0 → 14.0.0-alpha.1230-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: "4375x3", 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: "3679ke", 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: "41k8xw", styles: "height:var(--cnvs-sys-space-x10);gap:var(--cnvs-sys-space-x2);" },
-            medium: { name: "3ed00h", styles: "height:var(--cnvs-sys-space-x8);" },
-            small: { name: "yqrt8", 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: "180y6p", styles: "height:var(--cnvs-sys-space-x10);gap:var(--cnvs-sys-space-x2);" },
+            medium: { name: "1jlqn9", styles: "height:var(--cnvs-sys-space-x8);" },
+            small: { name: "2vlzex", 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: "40753z", styles: "" },
-            textOnly: { name: "33uj1g", styles: "" },
-            iconWithText: { name: "3urwal", styles: "" }
+            iconOnly: { name: "wns38", styles: "" },
+            textOnly: { name: "4arglb", styles: "" },
+            iconWithText: { name: "2bhroa", styles: "" }
         }
     },
     compound: [
         {
             modifiers: { size: 'large', variant: 'iconOnly' },
-            styles: { name: "3csme6", styles: "min-width:var(--cnvs-sys-space-x10);" }
+            styles: { name: "1i51ri", styles: "min-width:var(--cnvs-sys-space-x10);" }
         },
         {
             modifiers: { size: 'large', variant: 'iconWithText' },
-            styles: { name: "1tgqsn", styles: "padding-inline:1.25rem var(--cnvs-sys-space-x6);" }
+            styles: { name: "1cey44", styles: "padding-inline:1.25rem var(--cnvs-sys-space-x6);" }
         },
         {
             modifiers: { size: 'large', variant: 'textOnly' },
-            styles: { name: "h0wrn", styles: "padding-inline:var(--cnvs-sys-space-x6);" }
+            styles: { name: "16bgxe", styles: "padding-inline:var(--cnvs-sys-space-x6);" }
         },
         {
             modifiers: { size: 'medium', variant: 'iconOnly' },
-            styles: { name: "1y0dtm", styles: "min-width:var(--cnvs-sys-space-x8);" }
+            styles: { name: "3r1yyk", styles: "min-width:var(--cnvs-sys-space-x8);" }
         },
         {
             modifiers: { size: 'medium', variant: 'iconWithText' },
-            styles: { name: "1dz48n", styles: "padding-inline:var(--cnvs-sys-space-x4) 1.25rem;" }
+            styles: { name: "4ewdci", styles: "padding-inline:var(--cnvs-sys-space-x4) 1.25rem;" }
         },
         {
             modifiers: { size: 'medium', variant: 'textOnly' },
-            styles: { name: "101lxn", styles: "padding-inline:1.25rem;" }
+            styles: { name: "6xu5u", styles: "padding-inline:1.25rem;" }
         },
         {
             modifiers: { size: 'small', variant: 'iconOnly' },
-            styles: { name: "2i5cdf", styles: "min-width:var(--cnvs-sys-space-x6);" }
+            styles: { name: "2onoi6", styles: "min-width:var(--cnvs-sys-space-x6);" }
         },
         {
             modifiers: { size: 'small', variant: 'iconWithText' },
-            styles: { name: "2rlesc", styles: "padding-inline:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x3);" }
+            styles: { name: "r0qh6", styles: "padding-inline:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x3);" }
         },
         {
             modifiers: { size: 'small', variant: 'textOnly' },
-            styles: { name: "ksrh6", styles: "padding-inline:var(--cnvs-sys-space-x3);" }
+            styles: { name: "2n3r2j", styles: "padding-inline:var(--cnvs-sys-space-x3);" }
         }
     ]
 }, "segmented-control-item-bc271f");

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

@@ -8,14 +8,14 @@ export const segmentedControlListStencil = createStencil({
     vars: {
         items: '',
     },
-    base: { name: "qw2s8", 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: "2k83lh", 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: "3emeje", styles: "opacity:var(--cnvs-sys-opacity-disabled);" }
+            true: { name: "3a4jg9", styles: "opacity:var(--cnvs-sys-opacity-disabled);" }
         },
         orientation: {
-            vertical: { name: "ure9m", styles: "grid-template-rows:repeat(var(--items-segmented-control-list-0a747c), 1fr);" },
-            horizontal: { name: "1jjz7u", styles: "grid-template-columns:repeat(var(--items-segmented-control-list-0a747c), 1fr);" }
+            vertical: { name: "2kdz8e", styles: "grid-template-rows:repeat(var(--items-segmented-control-list-0a747c), 1fr);" },
+            horizontal: { name: "w1wlk", styles: "grid-template-columns:repeat(var(--items-segmented-control-list-0a747c), 1fr);" }
         }
     }
 }, "segmented-control-list-0a747c");

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

@@ -10,19 +10,19 @@ export const panelStencil = createStencil({
         expandedWidth: '',
         collapsedWidth: '',
     },
-    base: { name: "k7up1", 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: "1c8dwt", 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: "3gsb09", styles: "background-color:var(--cnvs-sys-color-bg-default);box-shadow:var(--cnvs-sys-depth-5);" },
-            standard: { name: "30uzzm", styles: "background-color:var(--cnvs-sys-color-bg-alt-softer);" }
+            alternate: { name: "1w7bbb", styles: "background-color:var(--cnvs-sys-color-bg-default);box-shadow:var(--cnvs-sys-depth-5);" },
+            standard: { name: "2mxhta", styles: "background-color:var(--cnvs-sys-color-bg-alt-softer);" }
         },
         expanded: {
-            true: { name: "1ufhyj", styles: "width:var(--expandedWidth-panel-bd9477);max-width:var(--expandedWidth-panel-bd9477);" },
-            false: { name: "2ux4ie", styles: "width:var(--collapsedWidth-panel-bd9477);max-width:var(--collapsedWidth-panel-bd9477);" }
+            true: { name: "1qelug", styles: "width:var(--expandedWidth-panel-bd9477);max-width:var(--expandedWidth-panel-bd9477);" },
+            false: { name: "5cf5l", styles: "width:var(--collapsedWidth-panel-bd9477);max-width:var(--collapsedWidth-panel-bd9477);" }
         },
         touched: {
-            true: { name: "1pkgks", styles: "" },
-            false: { name: "9wqaa", styles: "animation:none;" }
+            true: { name: "35vtxo", styles: "" },
+            false: { name: "1ny4j1", styles: "animation:none;" }
         }
     }
 }, "panel-bd9477");

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: "3mq13f", 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: "3dzorg", 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: "19tddz", styles: "margin:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
-            collapsed: { name: "3k4y2h", styles: "margin:auto;inset-inline-start:0;inset-inline-end:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
-            expanded: { name: "10n3zd", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" },
-            expanding: { name: "1sw3ws", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" }
+            collapsing: { name: "2pr9cr", styles: "margin:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
+            collapsed: { name: "16lvbe", styles: "margin:auto;inset-inline-start:0;inset-inline-end:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
+            expanded: { name: "zof2j", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" },
+            expanding: { name: "2c1h9e", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" }
         },
         origin: {
-            left: { name: "2hggfx", styles: "" },
-            right: { name: "21yx7y", styles: "" }
+            left: { name: "4eauxi", styles: "" },
+            right: { name: "3g9ptg", styles: "" }
         }
     },
     compound: [
         {
             modifiers: { state: 'collapsed', origin: 'right' },
-            styles: { name: "2kkmmn", styles: "transform:scaleX(-1);" }
+            styles: { name: "1929f1", styles: "transform:scaleX(-1);" }
         },
         {
             modifiers: { state: 'collapsing', origin: 'right' },
-            styles: { name: "alxj1", styles: "transform:scaleX(-1);inset-inline-start:var(--cnvs-sys-space-x4);" }
+            styles: { name: "tm0zx", styles: "transform:scaleX(-1);inset-inline-start:var(--cnvs-sys-space-x4);" }
         },
         {
             modifiers: { state: 'expanded', origin: 'right' },
-            styles: { name: "doxub", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
+            styles: { name: "3xlary", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
         },
         {
             modifiers: { state: 'expanding', origin: 'right' },
-            styles: { name: "q3od2", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
+            styles: { name: "2ksv40", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
         }
     ]
 }, "side-panel-toggle-button-da8098");

package/dist/es6/status-indicator/index.d.ts

@@ -1,2 +1,2 @@
-export { StatusIndicator, type StatusIndicatorProps, type StatusIndicatorVariant, } from './lib/StatusIndicator';
+export * from './lib/StatusIndicator';
 //# sourceMappingURL=index.d.ts.map

package/dist/es6/status-indicator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../status-indicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,sBAAsB,GAC5B,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../status-indicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/es6/status-indicator/index.js

@@ -1 +1 @@
-export { StatusIndicator, } from './lib/StatusIndicator';
+export * from './lib/StatusIndicator';

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

@@ -15,7 +15,7 @@ const deprecatedVariantsMap = {
     gray: 'neutral',
 };
 const statusIndicatorStencil = createStencil({
-    base: { name: "41qizz", 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: "3730bh", 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: "370y0r", styles: "color:var(--cnvs-sys-color-fg-info-strong);background-color:var(--cnvs-sys-color-bg-info-softer);" },
-            positive: { name: "1ybiey", styles: "color:var(--cnvs-sys-color-fg-positive-strong);background-color:var(--cnvs-sys-color-fg-positive-softer);" },
-            caution: { name: "3zzvjf", styles: "color:var(--cnvs-sys-color-fg-caution-soft);background-color:var(--cnvs-sys-color-bg-caution-softer);" },
-            critical: { name: "3lhqjq", styles: "color:var(--cnvs-sys-color-fg-critical-strong);background-color:var(--cnvs-sys-color-bg-critical-softer);" },
-            neutral: { name: "49x4ad", styles: "color:var(--cnvs-sys-color-fg-muted-strong);background-color:var(--cnvs-sys-color-bg-alt-default);" },
-            ai: { name: "cfw8x", styles: "color:var(--cnvs-sys-color-fg-ai);background-color:var(--cnvs-sys-color-bg-ai-default);" },
-            transparent: { name: "49hxdc", styles: "color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-bg-translucent);" }
+            info: { name: "153dpf", styles: "color:var(--cnvs-sys-color-fg-info-strong);background-color:var(--cnvs-sys-color-bg-info-softer);" },
+            positive: { name: "1fd89f", styles: "color:var(--cnvs-sys-color-fg-positive-strong);background-color:var(--cnvs-sys-color-fg-positive-softer);" },
+            caution: { name: "3vr36r", styles: "color:var(--cnvs-sys-color-fg-caution-soft);background-color:var(--cnvs-sys-color-bg-caution-softer);" },
+            critical: { name: "36oht4", styles: "color:var(--cnvs-sys-color-fg-critical-strong);background-color:var(--cnvs-sys-color-bg-critical-softer);" },
+            neutral: { name: "3bs07z", styles: "color:var(--cnvs-sys-color-fg-muted-strong);background-color:var(--cnvs-sys-color-bg-alt-default);" },
+            ai: { name: "3qkt1t", styles: "color:var(--cnvs-sys-color-fg-ai);background-color:var(--cnvs-sys-color-bg-ai-default);" },
+            transparent: { name: "49stu6", 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: "3mhnu5", styles: "" },
-            high: { name: "41vybn", styles: "" }
+            low: { name: "1812pz", styles: "" },
+            high: { name: "3xqsz5", styles: "" }
         }
     },
     compound: [
@@ -59,35 +59,35 @@ const statusIndicatorStencil = createStencil({
                 variant: 'info',
                 emphasis: 'high',
             },
-            styles: { name: "3ca452", styles: "background-color:var(--cnvs-sys-color-bg-info-default);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "hdp3c", styles: "background-color:var(--cnvs-sys-color-bg-info-default);color:var(--cnvs-sys-color-fg-inverse);" }
         },
         {
             modifiers: {
                 variant: 'positive',
                 emphasis: 'high',
             },
-            styles: { name: "17wufa", styles: "background-color:var(--cnvs-sys-color-bg-positive-default);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "39m3l1", styles: "background-color:var(--cnvs-sys-color-bg-positive-default);color:var(--cnvs-sys-color-fg-inverse);" }
         },
         {
             modifiers: {
                 variant: 'caution',
                 emphasis: 'high',
             },
-            styles: { name: "2ik3ok", styles: "background-color:var(--cnvs-sys-color-bg-caution-default);color:var(--cnvs-sys-color-fg-caution-strong);" }
+            styles: { name: "1ftcta", 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: "2ilvv5", styles: "background-color:var(--cnvs-sys-color-bg-critical-default);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "2rbgb", styles: "background-color:var(--cnvs-sys-color-bg-critical-default);color:var(--cnvs-sys-color-fg-inverse);" }
         },
         {
             modifiers: {
                 variant: 'neutral',
                 emphasis: 'high',
             },
-            styles: { name: "1frh2k", styles: "background-color:var(--cnvs-sys-color-bg-muted-default);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "1rudfa", 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: "3n9k2n", 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: "npx9v", 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/text-area/lib/TextArea.d.ts

@@ -45,7 +45,7 @@ export declare const TextArea: import("@workday/canvas-kit-react/common").Elemen
         };
         events: {};
     }>;
-    Label: import("@workday/canvas-kit-react/common").ElementComponentM<"label", import("@workday/canvas-kit-react/form-field/lib/FormFieldLabel").FormFieldLabelProps, {
+    Label: import("@workday/canvas-kit-react/common").ElementComponentM<"label", import("@workday/canvas-kit-react/form-field").FormFieldLabelProps, {
         state: {
             id: string;
             error: "error" | "alert" | undefined;

package/dist/es6/text-area/lib/TextAreaField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaField.tsx"],"names":[],"mappings":"AA0CA;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;EAiCxB,CAAC"}
+{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../text-area/lib/TextAreaField.tsx"],"names":[],"mappings":"AAOA;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;EAexB,CAAC"}

package/dist/es6/text-area/lib/TextAreaField.js

@@ -1,32 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { borderRadius, colors, inputColors, space, type, } from '@workday/canvas-kit-react/tokens';
-import { createSubcomponent, useTheme, useThemedRing, } from '@workday/canvas-kit-react/common';
+import { createSubcomponent } from '@workday/canvas-kit-react/common';
 import { FormField } from '@workday/canvas-kit-react/form-field';
 import { useTextInputModel } from '@workday/canvas-kit-preview-react/text-input';
-const baseStyles = {
-    transition: '0.2s box-shadow, 0.2s border-color',
-    resize: 'both',
-    '&::webkit-resizer': {
-        display: 'none',
-    },
-    '&::placeholder': {
-        color: inputColors.placeholder,
-    },
-    '&:hover': {
-        borderColor: inputColors.hoverBorder,
-    },
-    '&:focus:not([disabled])': {
-        outline: 'none',
-    },
-    '&:disabled': {
-        backgroundColor: inputColors.disabled.background,
-        borderColor: colors.licorice100,
-        color: inputColors.disabled.text,
-        '&::placeholder': {
-            color: inputColors.disabled.text,
-        },
-    },
-};
+import { TextArea } from '@workday/canvas-kit-react/text-area';
+import { system } from '@workday/canvas-tokens-web';
+import { cssVar } from '@workday/canvas-kit-styling';
 /**
  * @deprecated ⚠️ `TextAreaField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField`](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) in Preview instead.
  */
@@ -34,15 +12,5 @@ export const TextAreaField = createSubcomponent('textarea')({
     displayName: 'TextArea.Field',
     modelHook: useTextInputModel,
 })(({ ...elemProps }, Element, model) => {
-    const theme = useTheme();
-    const errorRing = useThemedRing('error');
-    const focusStyles = model.state.error === 'error'
-        ? errorRing
-        : {
-            '&:focus:not([disabled])': {
-                borderColor: theme.canvas.palette.common.focusOutline,
-                boxShadow: `inset 0 0 0 1px ${theme.canvas.palette.common.focusOutline}`,
-            },
-        };
-    return (_jsx(FormField.Input, { as: Element, ...type.levels.subtext.large, cs: [baseStyles, focusStyles], ...elemProps, border: `1px solid ${inputColors.border}`, display: "block", backgroundColor: inputColors.background, borderRadius: borderRadius.m, minHeight: 64, minWidth: 280, padding: space.xxs, margin: 0 }));
+    return (_jsx(FormField.Input, { as: TextArea, display: "block", minHeight: 64, minWidth: 280, padding: cssVar(system.space.x2), margin: 0, ...elemProps }));
 });

package/dist/es6/text-input/lib/TextInput.d.ts

@@ -53,7 +53,7 @@ export declare const TextInput: import("@workday/canvas-kit-react/common").Eleme
         };
         events: {};
     }>;
-    Label: import("@workday/canvas-kit-react/common").ElementComponentM<"label", import("@workday/canvas-kit-react/form-field/lib/FormFieldLabel").FormFieldLabelProps, {
+    Label: import("@workday/canvas-kit-react/common").ElementComponentM<"label", import("@workday/canvas-kit-react/form-field").FormFieldLabelProps, {
         state: {
             id: string;
             error: "error" | "alert" | undefined;

package/dist/es6/text-input/lib/TextInputField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputField.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputField.tsx"],"names":[],"mappings":"AA0DA;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;EAwBzB,CAAC"}
+{"version":3,"file":"TextInputField.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/TextInputField.tsx"],"names":[],"mappings":"AAwBA;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;EAWzB,CAAC"}

package/dist/es6/text-input/lib/TextInputField.js

@@ -1,19 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createSubcomponent, useTheme, useThemedRing, } from '@workday/canvas-kit-react/common';
+import { createSubcomponent } from '@workday/canvas-kit-react/common';
 import { FormField } from '@workday/canvas-kit-react/form-field';
-import { brand, system } from '@workday/canvas-tokens-web';
-import { createStencil, cssVar, px2rem } from '@workday/canvas-kit-styling';
+import { brand } from '@workday/canvas-tokens-web';
+import { createStencil } from '@workday/canvas-kit-styling';
 import { mergeStyles } from '@workday/canvas-kit-react/layout';
 import { useTextInputField, useTextInputModel } from './hooks';
+import { TextInput, textInputStencil } from '@workday/canvas-kit-react/text-input';
 const textInputFieldStencil = createStencil({
-    base: { name: "1tkcx1", 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);transition:0.2s box-shadow, 0.2s border-color;border:0.0625rem solid var(--cnvs-sys-color-border-input-default);padding:var(--cnvs-sys-space-x2);margin:0;display:block;height:var(--cnvs-sys-space-x10);min-width:17.5rem;border-radius:var(--cnvs-sys-shape-x1);background-color:var(--cnvs-sys-color-bg-default);&::placeholder{color:var(--cnvs-sys-color-text-default);}&:hover{border-color:var(--cnvs-sys-color-border-input-strong);}&:focus:not([disabled]){outline:none;}&:disabled{background-color:var(--cnvs-sys-color-bg-alt-softer);border-color:var(--cnvs-sys-color-border-input-disabled);color:var(--cnvs-sys-color-fg-disabled);&::placeholder{color:var(--cnvs-sys-color-fg-disabled);}}::-ms-clear{display:none;}" },
+    extends: textInputStencil,
+    base: { name: "1h6l82", styles: "box-sizing:border-box;" },
     modifiers: {
         error: {
-            error: { name: "4f2l3j", styles: "background-color:var(--cnvs-brand-error-lightest);" },
-            alert: { name: "3tmeo2", styles: "background-color:var(--cnvs-brand-alert-lightest);" }
+            error: { name: "1y589u", styles: "background-color:var(--cnvs-brand-error-lightest);" },
+            alert: { name: "vll5z", styles: "background-color:var(--cnvs-brand-alert-lightest);" }
         }
     }
-}, "text-input-field-d4e5d8");
+}, "text-input-field-ef9db8");
 /**
  * @deprecated ⚠️ `TextInputField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) instead.
  */
@@ -22,16 +24,5 @@ export const TextInputField = createSubcomponent('input')({
     modelHook: useTextInputModel,
     elemPropsHook: useTextInputField,
 })((elemProps, Element, model) => {
-    const theme = useTheme();
-    const errorRing = useThemedRing('error');
-    const focusStyles = model.state.error === 'error'
-        ? errorRing
-        : {
-            '&:focus:not([disabled])': {
-                borderColor: theme.canvas.palette.common.focusOutline,
-                boxShadow: `inset 0 0 0 1px ${theme.canvas.palette.common.focusOutline}`,
-            },
-        };
-    console.log(model.state.error);
-    return (_jsx(FormField.Input, { as: "input", ...mergeStyles(elemProps, [textInputFieldStencil({ error: model.state.error }), focusStyles]) }));
+    return (_jsx(FormField.Input, { as: TextInput, ...mergeStyles(elemProps, [textInputFieldStencil({ error: model.state.error })]) }));
 });

package/dist/es6/version.js

@@ -1 +1 @@
-export const version = '13.2.23';
+export const version = '13.2.24';

package/multi-select/index.ts

@@ -1,4 +1,4 @@
-export {useMultiSelectInput} from './lib/MultiSelectInput';
-export {useMultiSelectModel} from './lib/useMultiSelectModel';
+export * from './lib/MultiSelectInput';
+export * from './lib/useMultiSelectModel';
 
-export {MultiSelect} from './lib/MultiSelect';
+export * from './lib/MultiSelect';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-preview-react",
-  "version": "14.0.0-alpha.1227-next.0",
+  "version": "14.0.0-alpha.1230-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.1227-next.0",
-    "@workday/canvas-kit-styling": "^14.0.0-alpha.1227-next.0",
+    "@workday/canvas-kit-react": "^14.0.0-alpha.1230-next.0",
+    "@workday/canvas-kit-styling": "^14.0.0-alpha.1230-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": "9d444fbcf8bd4529d421da61a649c99fa365f6f1"
+  "gitHead": "8080313203652737f30e578bb2ef8d4225948d6b"
 }

package/pill/index.ts

@@ -1,7 +1,7 @@
 export * from './lib/Pill';
 export * from './lib/usePillModel';
-export {pillCountStencil} from './lib/PillCount';
-export {pillIconButtonStencil} from './lib/PillIconButton';
-export {pillIconStencil} from './lib/PillIcon';
-export {pillLabelStencil} from './lib/PillLabel';
-export {pillStencil} from './lib/Pill';
+export * from './lib/PillCount';
+export * from './lib/PillIconButton';
+export * from './lib/PillIcon';
+export * from './lib/PillLabel';
+export * from './lib/Pill';

package/segmented-control/index.ts

@@ -1,3 +1,4 @@
 export * from './lib/SegmentedControl';
 export * from './lib/hooks/useSegmentedControlModel';
 export * from './lib/hooks/useSegmentedControlItem';
+export * from './lib/SegmentedControlList';

package/status-indicator/index.ts

@@ -1,5 +1 @@
-export {
-  StatusIndicator,
-  type StatusIndicatorProps,
-  type StatusIndicatorVariant,
-} from './lib/StatusIndicator';
+export * from './lib/StatusIndicator';

package/text-area/lib/TextAreaField.tsx

@@ -1,44 +1,9 @@
-import {
-  borderRadius,
-  colors,
-  CSSProperties,
-  inputColors,
-  space,
-  type,
-} from '@workday/canvas-kit-react/tokens';
-import {
-  createSubcomponent,
-  ExtractProps,
-  useTheme,
-  useThemedRing,
-} from '@workday/canvas-kit-react/common';
+import {createSubcomponent, ExtractProps} from '@workday/canvas-kit-react/common';
 import {FormField} from '@workday/canvas-kit-react/form-field';
 import {useTextInputModel} from '@workday/canvas-kit-preview-react/text-input';
-
-const baseStyles: CSSProperties = {
-  transition: '0.2s box-shadow, 0.2s border-color',
-  resize: 'both',
-  '&::webkit-resizer': {
-    display: 'none',
-  },
-  '&::placeholder': {
-    color: inputColors.placeholder,
-  },
-  '&:hover': {
-    borderColor: inputColors.hoverBorder,
-  },
-  '&:focus:not([disabled])': {
-    outline: 'none',
-  },
-  '&:disabled': {
-    backgroundColor: inputColors.disabled.background,
-    borderColor: colors.licorice100,
-    color: inputColors.disabled.text,
-    '&::placeholder': {
-      color: inputColors.disabled.text,
-    },
-  },
-};
+import {TextArea} from '@workday/canvas-kit-react/text-area';
+import {system} from '@workday/canvas-tokens-web';
+import {cssVar} from '@workday/canvas-kit-styling';
 
 /**
  * @deprecated ⚠️ `TextAreaField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField`](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-form-field--docs) in Preview instead.
@@ -47,33 +12,15 @@ export const TextAreaField = createSubcomponent('textarea')({
   displayName: 'TextArea.Field',
   modelHook: useTextInputModel,
 })<ExtractProps<typeof FormField.Input, never>>(({...elemProps}, Element, model) => {
-  const theme = useTheme();
-  const errorRing = useThemedRing('error');
-
-  const focusStyles =
-    model.state.error === 'error'
-      ? errorRing
-      : {
-          '&:focus:not([disabled])': {
-            borderColor: theme.canvas.palette.common.focusOutline,
-            boxShadow: `inset 0 0 0 1px ${theme.canvas.palette.common.focusOutline}`,
-          },
-        };
-
   return (
     <FormField.Input
-      as={Element}
-      {...type.levels.subtext.large}
-      cs={[baseStyles, focusStyles]}
-      {...elemProps}
-      border={`1px solid ${inputColors.border}`}
+      as={TextArea}
       display="block"
-      backgroundColor={inputColors.background}
-      borderRadius={borderRadius.m}
       minHeight={64}
       minWidth={280}
-      padding={space.xxs} // Compensate for border
+      padding={cssVar(system.space.x2)} // Compensate for border
       margin={0} // Fix Safari
+      {...elemProps}
     />
   );
 });