@databricks/design-system 0.1.8 → 1.0.0

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

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
-var emotionReactJsxRuntime_esm = require('../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js');
-var index = require('../../theme/index.js');
-var react = require('@emotion/react');
-var useDesignSystemTheme = require('../hooks/useDesignSystemTheme.js');
-var React = require('react');
-var index$1 = require('../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 = React.createContext(DuboisContextDefaults);
-function getAnimationCss(enableAnimation) {
-    var _a, _b;
-    var disableAnimationCss = {
-        animationDuration: '0s !important',
-        transition: 'none !important',
-    };
-    return enableAnimation
-        ? {}
-        : tslib_es6.__assign(tslib_es6.__assign({}, disableAnimationCss), (_a = {}, _a['&::before'] = disableAnimationCss, _a['&::after'] = disableAnimationCss, _a['[class^=du-bois], [class^=du-bois] *'] = tslib_es6.__assign(tslib_es6.__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 = React.useMemo(function () { return index.getTheme(themeName || 'default'); }, [themeName]);
-    var classNamePrefix = useDesignSystemTheme.getClassNamePrefix(theme);
-    return (emotionReactJsxRuntime_esm.jsx(react.ThemeProvider, tslib_es6.__assign({ theme: theme }, { children: emotionReactJsxRuntime_esm.jsx(index$1["default"], tslib_es6.__assign({ prefixCls: classNamePrefix }, { children: emotionReactJsxRuntime_esm.jsx(DesignSystemContext.Provider, tslib_es6.__assign({ value: {
-                    enableAnimation: enableAnimation,
-                    theme: theme.themeName,
-                    getPrefixCls: function (suffix) { return useDesignSystemTheme.getPrefixedClassNameFromTheme(theme, suffix); },
-                } }, { children: children }), void 0) }), void 0) }), void 0));
-};
-
-exports.DesignSystemContext = DesignSystemContext;
-exports.DesignSystemProvider = DesignSystemProvider;
-exports.getAnimationCss = getAnimationCss;
-//# sourceMappingURL=DesignSystemProvider.js.map

package/dist/cjs/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":["createContext","useMemo","getTheme","getClassNamePrefix","_jsx","ThemeProvider","ConfigProvider","getPrefixedClassNameFromTheme"],"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,GAAGA,mBAAa,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;oDAGG,mBAAmB,gBACrB,WAAW,IAAG,mBAAmB,KACjC,UAAU,IAAG,mBAAmB,KAIhC,sCAAsC,8CAClC,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,GAAGC,aAAO,CAAC,cAAM,OAAAC,cAAQ,CAAC,SAAS,IAAI,SAAS,CAAC,GAAA,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAE3E,IAAM,eAAe,GAAGC,uCAAkB,CAAC,KAAK,CAAC,CAAC;IAElD,QACEC,+BAACC,mBAAa,uBAAC,KAAK,EAAE,KAAK,gBACzBD,+BAACE,kBAAc,uBAAC,SAAS,EAAE,eAAe,gBACxCF,+BAAC,mBAAmB,CAAC,QAAQ,uBAC3B,KAAK,EAAE;oBACL,eAAe,iBAAA;oBACf,KAAK,EAAE,KAAK,CAAC,SAAS;oBACtB,YAAY,EAAE,UAAC,MAAe,IAAK,OAAAG,kDAA6B,CAAC,KAAK,EAAE,MAAM,CAAC,GAAA;iBAChF,gBAEA,QAAQ,YACoB,YAChB,YACH,EAChB;AACJ;;;;;;"}

package/dist/cjs/design-system/DesignSystemProvider/index.d.ts

@@ -1 +0,0 @@
-export * from './DesignSystemProvider';

package/dist/cjs/design-system/Dropdown/Dropdown.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { DropDownProps as AntDDropdownProps } from 'antd';
-export interface DropdownProps extends AntDDropdownProps {
-}
-export declare const Dropdown: React.FC<DropdownProps>;

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

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
-var emotionReactJsxRuntime_esm = require('../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js');
-var dropdown = require('../node_modules/antd/es/dropdown/dropdown.js');
-
-var Dropdown = function (props) {
-    return emotionReactJsxRuntime_esm.jsx(dropdown, tslib_es6.__assign({}, props), void 0);
-};
-
-exports.Dropdown = Dropdown;
-//# sourceMappingURL=Dropdown.js.map

package/dist/cjs/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,+BAACC,QAAY,yBAAK,KAAK,UAAI,CAAC;AACrC;;;;"}

package/dist/cjs/design-system/Dropdown/index.d.ts

@@ -1 +0,0 @@
-export * from './Dropdown';

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

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

package/dist/cjs/design-system/Form/Form.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Form as AntDForm, FormItemProps as AntDFormItemProps, FormProps as AntDFormProps } from 'antd';
-import { DangerouslySetAntdProps } from '../types';
-export interface FormItemProps extends Pick<AntDFormItemProps, 'children' | 'dependencies' | 'getValueFromEvent' | 'getValueProps' | 'help' | 'hidden' | 'htmlFor' | 'initialValue' | 'label' | 'messageVariables' | 'name' | 'normalize' | 'noStyle' | 'preserve' | 'required' | 'rules' | 'shouldUpdate' | 'tooltip' | 'trigger' | 'validateStatus' | 'validateTrigger' | 'valuePropName'>, DangerouslySetAntdProps<AntDFormItemProps> {
-}
-export interface FormProps extends Pick<AntDFormProps, 'children' | 'component' | 'fields' | 'form' | 'initialValues' | 'labelCol' | 'layout' | 'name' | 'preserve' | 'requiredMark' | 'validateMessages' | 'validateTrigger' | 'wrapperCol' | 'onFieldsChange' | 'onFinish' | 'onFinishFailed' | 'onValuesChange'>, DangerouslySetAntdProps<AntDFormProps> {
-}
-interface FormInterface extends React.FC<FormProps> {
-    Item: typeof FormItem;
-    List: typeof AntDForm.List;
-    useForm: typeof AntDForm.useForm;
-}
-export declare const Form: FormInterface;
-declare const FormItem: React.FC<FormItemProps>;
-export {};

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

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
-var emotionReactJsxRuntime_esm = require('../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js');
-var React = require('react');
-var react = require('@emotion/react');
-var useDesignSystemTheme = require('../hooks/useDesignSystemTheme.js');
-var index = require('../node_modules/antd/es/form/index.js');
-var DesignSystemProvider = require('../DesignSystemProvider/DesignSystemProvider.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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 react.css(tslib_es6.__assign((_b = {}, _b["." + clsFormItemLabel] = {
-        fontWeight: theme.typography.typographyBoldFontWeight,
-    }, _b["." + clsFormItemExplain] = {
-        fontSize: theme.typography.fontSizeSm,
-    }, _b["." + clsFormItemInputControl + " input[disabled]"] = {
-        border: 'none',
-    }, _b), DesignSystemProvider.getAnimationCss(enableAnimation)));
-};
-var Form = function (_a) {
-    var dangerouslySetAntdProps = _a.dangerouslySetAntdProps, props = tslib_es6.__rest(_a, ["dangerouslySetAntdProps"]);
-    var context = React__default["default"].useContext(DesignSystemProvider.DesignSystemContext);
-    var theme = useDesignSystemTheme.useDesignSystemTheme().theme;
-    var clsPrefix = context.getPrefixCls();
-    var mergedProps = tslib_es6.__assign(tslib_es6.__assign({}, props), { layout: props.layout || 'vertical', requiredMark: props.requiredMark || false });
-    return (emotionReactJsxRuntime_esm.jsx(index, tslib_es6.__assign({}, mergedProps, { css: getFormEmotionStyles({
-            theme: theme,
-            clsPrefix: clsPrefix,
-            enableAnimation: context.enableAnimation,
-        }) }, dangerouslySetAntdProps), void 0));
-};
-var FormItem = function (props) { return emotionReactJsxRuntime_esm.jsx(index.Item, tslib_es6.__assign({}, props), void 0); };
-Form.Item = function (props) {
-    var mergedProps = tslib_es6.__assign(tslib_es6.__assign({}, props), { required: props.required || true });
-    return emotionReactJsxRuntime_esm.jsx(index.Item, tslib_es6.__assign({}, mergedProps), void 0);
-};
-Form.Item.displayName = 'FormItem';
-Form.Item = FormItem;
-Form.List = index.List;
-Form.useForm = index.useForm;
-
-exports.Form = Form;
-//# sourceMappingURL=Form.js.map

package/dist/cjs/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":["css","getAnimationCss","React","DesignSystemContext","useDesignSystemTheme","_jsx","AntDForm"],"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,OAAOA,SAAG,iCACP,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,OACEC,oCAAe,CAAC,eAAe,CAAC,EACnC,CAAC;AACL,CAAC,CAAC;IA2DW,IAAI,GAAkB,UAAC,EAAqC;IAAnC,IAAA,uBAAuB,6BAAA,EAAK,KAAK,wBAAnC,2BAAqC,CAAF;IACrE,IAAM,OAAO,GAAGC,yBAAK,CAAC,UAAU,CAACC,wCAAmB,CAAC,CAAC;IAC9C,IAAA,KAAK,GAAKC,yCAAoB,EAAE,MAA3B,CAA4B;IACzC,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;IACzC,IAAM,WAAW,6CACZ,KAAK,KACR,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,UAAU,EAClC,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,KAAK,GAC1C,CAAC;IAEF,QACEC,+BAACC,KAAQ,yBACH,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,OAAAD,+BAACC,KAAQ,CAAC,IAAI,yBAAK,KAAK,UAAI,GAAA,CAAC;AAElF,IAAI,CAAC,IAAI,GAAG,UAAC,KAAoB;IAC/B,IAAM,WAAW,6CACZ,KAAK,KACR,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,IAAI,GACjC,CAAC;IAEF,OAAOD,+BAACC,KAAQ,CAAC,IAAI,yBAAK,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,GAAGA,KAAQ,CAAC,IAAI,CAAC;AAC1B,IAAI,CAAC,OAAO,GAAGA,KAAQ,CAAC,OAAO;;;;"}

package/dist/cjs/design-system/Form/index.d.ts

@@ -1 +0,0 @@
-export * from './Form';

package/dist/cjs/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/cjs/design-system/Form/stories/hint-example.d.ts

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

package/dist/cjs/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/cjs/design-system/Grid/Col.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { ColProps as AntDColProps } from 'antd';
-export interface ColProps extends AntDColProps {
-}
-export declare const Col: React.FC<ColProps>;

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

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
-var emotionReactJsxRuntime_esm = require('../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js');
-var col = require('../node_modules/antd/es/grid/col.js');
-
-var Col = function (props) {
-    return emotionReactJsxRuntime_esm.jsx(col, tslib_es6.__assign({}, props), void 0);
-};
-
-exports.Col = Col;
-//# sourceMappingURL=Col.js.map

package/dist/cjs/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,+BAACC,GAAO,yBAAK,KAAK,UAAI,CAAC;AAChC;;;;"}

package/dist/cjs/design-system/Grid/Row.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { RowProps as AntDRowProps } from 'antd';
-export interface RowProps extends AntDRowProps {
-}
-export declare const ROW_GUTTER_SIZE = 8;
-export declare const Row: React.FC<RowProps>;

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

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
-var emotionReactJsxRuntime_esm = require('../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js');
-var row = require('../node_modules/antd/es/grid/row.js');
-
-var ROW_GUTTER_SIZE = 8;
-var Row = function (props) {
-    return emotionReactJsxRuntime_esm.jsx(row, tslib_es6.__assign({}, props), void 0);
-};
-Row.defaultProps = {
-    gutter: ROW_GUTTER_SIZE,
-};
-
-exports.ROW_GUTTER_SIZE = ROW_GUTTER_SIZE;
-exports.Row = Row;
-//# sourceMappingURL=Row.js.map

package/dist/cjs/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,+BAACC,GAAO,yBAAK,KAAK,UAAI,CAAC;AAChC,EAAE;AAEF,GAAG,CAAC,YAAY,GAAG;IACjB,MAAM,EAAE,eAAe;CACxB;;;;;"}

package/dist/cjs/design-system/Grid/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Col';
-export * from './Row';

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

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

package/dist/cjs/design-system/Header/Header.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { DangerousGeneralProps } from '../types';
-export interface HeaderProps extends DangerousGeneralProps {
-    /** The title for this page */
-    title: React.ReactNode;
-    /** A single `<Breadcrumb />` component */
-    breadcrumbs?: React.ReactNode;
-    /** An array of Dubois `<Button />` components */
-    buttons?: React.ReactNode[];
-}
-export declare const Header: React.FC<HeaderProps>;

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

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

package/dist/cjs/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":["css","_jsxs","_jsx","Title","Space"],"mappings":";;;;;;;;;;IAca,MAAM,GAA0B,UAAC,KAAK;IACjD,IAAM,MAAM,GAAG;QACb,YAAY,EAAEA,SAAG,CAAC;YAChB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,YAAY;YACxB,cAAc,EAAE,eAAe;SAChC,CAAC;QAEF,iBAAiB,EAAEA,SAAG,CAAC;YACrB,YAAY,EAAE,CAAC;SAChB,CAAC;QAEF,KAAK,EAAEA,SAAG,CAAC;YACT,SAAS,EAAE,CAAC;YACZ,YAAY,EAAE,cAAc;SAC7B,CAAC;;QAGF,2BAA2B,EAAEA,SAAG,CAAC;YAC/B,SAAS,EAAE,CAAC;SACb,CAAC;QAEF,eAAe,EAAEA,SAAG,CAAC;YACnB,UAAU,EAAE,CAAC;SACd,CAAC;KACH,CAAC;IAEF,QACEC,4DAAK,GAAG,EAAE,CAAC,KAAK,CAAC,2BAA2B,CAAC,iBAC1C,KAAK,CAAC,WAAW,IAAIC,2DAAK,GAAG,EAAE,MAAM,CAAC,iBAAiB,gBAAG,KAAK,CAAC,WAAW,YAAO,EACnFD,4DAAK,GAAG,EAAE,MAAM,CAAC,YAAY,iBAC3BC,+BAACC,WAAK,uBACJ,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,KACZD,2DAAK,GAAG,EAAE,MAAM,CAAC,eAAe,gBAG9BA,+BAACE,WAAK,uBAAC,IAAI,EAAE,CAAC,gBAAG,KAAK,CAAC,OAAO,YAAS,YACnC,CACP,aACG,aACF,EACN;AACJ;;;;"}

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

@@ -1 +0,0 @@
-export * from './Header';

package/dist/cjs/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/cjs/design-system/Icon/Icon.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import AntDIcon from '@ant-design/icons';
-export declare type IconProps = Parameters<typeof AntDIcon>[0];
-export declare const Icon: (props: IconProps) => JSX.Element;

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

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
-var emotionReactJsxRuntime_esm = require('../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js');
-var Icon$1 = require('../node_modules/@ant-design/icons/es/components/Icon.js');
-
-var Icon = function (props) {
-    return emotionReactJsxRuntime_esm.jsx(Icon$1, tslib_es6.__assign({ style: {} }, props), void 0);
-};
-
-exports.Icon = Icon;
-//# sourceMappingURL=Icon.js.map

package/dist/cjs/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","AntDIcon"],"mappings":";;;;;;;;IAIa,IAAI,GAAG,UAAC,KAAgB;IACnC,OAAOA,+BAACC,MAAQ,uBAAC,KAAK,EAAE,EAAE,IAAM,KAAK,UAAI,CAAC;AAC5C;;;;"}

package/dist/cjs/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/cjs/design-system/Icon/iconMap.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { IconType as AntDIconType } from 'antd/lib/notification';
-interface MinimalIconProps {
-    className?: string;
-}
-export interface SeverityIconProps extends MinimalIconProps {
-    severity: AntDIconType;
-}
-export declare function SeverityIcon(props: SeverityIconProps): JSX.Element;
-export {};

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

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
-var emotionReactJsxRuntime_esm = require('../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js');
-var CloseCircleFilled = require('../node_modules/@ant-design/icons/es/icons/CloseCircleFilled.js');
-var ExclamationCircleFilled = require('../node_modules/@ant-design/icons/es/icons/ExclamationCircleFilled.js');
-var CheckCircleFilled = require('../node_modules/@ant-design/icons/es/icons/CheckCircleFilled.js');
-var InfoCircleFilled = require('../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 emotionReactJsxRuntime_esm.jsx(FilledIcon, tslib_es6.__assign({}, props), void 0);
-}
-
-exports.SeverityIcon = SeverityIcon;
-//# sourceMappingURL=iconMap.js.map

package/dist/cjs/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,+BAAC,UAAU,yBAAK,KAAK,UAAI,CAAC;AACnC;;;;"}

package/dist/cjs/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/cjs/design-system/Icon/icons/AIcon.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var emotionReactJsxRuntime_esm = require('../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js');
-var Icon = require('../Icon.js');
-
-function SvgAIcon(props) {
-    return (emotionReactJsxRuntime_esm.jsxs("svg", tslib_es6.__assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [emotionReactJsxRuntime_esm.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), emotionReactJsxRuntime_esm.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 emotionReactJsxRuntime_esm.jsx(Icon.Icon, tslib_es6.__assign({}, props, { component: SvgAIcon }), void 0);
-}
-
-module.exports = AIcon;
-//# sourceMappingURL=AIcon.js.map

package/dist/cjs/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","Icon"],"mappings":";;;;;;AAGA,SAAS,QAAQ,CAAC,KAAoC;IACpD,QACEA,4DAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,KAAK,eACxGC,yCACE,CAAC,EAAC,4HAA4H,EAC9H,IAAI,EAAC,cAAc,WACnB,EACFA,yCACE,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,+BAACC,SAAI,yBAAK,KAAK,IAAE,SAAS,EAAE,QAAQ,YAAI,CAAC;AAClD;;;;"}

package/dist/cjs/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/cjs/design-system/Icon/icons/AlignCenterIcon.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var emotionReactJsxRuntime_esm = require('../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js');
-var Icon = require('../Icon.js');
-
-function SvgAlignCenterIcon(props) {
-    return (emotionReactJsxRuntime_esm.jsx("svg", tslib_es6.__assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: emotionReactJsxRuntime_esm.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 emotionReactJsxRuntime_esm.jsx(Icon.Icon, tslib_es6.__assign({}, props, { component: SvgAlignCenterIcon }), void 0);
-}
-
-module.exports = AlignCenterIcon;
-//# sourceMappingURL=AlignCenterIcon.js.map

package/dist/cjs/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","Icon"],"mappings":";;;;;;AAGA,SAAS,kBAAkB,CAAC,KAAoC;IAC9D,QACEA,2DAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,KAAK,cACxGA,yCACE,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,+BAACC,SAAI,yBAAK,KAAK,IAAE,SAAS,EAAE,kBAAkB,YAAI,CAAC;AAC5D;;;;"}

package/dist/cjs/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/cjs/design-system/Icon/icons/AlignLeftIcon.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var emotionReactJsxRuntime_esm = require('../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js');
-var Icon = require('../Icon.js');
-
-function SvgAlignLeftIcon(props) {
-    return (emotionReactJsxRuntime_esm.jsx("svg", tslib_es6.__assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: emotionReactJsxRuntime_esm.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 emotionReactJsxRuntime_esm.jsx(Icon.Icon, tslib_es6.__assign({}, props, { component: SvgAlignLeftIcon }), void 0);
-}
-
-module.exports = AlignLeftIcon;
-//# sourceMappingURL=AlignLeftIcon.js.map

package/dist/cjs/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","Icon"],"mappings":";;;;;;AAGA,SAAS,gBAAgB,CAAC,KAAoC;IAC5D,QACEA,2DAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,KAAK,cACxGA,yCACE,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,+BAACC,SAAI,yBAAK,KAAK,IAAE,SAAS,EAAE,gBAAgB,YAAI,CAAC;AAC1D;;;;"}

package/dist/cjs/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/cjs/design-system/Icon/icons/AlignRightIcon.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var emotionReactJsxRuntime_esm = require('../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js');
-var Icon = require('../Icon.js');
-
-function SvgAlignRightIcon(props) {
-    return (emotionReactJsxRuntime_esm.jsx("svg", tslib_es6.__assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: emotionReactJsxRuntime_esm.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 emotionReactJsxRuntime_esm.jsx(Icon.Icon, tslib_es6.__assign({}, props, { component: SvgAlignRightIcon }), void 0);
-}
-
-module.exports = AlignRightIcon;
-//# sourceMappingURL=AlignRightIcon.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AlignRightIcon.js","sources":["../../../../../src/design-system/Icon/icons/AlignRightIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, IconProps } from '../Icon';\n\nfunction SvgAlignRightIcon(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 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\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\nfunction AlignRightIcon(props: IconProps) {\n  return <Icon {...props} component={SvgAlignRightIcon} />;\n}\n\nexport default AlignRightIcon;\n"],"names":["_jsx","Icon"],"mappings":";;;;;;AAGA,SAAS,iBAAiB,CAAC,KAAoC;IAC7D,QACEA,2DAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,KAAK,cACxGA,yCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wUAAwU,EAC1U,IAAI,EAAC,cAAc,WACnB,YACE,EACN;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,KAAgB;IACtC,OAAOA,+BAACC,SAAI,yBAAK,KAAK,IAAE,SAAS,EAAE,iBAAiB,YAAI,CAAC;AAC3D;;;;"}

package/dist/cjs/design-system/Icon/icons/ArrowDownIcon.d.ts

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

package/dist/cjs/design-system/Icon/icons/ArrowDownIcon.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var emotionReactJsxRuntime_esm = require('../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js');
-var Icon = require('../Icon.js');
-
-function SvgArrowDownIcon(props) {
-    return (emotionReactJsxRuntime_esm.jsx("svg", tslib_es6.__assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: emotionReactJsxRuntime_esm.jsx("path", { d: "M11.005 5.209v11.17l-4.88-4.88c-.39-.39-1.03-.39-1.42 0a.996.996 0 000 1.41l6.59 6.59c.39.39 1.02.39 1.41 0l6.59-6.59a.996.996 0 10-1.41-1.41l-4.88 4.88V5.209c0-.55-.45-1-1-1s-1 .45-1 1z", fill: "currentColor" }, void 0) }), void 0));
-}
-function ArrowDownIcon(props) {
-    return emotionReactJsxRuntime_esm.jsx(Icon.Icon, tslib_es6.__assign({}, props, { component: SvgArrowDownIcon }), void 0);
-}
-
-module.exports = ArrowDownIcon;
-//# sourceMappingURL=ArrowDownIcon.js.map

package/dist/cjs/design-system/Icon/icons/ArrowDownIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ArrowDownIcon.js","sources":["../../../../../src/design-system/Icon/icons/ArrowDownIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, IconProps } from '../Icon';\n\nfunction SvgArrowDownIcon(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=\"M11.005 5.209v11.17l-4.88-4.88c-.39-.39-1.03-.39-1.42 0a.996.996 0 000 1.41l6.59 6.59c.39.39 1.02.39 1.41 0l6.59-6.59a.996.996 0 10-1.41-1.41l-4.88 4.88V5.209c0-.55-.45-1-1-1s-1 .45-1 1z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\nfunction ArrowDownIcon(props: IconProps) {\n  return <Icon {...props} component={SvgArrowDownIcon} />;\n}\n\nexport default ArrowDownIcon;\n"],"names":["_jsx","Icon"],"mappings":";;;;;;AAGA,SAAS,gBAAgB,CAAC,KAAoC;IAC5D,QACEA,2DAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,KAAK,cACxGA,yCACE,CAAC,EAAC,4LAA4L,EAC9L,IAAI,EAAC,cAAc,WACnB,YACE,EACN;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,KAAgB;IACrC,OAAOA,+BAACC,SAAI,yBAAK,KAAK,IAAE,SAAS,EAAE,gBAAgB,YAAI,CAAC;AAC1D;;;;"}

package/dist/cjs/design-system/Icon/icons/ArrowLeftIcon.d.ts

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

package/dist/cjs/design-system/Icon/icons/ArrowLeftIcon.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var emotionReactJsxRuntime_esm = require('../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js');
-var Icon = require('../Icon.js');
-
-function SvgArrowLeftIcon(props) {
-    return (emotionReactJsxRuntime_esm.jsx("svg", tslib_es6.__assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: emotionReactJsxRuntime_esm.jsx("path", { d: "M18.791 11.005H7.621l4.88-4.88c.39-.39.39-1.03 0-1.42a.996.996 0 00-1.41 0l-6.59 6.59a.996.996 0 000 1.41l6.59 6.59a.996.996 0 101.41-1.41l-4.88-4.88h11.17c.55 0 1-.45 1-1s-.45-1-1-1z", fill: "currentColor" }, void 0) }), void 0));
-}
-function ArrowLeftIcon(props) {
-    return emotionReactJsxRuntime_esm.jsx(Icon.Icon, tslib_es6.__assign({}, props, { component: SvgArrowLeftIcon }), void 0);
-}
-
-module.exports = ArrowLeftIcon;
-//# sourceMappingURL=ArrowLeftIcon.js.map

package/dist/cjs/design-system/Icon/icons/ArrowLeftIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ArrowLeftIcon.js","sources":["../../../../../src/design-system/Icon/icons/ArrowLeftIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, IconProps } from '../Icon';\n\nfunction SvgArrowLeftIcon(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=\"M18.791 11.005H7.621l4.88-4.88c.39-.39.39-1.03 0-1.42a.996.996 0 00-1.41 0l-6.59 6.59a.996.996 0 000 1.41l6.59 6.59a.996.996 0 101.41-1.41l-4.88-4.88h11.17c.55 0 1-.45 1-1s-.45-1-1-1z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\nfunction ArrowLeftIcon(props: IconProps) {\n  return <Icon {...props} component={SvgArrowLeftIcon} />;\n}\n\nexport default ArrowLeftIcon;\n"],"names":["_jsx","Icon"],"mappings":";;;;;;AAGA,SAAS,gBAAgB,CAAC,KAAoC;IAC5D,QACEA,2DAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,KAAK,cACxGA,yCACE,CAAC,EAAC,yLAAyL,EAC3L,IAAI,EAAC,cAAc,WACnB,YACE,EACN;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,KAAgB;IACrC,OAAOA,+BAACC,SAAI,yBAAK,KAAK,IAAE,SAAS,EAAE,gBAAgB,YAAI,CAAC;AAC1D;;;;"}

package/dist/cjs/design-system/Icon/icons/ArrowRightIcon.d.ts

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