@workday/canvas-kit-labs-react 8.0.0-alpha.216-next.4 → 8.0.0-alpha.222-next.6

package/common/index.ts

@@ -1,3 +1 @@
 export * from './lib/theming';
-export {ComponentStatesTable} from './lib/storybook-utils/ComponentStatesTable';
-export {permutateProps} from './lib/storybook-utils/permutateProps';

package/common/lib/theming/useThemeRTL.ts

@@ -1,22 +1,20 @@
-import {
-  convertToStaticStates,
-  CanvasTheme,
-  useIsRTL,
-  useTheme,
-} from '@workday/canvas-kit-react/common';
+import {CanvasTheme, useIsRTL, useTheme, StyleRewriteFn} from '@workday/canvas-kit-react/common';
 import {CSSProperties} from '@workday/canvas-kit-react/tokens';
 import {useMemo} from 'react';
 import rtlCSSJS from 'rtl-css-js';
 
 export type ComponentStyles = Record<string, CSSProperties>;
-type ThemeWithStaticStates = CanvasTheme & {_staticStates?: boolean};
+type ThemeWithStaticStates = CanvasTheme & {_styleRewriteFn?: StyleRewriteFn};
 
 const getDirectionalStyles = (isRTL: boolean, ...styles: CSSProperties[]) => {
   return isRTL ? rtlCSSJS(styles) : styles;
 };
 
-const getConvertedStyles = (shouldConvert: boolean, styles: CSSProperties): CSSProperties => {
-  return shouldConvert ? convertToStaticStates(styles) ?? styles : styles;
+const getConvertedStyles = (
+  styles: CSSProperties,
+  convertFunc?: StyleRewriteFn
+): CSSProperties | undefined => {
+  return convertFunc ? convertFunc(styles) : styles;
 };
 
 /**
@@ -51,19 +49,19 @@ const getConvertedStyles = (shouldConvert: boolean, styles: CSSProperties): CSSP
 export function useThemeRTL() {
   const theme = useTheme();
   const direction = useIsRTL(theme);
-  const shouldConvert = (theme.canvas as ThemeWithStaticStates)._staticStates ?? false;
+  const convertFunc = (theme.canvas as ThemeWithStaticStates)._styleRewriteFn;
 
   const themeRTL = useMemo(() => {
     return (...cssObject: CSSProperties[]) => {
       const styles = getDirectionalStyles(direction, ...cssObject);
       return styles.reduce((first, second) => {
-        const convertedFirst = shouldConvert ? getConvertedStyles(shouldConvert, first) : first;
-        const convertedSecond = shouldConvert ? getConvertedStyles(shouldConvert, second) : second;
+        const convertedFirst = getConvertedStyles(first, convertFunc);
+        const convertedSecond = getConvertedStyles(second, convertFunc);
 
         return {...convertedFirst, ...convertedSecond};
       }, {});
     };
-  }, [direction, shouldConvert]);
+  }, [direction, convertFunc]);
 
   return {themeRTL, theme};
 }

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

@@ -1,4 +1,2 @@
 export * from './lib/theming';
-export { ComponentStatesTable } from './lib/storybook-utils/ComponentStatesTable';
-export { permutateProps } from './lib/storybook-utils/permutateProps';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../common/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,oBAAoB,EAAC,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../common/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/commonjs/common/index.js

@@ -10,9 +10,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.permutateProps = exports.ComponentStatesTable = void 0;
 __exportStar(require("./lib/theming"), exports);
-var ComponentStatesTable_1 = require("./lib/storybook-utils/ComponentStatesTable");
-Object.defineProperty(exports, "ComponentStatesTable", { enumerable: true, get: function () { return ComponentStatesTable_1.ComponentStatesTable; } });
-var permutateProps_1 = require("./lib/storybook-utils/permutateProps");
-Object.defineProperty(exports, "permutateProps", { enumerable: true, get: function () { return permutateProps_1.permutateProps; } });

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

@@ -1 +1 @@
-{"version":3,"file":"useThemeRTL.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemeRTL.ts"],"names":[],"mappings":"AAMA,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAI/D,oBAAY,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAW5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,WAAW;6BAMD,aAAa,EAAE;;EAYxC"}
+{"version":3,"file":"useThemeRTL.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemeRTL.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAI/D,oBAAY,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAc5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,WAAW;6BAMD,aAAa,EAAE;;EAYxC"}

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

@@ -32,9 +32,8 @@ var getDirectionalStyles = function (isRTL) {
     }
     return isRTL ? rtl_css_js_1.default(styles) : styles;
 };
-var getConvertedStyles = function (shouldConvert, styles) {
-    var _a;
-    return shouldConvert ? (_a = common_1.convertToStaticStates(styles)) !== null && _a !== void 0 ? _a : styles : styles;
+var getConvertedStyles = function (styles, convertFunc) {
+    return convertFunc ? convertFunc(styles) : styles;
 };
 /**
  * A helpful hook for supporting bidirectional styles.
@@ -66,10 +65,9 @@ var getConvertedStyles = function (shouldConvert, styles) {
  * }
  */
 function useThemeRTL() {
-    var _a;
     var theme = common_1.useTheme();
     var direction = common_1.useIsRTL(theme);
-    var shouldConvert = (_a = theme.canvas._staticStates) !== null && _a !== void 0 ? _a : false;
+    var convertFunc = theme.canvas._styleRewriteFn;
     var themeRTL = react_1.useMemo(function () {
         return function () {
             var cssObject = [];
@@ -78,12 +76,12 @@ function useThemeRTL() {
             }
             var styles = getDirectionalStyles.apply(void 0, __spreadArrays([direction], cssObject));
             return styles.reduce(function (first, second) {
-                var convertedFirst = shouldConvert ? getConvertedStyles(shouldConvert, first) : first;
-                var convertedSecond = shouldConvert ? getConvertedStyles(shouldConvert, second) : second;
+                var convertedFirst = getConvertedStyles(first, convertFunc);
+                var convertedSecond = getConvertedStyles(second, convertFunc);
                 return __assign(__assign({}, convertedFirst), convertedSecond);
             }, {});
         };
-    }, [direction, shouldConvert]);
+    }, [direction, convertFunc]);
     return { themeRTL: themeRTL, theme: theme };
 }
 exports.useThemeRTL = useThemeRTL;

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

@@ -1,4 +1,2 @@
 export * from './lib/theming';
-export { ComponentStatesTable } from './lib/storybook-utils/ComponentStatesTable';
-export { permutateProps } from './lib/storybook-utils/permutateProps';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../common/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,oBAAoB,EAAC,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../common/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/es6/common/index.js

@@ -1,3 +1 @@
 export * from './lib/theming';
-export { ComponentStatesTable } from './lib/storybook-utils/ComponentStatesTable';
-export { permutateProps } from './lib/storybook-utils/permutateProps';

package/dist/es6/common/lib/theming/useThemeRTL.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useThemeRTL.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemeRTL.ts"],"names":[],"mappings":"AAMA,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAI/D,oBAAY,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAW5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,WAAW;6BAMD,aAAa,EAAE;;EAYxC"}
+{"version":3,"file":"useThemeRTL.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemeRTL.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAI/D,oBAAY,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AAc5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,WAAW;6BAMD,aAAa,EAAE;;EAYxC"}

package/dist/es6/common/lib/theming/useThemeRTL.js

@@ -16,7 +16,7 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
             r[k] = a[j];
     return r;
 };
-import { convertToStaticStates, useIsRTL, useTheme, } from '@workday/canvas-kit-react/common';
+import { useIsRTL, useTheme } from '@workday/canvas-kit-react/common';
 import { useMemo } from 'react';
 import rtlCSSJS from 'rtl-css-js';
 var getDirectionalStyles = function (isRTL) {
@@ -26,9 +26,8 @@ var getDirectionalStyles = function (isRTL) {
     }
     return isRTL ? rtlCSSJS(styles) : styles;
 };
-var getConvertedStyles = function (shouldConvert, styles) {
-    var _a;
-    return shouldConvert ? (_a = convertToStaticStates(styles)) !== null && _a !== void 0 ? _a : styles : styles;
+var getConvertedStyles = function (styles, convertFunc) {
+    return convertFunc ? convertFunc(styles) : styles;
 };
 /**
  * A helpful hook for supporting bidirectional styles.
@@ -60,10 +59,9 @@ var getConvertedStyles = function (shouldConvert, styles) {
  * }
  */
 export function useThemeRTL() {
-    var _a;
     var theme = useTheme();
     var direction = useIsRTL(theme);
-    var shouldConvert = (_a = theme.canvas._staticStates) !== null && _a !== void 0 ? _a : false;
+    var convertFunc = theme.canvas._styleRewriteFn;
     var themeRTL = useMemo(function () {
         return function () {
             var cssObject = [];
@@ -72,11 +70,11 @@ export function useThemeRTL() {
             }
             var styles = getDirectionalStyles.apply(void 0, __spreadArrays([direction], cssObject));
             return styles.reduce(function (first, second) {
-                var convertedFirst = shouldConvert ? getConvertedStyles(shouldConvert, first) : first;
-                var convertedSecond = shouldConvert ? getConvertedStyles(shouldConvert, second) : second;
+                var convertedFirst = getConvertedStyles(first, convertFunc);
+                var convertedSecond = getConvertedStyles(second, convertFunc);
                 return __assign(__assign({}, convertedFirst), convertedSecond);
             }, {});
         };
-    }, [direction, shouldConvert]);
+    }, [direction, convertFunc]);
     return { themeRTL: themeRTL, theme: theme };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-labs-react",
-  "version": "8.0.0-alpha.216-next.4+df0f1156",
+  "version": "8.0.0-alpha.222-next.6+57c6fd85",
   "description": "Canvas Kit Labs is an incubator for new and experimental components. Since we have a rather rigorous process for getting components in at a production level, it can be valuable to make them available earlier while we continuously iterate on the API/functionality. The Labs modules allow us to do that as needed.",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -46,7 +46,7 @@
   "dependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
-    "@workday/canvas-kit-react": "^8.0.0-alpha.216-next.4+df0f1156",
+    "@workday/canvas-kit-react": "^8.0.0-alpha.222-next.6+57c6fd85",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/design-assets-types": "^0.2.8",
     "chroma-js": "^2.1.0",
@@ -56,5 +56,5 @@
   "devDependencies": {
     "@types/lodash.flatten": "^4.4.6"
   },
-  "gitHead": "df0f115637454a88469b36a9686c0c666995290f"
+  "gitHead": "57c6fd85b005fc6e63427f1ac78c7107e5b5538c"
 }

package/common/lib/storybook-utils/ComponentStatesTable.tsx

@@ -1,80 +0,0 @@
-import React from 'react';
-import {styled} from '@workday/canvas-kit-react/common';
-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;
-}
-
-const Table = styled('table')({
-  width: '100%',
-  thead: {
-    textAlign: 'left',
-    paddingBottom: 16,
-  },
-  'td, th': {
-    minWidth: 100,
-    paddingBottom: 16,
-    paddingRight: 16,
-    textAlign: 'left',
-  },
-});
-
-export const ComponentStatesTable = ({
-  rowProps,
-  columnProps,
-  children,
-}: ComponentStatesTableProps) => {
-  return (
-    <Table>
-      <thead>
-        <tr>
-          <th>Variants</th>
-          {columnProps.map(col => (
-            <th key={`component-table-heading-${col.label.toLowerCase().replace(' ', ',')}`}>
-              {col.label}
-            </th>
-          ))}
-        </tr>
-      </thead>
-      <tbody>
-        {rowProps.map(row => {
-          return (
-            <tr key={row.label.toLowerCase().replace(' ', '-')}>
-              <td>{row.label}</td>
-              {columnProps.map(col => {
-                return (
-                  <td key={col.label.toLowerCase().replace(' ', '-')}>
-                    {children({
-                      ...row.props,
-                      ...col.props,
-                    })}
-                  </td>
-                );
-              })}
-            </tr>
-          );
-        })}
-      </tbody>
-    </Table>
-  );
-};

package/common/lib/storybook-utils/permutateProps.ts

@@ -1,47 +0,0 @@
-import {PropCombination, PropDeclaration, Props, PropsDeclaration} from './propTypes';
-
-export const permutateProps = (
-  allProps: PropsDeclaration,
-  filter?: (props: Props) => boolean,
-  remainingProps: string[] = Object.keys(allProps),
-  values: {[key: string]: PropDeclaration} = {}
-): PropCombination[] => {
-  // When there are no more props to combine with, return result
-  const prop = remainingProps[0];
-  if (!prop) {
-    const props: Props = {};
-    Object.keys(values).forEach(prop => {
-      props[prop] = values?.[prop]?.value;
-    });
-
-    if (filter && !filter(props)) {
-      return [];
-    }
-
-    const label = Object.keys(values)
-      .map(prop => values?.[prop]?.label)
-      .join(' ');
-
-    return [
-      {
-        label,
-        props,
-      },
-    ];
-  }
-  const possiblePropValues = allProps[prop];
-
-  const permutations = possiblePropValues?.map((value: PropDeclaration) => {
-    const newValues = {...values}; // Required so we don't overwrite previous references
-    newValues[prop] = value;
-
-    return permutateProps(
-      allProps,
-      filter,
-      remainingProps!.slice(1, remainingProps!.length),
-      newValues
-    );
-  });
-
-  return (permutations as any).flat();
-};

package/common/lib/storybook-utils/propTypes.ts

@@ -1,15 +0,0 @@
-export type PropDeclaration = {
-  value: any;
-  label: string;
-};
-
-export type PropsDeclaration = {[key: string]: PropDeclaration[]};
-
-export type Props = {
-  [key: string]: any;
-};
-
-export type PropCombination = {
-  label: string;
-  props: Props;
-};

package/dist/commonjs/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/commonjs/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/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/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"}

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

@@ -1,43 +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);
-};
-export 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 permutateProps(allProps, filter, remainingProps.slice(1, remainingProps.length), newValues);
-    });
-    return permutations.flat();
-};

package/dist/es6/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/es6/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/es6/common/lib/storybook-utils/propTypes.js

@@ -1 +0,0 @@
-export {};