@databricks/design-system 0.1.8 → 1.0.0

package/dist/design-system/Checkbox/Checkbox.js

@@ -1,129 +0,0 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
-import { jsx } from '../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import { css } from '@emotion/react';
-import { getTheme } from '../../theme/index.js';
-import { useContext } from 'react';
-import AntDCheckbox from '../node_modules/antd/es/checkbox/index.js';
-import { DesignSystemContext, getAnimationCss } from '../DesignSystemProvider/DesignSystemProvider.js';
-
-function getCheckboxEmotionStyles(clsPrefix, enableAnimation, theme) {
-    var _a, _b, _c, _d, _e, _f;
-    var classInput = "." + clsPrefix + "-input";
-    var classInner = "." + clsPrefix + "-inner";
-    var classIndeterminate = "." + clsPrefix + "-indeterminate";
-    var classChecked = "." + clsPrefix + "-checked";
-    var classDisabled = "." + clsPrefix + "-disabled";
-    // TODO(giles): update all colours in this function to come from the main theme object when they are all available.
-    var colors = {
-        hover: '#18609A',
-        active: '#0D5087',
-        disabled: '#A3AEB8',
-    };
-    var styles = __assign((_a = {}, _a[classInner] = {
-        '&:focus': {
-            borderColor: '#64727D',
-        },
-        borderColor: '#64727D',
-    }, _a[classInput + ":focus-visible + " + classInner] = {
-        outlineWidth: '2px',
-        outlineColor: theme.colors.primary,
-        outlineOffset: '4px',
-        outlineStyle: 'auto',
-    }, _a[classInput + ":hover + " + classInner] = {
-        backgroundColor: 'rgba(34, 114, 180, 0.08)',
-        borderColor: 'rgba(24, 96, 154, 1)',
-    }, _a[classInput + ":active + " + classInner] = {
-        backgroundColor: 'rgba(34, 114, 180, 0.16)',
-    }, _a[classChecked] = (_b = {},
-        // Checked hover
-        _b[classInput + ":hover + " + classInner] = {
-            backgroundColor: 'rgba(24, 96, 154, 1)',
-            borderColor: 'rgba(24, 96, 154, 1)',
-        },
-        // Checked and mouse pressed
-        _b[classInput + ":active + " + classInner] = {
-            backgroundColor: colors.active,
-            borderColor: colors.active,
-        },
-        _b), _a[classIndeterminate] = (_c = {},
-        _c[classInner] = {
-            backgroundColor: theme.colors.primary,
-            borderColor: theme.colors.primary,
-            // The after pseudo-element is used for the check image itself
-            '&:after': {
-                backgroundColor: 'white',
-                height: '3px',
-                width: '8px',
-                borderRadius: '4px',
-            },
-        },
-        // Indeterminate hover
-        _c[classInput + ":hover + " + classInner] = {
-            backgroundColor: 'rgba(24, 96, 154, 1)',
-            borderColor: 'rgba(24, 96, 154, 1)',
-        },
-        // Indeterminate and mouse pressed
-        _c[classInput + ":active + " + classInner] = {
-            backgroundColor: colors.active,
-        },
-        _c), _a[classDisabled] = (_d = {},
-        // Disabled Checked
-        _d["&" + classChecked] = (_e = {},
-            _e[classInner] = {
-                backgroundColor: colors.disabled,
-                borderColor: colors.disabled + "!important",
-            },
-            // Disabled checked hover
-            _e[classInput + ":hover + " + classInner] = {
-                backgroundColor: colors.disabled,
-                borderColor: colors.disabled + "!important",
-            },
-            _e),
-        // Disabled indeterminate
-        _d["&" + classIndeterminate] = (_f = {},
-            _f[classInner] = {
-                backgroundColor: colors.disabled,
-                borderColor: colors.disabled + "!important",
-            },
-            // Disabled indeterminate hover
-            _f[classInput + ":hover + " + classInner] = {
-                backgroundColor: colors.disabled,
-                borderColor: colors.disabled + "!important",
-            },
-            _f),
-        // Disabled unchecked
-        _d[classInner] = {
-            backgroundColor: 'white',
-            borderColor: colors.disabled + "!important",
-            // The after pseudo-element is used for the check image itself
-            '&:after': {
-                borderColor: 'white',
-            },
-        },
-        // Disabled hover
-        _d[classInput + ":hover + " + classInner] = {
-            backgroundColor: 'white',
-            borderColor: colors.disabled + "!important",
-        },
-        _d), _a), getAnimationCss(enableAnimation));
-    return css(styles);
-}
-var Checkbox = function (_a) {
-    var isChecked = _a.isChecked, onChange = _a.onChange, children = _a.children, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b;
-    var context = useContext(DesignSystemContext);
-    var clsPrefix = context.getPrefixCls('checkbox');
-    var theme = getTheme('default');
-    return (
-    // Antd checkboxes are inline, so we add this div to make ours block-level
-    jsx("div", { children: jsx(AntDCheckbox, __assign({ checked: isChecked === null ? undefined : isChecked, onChange: function (event) {
-                onChange(event.target.checked, event);
-            }, disabled: isDisabled, indeterminate: isChecked === null, css: getCheckboxEmotionStyles(clsPrefix, context.enableAnimation, theme) }, { children: children }), void 0) }, void 0));
-};
-var CheckboxGroup = function (props) {
-    var context = useContext(DesignSystemContext);
-    return jsx(AntDCheckbox.Group, __assign({}, props, { css: css(getAnimationCss(context.enableAnimation)) }), void 0);
-};
-Checkbox.Group = CheckboxGroup;
-
-export { Checkbox };
-//# sourceMappingURL=Checkbox.js.map

package/dist/design-system/Checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/design-system/Checkbox/Checkbox.tsx"],"sourcesContent":["import { Checkbox as AntDCheckbox } from 'antd';\nimport { css, CSSObject, SerializedStyles } from '@emotion/react';\nimport { DesignSystemContext, getAnimationCss } from '..';\nimport { getTheme, Theme } from '../../theme';\nimport { CheckboxChangeEvent } from 'antd/lib/checkbox';\nimport { CheckboxGroupProps } from 'antd/lib/checkbox';\nimport { useContext } from 'react';\n\nfunction getCheckboxEmotionStyles(clsPrefix: string, enableAnimation: boolean, theme: Theme): SerializedStyles {\n  const classInput = `.${clsPrefix}-input`;\n  const classInner = `.${clsPrefix}-inner`;\n  const classIndeterminate = `.${clsPrefix}-indeterminate`;\n  const classChecked = `.${clsPrefix}-checked`;\n  const classDisabled = `.${clsPrefix}-disabled`;\n\n  // TODO(giles): update all colours in this function to come from the main theme object when they are all available.\n  const colors = {\n    hover: '#18609A',\n    active: '#0D5087',\n    disabled: '#A3AEB8',\n  };\n\n  const styles: CSSObject = {\n    // Top level styles are for the unchecked state\n    [classInner]: {\n      '&:focus': {\n        borderColor: '#64727D',\n      },\n      borderColor: '#64727D',\n    },\n\n    // Keyboard focus\n    [`${classInput}:focus-visible + ${classInner}`]: {\n      outlineWidth: '2px',\n      outlineColor: theme.colors.primary,\n      outlineOffset: '4px',\n      outlineStyle: 'auto',\n    },\n\n    // Hover\n    [`${classInput}:hover + ${classInner}`]: {\n      backgroundColor: 'rgba(34, 114, 180, 0.08)',\n      borderColor: 'rgba(24, 96, 154, 1)',\n    },\n\n    // Mouse pressed\n    [`${classInput}:active + ${classInner}`]: {\n      backgroundColor: 'rgba(34, 114, 180, 0.16)',\n    },\n\n    // Checked state\n    [classChecked]: {\n      // Checked hover\n      [`${classInput}:hover + ${classInner}`]: {\n        backgroundColor: 'rgba(24, 96, 154, 1)',\n        borderColor: 'rgba(24, 96, 154, 1)',\n      },\n\n      // Checked and mouse pressed\n      [`${classInput}:active + ${classInner}`]: {\n        backgroundColor: colors.active,\n        borderColor: colors.active,\n      },\n    },\n\n    // Indeterminate\n    [classIndeterminate]: {\n      [classInner]: {\n        backgroundColor: theme.colors.primary,\n        borderColor: theme.colors.primary,\n\n        // The after pseudo-element is used for the check image itself\n        '&:after': {\n          backgroundColor: 'white',\n          height: '3px',\n          width: '8px',\n          borderRadius: '4px',\n        },\n      },\n\n      // Indeterminate hover\n      [`${classInput}:hover + ${classInner}`]: {\n        backgroundColor: 'rgba(24, 96, 154, 1)',\n        borderColor: 'rgba(24, 96, 154, 1)',\n      },\n\n      // Indeterminate and mouse pressed\n      [`${classInput}:active + ${classInner}`]: {\n        backgroundColor: colors.active,\n      },\n    },\n\n    // Disabled state\n    [classDisabled]: {\n      // Disabled Checked\n      [`&${classChecked}`]: {\n        [classInner]: {\n          backgroundColor: colors.disabled,\n          borderColor: `${colors.disabled}!important`,\n        },\n\n        // Disabled checked hover\n        [`${classInput}:hover + ${classInner}`]: {\n          backgroundColor: colors.disabled,\n          borderColor: `${colors.disabled}!important`,\n        },\n      },\n\n      // Disabled indeterminate\n      [`&${classIndeterminate}`]: {\n        [classInner]: {\n          backgroundColor: colors.disabled,\n          borderColor: `${colors.disabled}!important`,\n        },\n\n        // Disabled indeterminate hover\n        [`${classInput}:hover + ${classInner}`]: {\n          backgroundColor: colors.disabled,\n          borderColor: `${colors.disabled}!important`,\n        },\n      },\n\n      // Disabled unchecked\n      [classInner]: {\n        backgroundColor: 'white',\n        borderColor: `${colors.disabled}!important`,\n\n        // The after pseudo-element is used for the check image itself\n        '&:after': {\n          borderColor: 'white',\n        },\n      },\n\n      // Disabled hover\n      [`${classInput}:hover + ${classInner}`]: {\n        backgroundColor: 'white',\n        borderColor: `${colors.disabled}!important`,\n      },\n    },\n\n    // Animation\n    ...getAnimationCss(enableAnimation),\n  };\n\n  return css(styles);\n}\n\nexport const Checkbox = ({\n  isChecked,\n  onChange,\n  children,\n  isDisabled = false,\n}: {\n  isChecked: boolean | null;\n  onChange: (isChecked: boolean, event: CheckboxChangeEvent) => void;\n  children?: React.ReactNode;\n  isDisabled?: boolean;\n}): JSX.Element => {\n  const context = useContext(DesignSystemContext);\n  const clsPrefix = context.getPrefixCls('checkbox');\n  const theme = getTheme('default');\n\n  return (\n    // Antd checkboxes are inline, so we add this div to make ours block-level\n    <div>\n      <AntDCheckbox\n        checked={isChecked === null ? undefined : isChecked}\n        onChange={(event) => {\n          onChange(event.target.checked, event);\n        }}\n        disabled={isDisabled}\n        indeterminate={isChecked === null}\n        css={getCheckboxEmotionStyles(clsPrefix, context.enableAnimation, theme)}\n      >\n        {children}\n      </AntDCheckbox>\n    </div>\n  );\n};\n\nconst CheckboxGroup = (props: CheckboxGroupProps): JSX.Element => {\n  const context = useContext(DesignSystemContext);\n\n  return <AntDCheckbox.Group {...props} css={css(getAnimationCss(context.enableAnimation))} />;\n};\n\nCheckbox.Group = CheckboxGroup;\n"],"names":["_jsx"],"mappings":"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"}

package/dist/design-system/Checkbox/stories/basic.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function BasicCheckbox(): JSX.Element;

package/dist/design-system/Checkbox/stories/indeterminate.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function IndeterminateCheckbox(): JSX.Element;

package/dist/design-system/Collapse/Collapse.js

@@ -1,29 +0,0 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
-import { jsx } from '../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import { css } from '@emotion/react';
-import { getTheme } from '../../theme/index.js';
-import { useContext } from 'react';
-import Collapse$1 from '../node_modules/antd/es/collapse/Collapse.js';
-import { DesignSystemContext, getAnimationCss } from '../DesignSystemProvider/DesignSystemProvider.js';
-
-function getCollapseEmotionStyles(clsPrefix, theme, enableAnimation) {
-    var _a, _b;
-    var classHeader = "." + clsPrefix + "-header";
-    var styles = __assign((_a = {}, _a[classHeader] = (_b = {},
-        _b['&:focus-visible'] = {
-            outlineColor: theme.colors.primary + " !important",
-            outlineStyle: 'auto !important',
-        },
-        _b), _a), getAnimationCss(enableAnimation));
-    return css(styles);
-}
-var Collapse = function (props) {
-    var context = useContext(DesignSystemContext);
-    var clsPrefix = context.getPrefixCls('collapse');
-    var theme = getTheme('default');
-    return jsx(Collapse$1, __assign({}, props, { css: getCollapseEmotionStyles(clsPrefix, theme, context.enableAnimation) }), void 0);
-};
-Collapse.Panel = Collapse$1.Panel;
-
-export { Collapse };
-//# sourceMappingURL=Collapse.js.map

package/dist/design-system/Collapse/Collapse.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collapse.js","sources":["../../../src/design-system/Collapse/Collapse.tsx"],"sourcesContent":["import { Collapse as AntDCollapse, CollapseProps as AntDCollapseProps } from 'antd';\nimport { css, SerializedStyles } from '@emotion/react';\nimport { DesignSystemContext, getAnimationCss } from '..';\nimport { getTheme, Theme } from '../../theme';\nimport { useContext } from 'react';\n\nexport interface CollapseProps extends AntDCollapseProps {}\n\ninterface CollapseInterface extends React.FC<CollapseProps> {\n  Panel: typeof AntDCollapse.Panel;\n}\n\nfunction getCollapseEmotionStyles(clsPrefix: string, theme: Theme, enableAnimation: boolean): SerializedStyles {\n  const classHeader = `.${clsPrefix}-header`;\n\n  const styles = {\n    [classHeader]: {\n      ['&:focus-visible']: {\n        outlineColor: `${theme.colors.primary} !important`,\n        outlineStyle: 'auto !important',\n      },\n    },\n    ...getAnimationCss(enableAnimation),\n  };\n\n  return css(styles);\n}\n\nexport const Collapse: CollapseInterface = (props) => {\n  const context = useContext(DesignSystemContext);\n  const clsPrefix = context.getPrefixCls('collapse');\n  const theme = getTheme('default');\n\n  return <AntDCollapse {...props} css={getCollapseEmotionStyles(clsPrefix, theme, context.enableAnimation)} />;\n};\n\nCollapse.Panel = AntDCollapse.Panel;\n"],"names":["_jsx","AntDCollapse"],"mappings":";;;;;;;;AAYA,SAAS,wBAAwB,CAAC,SAAiB,EAAE,KAAY,EAAE,eAAwB;;IACzF,IAAM,WAAW,GAAG,MAAI,SAAS,YAAS,CAAC;IAE3C,IAAM,MAAM,yBACT,WAAW;QACV,GAAC,iBAAiB,IAAG;YACnB,YAAY,EAAK,KAAK,CAAC,MAAM,CAAC,OAAO,gBAAa;YAClD,YAAY,EAAE,iBAAiB;SAChC;kBAEA,eAAe,CAAC,eAAe,CAAC,CACpC,CAAC;IAEF,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC;AACrB,CAAC;IAEY,QAAQ,GAAsB,UAAC,KAAK;IAC/C,IAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACnD,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAElC,OAAOA,IAACC,UAAY,eAAK,KAAK,IAAE,GAAG,EAAE,wBAAwB,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,YAAI,CAAC;AAC/G,EAAE;AAEF,QAAQ,CAAC,KAAK,GAAGA,UAAY,CAAC,KAAK;;;;"}

package/dist/design-system/Collapse/stories/basic-example.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const BasicExample: () => JSX.Element;

package/dist/design-system/Colors/stories/all-colors.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ThemeName } from '../../../theme';
-export interface ColorTokensProps {
-    themeName: ThemeName;
-}
-export declare function AllColors(): JSX.Element;

package/dist/design-system/Colors/stories/story-helpers/CopyableColorTag.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface ColorTokenProps {
-    value: string;
-    name: string;
-}
-export declare function CopyableColorTag({ value, name }: ColorTokenProps): JSX.Element;

package/dist/design-system/DesignSystemProvider/DesignSystemProvider.js

@@ -1,38 +0,0 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
-import { jsx } from '../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import { getTheme } from '../../theme/index.js';
-import { ThemeProvider } from '@emotion/react';
-import { getClassNamePrefix, getPrefixedClassNameFromTheme } from '../hooks/useDesignSystemTheme.js';
-import { createContext, useMemo } from 'react';
-import ConfigProvider from '../node_modules/antd/es/config-provider/index.js';
-
-var DuboisContextDefaults = {
-    enableAnimation: false,
-    theme: 'default',
-    // Prefer to use useDesignSystemTheme.getPrefixedClassName instead
-    getPrefixCls: function (suffix) { return (suffix ? "du-bois-" + suffix : 'du-bois'); },
-};
-var DesignSystemContext = createContext(DuboisContextDefaults);
-function getAnimationCss(enableAnimation) {
-    var _a, _b;
-    var disableAnimationCss = {
-        animationDuration: '0s !important',
-        transition: 'none !important',
-    };
-    return enableAnimation
-        ? {}
-        : __assign(__assign({}, disableAnimationCss), (_a = {}, _a['&::before'] = disableAnimationCss, _a['&::after'] = disableAnimationCss, _a['[class^=du-bois], [class^=du-bois] *'] = __assign(__assign({}, disableAnimationCss), (_b = {}, _b['&::before'] = disableAnimationCss, _b['&::after'] = disableAnimationCss, _b)), _a));
-}
-var DesignSystemProvider = function (_a) {
-    var children = _a.children, themeName = _a.theme, _b = _a.enableAnimation, enableAnimation = _b === void 0 ? false : _b;
-    var theme = useMemo(function () { return getTheme(themeName || 'default'); }, [themeName]);
-    var classNamePrefix = getClassNamePrefix(theme);
-    return (jsx(ThemeProvider, __assign({ theme: theme }, { children: jsx(ConfigProvider, __assign({ prefixCls: classNamePrefix }, { children: jsx(DesignSystemContext.Provider, __assign({ value: {
-                    enableAnimation: enableAnimation,
-                    theme: theme.themeName,
-                    getPrefixCls: function (suffix) { return getPrefixedClassNameFromTheme(theme, suffix); },
-                } }, { children: children }), void 0) }), void 0) }), void 0));
-};
-
-export { DesignSystemContext, DesignSystemProvider, getAnimationCss };
-//# sourceMappingURL=DesignSystemProvider.js.map

package/dist/design-system/DesignSystemProvider/DesignSystemProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DesignSystemProvider.js","sources":["../../../src/design-system/DesignSystemProvider/DesignSystemProvider.tsx"],"sourcesContent":["import { CSSObject } from '@emotion/react';\nimport { ConfigProvider } from 'antd';\nimport { getTheme, ThemeName } from '../../theme';\nimport { ThemeProvider } from '@emotion/react';\nimport { getClassNamePrefix, getPrefixedClassNameFromTheme } from '../hooks/useDesignSystemTheme';\nimport { createContext, useMemo } from 'react';\n\ninterface DesignSystemProviderProps {\n  /**\n   * The UI theme to be applied to all components inside this provider. Can be \"default\" or \"dark\".\n   */\n  theme?: ThemeName;\n  /**\n   * Set this to `true` to enable CSS animations for all Du Bois components inside this provider.\n   * This is purely a visual enhancement, and is not necessary for the functionality of any component.\n   */\n  enableAnimation?: boolean;\n  /**\n   * Components to render within the provider.\n   */\n  children: React.ReactNode;\n}\n\ninterface DuboisContextType {\n  enableAnimation: boolean;\n  theme: ThemeName;\n  // Prefer to use useDesignSystemTheme.getPrefixedClassName instead\n  // TODO(sschneider): Replace in all components and possibly in webapp.\n  getPrefixCls: (suffix?: string) => string;\n}\n\nconst DuboisContextDefaults: DuboisContextType = {\n  enableAnimation: false,\n  theme: 'default',\n  // Prefer to use useDesignSystemTheme.getPrefixedClassName instead\n  getPrefixCls: (suffix?: string) => (suffix ? `du-bois-${suffix}` : 'du-bois'),\n};\n\nexport const DesignSystemContext = createContext<DuboisContextType>(DuboisContextDefaults);\n\nexport function getAnimationCss(enableAnimation: boolean): CSSObject {\n  const disableAnimationCss: CSSObject = {\n    animationDuration: '0s !important',\n    transition: 'none !important',\n  };\n\n  return enableAnimation\n    ? {}\n    : {\n        // Apply to the current element\n        ...disableAnimationCss,\n        ['&::before']: disableAnimationCss,\n        ['&::after']: disableAnimationCss,\n\n        // Also apply to all child elements with a class that starts with our prefix, and all\n        // children of those elements.\n        ['[class^=du-bois], [class^=du-bois] *']: {\n          ...disableAnimationCss,\n          // Also target any pseudo-elements associated with those elements, since these can also be animated.\n          ['&::before']: disableAnimationCss,\n          ['&::after']: disableAnimationCss,\n        },\n      };\n}\n\nexport const DesignSystemProvider: React.FC<DesignSystemProviderProps> = ({\n  children,\n  theme: themeName,\n  enableAnimation = false,\n}: DesignSystemProviderProps) => {\n  const theme = useMemo(() => getTheme(themeName || 'default'), [themeName]);\n\n  const classNamePrefix = getClassNamePrefix(theme);\n\n  return (\n    <ThemeProvider theme={theme}>\n      <ConfigProvider prefixCls={classNamePrefix}>\n        <DesignSystemContext.Provider\n          value={{\n            enableAnimation,\n            theme: theme.themeName,\n            getPrefixCls: (suffix?: string) => getPrefixedClassNameFromTheme(theme, suffix),\n          }}\n        >\n          {children}\n        </DesignSystemContext.Provider>\n      </ConfigProvider>\n    </ThemeProvider>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;AA+BA,IAAM,qBAAqB,GAAsB;IAC/C,eAAe,EAAE,KAAK;IACtB,KAAK,EAAE,SAAS;;IAEhB,YAAY,EAAE,UAAC,MAAe,IAAK,QAAC,MAAM,GAAG,aAAW,MAAQ,GAAG,SAAS,IAAC;CAC9E,CAAC;IAEW,mBAAmB,GAAG,aAAa,CAAoB,qBAAqB,EAAE;SAE3E,eAAe,CAAC,eAAwB;;IACtD,IAAM,mBAAmB,GAAc;QACrC,iBAAiB,EAAE,eAAe;QAClC,UAAU,EAAE,iBAAiB;KAC9B,CAAC;IAEF,OAAO,eAAe;UAClB,EAAE;gCAGG,mBAAmB,gBACrB,WAAW,IAAG,mBAAmB,KACjC,UAAU,IAAG,mBAAmB,KAIhC,sCAAsC,0BAClC,mBAAmB,gBAErB,WAAW,IAAG,mBAAmB,KACjC,UAAU,IAAG,mBAAmB,YAEpC,CAAC;AACR,CAAC;IAEY,oBAAoB,GAAwC,UAAC,EAI9C;QAH1B,QAAQ,cAAA,EACD,SAAS,WAAA,EAChB,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA;IAEvB,IAAM,KAAK,GAAG,OAAO,CAAC,cAAM,OAAA,QAAQ,CAAC,SAAS,IAAI,SAAS,CAAC,GAAA,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAE3E,IAAM,eAAe,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAElD,QACEA,IAAC,aAAa,aAAC,KAAK,EAAE,KAAK,gBACzBA,IAAC,cAAc,aAAC,SAAS,EAAE,eAAe,gBACxCA,IAAC,mBAAmB,CAAC,QAAQ,aAC3B,KAAK,EAAE;oBACL,eAAe,iBAAA;oBACf,KAAK,EAAE,KAAK,CAAC,SAAS;oBACtB,YAAY,EAAE,UAAC,MAAe,IAAK,OAAA,6BAA6B,CAAC,KAAK,EAAE,MAAM,CAAC,GAAA;iBAChF,gBAEA,QAAQ,YACoB,YAChB,YACH,EAChB;AACJ;;;;"}

package/dist/design-system/Dropdown/Dropdown.js

@@ -1,10 +0,0 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
-import { jsx } from '../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import Dropdown$1 from '../node_modules/antd/es/dropdown/dropdown.js';
-
-var Dropdown = function (props) {
-    return jsx(Dropdown$1, __assign({}, props), void 0);
-};
-
-export { Dropdown };
-//# sourceMappingURL=Dropdown.js.map

package/dist/design-system/Dropdown/Dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../src/design-system/Dropdown/Dropdown.tsx"],"sourcesContent":["import { Dropdown as AntDDropdown, DropDownProps as AntDDropdownProps } from 'antd';\n\nexport interface DropdownProps extends AntDDropdownProps {}\n\nexport const Dropdown: React.FC<DropdownProps> = (props) => {\n  return <AntDDropdown {...props} />;\n};\n"],"names":["_jsx","AntDDropdown"],"mappings":";;;;IAIa,QAAQ,GAA4B,UAAC,KAAK;IACrD,OAAOA,IAACC,UAAY,eAAK,KAAK,UAAI,CAAC;AACrC;;;;"}

package/dist/design-system/Dropdown/stories/basic-example.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const BasicExample: () => JSX.Element;

package/dist/design-system/Form/Form.js

@@ -1,46 +0,0 @@
-import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
-import { jsx } from '../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import React__default from 'react';
-import { css } from '@emotion/react';
-import { useDesignSystemTheme } from '../hooks/useDesignSystemTheme.js';
-import AntDForm from '../node_modules/antd/es/form/index.js';
-import { DesignSystemContext, getAnimationCss } from '../DesignSystemProvider/DesignSystemProvider.js';
-
-var getFormEmotionStyles = function (_a) {
-    var _b;
-    var theme = _a.theme, clsPrefix = _a.clsPrefix, enableAnimation = _a.enableAnimation;
-    var clsFormItemLabel = clsPrefix + "-form-item-label";
-    var clsFormItemInputControl = clsPrefix + "-form-item-control-input";
-    var clsFormItemExplain = clsPrefix + "-form-item-explain";
-    return css(__assign((_b = {}, _b["." + clsFormItemLabel] = {
-        fontWeight: theme.typography.typographyBoldFontWeight,
-    }, _b["." + clsFormItemExplain] = {
-        fontSize: theme.typography.fontSizeSm,
-    }, _b["." + clsFormItemInputControl + " input[disabled]"] = {
-        border: 'none',
-    }, _b), getAnimationCss(enableAnimation)));
-};
-var Form = function (_a) {
-    var dangerouslySetAntdProps = _a.dangerouslySetAntdProps, props = __rest(_a, ["dangerouslySetAntdProps"]);
-    var context = React__default.useContext(DesignSystemContext);
-    var theme = useDesignSystemTheme().theme;
-    var clsPrefix = context.getPrefixCls();
-    var mergedProps = __assign(__assign({}, props), { layout: props.layout || 'vertical', requiredMark: props.requiredMark || false });
-    return (jsx(AntDForm, __assign({}, mergedProps, { css: getFormEmotionStyles({
-            theme: theme,
-            clsPrefix: clsPrefix,
-            enableAnimation: context.enableAnimation,
-        }) }, dangerouslySetAntdProps), void 0));
-};
-var FormItem = function (props) { return jsx(AntDForm.Item, __assign({}, props), void 0); };
-Form.Item = function (props) {
-    var mergedProps = __assign(__assign({}, props), { required: props.required || true });
-    return jsx(AntDForm.Item, __assign({}, mergedProps), void 0);
-};
-Form.Item.displayName = 'FormItem';
-Form.Item = FormItem;
-Form.List = AntDForm.List;
-Form.useForm = AntDForm.useForm;
-
-export { Form };
-//# sourceMappingURL=Form.js.map

package/dist/design-system/Form/Form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Form.js","sources":["../../../src/design-system/Form/Form.tsx"],"sourcesContent":["import React from 'react';\nimport { css } from '@emotion/react';\nimport { Form as AntDForm, FormItemProps as AntDFormItemProps, FormProps as AntDFormProps } from 'antd';\nimport { DangerouslySetAntdProps } from '../types';\nimport { ComponentTheme } from '../../theme';\nimport { DesignSystemContext, getAnimationCss } from '../DesignSystemProvider';\nimport { useDesignSystemTheme } from '../hooks';\n\nconst getFormEmotionStyles = ({\n  theme,\n  clsPrefix,\n  enableAnimation,\n}: {\n  theme: ComponentTheme;\n  clsPrefix: string;\n  enableAnimation: boolean;\n}) => {\n  const clsFormItemLabel = `${clsPrefix}-form-item-label`;\n  const clsFormItemInputControl = `${clsPrefix}-form-item-control-input`;\n  const clsFormItemExplain = `${clsPrefix}-form-item-explain`;\n\n  return css({\n    [`.${clsFormItemLabel}`]: {\n      fontWeight: theme.typography.typographyBoldFontWeight,\n    },\n    [`.${clsFormItemExplain}`]: {\n      fontSize: theme.typography.fontSizeSm,\n    },\n    [`.${clsFormItemInputControl} input[disabled]`]: {\n      border: 'none',\n    },\n    ...getAnimationCss(enableAnimation),\n  });\n};\n\nexport interface FormItemProps\n  extends Pick<\n      AntDFormItemProps,\n      | 'children'\n      | 'dependencies'\n      | 'getValueFromEvent'\n      | 'getValueProps'\n      | 'help'\n      | 'hidden'\n      | 'htmlFor'\n      | 'initialValue'\n      | 'label'\n      | 'messageVariables'\n      | 'name'\n      | 'normalize'\n      | 'noStyle'\n      | 'preserve'\n      | 'required'\n      | 'rules'\n      | 'shouldUpdate'\n      | 'tooltip'\n      | 'trigger'\n      | 'validateStatus'\n      | 'validateTrigger'\n      | 'valuePropName'\n    >,\n    DangerouslySetAntdProps<AntDFormItemProps> {}\n\nexport interface FormProps\n  extends Pick<\n      AntDFormProps,\n      | 'children'\n      | 'component'\n      | 'fields'\n      | 'form'\n      | 'initialValues'\n      | 'labelCol'\n      | 'layout'\n      | 'name'\n      | 'preserve'\n      | 'requiredMark'\n      | 'validateMessages'\n      | 'validateTrigger'\n      | 'wrapperCol'\n      | 'onFieldsChange'\n      | 'onFinish'\n      | 'onFinishFailed'\n      | 'onValuesChange'\n    >,\n    DangerouslySetAntdProps<AntDFormProps> {}\n\ninterface FormInterface extends React.FC<FormProps> {\n  Item: typeof FormItem;\n  List: typeof AntDForm.List;\n  useForm: typeof AntDForm.useForm;\n}\n\nexport const Form: FormInterface = ({ dangerouslySetAntdProps, ...props }) => {\n  const context = React.useContext(DesignSystemContext);\n  const { theme } = useDesignSystemTheme();\n  const clsPrefix = context.getPrefixCls();\n  const mergedProps: FormProps = {\n    ...props,\n    layout: props.layout || 'vertical',\n    requiredMark: props.requiredMark || false,\n  };\n\n  return (\n    <AntDForm\n      {...mergedProps}\n      css={getFormEmotionStyles({\n        theme,\n        clsPrefix,\n        enableAnimation: context.enableAnimation,\n      })}\n      {...dangerouslySetAntdProps}\n    />\n  );\n};\n\nconst FormItem: React.FC<FormItemProps> = (props) => <AntDForm.Item {...props} />;\n\nForm.Item = (props: FormItemProps) => {\n  const mergedProps: FormItemProps = {\n    ...props,\n    required: props.required || true,\n  };\n\n  return <AntDForm.Item {...mergedProps} />;\n};\n\nForm.Item.displayName = 'FormItem';\n\nForm.Item = FormItem;\nForm.List = AntDForm.List;\nForm.useForm = AntDForm.useForm;\n"],"names":["React","_jsx"],"mappings":";;;;;;;;AAQA,IAAM,oBAAoB,GAAG,UAAC,EAQ7B;;QAPC,KAAK,WAAA,EACL,SAAS,eAAA,EACT,eAAe,qBAAA;IAMf,IAAM,gBAAgB,GAAM,SAAS,qBAAkB,CAAC;IACxD,IAAM,uBAAuB,GAAM,SAAS,6BAA0B,CAAC;IACvE,IAAM,kBAAkB,GAAM,SAAS,uBAAoB,CAAC;IAE5D,OAAO,GAAG,uBACP,MAAI,gBAAkB,IAAG;QACxB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,wBAAwB;KACtD,KACA,MAAI,kBAAoB,IAAG;QAC1B,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;KACtC,KACA,MAAI,uBAAuB,qBAAkB,IAAG;QAC/C,MAAM,EAAE,MAAM;KACf,OACE,eAAe,CAAC,eAAe,CAAC,EACnC,CAAC;AACL,CAAC,CAAC;IA2DW,IAAI,GAAkB,UAAC,EAAqC;IAAnC,IAAA,uBAAuB,6BAAA,EAAK,KAAK,cAAnC,2BAAqC,CAAF;IACrE,IAAM,OAAO,GAAGA,cAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAC9C,IAAA,KAAK,GAAK,oBAAoB,EAAE,MAA3B,CAA4B;IACzC,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;IACzC,IAAM,WAAW,yBACZ,KAAK,KACR,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,UAAU,EAClC,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,KAAK,GAC1C,CAAC;IAEF,QACEC,IAAC,QAAQ,eACH,WAAW,IACf,GAAG,EAAE,oBAAoB,CAAC;YACxB,KAAK,OAAA;YACL,SAAS,WAAA;YACT,eAAe,EAAE,OAAO,CAAC,eAAe;SACzC,CAAC,IACE,uBAAuB,UAC3B,EACF;AACJ,EAAE;AAEF,IAAM,QAAQ,GAA4B,UAAC,KAAK,IAAK,OAAAA,IAAC,QAAQ,CAAC,IAAI,eAAK,KAAK,UAAI,GAAA,CAAC;AAElF,IAAI,CAAC,IAAI,GAAG,UAAC,KAAoB;IAC/B,IAAM,WAAW,yBACZ,KAAK,KACR,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,IAAI,GACjC,CAAC;IAEF,OAAOA,IAAC,QAAQ,CAAC,IAAI,eAAK,WAAW,UAAI,CAAC;AAC5C,CAAC,CAAC;AAEF,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;AAEnC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;AACrB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;AAC1B,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO;;;;"}

package/dist/design-system/Form/stories/default-example.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { FormProps } from '../index';
-export declare const DefaultExample: (props: FormProps) => JSX.Element;

package/dist/design-system/Form/stories/hint-example.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const HintExample: () => JSX.Element;

package/dist/design-system/Form/stories/optional-fields-example.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { FormProps } from '../index';
-export declare const OptionalFieldsExample: (props: FormProps) => JSX.Element;

package/dist/design-system/Grid/Col.js

@@ -1,10 +0,0 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
-import { jsx } from '../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import Col$1 from '../node_modules/antd/es/grid/col.js';
-
-var Col = function (props) {
-    return jsx(Col$1, __assign({}, props), void 0);
-};
-
-export { Col };
-//# sourceMappingURL=Col.js.map

package/dist/design-system/Grid/Col.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Col.js","sources":["../../../src/design-system/Grid/Col.tsx"],"sourcesContent":["import { Col as AntDCol, ColProps as AntDColProps } from 'antd';\n\nexport interface ColProps extends AntDColProps {}\n\nexport const Col: React.FC<ColProps> = (props: ColProps) => {\n  return <AntDCol {...props} />;\n};\n"],"names":["_jsx","AntDCol"],"mappings":";;;;IAIa,GAAG,GAAuB,UAAC,KAAe;IACrD,OAAOA,IAACC,KAAO,eAAK,KAAK,UAAI,CAAC;AAChC;;;;"}

package/dist/design-system/Grid/Row.js

@@ -1,14 +0,0 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
-import { jsx } from '../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import Row$1 from '../node_modules/antd/es/grid/row.js';
-
-var ROW_GUTTER_SIZE = 8;
-var Row = function (props) {
-    return jsx(Row$1, __assign({}, props), void 0);
-};
-Row.defaultProps = {
-    gutter: ROW_GUTTER_SIZE,
-};
-
-export { ROW_GUTTER_SIZE, Row };
-//# sourceMappingURL=Row.js.map

package/dist/design-system/Grid/Row.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Row.js","sources":["../../../src/design-system/Grid/Row.tsx"],"sourcesContent":["import { Row as AntDRow, RowProps as AntDRowProps } from 'antd';\n\nexport interface RowProps extends AntDRowProps {}\n\nexport const ROW_GUTTER_SIZE = 8;\n\nexport const Row: React.FC<RowProps> = (props) => {\n  return <AntDRow {...props} />;\n};\n\nRow.defaultProps = {\n  gutter: ROW_GUTTER_SIZE,\n};\n"],"names":["_jsx","AntDRow"],"mappings":";;;;IAIa,eAAe,GAAG,EAAE;IAEpB,GAAG,GAAuB,UAAC,KAAK;IAC3C,OAAOA,IAACC,KAAO,eAAK,KAAK,UAAI,CAAC;AAChC,EAAE;AAEF,GAAG,CAAC,YAAY,GAAG;IACjB,MAAM,EAAE,eAAe;CACxB;;;;"}

package/dist/design-system/Grid/stories/basic-example.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const BasicExample: () => JSX.Element;

package/dist/design-system/Header/Header.js

@@ -1,33 +0,0 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
-import { jsxs, jsx } from '../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import { css } from '@emotion/react';
-import { Title } from '../Typography/Title.js';
-import { Space } from '../Space/Space.js';
-
-var Header = function (props) {
-    var styles = {
-        titleWrapper: css({
-            display: 'flex',
-            alignItems: 'flex-start',
-            justifyContent: 'space-between',
-        }),
-        breadcrumbWrapper: css({
-            marginBottom: 2,
-        }),
-        title: css({
-            marginTop: 0,
-            marginBottom: '0 !important',
-        }),
-        // TODO: Look into a more emotion-idomatic way of doing this.
-        titleIfOtherElementsPresent: css({
-            marginTop: 6,
-        }),
-        buttonContainer: css({
-            marginLeft: 8,
-        }),
-    };
-    return (jsxs("div", __assign({ css: [props.dangerouslyAppendEmotionCSS] }, { children: [props.breadcrumbs && jsx("div", __assign({ css: styles.breadcrumbWrapper }, { children: props.breadcrumbs }), void 0), jsxs("div", __assign({ css: styles.titleWrapper }, { children: [jsx(Title, __assign({ level: 2, css: [styles.title, (props.buttons || props.breadcrumbs) && styles.titleIfOtherElementsPresent] }, { children: props.title }), void 0), props.buttons && (jsx("div", __assign({ css: styles.buttonContainer }, { children: jsx(Space, __assign({ size: 8 }, { children: props.buttons }), void 0) }), void 0))] }), void 0)] }), void 0));
-};
-
-export { Header };
-//# sourceMappingURL=Header.js.map

package/dist/design-system/Header/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sources":["../../../src/design-system/Header/Header.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport { Space } from '..';\nimport { DangerousGeneralProps } from '../types';\nimport { Title } from '../Typography/Title';\n\nexport interface HeaderProps extends DangerousGeneralProps {\n  /** The title for this page */\n  title: React.ReactNode;\n  /** A single `<Breadcrumb />` component */\n  breadcrumbs?: React.ReactNode;\n  /** An array of Dubois `<Button />` components */\n  buttons?: React.ReactNode[];\n}\n\nexport const Header: React.FC<HeaderProps> = (props) => {\n  const styles = {\n    titleWrapper: css({\n      display: 'flex',\n      alignItems: 'flex-start',\n      justifyContent: 'space-between',\n    }),\n\n    breadcrumbWrapper: css({\n      marginBottom: 2,\n    }),\n\n    title: css({\n      marginTop: 0,\n      marginBottom: '0 !important',\n    }),\n\n    // TODO: Look into a more emotion-idomatic way of doing this.\n    titleIfOtherElementsPresent: css({\n      marginTop: 6,\n    }),\n\n    buttonContainer: css({\n      marginLeft: 8,\n    }),\n  };\n\n  return (\n    <div css={[props.dangerouslyAppendEmotionCSS]}>\n      {props.breadcrumbs && <div css={styles.breadcrumbWrapper}>{props.breadcrumbs}</div>}\n      <div css={styles.titleWrapper}>\n        <Title\n          level={2}\n          css={[styles.title, (props.buttons || props.breadcrumbs) && styles.titleIfOtherElementsPresent]}\n        >\n          {props.title}\n        </Title>\n        {props.buttons && (\n          <div css={styles.buttonContainer}>\n            {/* TODO: I'm using the deprecated `Space` component, but\n            this is actually a decent use-case. I'll investigate as a follow-up */}\n            <Space size={8}>{props.buttons}</Space>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;IAca,MAAM,GAA0B,UAAC,KAAK;IACjD,IAAM,MAAM,GAAG;QACb,YAAY,EAAE,GAAG,CAAC;YAChB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,YAAY;YACxB,cAAc,EAAE,eAAe;SAChC,CAAC;QAEF,iBAAiB,EAAE,GAAG,CAAC;YACrB,YAAY,EAAE,CAAC;SAChB,CAAC;QAEF,KAAK,EAAE,GAAG,CAAC;YACT,SAAS,EAAE,CAAC;YACZ,YAAY,EAAE,cAAc;SAC7B,CAAC;;QAGF,2BAA2B,EAAE,GAAG,CAAC;YAC/B,SAAS,EAAE,CAAC;SACb,CAAC;QAEF,eAAe,EAAE,GAAG,CAAC;YACnB,UAAU,EAAE,CAAC;SACd,CAAC;KACH,CAAC;IAEF,QACEA,uBAAK,GAAG,EAAE,CAAC,KAAK,CAAC,2BAA2B,CAAC,iBAC1C,KAAK,CAAC,WAAW,IAAIC,sBAAK,GAAG,EAAE,MAAM,CAAC,iBAAiB,gBAAG,KAAK,CAAC,WAAW,YAAO,EACnFD,uBAAK,GAAG,EAAE,MAAM,CAAC,YAAY,iBAC3BC,IAAC,KAAK,aACJ,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,WAAW,KAAK,MAAM,CAAC,2BAA2B,CAAC,gBAE9F,KAAK,CAAC,KAAK,YACN,EACP,KAAK,CAAC,OAAO,KACZA,sBAAK,GAAG,EAAE,MAAM,CAAC,eAAe,gBAG9BA,IAAC,KAAK,aAAC,IAAI,EAAE,CAAC,gBAAG,KAAK,CAAC,OAAO,YAAS,YACnC,CACP,aACG,aACF,EACN;AACJ;;;;"}

package/dist/design-system/Header/stories/index.d.ts

@@ -1,4 +0,0 @@
-import { HeaderProps } from '..';
-export declare const ButtonLayout: HeaderProps;
-export declare const Breadcrumbs: HeaderProps;
-export declare const TruncationAndWrapping: HeaderProps;

package/dist/design-system/Icon/Icon.js

@@ -1,10 +0,0 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
-import { jsx } from '../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import AntDIcon from '../node_modules/@ant-design/icons/es/components/Icon.js';
-
-var Icon = function (props) {
-    return jsx(AntDIcon, __assign({ style: {} }, props), void 0);
-};
-
-export { Icon };
-//# sourceMappingURL=Icon.js.map

package/dist/design-system/Icon/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","sources":["../../../src/design-system/Icon/Icon.tsx"],"sourcesContent":["import AntDIcon from '@ant-design/icons';\n\nexport type IconProps = Parameters<typeof AntDIcon>[0];\n\nexport const Icon = (props: IconProps): JSX.Element => {\n  return <AntDIcon style={{}} {...props} />;\n};\n"],"names":["_jsx"],"mappings":";;;;IAIa,IAAI,GAAG,UAAC,KAAgB;IACnC,OAAOA,IAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,IAAM,KAAK,UAAI,CAAC;AAC5C;;;;"}

package/dist/design-system/Icon/__generated/stories/IconsList.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { IconProps } from '../../Icon';
-export interface IconsListProps {
-    iconProps: IconProps;
-}
-export declare function IconsList({ iconProps }: IconsListProps): JSX.Element;

package/dist/design-system/Icon/iconMap.js

@@ -1,22 +0,0 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
-import { jsx } from '../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import CloseCircleFilled from '../node_modules/@ant-design/icons/es/icons/CloseCircleFilled.js';
-import ExclamationCircleFilled from '../node_modules/@ant-design/icons/es/icons/ExclamationCircleFilled.js';
-import CheckCircleFilled from '../node_modules/@ant-design/icons/es/icons/CheckCircleFilled.js';
-import InfoCircleFilled from '../node_modules/@ant-design/icons/es/icons/InfoCircleFilled.js';
-
-// TODO: Replace with custom icons
-// TODO: Reuse in Alert
-var filledIconsMap = {
-    error: CloseCircleFilled,
-    warning: ExclamationCircleFilled,
-    success: CheckCircleFilled,
-    info: InfoCircleFilled,
-};
-function SeverityIcon(props) {
-    var FilledIcon = filledIconsMap[props.severity];
-    return jsx(FilledIcon, __assign({}, props), void 0);
-}
-
-export { SeverityIcon };
-//# sourceMappingURL=iconMap.js.map

package/dist/design-system/Icon/iconMap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iconMap.js","sources":["../../../src/design-system/Icon/iconMap.tsx"],"sourcesContent":["import { CloseCircleFilled, ExclamationCircleFilled, InfoCircleFilled, CheckCircleFilled } from '@ant-design/icons';\nimport { IconType as AntDIconType } from 'antd/lib/notification';\n\ninterface MinimalIconProps {\n  className?: string;\n}\n\n// TODO: Replace with custom icons\n// TODO: Reuse in Alert\nconst filledIconsMap: Record<AntDIconType, React.ComponentType<MinimalIconProps>> = {\n  error: CloseCircleFilled,\n  warning: ExclamationCircleFilled,\n  success: CheckCircleFilled,\n  info: InfoCircleFilled,\n} as const;\n\nexport interface SeverityIconProps extends MinimalIconProps {\n  severity: AntDIconType;\n}\n\nexport function SeverityIcon(props: SeverityIconProps): JSX.Element {\n  const FilledIcon = filledIconsMap[props.severity];\n  return <FilledIcon {...props} />;\n}\n"],"names":["_jsx"],"mappings":";;;;;;;AAOA;AACA;AACA,IAAM,cAAc,GAAgE;IAClF,KAAK,EAAE,iBAAiB;IACxB,OAAO,EAAE,uBAAuB;IAChC,OAAO,EAAE,iBAAiB;IAC1B,IAAI,EAAE,gBAAgB;CACd,CAAC;SAMK,YAAY,CAAC,KAAwB;IACnD,IAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAClD,OAAOA,IAAC,UAAU,eAAK,KAAK,UAAI,CAAC;AACnC;;;;"}

package/dist/design-system/Icon/icons/AIcon.d.ts

@@ -1,3 +0,0 @@
-import { IconProps } from '../Icon';
-declare function AIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default AIcon;

package/dist/design-system/Icon/icons/AIcon.js

@@ -1,13 +0,0 @@
-import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import { jsx, jsxs } from '../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import { Icon } from '../Icon.js';
-
-function SvgAIcon(props) {
-    return (jsxs("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [jsx("path", { d: "M9.774 16l.648-1.99h3.15l.647 1.99h1.977l-3.008-8.727H10.81L7.797 16h1.978zm1.117-3.43l1.074-3.303h.068l1.074 3.303H10.89z", fill: "currentColor" }, void 0), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17 3H7a4 4 0 00-4 4v10a4 4 0 004 4h10a4 4 0 004-4V7a4 4 0 00-4-4zM7 1a6 6 0 00-6 6v10a6 6 0 006 6h10a6 6 0 006-6V7a6 6 0 00-6-6H7z", fill: "currentColor" }, void 0)] }), void 0));
-}
-function AIcon(props) {
-    return jsx(Icon, __assign({}, props, { component: SvgAIcon }), void 0);
-}
-
-export { AIcon as default };
-//# sourceMappingURL=AIcon.js.map

package/dist/design-system/Icon/icons/AIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AIcon.js","sources":["../../../../src/design-system/Icon/icons/AIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, IconProps } from '../Icon';\n\nfunction SvgAIcon(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M9.774 16l.648-1.99h3.15l.647 1.99h1.977l-3.008-8.727H10.81L7.797 16h1.978zm1.117-3.43l1.074-3.303h.068l1.074 3.303H10.89z\"\n        fill=\"currentColor\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M17 3H7a4 4 0 00-4 4v10a4 4 0 004 4h10a4 4 0 004-4V7a4 4 0 00-4-4zM7 1a6 6 0 00-6 6v10a6 6 0 006 6h10a6 6 0 006-6V7a6 6 0 00-6-6H7z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\nfunction AIcon(props: IconProps) {\n  return <Icon {...props} component={SvgAIcon} />;\n}\n\nexport default AIcon;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAGA,SAAS,QAAQ,CAAC,KAAoC;IACpD,QACEA,uBAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,KAAK,eACxGC,cACE,CAAC,EAAC,4HAA4H,EAC9H,IAAI,EAAC,cAAc,WACnB,EACFA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qIAAqI,EACvI,IAAI,EAAC,cAAc,WACnB,aACE,EACN;AACJ,CAAC;AAED,SAAS,KAAK,CAAC,KAAgB;IAC7B,OAAOA,IAAC,IAAI,eAAK,KAAK,IAAE,SAAS,EAAE,QAAQ,YAAI,CAAC;AAClD;;;;"}

package/dist/design-system/Icon/icons/AlignCenterIcon.d.ts

@@ -1,3 +0,0 @@
-import { IconProps } from '../Icon';
-declare function AlignCenterIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default AlignCenterIcon;

package/dist/design-system/Icon/icons/AlignCenterIcon.js

@@ -1,13 +0,0 @@
-import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import { jsx } from '../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import { Icon } from '../Icon.js';
-
-function SvgAlignCenterIcon(props) {
-    return (jsx("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 5c-.55 0-1-.45-1-1s.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1H4zm3 3c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zm13 5H4c-.55 0-1-.45-1-1s.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1zM7 16c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zm-3 5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1z", fill: "currentColor" }, void 0) }), void 0));
-}
-function AlignCenterIcon(props) {
-    return jsx(Icon, __assign({}, props, { component: SvgAlignCenterIcon }), void 0);
-}
-
-export { AlignCenterIcon as default };
-//# sourceMappingURL=AlignCenterIcon.js.map

package/dist/design-system/Icon/icons/AlignCenterIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlignCenterIcon.js","sources":["../../../../src/design-system/Icon/icons/AlignCenterIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, IconProps } from '../Icon';\n\nfunction SvgAlignCenterIcon(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M4 5c-.55 0-1-.45-1-1s.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1H4zm3 3c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zm13 5H4c-.55 0-1-.45-1-1s.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1zM7 16c0 .55.45 1 1 1h8c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1zm-3 5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\nfunction AlignCenterIcon(props: IconProps) {\n  return <Icon {...props} component={SvgAlignCenterIcon} />;\n}\n\nexport default AlignCenterIcon;\n"],"names":["_jsx"],"mappings":";;;;AAGA,SAAS,kBAAkB,CAAC,KAAoC;IAC9D,QACEA,sBAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,KAAK,cACxGA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6UAA6U,EAC/U,IAAI,EAAC,cAAc,WACnB,YACE,EACN;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAAgB;IACvC,OAAOA,IAAC,IAAI,eAAK,KAAK,IAAE,SAAS,EAAE,kBAAkB,YAAI,CAAC;AAC5D;;;;"}

package/dist/design-system/Icon/icons/AlignLeftIcon.d.ts

@@ -1,3 +0,0 @@
-import { IconProps } from '../Icon';
-declare function AlignLeftIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default AlignLeftIcon;

package/dist/design-system/Icon/icons/AlignLeftIcon.js

@@ -1,13 +0,0 @@
-import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import { jsx } from '../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import { Icon } from '../Icon.js';
-
-function SvgAlignLeftIcon(props) {
-    return (jsx("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 5c-.55 0-1-.45-1-1s.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1H4zm10 2H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zm0 8H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zm6-2H4c-.55 0-1-.45-1-1s.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1zM4 21h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1z", fill: "currentColor" }, void 0) }), void 0));
-}
-function AlignLeftIcon(props) {
-    return jsx(Icon, __assign({}, props, { component: SvgAlignLeftIcon }), void 0);
-}
-
-export { AlignLeftIcon as default };
-//# sourceMappingURL=AlignLeftIcon.js.map

package/dist/design-system/Icon/icons/AlignLeftIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlignLeftIcon.js","sources":["../../../../src/design-system/Icon/icons/AlignLeftIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, IconProps } from '../Icon';\n\nfunction SvgAlignLeftIcon(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M4 5c-.55 0-1-.45-1-1s.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1H4zm10 2H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zm0 8H4c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1zm6-2H4c-.55 0-1-.45-1-1s.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1zM4 21h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\nfunction AlignLeftIcon(props: IconProps) {\n  return <Icon {...props} component={SvgAlignLeftIcon} />;\n}\n\nexport default AlignLeftIcon;\n"],"names":["_jsx"],"mappings":";;;;AAGA,SAAS,gBAAgB,CAAC,KAAoC;IAC5D,QACEA,sBAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,KAAK,cACxGA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,oUAAoU,EACtU,IAAI,EAAC,cAAc,WACnB,YACE,EACN;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,KAAgB;IACrC,OAAOA,IAAC,IAAI,eAAK,KAAK,IAAE,SAAS,EAAE,gBAAgB,YAAI,CAAC;AAC1D;;;;"}

package/dist/design-system/Icon/icons/AlignRightIcon.d.ts

@@ -1,3 +0,0 @@
-import { IconProps } from '../Icon';
-declare function AlignRightIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default AlignRightIcon;

package/dist/design-system/Icon/icons/AlignRightIcon.js

@@ -1,13 +0,0 @@
-import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import { jsx } from '../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import { Icon } from '../Icon.js';
-
-function SvgAlignRightIcon(props) {
-    return (jsx("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 5c-.55 0-1-.45-1-1s.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1H4zm6 4h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zm10 4H4c-.55 0-1-.45-1-1s.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1zm-10 4h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zm-6 4h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1z", fill: "currentColor" }, void 0) }), void 0));
-}
-function AlignRightIcon(props) {
-    return jsx(Icon, __assign({}, props, { component: SvgAlignRightIcon }), void 0);
-}
-
-export { AlignRightIcon as default };
-//# sourceMappingURL=AlignRightIcon.js.map