@workday/canvas-kit-docs 15.0.0-alpha.0051-next.0 → 15.0.0-alpha.0060-next.0

package/dist/es6/lib/StorybookStatusIndicator.d.ts

@@ -1,4 +1,4 @@
 export declare const StorybookStatusIndicator: ({ type }: {
-    type: 'ai' | 'deprecated';
+    type: 'ai' | 'deprecated' | 'new';
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=StorybookStatusIndicator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StorybookStatusIndicator.d.ts","sourceRoot":"","sources":["../../../lib/StorybookStatusIndicator.tsx"],"names":[],"mappings":"AAqCA,eAAO,MAAM,wBAAwB;UAAmB,IAAI,GAAG,YAAY;6CAW1E,CAAC"}
+{"version":3,"file":"StorybookStatusIndicator.d.ts","sourceRoot":"","sources":["../../../lib/StorybookStatusIndicator.tsx"],"names":[],"mappings":"AAgCA,eAAO,MAAM,wBAAwB;UAAmB,IAAI,GAAG,YAAY,GAAG,KAAK;6CAmBlF,CAAC"}

package/dist/es6/lib/StorybookStatusIndicator.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StatusIndicator } from '@workday/canvas-kit-preview-react/status-indicator';
+import { StatusIndicator, } 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 +10,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 = {
     ai: {
@@ -32,8 +20,18 @@ const content = {
         icon: undefined,
         label: 'Deprecated',
     },
+    new: {
+        icon: undefined,
+        label: 'New',
+    },
 };
 export const StorybookStatusIndicator = ({ type }) => {
     const { icon, label } = content[type];
-    return (_jsxs(StatusIndicator, { className: "sb-unstyled cnvs-title-status-indicator", cs: storybookStatusIndicatorStencil({ type }), children: [icon && _jsx(StatusIndicator.Icon, { icon: icon }), _jsx(StatusIndicator.Label, { children: label })] }));
+    const variantMapping = {
+        ai: 'ai',
+        deprecated: 'caution',
+        new: 'positive',
+    };
+    console.log(variantMapping[type]);
+    return (_jsxs(StatusIndicator, { className: "sb-unstyled cnvs-title-status-indicator", cs: storybookStatusIndicatorStencil({ type }), variant: variantMapping[type], emphasis: "low", children: [icon && _jsx(StatusIndicator.Icon, { icon: icon }), _jsx(StatusIndicator.Label, { children: label })] }));
 };