@workday/canvas-kit-docs 14.2.0-0055-next.0 → 14.2.0-0058-next.0

package/dist/mdx/preview-react/side-panel/SidePanel.mdx

@@ -1,4 +1,5 @@
-import {ExampleCodeBlock, SymbolDoc, Specifications} from '@workday/canvas-kit-docs';
+import {ExampleCodeBlock, SymbolDoc, Specifications, StorybookStatusIndicator} from '@workday/canvas-kit-docs';import {InformationHighlight} from '@workday/canvas-kit-preview-react/information-highlight'
+
 import Basic from './examples/Basic';
 import HiddenName from './examples/HiddenName';
 import AlternatePanel from './examples/Variant';
@@ -9,9 +10,20 @@ import OnExpandedChange from './examples/OnExpandedChange';
 import OnStateTransition from './examples/OnStateTransition';
 
 
-# Canvas Kit Side Panel
+# Canvas Kit Side Panel <StorybookStatusIndicator type="deprecated" />
+
+<InformationHighlight className="sb-unstyled" variant="caution" cs={{p: {marginBlock: 0}}}>
+  <InformationHighlight.Icon />
+  <InformationHighlight.Body>
+    `SidePanel` in Preview has been deprecated and will be removed in a future major version. Please
+    use `SidePanel` in Labs instead.
+  </InformationHighlight.Body>
+  <InformationHighlight.Link href="https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs">
+    View SidePanel Docs
+  </InformationHighlight.Link>
+</InformationHighlight>
 
-`SidePanel` is a collaspible container that anchors to the left or right side of the screen.
+`SidePanel` is a collapsible container that anchors to the left or right side of the screen.
 
 [> Workday Design Reference](https://design.workday.com/components/containers/side-panel)
 

package/lib/StorybookStatusIndicator.tsx

@@ -1,4 +1,7 @@
-import {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';
+import {
+  StatusIndicator,
+  type StatusIndicatorVariant,
+} from '@workday/canvas-kit-preview-react/status-indicator';
 import {system} from '@workday/canvas-tokens-web';
 import {sparkleSingleSmallIcon} from '@workday/canvas-system-icons-web';
 import {createStencil} from '@workday/canvas-kit-styling';
@@ -10,18 +13,6 @@ const storybookStatusIndicatorStencil = createStencil({
     padding: `${system.space.zero} ${system.space.x2}`,
     [systemIconStencil.vars.color]: 'currentColor',
   },
-  modifiers: {
-    type: {
-      ai: {
-        background: system.color.bg.ai.default,
-        color: system.color.fg.ai,
-      },
-      deprecated: {
-        background: system.color.static.amber.soft,
-        color: system.color.static.amber.stronger,
-      },
-    },
-  },
 });
 
 const content = {
@@ -33,14 +24,26 @@ const content = {
     icon: undefined,
     label: 'Deprecated',
   },
+  new: {
+    icon: undefined,
+    label: 'New',
+  },
 };
 
-export const StorybookStatusIndicator = ({type}: {type: 'ai' | 'deprecated'}) => {
+export const StorybookStatusIndicator = ({type}: {type: 'ai' | 'deprecated' | 'new'}) => {
   const {icon, label} = content[type];
+  const variantMapping = {
+    ai: 'ai',
+    deprecated: 'caution',
+    new: 'positive',
+  };
+  console.log(variantMapping[type]);
   return (
     <StatusIndicator
       className="sb-unstyled cnvs-title-status-indicator"
       cs={storybookStatusIndicatorStencil({type})}
+      variant={variantMapping[type] as StatusIndicatorVariant}
+      emphasis="low"
     >
       {icon && <StatusIndicator.Icon icon={icon} />}
       <StatusIndicator.Label>{label}</StatusIndicator.Label>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "14.2.0-0055-next.0",
+  "version": "14.2.0-0058-next.0",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -45,10 +45,10 @@
     "@emotion/styled": "^11.6.0",
     "@stackblitz/sdk": "^1.11.0",
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-labs-react": "^14.2.0-0055-next.0",
-    "@workday/canvas-kit-preview-react": "^14.2.0-0055-next.0",
-    "@workday/canvas-kit-react": "^14.2.0-0055-next.0",
-    "@workday/canvas-kit-styling": "^14.2.0-0055-next.0",
+    "@workday/canvas-kit-labs-react": "^14.2.0-0058-next.0",
+    "@workday/canvas-kit-preview-react": "^14.2.0-0058-next.0",
+    "@workday/canvas-kit-react": "^14.2.0-0058-next.0",
+    "@workday/canvas-kit-styling": "^14.2.0-0058-next.0",
     "@workday/canvas-system-icons-web": "^3.0.36",
     "@workday/canvas-tokens-web": "^3.1.1",
     "markdown-to-jsx": "^7.2.0",
@@ -61,5 +61,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "5.0"
   },
-  "gitHead": "77a41353936fc2307fdd57dc4b5e0cc34c4d06c0"
+  "gitHead": "464d89a31875769371724f0db9031cef57340f80"
 }