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

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":"AAoCA,eAAO,MAAM,wBAAwB;UAG7B,IAAI,GAAG,YAAY,GAAG,KAAK,GAAG,UAAU;6CAqB/C,CAAC"}

package/dist/es6/lib/StorybookStatusIndicator.js

@@ -1,39 +1,41 @@
 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 { StatusIndicator, } from '@workday/canvas-kit-preview-react/status-indicator';
 import { systemIconStencil } from '@workday/canvas-kit-react/icon';
+import { createStencil } from '@workday/canvas-kit-styling';
+import { sparkleIcon } from '@workday/canvas-system-icons-web';
+import { system } from '@workday/canvas-tokens-web';
 const storybookStatusIndicatorStencil = createStencil({
     base: {
-        borderRadius: system.shape.round,
-        padding: `${system.space.zero} ${system.space.x2}`,
+        borderRadius: system.shape.full,
+        padding: `0 ${system.padding.xs}`,
         [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,
+        icon: sparkleIcon,
         label: 'AI Content',
     },
     deprecated: {
         icon: undefined,
         label: 'Deprecated',
     },
+    new: {
+        icon: undefined,
+        label: 'New',
+    },
+    promoted: {
+        icon: undefined,
+        label: 'Promoted',
+    },
 };
-export const StorybookStatusIndicator = ({ type }) => {
+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: 'info',
+        deprecated: 'caution',
+        new: 'positive',
+        promoted: 'info',
+    };
+    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 })] }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"StylePropsTable.d.ts","sourceRoot":"","sources":["../../../lib/StylePropsTable.tsx"],"names":[],"mappings":"AAIA,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,UAAU,oBAAoB;IAC5B,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;CAC1B;AAMD,eAAO,MAAM,eAAe,mBAAuB,oBAAoB,4CAoCtE,CAAC"}
+{"version":3,"file":"StylePropsTable.d.ts","sourceRoot":"","sources":["../../../lib/StylePropsTable.tsx"],"names":[],"mappings":"AAKA,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,UAAU,oBAAoB;IAC5B,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;CAC1B;AAMD,eAAO,MAAM,eAAe,mBAAuB,oBAAoB,4CAoCtE,CAAC"}

package/dist/es6/lib/StylePropsTable.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExternalHyperlink } from '@workday/canvas-kit-react/button';
 import { Box } from '@workday/canvas-kit-react/layout';
-import { ExternalHyperlink } from '@workday/canvas-kit-react';
 import { Table } from './Table';
 const camelToKebabCase = (name) => {
     return name.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();

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

@@ -1,3 +1,3 @@
-export { SymbolDoc, SymbolDescription } from './widgetUtils';
 import './widgets';
+export { SymbolDoc, SymbolDescription } from './widgetUtils';
 //# sourceMappingURL=SymbolDoc.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SymbolDoc.d.ts","sourceRoot":"","sources":["../../../lib/SymbolDoc.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAC3D,OAAO,WAAW,CAAC"}
+{"version":3,"file":"SymbolDoc.d.ts","sourceRoot":"","sources":["../../../lib/SymbolDoc.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAC;AAEnB,OAAO,EAAC,SAAS,EAAE,iBAAiB,EAAC,MAAM,eAAe,CAAC"}

package/dist/es6/lib/SymbolDoc.js

@@ -1,2 +1,2 @@
-export { SymbolDoc, SymbolDescription } from './widgetUtils';
 import './widgets';
+export { SymbolDoc, SymbolDescription } from './widgetUtils';

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

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../lib/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,SAAS,EAAC,MAAM,gCAAgC,CAAC;AA+D/D,eAAO,MAAM,KAAK;;;;;;CAqBhB,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../lib/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,SAAS,EAAC,MAAM,gCAAgC,CAAC;AAsElE,eAAO,MAAM,KAAK;;;;;;CAYhB,CAAC"}

package/dist/es6/lib/Table.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createComponent } from '@workday/canvas-kit-react/common';
 import { Box } from '@workday/canvas-kit-react/layout';
-import { Text } from '@workday/canvas-kit-react/text';
-import styled from '@emotion/styled';
-import { type } from '@workday/canvas-kit-react/tokens';
+import { Subtext } from '@workday/canvas-kit-react/text';
+import { createStencil, handleCsProp, px2rem } from '@workday/canvas-kit-styling';
+import { system } from '@workday/canvas-tokens-web';
 const TableHead = createComponent('thead')({
     Component: (props, ref, Element) => {
         return _jsx(Box, { as: Element, ref: ref, ...props });
@@ -14,30 +14,53 @@ const TableBody = createComponent('tbody')({
         return _jsx(Box, { as: Element, ref: ref, ...props });
     },
 });
+const tableRowStencil = createStencil({
+    base: {
+        borderBottom: `${px2rem(1)} solid ${system.color.border.strong}`,
+    },
+});
 const TableRow = createComponent('tr')({
     Component: (props, ref, Element) => {
-        return (_jsx(Box, { as: Element, ref: ref, borderBottom: "solid 1px", borderBottomColor: "soap400", ...props }));
+        return _jsx(Box, { as: Element, ref: ref, ...handleCsProp(props, tableRowStencil()) });
+    },
+});
+const tableHeaderStencil = createStencil({
+    base: {
+        fontWeight: system.fontWeight.medium,
+        padding: `${system.padding.md} ${system.padding.xs}`,
+        textAlign: 'start',
     },
 });
 const TableHeader = createComponent('th')({
     Component: (props, ref, Element) => {
-        return (_jsx(Text, { as: Element, ref: ref, fontWeight: "medium", paddingX: "xxs", paddingY: "s", textAlign: "start", typeLevel: "subtext.large", ...props }));
+        return (_jsx(Subtext, { as: Element, ref: ref, size: "large", ...handleCsProp(props, tableHeaderStencil()) }));
     },
 });
-const StyledText = styled(Text)({
-    code: {
-        fontFamily: type.properties.fontFamilies.monospace,
+const tableDataStencil = createStencil({
+    base: {
+        padding: `${system.padding.md} ${system.padding.xs}`,
+        textAlign: 'start',
+        code: {
+            fontFamily: system.fontFamily.mono,
+        },
     },
 });
 const TableData = createComponent('td')({
     Component: (props, ref, Element) => {
-        return (_jsx(StyledText, { as: Element, ref: ref, paddingX: "xxs", paddingY: "s", textAlign: "start", typeLevel: "subtext.large", ...props }));
+        return (_jsx(Subtext, { as: Element, ref: ref, size: "large", ...handleCsProp(props, tableDataStencil()) }));
+    },
+});
+const tableCaptionStencil = createStencil({
+    base: {
+        borderCollapse: 'collapse',
+        marginBottom: system.gap.md,
+        width: '100%',
     },
 });
 export const Table = createComponent('table')({
     displayName: 'Table',
     Component: (props, ref, Element) => {
-        return (_jsx(Box, { as: Element, ref: ref, borderCollapse: "collapse", width: "100%", ...props, marginBottom: "s" }));
+        return _jsx(Box, { as: Element, ref: ref, ...handleCsProp(props, tableCaptionStencil()) });
     },
     subComponents: {
         Head: TableHead,

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

@@ -1 +1 @@
-{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../lib/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAW5C,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,EACrD,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,EACd,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAC9B,IAAI,CAGN;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,GAAG,KAAK,CAAC,KAAK;IAChE,KAAK,EAAE,CAAC,CAAC;IACT,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAED,eAAO,MAAM,KAAK;UAAqB,MAAM;iFAW5C,CAAC;AAEF,eAAO,MAAM,gBAAgB;gBAA+B,MAAM,cAAc,EAAE;6CAgDjF,CAAC;AAoEF,eAAO,MAAM,eAAe;gBAKd,MAAM,cAAc,EAAE;;;6CAyBnC,CAAC"}
+{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../../../lib/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAO5C,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,EACrD,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,EACd,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAC9B,IAAI,CAGN;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,GAAG,KAAK,CAAC,KAAK;IAChE,KAAK,EAAE,CAAC,CAAC;IACT,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAED,eAAO,MAAM,KAAK;UAAqB,MAAM;iFAW5C,CAAC;AAEF,eAAO,MAAM,gBAAgB;gBAA+B,MAAM,cAAc,EAAE;6CAmDjF,CAAC;AAwEF,eAAO,MAAM,eAAe;gBAKd,MAAM,cAAc,EAAE;;;6CAyBnC,CAAC"}

package/dist/es6/lib/Value.js

@@ -1,14 +1,14 @@
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
-import { Tooltip } from '@workday/canvas-kit-react/tooltip';
+import { Flex } from '@workday/canvas-kit-react/layout';
+import { Table } from '@workday/canvas-kit-react/table';
 import { Text } from '@workday/canvas-kit-react/text';
-import { MdxJSToJSX } from './MDXElements';
-import { Table } from '@workday/canvas-kit-react';
-import { capitalize, IndentLevelContext, RenderContext, indent } from './widgetUtils';
-import { DescriptionTooltip } from './DescriptionTooltip';
-import { colors } from '@workday/canvas-kit-react/tokens';
+import { Tooltip } from '@workday/canvas-kit-react/tooltip';
 import { createStyles } from '@workday/canvas-kit-styling';
-import { Flex } from '@workday/canvas-kit-react';
+import { base, system } from '@workday/canvas-tokens-web';
+import { DescriptionTooltip } from './DescriptionTooltip';
+import { MdxJSToJSX } from './MDXElements';
+import { IndentLevelContext, RenderContext, capitalize, indent } from './widgetUtils';
 const widgets = {};
 export function registerWidget(key, widget) {
     widget.displayName = `${capitalize(key)}Widget`;
@@ -25,13 +25,16 @@ export const PropertiesInline = ({ properties }) => {
     if (properties.length === 0) {
         return _jsx("span", { className: "token punctuation", children: "{}" });
     }
+    // eslint-disable-next-line react-hooks/rules-of-hooks
     const level = React.useContext(IndentLevelContext);
     return (_jsxs(_Fragment, { children: [_jsx("span", { className: "token punctuation", children: "{" }), properties.map((p, index) => {
-                return (_jsxs(React.Fragment, { children: [_jsx("br", {}), indent(level + 1), p.description || p.tags.deprecated ? (_jsx(DescriptionTooltip, { type: "describe", style: { maxWidth: '50em' }, title: _jsx(MdxJSToJSX, { children: p.description || p.tags.deprecated }), children: _jsx("span", { className: "token property", style: {
+                return (_jsxs(React.Fragment, { children: [_jsx("br", {}), indent(level + 1), p.description || p.tags.deprecated ? (_jsx(DescriptionTooltip, { type: "describe", cs: { maxWidth: '50em' }, title: _jsx(MdxJSToJSX, { children: p.description || p.tags.deprecated }), children: _jsx(Text, { className: "token property", cs: {
                                     cursor: 'pointer',
                                     textDecoration: p.tags.deprecated ? 'line-through' : 'underline',
                                     textDecorationStyle: 'dotted',
-                                    color: p.tags.deprecated ? colors.cinnamon600 : colors.plum600,
+                                    color: p.tags.deprecated
+                                        ? system.color.fg.danger.default
+                                        : system.color.fg.info.default,
                                 }, children: p.name }) })) : (_jsx("span", { className: "token property", children: p.name })), _jsx("span", { className: "token punctuation", children: ":" }), "\u00A0", _jsx(IndentLevelContext.Provider, { value: level + 1, children: _jsx(Value, { value: p.type }) }), _jsx("span", { className: "token punctuation", children: ";" })] }, index));
             }), _jsx("br", {}), indent(level), _jsx("span", { className: "token punctuation", children: "}" })] }));
 };
@@ -42,9 +45,9 @@ function getTableRows(properties, showDefault = true, showRequired = false, leve
             return [];
         }
         const title = (_b = (_a = property.declarations) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.filePath;
-        const propName = (_jsxs(Text, { as: "code", whiteSpace: 'nowrap !important', children: [indent(level), level > 0 && '\u2514\u00A0', property.name, showRequired && property.required ? _jsx(Text, { color: "chiliMango600", children: "*" }) : ''] }));
+        const propName = (_jsxs(Text, { as: "code", cs: { whiteSpace: 'nowrap !important' }, children: [indent(level), level > 0 && '\u2514\u00A0', property.name, showRequired && property.required ? (_jsx(Text, { cs: { color: system.color.fg.danger.default }, children: "*" })) : ('')] }));
         return [
-            _jsxs(Table.Row, { children: [_jsx(Table.Cell, { color: "plum600", children: title ? (_jsx(Tooltip, { type: "describe", title: title, children: propName })) : (propName) }), _jsx(Table.Cell, { children: _jsx(Flex, { as: "code", cs: { flexWrap: 'wrap' }, children: _jsx(RenderContext.Provider, { value: "inline", children: _jsx(Value, { value: property.type }) }) }) }), _jsx(Table.Cell, { children: _jsx(MdxJSToJSX, { children: property.description || '' }) }), showDefault ? (_jsx(Table.Cell, { children: property.defaultValue ? (property.defaultValue.kind === 'primitive' &&
+            _jsxs(Table.Row, { children: [_jsx(Table.Cell, { cs: { color: base.blue800 }, children: title ? (_jsx(Tooltip, { type: "describe", title: title, children: propName })) : (propName) }), _jsx(Table.Cell, { children: _jsx(Flex, { as: "code", cs: { flexWrap: 'wrap' }, children: _jsx(RenderContext.Provider, { value: "inline", children: _jsx(Value, { value: property.type }) }) }) }), _jsx(Table.Cell, { children: _jsx(MdxJSToJSX, { children: property.description || '' }) }), showDefault ? (_jsx(Table.Cell, { children: property.defaultValue ? (property.defaultValue.kind === 'primitive' &&
                             property.defaultValue.value === 'undefined' ? null : (_jsx("code", { children: _jsx(Value, { value: property.defaultValue }) }))) : null })) : null] }, index + i),
         ];
     });

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

@@ -1 +1 @@
-{"version":3,"file":"docs.d.ts","sourceRoot":"","sources":["../../../lib/docs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,EAAE,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAEzD,eAAO,MAAM,SAAS,uBAAgE,CAAC;AACvF,eAAO,MAAM,YAAY,uBAAgC,CAAC;AAC1D,eAAO,MAAM,YAAY,uBAIxB,CAAC;AAEF,eAAO,MAAM,IAAI,yBAId,CAAC;AAEJ,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,qCAIrD;AAED,KAAK,WAAW,GAAG,MAAM,IAAI,CAAC;AAC9B,KAAK,UAAU,GAAG,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC;AAChD,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,UAAU,CAAC;CACtB,CAAC;AAIF,wBAAgB,SAAS,CAAC,QAAQ,EAAE,YAAY,GAAG,WAAW,CAS7D;AAED,wBAAgB,UAAU,CAAC,WAAW,EAAE,cAAc,EAAE,QAevD"}
+{"version":3,"file":"docs.d.ts","sourceRoot":"","sources":["../../../lib/docs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAE,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAEzD,eAAO,MAAM,SAAS,uBAAgE,CAAC;AACvF,eAAO,MAAM,YAAY,uBAAgC,CAAC;AAC1D,eAAO,MAAM,YAAY,uBAIxB,CAAC;AAEF,eAAO,MAAM,IAAI,yBAId,CAAC;AAEJ,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,qCAIrD;AAED,KAAK,WAAW,GAAG,MAAM,IAAI,CAAC;AAC9B,KAAK,UAAU,GAAG,CAAC,GAAG,EAAE,cAAc,KAAK,IAAI,CAAC;AAChD,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,UAAU,CAAC;CACtB,CAAC;AAIF,wBAAgB,SAAS,CAAC,QAAQ,EAAE,YAAY,GAAG,WAAW,CAS7D;AAED,wBAAgB,UAAU,CAAC,WAAW,EAAE,cAAc,EAAE,QAevD"}