@workday/canvas-kit-labs-react 7.1.5 → 7.2.0-427-next.2

package/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.js

@@ -1,48 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentStatesTable = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var Table = common_1.styled('table')({
-    width: '100%',
-    thead: {
-        textAlign: 'left',
-        paddingBottom: 16,
-    },
-    'td, th': {
-        minWidth: 100,
-        paddingBottom: 16,
-        paddingRight: 16,
-        textAlign: 'left',
-    },
-});
-var ComponentStatesTable = function (_a) {
-    var rowProps = _a.rowProps, columnProps = _a.columnProps, children = _a.children;
-    return (react_1.default.createElement(Table, null,
-        react_1.default.createElement("thead", null,
-            react_1.default.createElement("tr", null,
-                react_1.default.createElement("th", null, "Variants"),
-                columnProps.map(function (col) { return (react_1.default.createElement("th", { key: "component-table-heading-" + col.label.toLowerCase().replace(' ', ',') }, col.label)); }))),
-        react_1.default.createElement("tbody", null, rowProps.map(function (row) {
-            return (react_1.default.createElement("tr", { key: row.label.toLowerCase().replace(' ', '-') },
-                react_1.default.createElement("td", null, row.label),
-                columnProps.map(function (col) {
-                    return (react_1.default.createElement("td", { key: col.label.toLowerCase().replace(' ', '-') }, children(__assign(__assign({}, row.props), col.props))));
-                })));
-        }))));
-};
-exports.ComponentStatesTable = ComponentStatesTable;

package/dist/commonjs/common/lib/storybook-utils/permutateProps.d.ts

@@ -1,5 +0,0 @@
-import { PropCombination, PropDeclaration, Props, PropsDeclaration } from './propTypes';
-export declare const permutateProps: (allProps: PropsDeclaration, filter?: ((props: Props) => boolean) | undefined, remainingProps?: string[], values?: {
-    [key: string]: PropDeclaration;
-}) => PropCombination[];
-//# sourceMappingURL=permutateProps.d.ts.map

package/dist/commonjs/common/lib/storybook-utils/permutateProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"permutateProps.d.ts","sourceRoot":"","sources":["../../../../../common/lib/storybook-utils/permutateProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAEtF,eAAO,MAAM,cAAc,aACf,gBAAgB,oBACT,KAAK,KAAK,OAAO,gCAClB,MAAM,EAAE;;MAEvB,eAAe,EAuCjB,CAAC"}

package/dist/commonjs/common/lib/storybook-utils/permutateProps.js

@@ -1,47 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.permutateProps = void 0;
-var permutateProps = function (allProps, filter, remainingProps, values) {
-    if (remainingProps === void 0) { remainingProps = Object.keys(allProps); }
-    if (values === void 0) { values = {}; }
-    // When there are no more props to combine with, return result
-    var prop = remainingProps[0];
-    if (!prop) {
-        var props_1 = {};
-        Object.keys(values).forEach(function (prop) {
-            var _a;
-            props_1[prop] = (_a = values === null || values === void 0 ? void 0 : values[prop]) === null || _a === void 0 ? void 0 : _a.value;
-        });
-        if (filter && !filter(props_1)) {
-            return [];
-        }
-        var label = Object.keys(values)
-            .map(function (prop) { var _a; return (_a = values === null || values === void 0 ? void 0 : values[prop]) === null || _a === void 0 ? void 0 : _a.label; })
-            .join(' ');
-        return [
-            {
-                label: label,
-                props: props_1,
-            },
-        ];
-    }
-    var possiblePropValues = allProps[prop];
-    var permutations = possiblePropValues === null || possiblePropValues === void 0 ? void 0 : possiblePropValues.map(function (value) {
-        var newValues = __assign({}, values); // Required so we don't overwrite previous references
-        newValues[prop] = value;
-        return exports.permutateProps(allProps, filter, remainingProps.slice(1, remainingProps.length), newValues);
-    });
-    return permutations.flat();
-};
-exports.permutateProps = permutateProps;

package/dist/commonjs/common/lib/storybook-utils/propTypes.d.ts

@@ -1,15 +0,0 @@
-export declare type PropDeclaration = {
-    value: any;
-    label: string;
-};
-export declare type PropsDeclaration = {
-    [key: string]: PropDeclaration[];
-};
-export declare type Props = {
-    [key: string]: any;
-};
-export declare type PropCombination = {
-    label: string;
-    props: Props;
-};
-//# sourceMappingURL=propTypes.d.ts.map

package/dist/commonjs/common/lib/storybook-utils/propTypes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"propTypes.d.ts","sourceRoot":"","sources":["../../../../../common/lib/storybook-utils/propTypes.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,EAAE,CAAA;CAAC,CAAC;AAElE,oBAAY,KAAK,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC;CACd,CAAC"}

package/dist/commonjs/common/lib/storybook-utils/propTypes.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/commonjs/common/lib/theming/useThemedRing.d.ts

@@ -1,11 +0,0 @@
-import { EmotionCanvasTheme } from '@workday/canvas-kit-react/common';
-import { CSSProperties } from '@workday/canvas-kit-react/tokens';
-declare type paletteSelection = Exclude<keyof EmotionCanvasTheme['canvas']['palette'], 'common'>;
-interface ContrastColors {
-    outer?: string;
-    inner?: string;
-}
-export declare function getPaletteColors(type: paletteSelection, theme: EmotionCanvasTheme): ContrastColors;
-export declare const useThemedRing: (type: paletteSelection) => CSSProperties;
-export {};
-//# sourceMappingURL=useThemedRing.d.ts.map

package/dist/commonjs/common/lib/theming/useThemedRing.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useThemedRing.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemedRing.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAS,aAAa,EAA4B,MAAM,kCAAkC,CAAC;AAGlG,aAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;AACzF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAoBD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,kBAAkB,GACxB,cAAc,CAsBhB;AAED,eAAO,MAAM,aAAa,SAAU,gBAAgB,KAAG,aAyBtD,CAAC"}

package/dist/commonjs/common/lib/theming/useThemedRing.js

@@ -1,67 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useThemedRing = exports.getPaletteColors = void 0;
-var useThemeRTL_1 = require("./useThemeRTL");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var chroma_js_1 = __importDefault(require("chroma-js"));
-var isAccessible = function (foreground, background) {
-    if (background === void 0) { background = tokens_1.colors.frenchVanilla100; }
-    return chroma_js_1.default.contrast(foreground, background) >= 3;
-};
-var getPaletteColorsFromTheme = function (palette, fallbackColors) {
-    return {
-        outer: isAccessible(palette.main)
-            ? palette.main
-            : isAccessible(palette.darkest)
-                ? palette.darkest
-                : fallbackColors === null || fallbackColors === void 0 ? void 0 : fallbackColors.outer,
-        inner: (fallbackColors === null || fallbackColors === void 0 ? void 0 : fallbackColors.inner) ? fallbackColors.inner : palette.main,
-    };
-};
-function getPaletteColors(type, theme) {
-    var palette = theme.canvas.palette[type];
-    switch (type) {
-        case 'error': {
-            return getPaletteColorsFromTheme(palette, { outer: tokens_1.inputColors.error.border });
-        }
-        case 'alert': {
-            return getPaletteColorsFromTheme(palette, { outer: tokens_1.colors.cantaloupe600 });
-        }
-        case 'success': {
-            return getPaletteColorsFromTheme(palette, {
-                outer: tokens_1.colors.greenApple600,
-                // The theme default for success.main is set to the darkest GreenApple
-                // For our default ring, we need to override it so the inner ring is a bit lighter
-                inner: palette.main === tokens_1.colors.greenApple600 ? tokens_1.statusColors.success : palette.main,
-            });
-        }
-        default: {
-            return getPaletteColorsFromTheme(palette);
-        }
-    }
-}
-exports.getPaletteColors = getPaletteColors;
-var useThemedRing = function (type) {
-    var _a = useThemeRTL_1.useThemeRTL(), themeRTL = _a.themeRTL, theme = _a.theme;
-    var paletteColors = getPaletteColors(type, theme);
-    if (!((paletteColors === null || paletteColors === void 0 ? void 0 : paletteColors.outer) || (paletteColors === null || paletteColors === void 0 ? void 0 : paletteColors.inner))) {
-        return {};
-    }
-    var errorBoxShadow = "inset 0 0 0 " + (paletteColors.outer === paletteColors.inner ? 1 : 2) + "px " + paletteColors.inner;
-    return themeRTL({
-        borderColor: paletteColors.outer,
-        transition: '100ms box-shadow',
-        boxShadow: errorBoxShadow,
-        '&:hover, &:disabled': {
-            borderColor: paletteColors.outer,
-        },
-        '&:focus:not([disabled])': {
-            borderColor: paletteColors.outer,
-            boxShadow: errorBoxShadow + ",\n        0 0 0 2px " + tokens_1.colors.frenchVanilla100 + ",\n        0 0 0 4px " + (theme ? theme.canvas.palette.common.focusOutline : tokens_1.inputColors.focusBorder),
-        },
-    });
-};
-exports.useThemedRing = useThemedRing;

package/dist/commonjs/drawer/index.d.ts

@@ -1,6 +0,0 @@
-import Drawer from './lib/Drawer';
-import DrawerHeader from './lib/DrawerHeader';
-export { Drawer, DrawerHeader };
-export default Drawer;
-export * from './lib/Drawer';
-//# sourceMappingURL=index.d.ts.map

package/dist/commonjs/drawer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAC,MAAM,EAAE,YAAY,EAAC,CAAC;AAC9B,eAAe,MAAM,CAAC;AACtB,cAAc,cAAc,CAAC"}

package/dist/commonjs/drawer/lib/Drawer.d.ts

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { CanvasSpaceValues } from '@workday/canvas-kit-react/tokens';
-export interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The padding of the Drawer contents.
-     * @default space.s
-     */
-    padding?: CanvasSpaceValues;
-    /**
-     * The direction from which the Drawer opens. Accepts `Left` or `Right`.
-     * @default DrawerDirection.Right
-     */
-    openDirection?: DrawerDirection;
-    /**
-     * The width of the Drawer in `px`.
-     * @default 360
-     */
-    width?: number;
-    /**
-     * If true, render the Drawer with a drop shadow.
-     * @default false
-     */
-    showDropShadow?: boolean;
-    /**
-     * The optional DrawerHeader component of the Drawer. Shows an optional string and close button.
-     */
-    header?: React.ReactElement;
-    /**
-     * The `aria-labelledby` of the Drawer. Set this when there is a `header` for accessibility. The `role` attribute should also be used when this attribute is present. This value should be the same as the `id` attribute of the `header` element.
-     */
-    'aria-labelledby'?: string;
-    /**
-     * The `aria-label` for the Drawer. Set this when there is NO `header` for accessibility.
-     */
-    'aria-label'?: string;
-    /**
-     * The role of the Drawer. If `role` is provided, you must also set `aria-labelledby` to link `header` to the `role`.
-     */
-    role?: string;
-}
-export declare enum DrawerDirection {
-    Left = 0,
-    Right = 1
-}
-export default class Drawer extends React.Component<DrawerProps, {}> {
-    static OpenDirection: typeof DrawerDirection;
-    render(): JSX.Element;
-}
-//# sourceMappingURL=Drawer.d.ts.map

package/dist/commonjs/drawer/lib/Drawer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAgB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAElF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,eAAe;IACzB,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AA4CD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;IAClE,MAAM,CAAC,aAAa,yBAAmB;IAEhC,MAAM;CAyBd"}

package/dist/commonjs/drawer/lib/Drawer.js

@@ -1,124 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerDirection = void 0;
-var React = __importStar(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var DrawerDirection;
-(function (DrawerDirection) {
-    DrawerDirection[DrawerDirection["Left"] = 0] = "Left";
-    DrawerDirection[DrawerDirection["Right"] = 1] = "Right";
-})(DrawerDirection = exports.DrawerDirection || (exports.DrawerDirection = {}));
-var DrawerContainer = styled_1.default('div')({
-    height: '100%',
-    backgroundColor: 'white',
-    display: 'flex',
-    flexDirection: 'column',
-    position: 'absolute',
-}, function (_a) {
-    var width = _a.width;
-    return ({
-        width: width,
-    });
-}, function (_a) {
-    var showDropShadow = _a.showDropShadow, openDirection = _a.openDirection;
-    return ({
-        boxShadow: openDirection === DrawerDirection.Right && showDropShadow
-            ? '-8px 0px 16px 0 rgba(0,0,0,0.12)'
-            : openDirection === DrawerDirection.Left && showDropShadow
-                ? '8px 0px 16px 0 rgba(0,0,0,0.12)'
-                : undefined,
-    });
-}, function (_a) {
-    var openDirection = _a.openDirection;
-    return ({
-        borderLeft: openDirection === DrawerDirection.Right ? "1px solid " + tokens_1.colors.soap400 : undefined,
-        borderRight: openDirection === DrawerDirection.Left ? "1px solid " + tokens_1.colors.soap400 : undefined,
-        right: openDirection === DrawerDirection.Right ? tokens_1.space.zero : undefined,
-        left: openDirection === DrawerDirection.Left ? tokens_1.space.zero : undefined,
-    });
-});
-var ChildrenContainer = styled_1.default('div')({
-    height: '100%',
-    overflowY: 'auto',
-    wordBreak: 'break-word',
-    wordWrap: 'break-word',
-    position: 'relative',
-}, function (_a) {
-    var padding = _a.padding;
-    return ({
-        padding: padding,
-    });
-});
-var Drawer = /** @class */ (function (_super) {
-    __extends(Drawer, _super);
-    function Drawer() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Drawer.prototype.render = function () {
-        var _a = this.props, _b = _a.padding, padding = _b === void 0 ? tokens_1.space.s : _b, _c = _a.width, width = _c === void 0 ? 360 : _c, _d = _a.openDirection, openDirection = _d === void 0 ? DrawerDirection.Right : _d, _e = _a.showDropShadow, showDropShadow = _e === void 0 ? false : _e, children = _a.children, header = _a.header, role = _a.role, elemProps = __rest(_a, ["padding", "width", "openDirection", "showDropShadow", "children", "header", "role"]);
-        return (React.createElement(DrawerContainer, __assign({ role: role }, elemProps, { showDropShadow: showDropShadow, width: width, openDirection: openDirection }),
-            header,
-            React.createElement(ChildrenContainer, { padding: padding }, children)));
-    };
-    Drawer.OpenDirection = DrawerDirection;
-    return Drawer;
-}(React.Component));
-exports.default = Drawer;

package/dist/commonjs/drawer/lib/DrawerHeader.d.ts

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { CanvasColor } from '@workday/canvas-kit-react/tokens';
-export interface DrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The text of the DrawerHeader. This text will also be applied as the `title` attribute of the header element.
-     */
-    title?: string;
-    /**
-     * The function called when the DrawerHeader close button is clicked.
-     */
-    onClose?: React.MouseEventHandler<HTMLButtonElement>;
-    /**
-     * The `aria-label` for the DrawHeader close button. Useful for i18n.
-     * @default Close
-     */
-    closeIconAriaLabel?: string;
-    /**
-     * The background color of the DrawerHeader.
-     */
-    headerColor?: CanvasColor | string;
-    /**
-     * The border color of the DrawerHeader. This should match something close to `headerColor`.
-     */
-    borderColor?: CanvasColor | string;
-    /**
-     * If true, render the icon and header in white. Useful for preserving contrast with a dark `headerColor`.
-     * @default false
-     */
-    inverse?: boolean;
-    /**
-     * The unique id of the DrawerHeader for accessibility.
-     */
-    id?: string;
-}
-export default class DrawerHeader extends React.Component<DrawerHeaderProps, {}> {
-    render(): JSX.Element;
-}
-//# sourceMappingURL=DrawerHeader.d.ts.map

package/dist/commonjs/drawer/lib/DrawerHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DrawerHeader.d.ts","sourceRoot":"","sources":["../../../../drawer/lib/DrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAsB,WAAW,EAAa,MAAM,kCAAkC,CAAC;AAI9F,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAsCD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,EAAE,CAAC;IACvE,MAAM;CA4Bd"}

package/dist/commonjs/drawer/lib/DrawerHeader.js

@@ -1,105 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var styled_1 = __importDefault(require("@emotion/styled"));
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var button_1 = require("@workday/canvas-kit-react/button");
-var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
-var headerHeight = 56;
-var HeaderContainer = styled_1.default('div')({
-    height: headerHeight,
-    display: 'flex',
-    alignItems: 'center',
-    padding: "0 " + tokens_1.space.s,
-    justifyContent: 'space-between',
-}, function (_a) {
-    var borderColor = _a.borderColor;
-    return ({
-        borderBottom: "1px solid " + borderColor,
-    });
-}, function (_a) {
-    var headerColor = _a.headerColor;
-    return ({
-        backgroundColor: headerColor,
-    });
-});
-var HeaderTitle = styled_1.default('h4')(__assign(__assign({}, tokens_1.type.levels.body.small), { fontWeight: tokens_1.type.properties.fontWeights.bold, whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden', paddingRight: tokens_1.space.xxxs }), function (_a) {
-    var inverse = _a.inverse;
-    return ({
-        color: inverse ? tokens_1.colors.frenchVanilla100 : tokens_1.typeColors.heading,
-    });
-});
-var CloseButton = styled_1.default(button_1.TertiaryButton)({
-    margin: '-8px',
-});
-var DrawerHeader = /** @class */ (function (_super) {
-    __extends(DrawerHeader, _super);
-    function DrawerHeader() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DrawerHeader.prototype.render = function () {
-        var _a = this.props, _b = _a.closeIconAriaLabel, closeIconAriaLabel = _b === void 0 ? 'Close' : _b, _c = _a.headerColor, headerColor = _c === void 0 ? tokens_1.colors.soap100 : _c, _d = _a.borderColor, borderColor = _d === void 0 ? tokens_1.colors.soap500 : _d, _e = _a.inverse, inverse = _e === void 0 ? false : _e, onClose = _a.onClose, title = _a.title, id = _a.id, elemProps = __rest(_a, ["closeIconAriaLabel", "headerColor", "borderColor", "inverse", "onClose", "title", "id"]);
-        return (React.createElement(HeaderContainer, __assign({ borderColor: borderColor }, elemProps, { headerColor: headerColor }),
-            React.createElement(HeaderTitle, { id: id, inverse: inverse, title: title }, title),
-            onClose && closeIconAriaLabel && (React.createElement(CloseButton, { variant: inverse ? 'inverse' : undefined, onClick: onClose, "aria-label": closeIconAriaLabel, icon: canvas_system_icons_web_1.xIcon }))));
-    };
-    return DrawerHeader;
-}(React.Component));
-exports.default = DrawerHeader;

package/dist/es6/common/lib/storybook-utils/ComponentStatesTable.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { PropCombination, Props } from './propTypes';
-/**
- * A helper to generate a table of all possible states for component visual testing.
- */
-export interface ComponentStatesTableProps {
-    /**
-     * The props that will be passed to the component when it is rendered and the corresponding
-     * row label for that permutation. It is encouraged to use the result of permutateProps()
-     * rather than passing in a list so we don't miss any combinations.
-     */
-    rowProps: PropCombination[];
-    /**
-     * The props that will be passed to the component when it is rendered and the corresponding
-     * column label for that permutation. It is encouraged to use the result of permutateProps()
-     * rather than passing in a list so we don't miss any combinations.
-     */
-    columnProps: PropCombination[];
-    /**
-     * The render function called to render the component in each cell of the table. This gives you
-     * the ability to add extra styling or markup (a blue background for an inverse variant, for example).
-     */
-    children(props: Props): React.ReactNode;
-}
-export declare const ComponentStatesTable: ({ rowProps, columnProps, children, }: ComponentStatesTableProps) => JSX.Element;
-//# sourceMappingURL=ComponentStatesTable.d.ts.map

package/dist/es6/common/lib/storybook-utils/ComponentStatesTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentStatesTable.d.ts","sourceRoot":"","sources":["../../../../../common/lib/storybook-utils/ComponentStatesTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAE,KAAK,EAAC,MAAM,aAAa,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;;OAIG;IACH,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B;;;;OAIG;IACH,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC;CACzC;AAgBD,eAAO,MAAM,oBAAoB,yCAI9B,yBAAyB,gBAkC3B,CAAC"}

package/dist/es6/common/lib/storybook-utils/ComponentStatesTable.js

@@ -1,41 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-import { styled } from '@workday/canvas-kit-react/common';
-var Table = styled('table')({
-    width: '100%',
-    thead: {
-        textAlign: 'left',
-        paddingBottom: 16,
-    },
-    'td, th': {
-        minWidth: 100,
-        paddingBottom: 16,
-        paddingRight: 16,
-        textAlign: 'left',
-    },
-});
-export var ComponentStatesTable = function (_a) {
-    var rowProps = _a.rowProps, columnProps = _a.columnProps, children = _a.children;
-    return (React.createElement(Table, null,
-        React.createElement("thead", null,
-            React.createElement("tr", null,
-                React.createElement("th", null, "Variants"),
-                columnProps.map(function (col) { return (React.createElement("th", { key: "component-table-heading-" + col.label.toLowerCase().replace(' ', ',') }, col.label)); }))),
-        React.createElement("tbody", null, rowProps.map(function (row) {
-            return (React.createElement("tr", { key: row.label.toLowerCase().replace(' ', '-') },
-                React.createElement("td", null, row.label),
-                columnProps.map(function (col) {
-                    return (React.createElement("td", { key: col.label.toLowerCase().replace(' ', '-') }, children(__assign(__assign({}, row.props), col.props))));
-                })));
-        }))));
-};

package/dist/es6/common/lib/storybook-utils/permutateProps.d.ts

@@ -1,5 +0,0 @@
-import { PropCombination, PropDeclaration, Props, PropsDeclaration } from './propTypes';
-export declare const permutateProps: (allProps: PropsDeclaration, filter?: ((props: Props) => boolean) | undefined, remainingProps?: string[], values?: {
-    [key: string]: PropDeclaration;
-}) => PropCombination[];
-//# sourceMappingURL=permutateProps.d.ts.map

package/dist/es6/common/lib/storybook-utils/permutateProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"permutateProps.d.ts","sourceRoot":"","sources":["../../../../../common/lib/storybook-utils/permutateProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAEtF,eAAO,MAAM,cAAc,aACf,gBAAgB,oBACT,KAAK,KAAK,OAAO,gCAClB,MAAM,EAAE;;MAEvB,eAAe,EAuCjB,CAAC"}