@workday/canvas-kit-preview-react 15.0.0-alpha.0028-next.0 → 15.0.0-alpha.0041-next.0

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

@@ -10,19 +10,19 @@ export const panelStencil = createStencil({
         expandedWidth: '',
         collapsedWidth: '',
     },
-    base: { name: "1z107", 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: "2e0xon", 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: "85i97", styles: "background-color:var(--cnvs-sys-color-bg-default);box-shadow:var(--cnvs-sys-depth-5);" },
-            standard: { name: "3uuwkd", styles: "background-color:var(--cnvs-sys-color-bg-alt-softer);" }
+            alternate: { name: "jjo7w", styles: "background-color:var(--cnvs-sys-color-bg-default);box-shadow:var(--cnvs-sys-depth-5);" },
+            standard: { name: "ruj0p", styles: "background-color:var(--cnvs-sys-color-bg-alt-softer);" }
         },
         expanded: {
-            true: { name: "2us59q", styles: "width:var(--expandedWidth-panel-bd9477);max-width:var(--expandedWidth-panel-bd9477);" },
-            false: { name: "1wut9h", styles: "width:var(--collapsedWidth-panel-bd9477);max-width:var(--collapsedWidth-panel-bd9477);" }
+            true: { name: "jgxu9", styles: "width:var(--expandedWidth-panel-bd9477);max-width:var(--expandedWidth-panel-bd9477);" },
+            false: { name: "2a849y", styles: "width:var(--collapsedWidth-panel-bd9477);max-width:var(--collapsedWidth-panel-bd9477);" }
         },
         touched: {
-            true: { name: "3u383w", styles: "" },
-            false: { name: "22w21u", styles: "animation:none;" }
+            true: { name: "u3ook", styles: "" },
+            false: { name: "2wjt5b", 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: "28ypt5", 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: "2qdhfq", 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: "yve6z", styles: "margin:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
-            collapsed: { name: "2ab5yz", styles: "margin:auto;inset-inline-start:0;inset-inline-end:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
-            expanded: { name: "3wivnm", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" },
-            expanding: { name: "22607z", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" }
+            collapsing: { name: "16ye2a", styles: "margin:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
+            collapsed: { name: "3ce3jp", styles: "margin:auto;inset-inline-start:0;inset-inline-end:0;transform:scaleX(1);:dir(rtl){transform:scaleX(-1);}" },
+            expanded: { name: "1he90r", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" },
+            expanding: { name: "2gjr4h", styles: "margin:0;transform:scaleX(-1);:dir(rtl){transform:scaleX(1);}" }
         },
         origin: {
-            left: { name: "15q4oy", styles: "" },
-            right: { name: "2qtlgw", styles: "" }
+            left: { name: "3m0d1s", styles: "" },
+            right: { name: "1o6v43", styles: "" }
         }
     },
     compound: [
         {
             modifiers: { state: 'collapsed', origin: 'right' },
-            styles: { name: "3wps0", styles: "transform:scaleX(-1);" }
+            styles: { name: "34mvmr", styles: "transform:scaleX(-1);" }
         },
         {
             modifiers: { state: 'collapsing', origin: 'right' },
-            styles: { name: "ukknr", styles: "transform:scaleX(-1);inset-inline-start:var(--cnvs-sys-space-x4);" }
+            styles: { name: "2f0skl", styles: "transform:scaleX(-1);inset-inline-start:var(--cnvs-sys-space-x4);" }
         },
         {
             modifiers: { state: 'expanded', origin: 'right' },
-            styles: { name: "46y526", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
+            styles: { name: "2w8wvw", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
         },
         {
             modifiers: { state: 'expanding', origin: 'right' },
-            styles: { name: "273mo4", styles: "transform:scaleX(1);inset-inline-start:var(--cnvs-sys-space-x4);" }
+            styles: { name: "nrlfx", 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: "48992s", 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: "ohe4n", 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: "2fpal8", styles: "color:var(--cnvs-sys-color-fg-info-strong);background-color:var(--cnvs-sys-color-bg-info-softer);" },
-            positive: { name: "1miq1k", styles: "color:var(--cnvs-sys-color-fg-positive-strong);background-color:var(--cnvs-sys-color-fg-positive-softer);" },
-            caution: { name: "3ue4tf", styles: "color:var(--cnvs-sys-color-fg-caution-soft);background-color:var(--cnvs-sys-color-bg-caution-softer);" },
-            critical: { name: "2qgtp5", styles: "color:var(--cnvs-sys-color-fg-critical-strong);background-color:var(--cnvs-sys-color-bg-critical-softer);" },
-            neutral: { name: "3whhoc", styles: "color:var(--cnvs-sys-color-fg-muted-strong);background-color:var(--cnvs-sys-color-bg-alt-default);" },
-            ai: { name: "2l03ah", styles: "color:var(--cnvs-sys-color-fg-ai);background-color:var(--cnvs-sys-color-bg-ai-default);" },
-            transparent: { name: "15xn1p", styles: "color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-bg-translucent);" }
+            info: { name: "g1762", styles: "color:var(--cnvs-sys-color-fg-info-strong);background-color:var(--cnvs-sys-color-bg-info-softer);" },
+            positive: { name: "1up9k8", styles: "color:var(--cnvs-sys-color-fg-positive-strong);background-color:var(--cnvs-sys-color-fg-positive-softer);" },
+            caution: { name: "m38w0", styles: "color:var(--cnvs-sys-color-fg-caution-soft);background-color:var(--cnvs-sys-color-bg-caution-softer);" },
+            critical: { name: "gujdv", styles: "color:var(--cnvs-sys-color-fg-critical-strong);background-color:var(--cnvs-sys-color-bg-critical-softer);" },
+            neutral: { name: "1sw2l8", styles: "color:var(--cnvs-sys-color-fg-muted-strong);background-color:var(--cnvs-sys-color-bg-alt-default);" },
+            ai: { name: "44j07h", styles: "color:var(--cnvs-sys-color-fg-ai);background-color:var(--cnvs-sys-color-bg-ai-default);" },
+            transparent: { name: "3vy7zp", 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: "3ecdda", styles: "" },
-            high: { name: "386vjl", styles: "" }
+            low: { name: "zq7ry", styles: "" },
+            high: { name: "1iykcn", styles: "" }
         }
     },
     compound: [
@@ -59,35 +59,35 @@ const statusIndicatorStencil = createStencil({
                 variant: 'info',
                 emphasis: 'high',
             },
-            styles: { name: "92iof", styles: "background-color:var(--cnvs-sys-color-bg-info-default);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "1x75w", styles: "background-color:var(--cnvs-sys-color-bg-info-default);color:var(--cnvs-sys-color-fg-inverse);" }
         },
         {
             modifiers: {
                 variant: 'positive',
                 emphasis: 'high',
             },
-            styles: { name: "2kzd9l", styles: "background-color:var(--cnvs-sys-color-bg-positive-default);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "3iftyz", styles: "background-color:var(--cnvs-sys-color-bg-positive-default);color:var(--cnvs-sys-color-fg-inverse);" }
         },
         {
             modifiers: {
                 variant: 'caution',
                 emphasis: 'high',
             },
-            styles: { name: "35dwyb", styles: "background-color:var(--cnvs-sys-color-bg-caution-default);color:var(--cnvs-sys-color-fg-caution-strong);" }
+            styles: { name: "fmls3", 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: "1g3pbk", styles: "background-color:var(--cnvs-sys-color-bg-critical-default);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "1gzmkh", styles: "background-color:var(--cnvs-sys-color-bg-critical-default);color:var(--cnvs-sys-color-fg-inverse);" }
         },
         {
             modifiers: {
                 variant: 'neutral',
                 emphasis: 'high',
             },
-            styles: { name: "4epnpr", styles: "background-color:var(--cnvs-sys-color-bg-muted-default);color:var(--cnvs-sys-color-fg-inverse);" }
+            styles: { name: "3hh5uf", 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: "72n7v", 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: "3ha5y8", 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/lib/version.js

@@ -1 +1 @@
-export const version = '14.1.23';
+export const version = '14.1.25';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-preview-react",
-  "version": "15.0.0-alpha.0028-next.0",
+  "version": "15.0.0-alpha.0041-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": "^15.0.0-alpha.0028-next.0",
-    "@workday/canvas-kit-styling": "^15.0.0-alpha.0028-next.0",
+    "@workday/canvas-kit-react": "^15.0.0-alpha.0041-next.0",
+    "@workday/canvas-kit-styling": "^15.0.0-alpha.0041-next.0",
     "@workday/canvas-system-icons-web": "^3.0.36",
     "@workday/canvas-tokens-web": "4.0.0-alpha.3",
     "@workday/design-assets-types": "^0.2.10"
@@ -60,5 +60,5 @@
     "react-hook-form": "7.36.1",
     "yup": "^0.32.11"
   },
-  "gitHead": "0054a4629daac5e8d66cc4ce3ab221681677150f"
+  "gitHead": "5c732d6fc6fd916b01d0077162ffdb65f7777055"
 }