@workday/canvas-kit-docs 14.0.0-alpha.1165-next.0 → 14.0.0-alpha.1168-next.0

package/dist/es6/index.d.ts

@@ -1,4 +1,4 @@
-export { AIIndicator } from './lib/AIIndicator';
+export { StorybookStatusIndicator } from './lib/StorybookStatusIndicator';
 export { DownloadLLMFile } from './lib/DownloadLLMFile';
 export { ExampleCodeBlock } from './lib/ExampleCodeBlock';
 export * from './lib/specs';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AACxD,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,wBAAwB,EAAC,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAC,eAAe,EAAC,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AACxD,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}

package/dist/es6/index.js

@@ -1,4 +1,4 @@
-export { AIIndicator } from './lib/AIIndicator';
+export { StorybookStatusIndicator } from './lib/StorybookStatusIndicator';
 export { DownloadLLMFile } from './lib/DownloadLLMFile';
 export { ExampleCodeBlock } from './lib/ExampleCodeBlock';
 export * from './lib/specs';

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

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

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

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

package/dist/es6/lib/StorybookStatusIndicator.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
+import { systemIconStencil } from '@workday/canvas-kit-react/icon';
+const storybookStatusIndicatorStencil = createStencil({
+    base: {
+        borderRadius: system.shape.round,
+        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: {
+        icon: sparkleSingleSmallIcon,
+        label: 'AI Content',
+    },
+    deprecated: {
+        icon: undefined,
+        label: 'Deprecated',
+    },
+};
+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 })] }));
+};