@databricks/design-system 0.1.8 → 1.0.0

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

@@ -1,49 +0,0 @@
-import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
-import { jsx, jsxs, Fragment } from '../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import { css } from '@emotion/react';
-import { useContext } from 'react';
-import { useDesignSystemTheme } from '../hooks/useDesignSystemTheme.js';
-import { Button } from '../Button/Button.js';
-import AntDModal from '../node_modules/antd/es/modal/index.js';
-import { DesignSystemContext } from '../DesignSystemProvider/DesignSystemProvider.js';
-
-var SIZE_PRESETS = {
-    normal: 640,
-    wide: 880,
-};
-var getModalEmotionStyles = function (theme, clsPrefix) {
-    var _a;
-    return css((_a = {},
-        _a["." + clsPrefix + "-modal-footer ." + clsPrefix + "-btn + ." + clsPrefix + "-btn:not(." + clsPrefix + "-dropdown-trigger)"] = {
-            marginLeft: theme.spacing.defaultPaddingMd,
-        },
-        _a));
-};
-var Modal = function (_a) {
-    var okButtonProps = _a.okButtonProps, cancelButtonProps = _a.cancelButtonProps, dangerouslySetAntdProps = _a.dangerouslySetAntdProps, props = __rest(_a, ["okButtonProps", "cancelButtonProps", "dangerouslySetAntdProps"]);
-    var theme = useDesignSystemTheme().theme;
-    var context = useContext(DesignSystemContext);
-    var clsPrefix = context.getPrefixCls();
-    var handleCancel = function (e) {
-        var _a;
-        (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    };
-    var handleOk = function (e) {
-        var _a;
-        (_a = props.onOk) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    };
-    /**
-     * Render default footer with our buttons. Copied from AntD.
-     */
-    var renderDefaultFooter = function () {
-        var okText = props.okText, cancelText = props.cancelText, confirmLoading = props.confirmLoading;
-        return (jsxs(Fragment, { children: [jsx(Button, __assign({ onClick: handleCancel }, cancelButtonProps, { children: cancelText }), void 0), jsx(Button, __assign({ loading: confirmLoading, onClick: handleOk, type: "primary" }, okButtonProps, { children: okText }), void 0)] }, void 0));
-    };
-    return (jsx(AntDModal, __assign({ css: getModalEmotionStyles(theme, clsPrefix), footer: props.footer === undefined ? renderDefaultFooter() : props.footer, width: props.size ? SIZE_PRESETS[props.size] : undefined }, props, dangerouslySetAntdProps), void 0));
-};
-Modal.defaultProps = {
-    size: 'normal',
-};
-
-export { Modal };
-//# sourceMappingURL=Modal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/design-system/Modal/Modal.tsx"],"sourcesContent":["import { css, SerializedStyles } from '@emotion/react';\nimport { Modal as AntDModal, ModalProps as AntDModalProps } from 'antd';\nimport { Button, ButtonProps } from '../Button';\nimport { DangerouslySetAntdProps } from '../types';\nimport { Theme } from '../../theme';\nimport { DesignSystemContext } from '../DesignSystemProvider';\nimport { useDesignSystemTheme } from '../hooks';\nimport { useContext } from 'react';\n\nexport interface ModalProps\n  extends Pick<\n      AntDModalProps,\n      | 'visible'\n      | 'confirmLoading'\n      | 'title'\n      | 'onOk'\n      | 'onCancel'\n      | 'afterClose'\n      | 'footer'\n      | 'okText'\n      | 'cancelText'\n      | 'forceRender'\n      | 'destroyOnClose'\n      | 'wrapClassName'\n      | 'className'\n      | 'getContainer'\n      | 'zIndex'\n      | 'modalRender'\n      | 'focusTriggerAfterClose'\n    >,\n    DangerouslySetAntdProps<AntDModalProps> {\n  /** Specify a size for the modal. */\n  size?: 'normal' | 'wide';\n  /** The ok button props */\n  okButtonProps?: ButtonProps;\n  /** The cancel button props */\n  cancelButtonProps?: ButtonProps;\n}\n\nconst SIZE_PRESETS = {\n  normal: 640,\n  wide: 880,\n};\n\nconst getModalEmotionStyles = (theme: Theme, clsPrefix: string): SerializedStyles => {\n  return css({\n    [`.${clsPrefix}-modal-footer .${clsPrefix}-btn + .${clsPrefix}-btn:not(.${clsPrefix}-dropdown-trigger)`]: {\n      marginLeft: theme.spacing.defaultPaddingMd,\n    },\n  });\n};\n\nexport const Modal: React.FC<ModalProps> = ({\n  okButtonProps,\n  cancelButtonProps,\n  dangerouslySetAntdProps,\n  ...props\n}) => {\n  const { theme } = useDesignSystemTheme();\n  const context = useContext(DesignSystemContext);\n  const clsPrefix = context.getPrefixCls();\n\n  const handleCancel = (e: React.MouseEvent<HTMLButtonElement>) => {\n    props.onCancel?.(e);\n  };\n\n  const handleOk = (e: React.MouseEvent<HTMLButtonElement>) => {\n    props.onOk?.(e);\n  };\n\n  /**\n   * Render default footer with our buttons. Copied from AntD.\n   */\n  const renderDefaultFooter = () => {\n    const { okText, cancelText, confirmLoading } = props;\n    return (\n      <>\n        <Button onClick={handleCancel} {...cancelButtonProps}>\n          {cancelText}\n        </Button>\n        <Button loading={confirmLoading} onClick={handleOk} type=\"primary\" {...okButtonProps}>\n          {okText}\n        </Button>\n      </>\n    );\n  };\n\n  return (\n    <AntDModal\n      css={getModalEmotionStyles(theme, clsPrefix)}\n      footer={props.footer === undefined ? renderDefaultFooter() : props.footer}\n      width={props.size ? SIZE_PRESETS[props.size] : undefined}\n      {...props}\n      {...dangerouslySetAntdProps}\n    />\n  );\n};\n\nModal.defaultProps = {\n  size: 'normal',\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAuCA,IAAM,YAAY,GAAG;IACnB,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;CACV,CAAC;AAEF,IAAM,qBAAqB,GAAG,UAAC,KAAY,EAAE,SAAiB;;IAC5D,OAAO,GAAG;QACR,GAAC,MAAI,SAAS,uBAAkB,SAAS,gBAAW,SAAS,kBAAa,SAAS,uBAAoB,IAAG;YACxG,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB;SAC3C;YACD,CAAC;AACL,CAAC,CAAC;IAEW,KAAK,GAAyB,UAAC,EAK3C;IAJC,IAAA,aAAa,mBAAA,EACb,iBAAiB,uBAAA,EACjB,uBAAuB,6BAAA,EACpB,KAAK,cAJkC,iEAK3C,CADS;IAEA,IAAA,KAAK,GAAK,oBAAoB,EAAE,MAA3B,CAA4B;IACzC,IAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;IAEzC,IAAM,YAAY,GAAG,UAAC,CAAsC;;QAC1D,MAAA,KAAK,CAAC,QAAQ,+CAAd,KAAK,EAAY,CAAC,CAAC,CAAC;KACrB,CAAC;IAEF,IAAM,QAAQ,GAAG,UAAC,CAAsC;;QACtD,MAAA,KAAK,CAAC,IAAI,+CAAV,KAAK,EAAQ,CAAC,CAAC,CAAC;KACjB,CAAC;;;;IAKF,IAAM,mBAAmB,GAAG;QAClB,IAAA,MAAM,GAAiC,KAAK,OAAtC,EAAE,UAAU,GAAqB,KAAK,WAA1B,EAAE,cAAc,GAAK,KAAK,eAAV,CAAW;QACrD,QACEA,4BACEC,IAAC,MAAM,aAAC,OAAO,EAAE,YAAY,IAAM,iBAAiB,cACjD,UAAU,YACJ,EACTA,IAAC,MAAM,aAAC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAC,SAAS,IAAK,aAAa,cACjF,MAAM,YACA,YACR,EACH;KACH,CAAC;IAEF,QACEA,IAAC,SAAS,aACR,GAAG,EAAE,qBAAqB,CAAC,KAAK,EAAE,SAAS,CAAC,EAC5C,MAAM,EAAE,KAAK,CAAC,MAAM,KAAK,SAAS,GAAG,mBAAmB,EAAE,GAAG,KAAK,CAAC,MAAM,EACzE,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,SAAS,IACpD,KAAK,EACL,uBAAuB,UAC3B,EACF;AACJ,EAAE;AAEF,KAAK,CAAC,YAAY,GAAG;IACnB,IAAI,EAAE,QAAQ;CACf;;;;"}

package/dist/design-system/Modal/stories/BasicModal.d.ts

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

package/dist/design-system/Modal/stories/ModalWithCustomizedFooter.d.ts

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

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

@@ -1,28 +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 { SeverityIcon } from '../Icon/iconMap.js';
-import antDNotification from '../node_modules/antd/es/notification/index.js';
-import { useDesignSystemTheme } from '../hooks/useDesignSystemTheme.js';
-
-// Note: AntD only exposes context to notifications via the `useNotification` hook, and
-// we need context to apply themes to AntD. As such you can currently only use
-// notifications from within functional components.
-function useNotification() {
-    var _a = antDNotification.useNotification(), notificationApi = _a[0], contextHolder = _a[1];
-    var getPrefixedClassName = useDesignSystemTheme().getPrefixedClassName;
-    var clsPrefix = getPrefixedClassName('notification');
-    var wrappedNotificationAPI = __assign(__assign({}, notificationApi), { open: function (args) {
-            var mergedArgs = __assign(__assign({}, defaultProps), args);
-            var iconClassName = clsPrefix + "-notice-icon-" + mergedArgs.type;
-            mergedArgs.icon = jsx(SeverityIcon, { severity: mergedArgs.type, className: iconClassName }, void 0);
-            notificationApi.open(mergedArgs);
-        } });
-    return [wrappedNotificationAPI, contextHolder];
-}
-var defaultProps = {
-    type: 'info',
-    duration: 3,
-};
-
-export { useNotification };
-//# sourceMappingURL=Notification.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Notification.js","sources":["../../../src/design-system/Notification/Notification.tsx"],"sourcesContent":["import { notification as antDNotification } from 'antd';\nimport {\n  ArgsProps as AntDNotificationArgs,\n  IconType as AntDIconType,\n  NotificationInstance,\n} from 'antd/lib/notification';\nimport { SeverityIcon } from '../Icon/iconMap';\nimport { DangerouslySetAntdProps } from '../types';\nimport { useDesignSystemTheme } from '../hooks';\n\nexport type NotificationType = AntDIconType;\n\nexport interface NotificationProps\n  extends Omit<\n      AntDNotificationArgs,\n      'bottom' | 'btn' | 'className' | 'closeIcon' | 'icon' | 'position' | 'style' | 'top'\n    >,\n    DangerouslySetAntdProps<AntDNotificationArgs> {\n  type: NotificationType;\n}\n\n// Note: AntD only exposes context to notifications via the `useNotification` hook, and\n// we need context to apply themes to AntD. As such you can currently only use\n// notifications from within functional components.\nexport function useNotification(): [NotificationInstance, React.ReactElement] {\n  const [notificationApi, contextHolder] = antDNotification.useNotification();\n  const { getPrefixedClassName } = useDesignSystemTheme();\n  const clsPrefix = getPrefixedClassName('notification');\n  const wrappedNotificationAPI = {\n    ...notificationApi,\n    open(args: NotificationProps) {\n      const mergedArgs: AntDNotificationArgs & NotificationProps = {\n        ...defaultProps,\n        ...args,\n      };\n\n      const iconClassName = `${clsPrefix}-notice-icon-${mergedArgs.type}`;\n      mergedArgs.icon = <SeverityIcon severity={mergedArgs.type} className={iconClassName} />;\n\n      notificationApi.open(mergedArgs);\n    },\n  };\n\n  return [wrappedNotificationAPI, contextHolder];\n}\n\nconst defaultProps: Partial<NotificationProps> = {\n  type: 'info',\n  duration: 3,\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAqBA;AACA;AACA;SACgB,eAAe;IACvB,IAAA,KAAmC,gBAAgB,CAAC,eAAe,EAAE,EAApE,eAAe,QAAA,EAAE,aAAa,QAAsC,CAAC;IACpE,IAAA,oBAAoB,GAAK,oBAAoB,EAAE,qBAA3B,CAA4B;IACxD,IAAM,SAAS,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACvD,IAAM,sBAAsB,yBACvB,eAAe,KAClB,IAAI,EAAJ,UAAK,IAAuB;YAC1B,IAAM,UAAU,yBACX,YAAY,GACZ,IAAI,CACR,CAAC;YAEF,IAAM,aAAa,GAAM,SAAS,qBAAgB,UAAU,CAAC,IAAM,CAAC;YACpE,UAAU,CAAC,IAAI,GAAGA,IAAC,YAAY,IAAC,QAAQ,EAAE,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,WAAI,CAAC;YAExF,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAClC,GACF,CAAC;IAEF,OAAO,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC;AACjD,CAAC;AAED,IAAM,YAAY,GAA+B;IAC/C,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,CAAC;CACZ;;;;"}

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

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

package/dist/design-system/Notification/stories/types-example.d.ts

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

package/dist/design-system/PageWrapper/PageWrapper.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 { css } from '@emotion/react';
-
-var PageWrapper = function (_a) {
-    var children = _a.children;
-    return (jsx("div", __assign({ css: css({
-            paddingLeft: 16,
-            paddingRight: 16,
-        }) }, { children: children }), void 0));
-};
-
-export { PageWrapper };
-//# sourceMappingURL=PageWrapper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PageWrapper.js","sources":["../../../src/design-system/PageWrapper/PageWrapper.tsx"],"sourcesContent":["import { css } from '@emotion/react';\n\nexport interface PageWrapperProps {}\n\nexport const PageWrapper: React.FC<PageWrapperProps> = ({ children }) => {\n  return (\n    <div\n      css={css({\n        paddingLeft: 16,\n        paddingRight: 16,\n      })}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;IAIa,WAAW,GAA+B,UAAC,EAAY;QAAV,QAAQ,cAAA;IAChE,QACEA,sBACE,GAAG,EAAE,GAAG,CAAC;YACP,WAAW,EAAE,EAAE;YACf,YAAY,EAAE,EAAE;SACjB,CAAC,gBAED,QAAQ,YACL,EACN;AACJ;;;;"}

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export default function PaginationStory({ numTotal, size, }: {
-    numTotal: number;
-    size: 'default' | 'small';
-}): JSX.Element;

package/dist/design-system/Popover/Popover.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 AntDPopover from '../node_modules/antd/es/popover/index.js';
-
-var Popover = function (props) {
-    return jsx(AntDPopover, __assign({}, props), void 0);
-};
-
-export { Popover };
-//# sourceMappingURL=Popover.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/design-system/Popover/Popover.tsx"],"sourcesContent":["import AntDPopover, { PopoverProps as AntDPopoverProps } from 'antd/es/popover';\n\nexport interface PopoverProps extends AntDPopoverProps {}\n\nexport const Popover: React.FC<PopoverProps> = (props) => {\n  return <AntDPopover {...props} />;\n};\n"],"names":["_jsx"],"mappings":";;;;IAIa,OAAO,GAA2B,UAAC,KAAK;IACnD,OAAOA,IAAC,WAAW,eAAK,KAAK,UAAI,CAAC;AACpC;;;;"}

package/dist/design-system/Popover/stories/BasicPopover.d.ts

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

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

@@ -1,118 +0,0 @@
-import { __assign, __rest } 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 { useContext } from 'react';
-import AntDRadio from '../node_modules/antd/es/radio/index.js';
-import { useDesignSystemTheme } from '../hooks/useDesignSystemTheme.js';
-import { DesignSystemContext, getAnimationCss } from '../DesignSystemProvider/DesignSystemProvider.js';
-
-var verticalGroupEmotionStyles = css({
-    display: 'flex',
-    flexDirection: 'column',
-    flexWrap: 'wrap',
-});
-var radioOverrideEmotionStyles = function (_a) {
-    var _b, _c, _d;
-    var theme = _a.theme, clsPrefix = _a.clsPrefix, enableAnimation = _a.enableAnimation;
-    return css(__assign((_b = {}, _b["." + clsPrefix] = (_c = {
-            alignSelf: 'start'
-        },
-        // Unchecked Styles
-        _c["> ." + clsPrefix + "-input + ." + clsPrefix + "-inner"] = {
-            width: theme.spacing.radioButtonSize,
-            height: theme.spacing.radioButtonSize,
-            background: theme.colors.radioDefaultBackground,
-            borderStyle: 'solid',
-            borderColor: theme.colors.radioDefaultBorder,
-            boxShadow: 'unset',
-            transform: 'unset',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            borderRadius: '50%',
-            '&:after': {
-                all: 'unset',
-            },
-        },
-        // Hover
-        _c["&:not(." + clsPrefix + "-disabled) > ." + clsPrefix + "-input:hover + ." + clsPrefix + "-inner"] = {
-            borderColor: theme.colors.radioInteractiveHover,
-            background: theme.colors.radioInteractiveHoverSecondary,
-        },
-        // Focus
-        _c["&:not(." + clsPrefix + "-disabled)> ." + clsPrefix + "-input:focus + ." + clsPrefix + "-inner"] = {
-            borderColor: theme.colors.primary,
-        },
-        // Active
-        _c["&:not(." + clsPrefix + "-disabled)> ." + clsPrefix + "-input:active + ." + clsPrefix + "-inner"] = {
-            borderColor: theme.colors.radioInteractivePress,
-            background: theme.colors.radioInteractivePressSecondary,
-        },
-        // Disabled
-        _c["&." + clsPrefix + "-disabled > ." + clsPrefix + "-input + ." + clsPrefix + "-inner"] = {
-            borderColor: theme.colors.radioDisabled + "!important", // Ant uses !important
-        },
-        // Checked Styles
-        _c["&." + clsPrefix + "-checked"] = (_d = {
-                '&:after': {
-                    border: 'unset',
-                }
-            },
-            _d["> ." + clsPrefix + "-input + ." + clsPrefix + "-inner"] = {
-                background: theme.colors.primary,
-                borderColor: theme.colors.primary,
-                '&:after': {
-                    content: "\"\"",
-                    borderRadius: theme.spacing.radioFillSize,
-                    backgroundColor: theme.colors.radioDefaultBackground,
-                    width: theme.spacing.radioFillSize,
-                    height: theme.spacing.radioFillSize,
-                },
-            },
-            // Hover
-            _d["&:not(." + clsPrefix + "-disabled) > ." + clsPrefix + "-input:hover + ." + clsPrefix + "-inner"] = {
-                background: theme.colors.radioInteractiveHover,
-                borderColor: theme.colors.radioInteractiveHover,
-            },
-            // Focus
-            _d["&:not(." + clsPrefix + "-disabled) > ." + clsPrefix + "-input:focus-visible + ." + clsPrefix + "-inner"] = {
-                background: theme.colors.primary,
-                borderColor: theme.colors.primary,
-                boxShadow: "0 0 0 1px " + theme.colors.radioDefaultBackground + ", 0 0 0 3px " + theme.colors.primary,
-            },
-            // Active
-            _d["&:not(." + clsPrefix + "-disabled) > ." + clsPrefix + "-input:active + ." + clsPrefix + "-inner"] = {
-                background: theme.colors.radioInteractivePress,
-                borderColor: theme.colors.radioInteractivePress,
-            },
-            // Disabled
-            _d["&." + clsPrefix + "-disabled > ." + clsPrefix + "-input + ." + clsPrefix + "-inner"] = {
-                background: "" + theme.colors.radioDisabled,
-                border: theme.spacing.radioEmphasisBorderWidth + "px solid " + theme.colors.radioDisabled + "!important", // !important inherited from ant
-            },
-            _d),
-        _c), _b), getAnimationCss(enableAnimation)));
-};
-var Radio = function (props) {
-    return jsx(AntDRadio, __assign({}, props), void 0);
-};
-var StyledRadioGroup = function (props) {
-    var _a = useDesignSystemTheme(), theme = _a.theme, getPrefixedClassName = _a.getPrefixedClassName;
-    var context = useContext(DesignSystemContext);
-    var clsPrefix = getPrefixedClassName('radio');
-    return (jsx(AntDRadio.Group, __assign({}, props, { css: radioOverrideEmotionStyles({ theme: theme, clsPrefix: clsPrefix, enableAnimation: context.enableAnimation }) }), void 0));
-};
-var VerticalGroup = function (_a) {
-    var dangerouslySetAntdProps = _a.dangerouslySetAntdProps, props = __rest(_a, ["dangerouslySetAntdProps"]);
-    return jsx(StyledRadioGroup, __assign({ css: verticalGroupEmotionStyles }, props, dangerouslySetAntdProps), void 0);
-};
-var HorizontalGroup = function (_a) {
-    var dangerouslySetAntdProps = _a.dangerouslySetAntdProps, props = __rest(_a, ["dangerouslySetAntdProps"]);
-    return jsx(StyledRadioGroup, __assign({}, props, dangerouslySetAntdProps), void 0);
-};
-// Note: We are overriding ant's default "Group" with our own.
-Radio.Group = VerticalGroup;
-Radio.HorizontalGroup = HorizontalGroup;
-
-export { Radio };
-//# sourceMappingURL=Radio.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.js","sources":["../../../src/design-system/Radio/Radio.tsx"],"sourcesContent":["import { Radio as AntDRadio, RadioGroupProps as AntDRadioGroupProps, RadioProps as AntDRadioProps } from 'antd';\nimport { css, SerializedStyles } from '@emotion/react';\nimport { ComponentTheme } from '../../theme';\nimport { DangerouslySetAntdProps } from '../types';\nimport { useDesignSystemTheme } from '../hooks';\nimport { DesignSystemContext, getAnimationCss } from '../DesignSystemProvider';\nimport { useContext } from 'react';\n\nconst verticalGroupEmotionStyles = css({\n  display: 'flex',\n  flexDirection: 'column',\n  flexWrap: 'wrap',\n});\n\nconst radioOverrideEmotionStyles = ({\n  theme,\n  clsPrefix,\n  enableAnimation,\n}: {\n  theme: ComponentTheme;\n  clsPrefix: string;\n  enableAnimation: boolean;\n}): SerializedStyles =>\n  css({\n    [`.${clsPrefix}`]: {\n      alignSelf: 'start',\n      // Unchecked Styles\n      [`> .${clsPrefix}-input + .${clsPrefix}-inner`]: {\n        width: theme.spacing.radioButtonSize,\n        height: theme.spacing.radioButtonSize,\n        background: theme.colors.radioDefaultBackground,\n        borderStyle: 'solid',\n        borderColor: theme.colors.radioDefaultBorder,\n        boxShadow: 'unset',\n        transform: 'unset', // This prevents an awkward jitter on the border\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderRadius: '50%',\n        '&:after': {\n          all: 'unset',\n        },\n      },\n      // Hover\n      [`&:not(.${clsPrefix}-disabled) > .${clsPrefix}-input:hover + .${clsPrefix}-inner`]: {\n        borderColor: theme.colors.radioInteractiveHover,\n        background: theme.colors.radioInteractiveHoverSecondary,\n      },\n      // Focus\n      [`&:not(.${clsPrefix}-disabled)> .${clsPrefix}-input:focus + .${clsPrefix}-inner`]: {\n        borderColor: theme.colors.primary,\n      },\n      // Active\n      [`&:not(.${clsPrefix}-disabled)> .${clsPrefix}-input:active + .${clsPrefix}-inner`]: {\n        borderColor: theme.colors.radioInteractivePress,\n        background: theme.colors.radioInteractivePressSecondary,\n      },\n      // Disabled\n      [`&.${clsPrefix}-disabled > .${clsPrefix}-input + .${clsPrefix}-inner`]: {\n        borderColor: `${theme.colors.radioDisabled}!important`, // Ant uses !important\n      },\n\n      // Checked Styles\n      [`&.${clsPrefix}-checked`]: {\n        '&:after': {\n          border: 'unset',\n        },\n        [`> .${clsPrefix}-input + .${clsPrefix}-inner`]: {\n          background: theme.colors.primary,\n          borderColor: theme.colors.primary,\n          '&:after': {\n            content: `\"\"`,\n            borderRadius: theme.spacing.radioFillSize,\n            backgroundColor: theme.colors.radioDefaultBackground,\n            width: theme.spacing.radioFillSize,\n            height: theme.spacing.radioFillSize,\n          },\n        },\n\n        // Hover\n        [`&:not(.${clsPrefix}-disabled) > .${clsPrefix}-input:hover + .${clsPrefix}-inner`]: {\n          background: theme.colors.radioInteractiveHover,\n          borderColor: theme.colors.radioInteractiveHover,\n        },\n        // Focus\n        [`&:not(.${clsPrefix}-disabled) > .${clsPrefix}-input:focus-visible + .${clsPrefix}-inner`]: {\n          background: theme.colors.primary,\n          borderColor: theme.colors.primary,\n          boxShadow: `0 0 0 1px ${theme.colors.radioDefaultBackground}, 0 0 0 3px ${theme.colors.primary}`,\n        },\n        // Active\n        [`&:not(.${clsPrefix}-disabled) > .${clsPrefix}-input:active + .${clsPrefix}-inner`]: {\n          background: theme.colors.radioInteractivePress,\n          borderColor: theme.colors.radioInteractivePress,\n        },\n        // Disabled\n        [`&.${clsPrefix}-disabled > .${clsPrefix}-input + .${clsPrefix}-inner`]: {\n          background: `${theme.colors.radioDisabled}`,\n          border: `${theme.spacing.radioEmphasisBorderWidth}px solid ${theme.colors.radioDisabled}!important`, // !important inherited from ant\n        },\n      },\n    },\n    ...getAnimationCss(enableAnimation),\n  });\n\nexport interface RadioProps\n  extends Omit<AntDRadioProps, 'prefixCls' | 'type' | 'skipGroup'>,\n    DangerouslySetAntdProps<AntDRadioGroupProps> {}\n\nexport interface RadioGroupProps\n  extends Omit<AntDRadioGroupProps, 'optionType' | 'buttonStyle' | 'size' | 'prefixCls' | 'skipGroup'>,\n    DangerouslySetAntdProps<AntDRadioGroupProps> {}\n\ninterface RadioInterface extends React.FC<RadioProps> {\n  Group: typeof VerticalGroup;\n  HorizontalGroup: typeof HorizontalGroup;\n}\n\nexport const Radio: RadioInterface = (props) => {\n  return <AntDRadio {...props} />;\n};\n\nconst StyledRadioGroup = (props: RadioGroupProps) => {\n  const { theme, getPrefixedClassName } = useDesignSystemTheme();\n  const context = useContext(DesignSystemContext);\n  const clsPrefix = getPrefixedClassName('radio');\n\n  return (\n    <AntDRadio.Group\n      {...props}\n      css={radioOverrideEmotionStyles({ theme, clsPrefix, enableAnimation: context.enableAnimation })}\n    />\n  );\n};\n\nconst VerticalGroup: React.FC<RadioGroupProps> = ({ dangerouslySetAntdProps, ...props }) => {\n  return <StyledRadioGroup css={verticalGroupEmotionStyles} {...props} {...dangerouslySetAntdProps} />;\n};\n\nconst HorizontalGroup: React.FC<RadioGroupProps> = ({ dangerouslySetAntdProps, ...props }) => {\n  return <StyledRadioGroup {...props} {...dangerouslySetAntdProps} />;\n};\n\n// Note: We are overriding ant's default \"Group\" with our own.\nRadio.Group = VerticalGroup;\nRadio.HorizontalGroup = HorizontalGroup;\n"],"names":["_jsx"],"mappings":"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"}

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

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

package/dist/design-system/Radio/stories/disabled-example.d.ts

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

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

@@ -1,31 +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 { useContext } from 'react';
-import { css } from '@emotion/react';
-import { getTheme } from '../../theme/index.js';
-import AntDSelect from '../node_modules/antd/es/select/index.js';
-import { DesignSystemContext, getAnimationCss } from '../DesignSystemProvider/DesignSystemProvider.js';
-
-function getSelectEmotionStyles(clsPrefix, theme, enableAnimation) {
-    var _a, _b;
-    var classFocused = "." + clsPrefix + "-focused";
-    var classSelector = "." + clsPrefix + "-selector";
-    var styles = __assign((_a = {}, _a[classFocused] = (_b = {},
-        _b[classSelector] = {
-            borderColor: theme.colors.primary + " !important",
-            outlineStyle: 'auto !important',
-        },
-        _b), _a), getAnimationCss(enableAnimation));
-    return css(styles);
-}
-var Select = function (props) {
-    var context = useContext(DesignSystemContext);
-    var clsPrefix = context.getPrefixCls('select');
-    var theme = getTheme('default');
-    return jsx(AntDSelect, __assign({ css: getSelectEmotionStyles(clsPrefix, theme, context.enableAnimation) }, props), void 0);
-};
-Select.Option = AntDSelect.Option;
-Select.OptGroup = AntDSelect.OptGroup;
-
-export { Select };
-//# sourceMappingURL=Select.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","sources":["../../../src/design-system/Select/Select.tsx"],"sourcesContent":["import { Select as AntDSelect, SelectProps } from 'antd';\nimport { DesignSystemContext, getAnimationCss } from '..';\nimport { useContext } from 'react';\nimport { css, SerializedStyles } from '@emotion/react';\nimport { getTheme, Theme } from '../../theme';\n\nexport interface SelectInterface extends React.FC<SelectProps<any>> {\n  Option: typeof AntDSelect.Option;\n  OptGroup: typeof AntDSelect.OptGroup;\n}\n\nfunction getSelectEmotionStyles(clsPrefix: string, theme: Theme, enableAnimation: boolean): SerializedStyles {\n  const classFocused = `.${clsPrefix}-focused`;\n  const classSelector = `.${clsPrefix}-selector`;\n\n  const styles = {\n    [classFocused]: {\n      [classSelector]: {\n        borderColor: `${theme.colors.primary} !important`,\n        outlineStyle: 'auto !important',\n      },\n    },\n    ...getAnimationCss(enableAnimation),\n  };\n\n  return css(styles);\n}\n\nexport const Select: SelectInterface = (props) => {\n  const context = useContext(DesignSystemContext);\n\n  const clsPrefix = context.getPrefixCls('select');\n  const theme = getTheme('default');\n\n  return <AntDSelect css={getSelectEmotionStyles(clsPrefix, theme, context.enableAnimation)} {...props} />;\n};\n\nSelect.Option = AntDSelect.Option;\nSelect.OptGroup = AntDSelect.OptGroup;\n"],"names":["_jsx"],"mappings":";;;;;;;;AAWA,SAAS,sBAAsB,CAAC,SAAiB,EAAE,KAAY,EAAE,eAAwB;;IACvF,IAAM,YAAY,GAAG,MAAI,SAAS,aAAU,CAAC;IAC7C,IAAM,aAAa,GAAG,MAAI,SAAS,cAAW,CAAC;IAE/C,IAAM,MAAM,yBACT,YAAY;QACX,GAAC,aAAa,IAAG;YACf,WAAW,EAAK,KAAK,CAAC,MAAM,CAAC,OAAO,gBAAa;YACjD,YAAY,EAAE,iBAAiB;SAChC;kBAEA,eAAe,CAAC,eAAe,CAAC,CACpC,CAAC;IAEF,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC;AACrB,CAAC;IAEY,MAAM,GAAoB,UAAC,KAAK;IAC3C,IAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAEhD,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IACjD,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAElC,OAAOA,IAAC,UAAU,aAAC,GAAG,EAAE,sBAAsB,CAAC,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,IAAM,KAAK,UAAI,CAAC;AAC3G,EAAE;AAEF,MAAM,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;AAClC,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,QAAQ;;;;"}

package/dist/design-system/Select/stories/basic-select.d.ts

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

package/dist/design-system/Select/stories/disabled-select.d.ts

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

package/dist/design-system/Select/stories/multi-select.d.ts

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

package/dist/design-system/Skeleton/Skeleton.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 Skeleton$1 from '../node_modules/antd/es/skeleton/Skeleton.js';
-
-var Skeleton = function (props) {
-    return jsx(Skeleton$1, __assign({}, props), void 0);
-};
-Skeleton.Button = Skeleton$1.Button;
-Skeleton.Image = Skeleton$1.Image;
-Skeleton.Input = Skeleton$1.Input;
-
-export { Skeleton };
-//# sourceMappingURL=Skeleton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../src/design-system/Skeleton/Skeleton.tsx"],"sourcesContent":["import { Skeleton as AntDSkeleton, SkeletonProps as AntDSkeletonProps } from 'antd';\n\nexport interface SkeletonProps extends AntDSkeletonProps {}\n\ninterface SekeletonInterface extends React.FC<SkeletonProps> {\n  Button: typeof AntDSkeleton.Button;\n  Image: typeof AntDSkeleton.Image;\n  Input: typeof AntDSkeleton.Input;\n}\n\nexport const Skeleton: SekeletonInterface = (props) => {\n  return <AntDSkeleton {...props} />;\n};\n\nSkeleton.Button = AntDSkeleton.Button;\nSkeleton.Image = AntDSkeleton.Image;\nSkeleton.Input = AntDSkeleton.Input;\n"],"names":["_jsx","AntDSkeleton"],"mappings":";;;;IAUa,QAAQ,GAAuB,UAAC,KAAK;IAChD,OAAOA,IAACC,UAAY,eAAK,KAAK,UAAI,CAAC;AACrC,EAAE;AAEF,QAAQ,CAAC,MAAM,GAAGA,UAAY,CAAC,MAAM,CAAC;AACtC,QAAQ,CAAC,KAAK,GAAGA,UAAY,CAAC,KAAK,CAAC;AACpC,QAAQ,CAAC,KAAK,GAAGA,UAAY,CAAC,KAAK;;;;"}

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

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

package/dist/design-system/Space/Space.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 AntDSpace from '../node_modules/antd/es/space/index.js';
-
-var Space = function (props) {
-    return jsx(AntDSpace, __assign({}, props), void 0);
-};
-
-export { Space };
-//# sourceMappingURL=Space.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Space.js","sources":["../../../src/design-system/Space/Space.tsx"],"sourcesContent":["import { Space as AntDSpace, SpaceProps as AntDSpaceProps } from 'antd';\n\nexport interface SpaceProps extends AntDSpaceProps {}\n\nexport const Space: React.FC<SpaceProps> = (props) => {\n  return <AntDSpace {...props} />;\n};\n"],"names":["_jsx"],"mappings":";;;;IAIa,KAAK,GAAyB,UAAC,KAAK;IAC/C,OAAOA,IAAC,SAAS,eAAK,KAAK,UAAI,CAAC;AAClC;;;;"}

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

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

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

@@ -1,18 +0,0 @@
-import { jsx } from '../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import { css } from '@emotion/react';
-
-var SPACING_VALUES;
-(function (SPACING_VALUES) {
-    SPACING_VALUES[SPACING_VALUES["small"] = 8] = "small";
-    SPACING_VALUES[SPACING_VALUES["medium"] = 16] = "medium";
-    SPACING_VALUES[SPACING_VALUES["large"] = 24] = "large";
-})(SPACING_VALUES || (SPACING_VALUES = {}));
-var Spacer = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 'medium' : _b;
-    return (jsx("div", { css: css({
-            height: SPACING_VALUES[size],
-        }) }, void 0));
-};
-
-export { SPACING_VALUES, Spacer };
-//# sourceMappingURL=Spacer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Spacer.js","sources":["../../../src/design-system/Spacer/Spacer.tsx"],"sourcesContent":["import { css } from '@emotion/react';\n\nexport enum SPACING_VALUES {\n  small = 8,\n  medium = 16,\n  large = 24,\n}\n\nexport interface SpacerProps {\n  size?: 'small' | 'medium' | 'large';\n}\n\nexport const Spacer: React.FC<SpacerProps> = ({ size = 'medium' }) => {\n  return (\n    <div\n      css={css({\n        height: SPACING_VALUES[size],\n      })}\n    />\n  );\n};\n"],"names":["_jsx"],"mappings":";;;IAEY;AAAZ,WAAY,cAAc;IACxB,qDAAS,CAAA;IACT,wDAAW,CAAA;IACX,sDAAU,CAAA;AACZ,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;IAMY,MAAM,GAA0B,UAAC,EAAmB;QAAjB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA;IAC7D,QACEA,aACE,GAAG,EAAE,GAAG,CAAC;YACP,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC;SAC7B,CAAC,WACF,EACF;AACJ;;;;"}

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

@@ -1,15 +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 { useContext } from 'react';
-import { css } from '@emotion/react';
-import AntDSwitch from '../node_modules/antd/es/switch/index.js';
-import { DesignSystemContext, getAnimationCss } from '../DesignSystemProvider/DesignSystemProvider.js';
-
-var Switch = function (_a) {
-    var dangerouslySetAntdProps = _a.dangerouslySetAntdProps, props = __rest(_a, ["dangerouslySetAntdProps"]);
-    var context = useContext(DesignSystemContext);
-    return jsx(AntDSwitch, __assign({}, props, dangerouslySetAntdProps, { css: css(getAnimationCss(context.enableAnimation)) }), void 0);
-};
-
-export { Switch };
-//# sourceMappingURL=Switch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/design-system/Switch/Switch.tsx"],"sourcesContent":["import { DangerouslySetAntdProps } from '../types';\nimport { useContext } from 'react';\nimport { Switch as AntDSwitch, SwitchProps as AntDSwitchProps } from 'antd';\nimport { css } from '@emotion/react';\nimport { DesignSystemContext, getAnimationCss } from '..';\n\nexport type SwitchProps = Pick<\n  AntDSwitchProps,\n  | 'autoFocus'\n  | 'checked'\n  | 'checkedChildren'\n  | 'className'\n  | 'defaultChecked'\n  | 'disabled'\n  | 'unCheckedChildren'\n  | 'onChange'\n  | 'onClick'\n> &\n  DangerouslySetAntdProps<AntDSwitchProps>;\n\nexport const Switch: React.FC<SwitchProps> = ({ dangerouslySetAntdProps, ...props }) => {\n  const context = useContext(DesignSystemContext);\n  return <AntDSwitch {...props} {...dangerouslySetAntdProps} css={css(getAnimationCss(context.enableAnimation))} />;\n};\n"],"names":["_jsx"],"mappings":";;;;;;;IAoBa,MAAM,GAA0B,UAAC,EAAqC;IAAnC,IAAA,uBAAuB,6BAAA,EAAK,KAAK,cAAnC,2BAAqC,CAAF;IAC/E,IAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAChD,OAAOA,IAAC,UAAU,eAAK,KAAK,EAAM,uBAAuB,IAAE,GAAG,EAAE,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,YAAI,CAAC;AACpH;;;;"}

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

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

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

@@ -1,11 +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 Table$1 from '../node_modules/antd/es/table/Table.js';
-
-// eslint-disable-next-line @typescript-eslint/ban-types
-var Table = function (props) {
-    return jsx(Table$1, __assign({}, props), void 0);
-};
-
-export { Table };
-//# sourceMappingURL=Table.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Table.js","sources":["../../../src/design-system/Table/Table.tsx"],"sourcesContent":["import { Table as AntDTable, TableProps as AntDTableProps } from 'antd';\n\nexport interface TableProps<RecordType> extends AntDTableProps<RecordType> {}\n\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport const Table = <T extends object>(props: TableProps<T>): JSX.Element => {\n  return <AntDTable {...props} />;\n};\n"],"names":["_jsx","AntDTable"],"mappings":";;;;AAIA;IACa,KAAK,GAAG,UAAmB,KAAoB;IAC1D,OAAOA,IAACC,OAAS,eAAK,KAAK,UAAI,CAAC;AAClC;;;;"}

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

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

package/dist/design-system/Tabs/index.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 { css } from '@emotion/react';
-import { useContext } from 'react';
-import { useDesignSystemTheme } from '../hooks/useDesignSystemTheme.js';
-import Tabs$1 from '../node_modules/antd/es/tabs/index.js';
-import { DesignSystemContext } from '../DesignSystemProvider/DesignSystemProvider.js';
-
-var AntDTabPane = Tabs$1.TabPane;
-var getTabEmotionStyles = function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return css((_b = {},
-        _b['[role="tab"]'] = {
-            outlineWidth: "1px",
-            outlineStyle: 'none',
-            outlineColor: theme.colors.primary,
-            outlineOffset: '2px',
-        },
-        _b['[role="tab"]:focus-visible'] = {
-            outlineStyle: 'auto',
-        },
-        _b));
-};
-var Tabs = function (props) {
-    var theme = useDesignSystemTheme().theme;
-    var context = useContext(DesignSystemContext);
-    return (jsx(Tabs$1, __assign({}, props, { css: getTabEmotionStyles({ theme: theme }), 
-        // Manually control animation via this prop, since the global CSS override doesn't affect the Tab animation
-        animated: context.enableAnimation }), void 0));
-};
-var TabPane = function (props) {
-    return jsx(AntDTabPane, __assign({}, props), void 0);
-};
-Tabs.TabPane = TabPane;
-
-export { Tabs };
-//# sourceMappingURL=index.js.map

package/dist/design-system/Tabs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/design-system/Tabs/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\n\nimport { Tabs as AntDTabs, TabsProps as AntDTabsProps, TabPaneProps as AntDTabPaneProps } from 'antd';\nimport { Theme } from '../../theme';\nimport { useDesignSystemTheme } from '../hooks';\nimport { DesignSystemContext } from '../DesignSystemProvider';\nimport { useContext } from 'react';\n\nconst { TabPane: AntDTabPane } = AntDTabs;\n\nexport interface TabProps extends AntDTabsProps {}\ninterface TabPaneProps extends AntDTabPaneProps {}\n\nconst getTabEmotionStyles = ({ theme }: { theme: Theme }) => {\n  return css({\n    ['[role=\"tab\"]']: {\n      outlineWidth: `1px`,\n      outlineStyle: 'none',\n      outlineColor: theme.colors.primary,\n      outlineOffset: '2px',\n    },\n    ['[role=\"tab\"]:focus-visible']: {\n      outlineStyle: 'auto',\n    },\n  });\n};\n\ninterface TabsInterface extends React.FC<TabProps> {\n  TabPane: typeof TabPane;\n}\n\nexport const Tabs: TabsInterface = (props) => {\n  const { theme } = useDesignSystemTheme();\n  const context = useContext(DesignSystemContext);\n\n  return (\n    <AntDTabs\n      {...props}\n      css={getTabEmotionStyles({ theme })}\n      // Manually control animation via this prop, since the global CSS override doesn't affect the Tab animation\n      animated={context.enableAnimation}\n    />\n  );\n};\n\nconst TabPane: React.FC<TabPaneProps> = (props) => {\n  return <AntDTabPane {...props} />;\n};\n\nTabs.TabPane = TabPane;\n"],"names":["AntDTabs","_jsx"],"mappings":";;;;;;;;AAQQ,IAAS,WAAW,GAAKA,MAAQ,QAAb,CAAc;AAK1C,IAAM,mBAAmB,GAAG,UAAC,EAA2B;;QAAzB,KAAK,WAAA;IAClC,OAAO,GAAG;QACR,GAAC,cAAc,IAAG;YAChB,YAAY,EAAE,KAAK;YACnB,YAAY,EAAE,MAAM;YACpB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YAClC,aAAa,EAAE,KAAK;SACrB;QACD,GAAC,4BAA4B,IAAG;YAC9B,YAAY,EAAE,MAAM;SACrB;YACD,CAAC;AACL,CAAC,CAAC;IAMW,IAAI,GAAkB,UAAC,KAAK;IAC/B,IAAA,KAAK,GAAK,oBAAoB,EAAE,MAA3B,CAA4B;IACzC,IAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAEhD,QACEC,IAACD,MAAQ,eACH,KAAK,IACT,GAAG,EAAE,mBAAmB,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC;;QAEnC,QAAQ,EAAE,OAAO,CAAC,eAAe,YACjC,EACF;AACJ,EAAE;AAEF,IAAM,OAAO,GAA2B,UAAC,KAAK;IAC5C,OAAOC,IAAC,WAAW,eAAK,KAAK,UAAI,CAAC;AACpC,CAAC,CAAC;AAEF,IAAI,CAAC,OAAO,GAAG,OAAO;;;;"}

package/dist/design-system/Tag/index.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 AntDTag from '../node_modules/antd/es/tag/index.js';
-
-var Tag = function (props) {
-    return jsx(AntDTag, __assign({}, props), void 0);
-};
-
-export { Tag };
-//# sourceMappingURL=index.js.map

package/dist/design-system/Tag/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/design-system/Tag/index.tsx"],"sourcesContent":["import { Tag as AntDTag, TagProps as AntDTagProps } from 'antd';\n\ninterface TagProps extends AntDTagProps {}\n\nexport const Tag: React.FC<TagProps> = (props) => {\n  return <AntDTag {...props} />;\n};\n"],"names":["_jsx"],"mappings":";;;;IAIa,GAAG,GAAuB,UAAC,KAAK;IAC3C,OAAOA,IAAC,OAAO,eAAK,KAAK,UAAI,CAAC;AAChC;;;;"}

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

@@ -1,21 +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 React__default from 'react';
-import AntDTooltip from '../node_modules/antd/es/tooltip/index.js';
-
-var Tooltip = function (_a) {
-    var children = _a.children, title = _a.title, _b = _a.placement, placement = _b === void 0 ? 'top' : _b, dataTestId = _a.dataTestId, dangerouslySetAntdProps = _a.dangerouslySetAntdProps;
-    if (!title) {
-        return jsx(React__default.Fragment, { children: children }, void 0);
-    }
-    return (jsx(AntDTooltip, __assign({ title: jsx("span", __assign({ "data-test-id": dataTestId }, { children: title }), void 0), placement: placement, 
-        // Always trigger on hover and focus
-        trigger: ['hover', 'focus'], overlayInnerStyle: {
-            backgroundColor: '#2F3941',
-            lineHeight: '22px',
-            padding: '4px 8px',
-        } }, dangerouslySetAntdProps, { children: children }), void 0));
-};
-
-export { Tooltip };
-//# sourceMappingURL=Tooltip.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/design-system/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as AntDTooltip, TooltipProps as AntDTooltipProps } from 'antd';\nimport React from 'react';\n\nexport interface TooltipProps {\n  /**\n   * The element with which the tooltip should be associated.\n   */\n  children: React.ReactNode;\n  /**\n   * Plain text that will appear within the tooltip. Links and formatted content should not be use. However, we allow\n   * any React element to be passed in here, rather than just a string, to allow for i18n formatting components.\n   */\n  title: React.ReactNode;\n  /**\n   * Value that determines where the tooltip will be positioned relative to the associated element.\n   */\n  placement?: AntDTooltipProps['placement'];\n  /**\n   * Escape hatch to allow passing props directly to the underlying Ant `Tooltip` component.\n   */\n  dangerouslySetAntdProps?: Partial<AntDTooltipProps>;\n  /**\n   * ID used to refer to this element in unit tests.\n   */\n  dataTestId?: string;\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  children,\n  title,\n  placement = 'top',\n  dataTestId,\n  dangerouslySetAntdProps,\n}) => {\n  if (!title) {\n    return <React.Fragment>{children}</React.Fragment>;\n  }\n\n  return (\n    <AntDTooltip\n      title={<span data-test-id={dataTestId}>{title}</span>}\n      placement={placement}\n      // Always trigger on hover and focus\n      trigger={['hover', 'focus']}\n      overlayInnerStyle={{\n        backgroundColor: '#2F3941',\n        lineHeight: '22px',\n        padding: '4px 8px',\n      }}\n      {...dangerouslySetAntdProps}\n    >\n      {children}\n    </AntDTooltip>\n  );\n};\n"],"names":["_jsx","React"],"mappings":";;;;;IA2Ba,OAAO,GAA2B,UAAC,EAM/C;QALC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,UAAU,gBAAA,EACV,uBAAuB,6BAAA;IAEvB,IAAI,CAAC,KAAK,EAAE;QACV,OAAOA,IAACC,cAAK,CAAC,QAAQ,cAAE,QAAQ,WAAkB,CAAC;KACpD;IAED,QACED,IAAC,WAAW,aACV,KAAK,EAAEA,uCAAoB,UAAU,gBAAG,KAAK,YAAQ,EACrD,SAAS,EAAE,SAAS;;QAEpB,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC3B,iBAAiB,EAAE;YACjB,eAAe,EAAE,SAAS;YAC1B,UAAU,EAAE,MAAM;YAClB,OAAO,EAAE,SAAS;SACnB,IACG,uBAAuB,cAE1B,QAAQ,YACG,EACd;AACJ;;;;"}

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

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

package/dist/design-system/Tooltip/stories/placement-example.d.ts

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