@databricks/design-system 0.1.8 → 1.0.0

package/dist/cjs/theme/typography.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../node_modules/tslib/tslib.es6.js');
-
-var FONT_SIZE_BASE = 14;
-// Less variables that are used by AntD
-var antdTypography = {
-    fontSizeSm: 12,
-    fontSizeBase: FONT_SIZE_BASE,
-    fontSizeMd: FONT_SIZE_BASE,
-    fontSizeLg: 18,
-    fontSizeXl: 22,
-    fontSizeXxl: 32,
-    lineHeightSm: '16px',
-    lineHeightBase: '20px',
-    lineHeightMd: '20px',
-    lineHeightLg: '24px',
-    lineHeightXl: '28px',
-    lineHeightXxl: '40px',
-    typographyBoldFontWeight: 600,
-};
-var typography = tslib_es6.__assign({}, antdTypography);
-
-exports.antdTypography = antdTypography;
-exports["default"] = typography;
-//# sourceMappingURL=typography.js.map

package/dist/cjs/theme/typography.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.js","sources":["../../../src/theme/typography.ts"],"sourcesContent":["const FONT_SIZE_BASE = 14;\n\n// Less variables that are used by AntD\nexport const antdTypography = {\n  fontSizeSm: 12,\n  fontSizeBase: FONT_SIZE_BASE,\n  fontSizeMd: FONT_SIZE_BASE,\n  fontSizeLg: 18,\n  fontSizeXl: 22,\n  fontSizeXxl: 32,\n  lineHeightSm: '16px',\n  lineHeightBase: '20px',\n  lineHeightMd: '20px',\n  lineHeightLg: '24px',\n  lineHeightXl: '28px',\n  lineHeightXxl: '40px',\n  typographyBoldFontWeight: 600,\n};\n\nexport default {\n  ...antdTypography,\n};\n"],"names":[],"mappings":";;;;;;AAAA,IAAM,cAAc,GAAG,EAAE,CAAC;AAE1B;IACa,cAAc,GAAG;IAC5B,UAAU,EAAE,EAAE;IACd,YAAY,EAAE,cAAc;IAC5B,UAAU,EAAE,cAAc;IAC1B,UAAU,EAAE,EAAE;IACd,UAAU,EAAE,EAAE;IACd,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,MAAM;IACpB,cAAc,EAAE,MAAM;IACtB,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,MAAM;IACpB,aAAa,EAAE,MAAM;IACrB,wBAAwB,EAAE,GAAG;EAC7B;AAEF,wCACK,cAAc;;;;;"}

package/dist/cjs/~guides/DarkMode/stories/basic-example.d.ts

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

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

@@ -1,70 +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 { css } from '@emotion/react';
-import classnames from '../node_modules/classnames/index.js';
-import { SeverityIcon } from '../Icon/iconMap.js';
-import { useContext } from 'react';
-import { useDesignSystemTheme } from '../hooks/useDesignSystemTheme.js';
-import { DesignSystemContext, getAnimationCss } from '../DesignSystemProvider/DesignSystemProvider.js';
-import AntDAlert from '../node_modules/antd/es/alert/index.js';
-
-var Alert = function (_a) {
-    var dangerouslySetAntdProps = _a.dangerouslySetAntdProps, props = __rest(_a, ["dangerouslySetAntdProps"]);
-    var theme = useDesignSystemTheme().theme;
-    var context = useContext(DesignSystemContext);
-    var clsPrefix = context.getPrefixCls('alert');
-    var mergedProps = __assign(__assign({}, props), { type: props.type || 'error', showIcon: true, closable: typeof props.closable === 'undefined' ? true : props.closable });
-    return (jsx(AntDAlert, __assign({}, mergedProps, { className: classnames(mergedProps.className), css: getAlertEmotionStyles(clsPrefix, theme, mergedProps, context.enableAnimation), icon: jsx(SeverityIcon, { severity: mergedProps.type }, void 0), 
-        // Always set a description for consistent styling (e.g. icon size)
-        description: props.description || ' ' }, dangerouslySetAntdProps), void 0));
-};
-var getAlertEmotionStyles = function (clsPrefix, theme, props, enableAnimation) {
-    var _a, _b, _c;
-    var classCloseIcon = "." + clsPrefix + "-close-icon";
-    var classIcon = "." + clsPrefix + "-close-button";
-    var classDescription = "." + clsPrefix + "-description";
-    var classMessage = "." + clsPrefix + "-message";
-    var classWithDescription = "." + clsPrefix + "-with-description";
-    var styles = __assign(__assign(__assign(__assign(__assign((_a = { 
-            // General
-            padding: theme.spacing.paddingLg }, _a[classMessage + ", &" + classWithDescription + " " + classMessage] = {
-        // TODO(giles): These three rules are all the same as the H3 styles. We can refactor them out into a shared object.
-        fontSize: theme.typography.fontSizeBase,
-        fontWeight: theme.typography.typographyBoldFontWeight,
-        lineHeight: theme.spacing.alertIconHeight + "px",
-    }, _a[classIcon] = {
-        fontSize: theme.spacing.alertIconFontSize,
-        marginRight: theme.spacing.marginSm,
-    }, _a[classCloseIcon] = (_b = {},
-        _b['&:focus-visible'] = {
-            outlineStyle: 'auto',
-            outlineColor: theme.colors.primary,
-        },
-        _b), _a[classCloseIcon + ", " + classIcon] = {
-        height: theme.spacing.alertIconHeight,
-        width: theme.spacing.alertIconHeight,
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-    }, _a), (!props.description && (_c = {},
-        _c[classMessage] = {
-            margin: 0,
-        },
-        _c[classDescription] = {
-            display: 'none',
-        },
-        _c))), (props.type === 'warning' && {
-        color: theme.colors.textValidationWarning,
-        borderColor: theme.colors.yellow300,
-    })), (props.type === 'error' && {
-        color: theme.colors.textValidationDanger,
-        borderColor: theme.colors.red300,
-    })), (props.banner && {
-        borderStyle: 'solid',
-        borderWidth: theme.general.borderWidth + "px 0",
-    })), getAnimationCss(enableAnimation));
-    return css(styles);
-};
-
-export { Alert };
-//# sourceMappingURL=Alert.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/design-system/Alert/Alert.tsx"],"sourcesContent":["import { Alert as AntDAlert, AlertProps as AntDAlertProps } from 'antd';\nimport { DangerouslySetAntdProps } from '../types';\n\nimport { css, CSSObject } from '@emotion/react';\nimport cx from 'classnames';\nimport { Theme } from '../../theme';\nimport { SeverityIcon } from '../Icon/iconMap';\nimport { useDesignSystemTheme } from '../hooks';\nimport { DesignSystemContext, getAnimationCss } from '../DesignSystemProvider';\nimport { useContext } from 'react';\n\ntype AlertType = NonNullable<Exclude<AntDAlertProps['type'], 'success'>>;\n\nexport interface AlertProps\n  extends Omit<AntDAlertProps, 'action' | 'closeText' | 'showIcon' | 'type' | 'icon'>,\n    DangerouslySetAntdProps<AntDAlertProps> {\n  type: AlertType;\n}\n\nexport const Alert: React.FC<AlertProps> = ({ dangerouslySetAntdProps, ...props }) => {\n  const { theme } = useDesignSystemTheme();\n  const context = useContext(DesignSystemContext);\n  const clsPrefix = context.getPrefixCls('alert');\n\n  const mergedProps: AntDAlertProps & { type: AlertType } = {\n    ...props,\n    type: props.type || 'error',\n    showIcon: true,\n    closable: typeof props.closable === 'undefined' ? true : props.closable,\n  };\n\n  return (\n    <AntDAlert\n      {...mergedProps}\n      className={cx(mergedProps.className)}\n      css={getAlertEmotionStyles(clsPrefix, theme, mergedProps, context.enableAnimation)}\n      icon={<SeverityIcon severity={mergedProps.type} />}\n      // Always set a description for consistent styling (e.g. icon size)\n      description={props.description || ' '}\n      {...dangerouslySetAntdProps}\n    />\n  );\n};\n\nconst getAlertEmotionStyles = (clsPrefix: string, theme: Theme, props: AntDAlertProps, enableAnimation: boolean) => {\n  const classCloseIcon = `.${clsPrefix}-close-icon`;\n  const classIcon = `.${clsPrefix}-close-button`;\n  const classDescription = `.${clsPrefix}-description`;\n  const classMessage = `.${clsPrefix}-message`;\n  const classWithDescription = `.${clsPrefix}-with-description`;\n\n  const styles: CSSObject = {\n    // General\n    padding: theme.spacing.paddingLg,\n\n    [`${classMessage}, &${classWithDescription} ${classMessage}`]: {\n      // TODO(giles): These three rules are all the same as the H3 styles. We can refactor them out into a shared object.\n      fontSize: theme.typography.fontSizeBase,\n      fontWeight: theme.typography.typographyBoldFontWeight,\n      lineHeight: `${theme.spacing.alertIconHeight}px`,\n    },\n\n    // Icons\n    [classIcon]: {\n      fontSize: theme.spacing.alertIconFontSize,\n      marginRight: theme.spacing.marginSm,\n    },\n    [classCloseIcon]: {\n      ['&:focus-visible']: {\n        outlineStyle: 'auto',\n        outlineColor: theme.colors.primary,\n      },\n    },\n    [`${classCloseIcon}, ${classIcon}`]: {\n      height: theme.spacing.alertIconHeight,\n      width: theme.spacing.alertIconHeight,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n\n    // No description\n    ...(!props.description && {\n      [classMessage]: {\n        margin: 0,\n      },\n      [classDescription]: {\n        display: 'none',\n      },\n    }),\n\n    // Warning\n    ...(props.type === 'warning' && {\n      color: theme.colors.textValidationWarning,\n      borderColor: theme.colors.yellow300,\n    }),\n\n    // Error\n    ...(props.type === 'error' && {\n      color: theme.colors.textValidationDanger,\n      borderColor: theme.colors.red300,\n    }),\n\n    // Banner\n    ...(props.banner && {\n      borderStyle: 'solid',\n      borderWidth: `${theme.general.borderWidth}px 0`,\n    }),\n\n    ...getAnimationCss(enableAnimation),\n  };\n\n  return css(styles);\n};\n"],"names":["_jsx","cx"],"mappings":"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"}

package/dist/design-system/Alert/stories/banner-example.d.ts

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

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

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

package/dist/design-system/Alert/stories/description-example.d.ts

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

package/dist/design-system/Alert/stories/non-dismissable-example.d.ts

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

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

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

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

@@ -1,15 +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 AntDAutoComplete from '../node_modules/antd/es/auto-complete/index.js';
-import { DesignSystemContext, getAnimationCss } from '../DesignSystemProvider/DesignSystemProvider.js';
-
-var AutoComplete = function (props) {
-    var context = useContext(DesignSystemContext);
-    return jsx(AntDAutoComplete, __assign({}, props, { css: css(getAnimationCss(context.enableAnimation)) }), void 0);
-};
-AutoComplete.Option = AntDAutoComplete.Option;
-
-export { AutoComplete };
-//# sourceMappingURL=AutoComplete.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AutoComplete.js","sources":["../../../src/design-system/AutoComplete/AutoComplete.tsx"],"sourcesContent":["import { AutoComplete as AntDAutoComplete, AutoCompleteProps as AntDAutoCompleteProps } from 'antd';\nimport { OptionType } from 'antd/es/select';\nimport { css } from '@emotion/react';\nimport { DesignSystemContext, getAnimationCss } from '..';\nimport { useContext } from 'react';\nexport interface AutoCompleteProps extends AntDAutoCompleteProps {}\n\ninterface AutoCompleteInterface extends React.FC<AutoCompleteProps> {\n  Option: OptionType;\n}\n\nexport const AutoComplete: AutoCompleteInterface = (props) => {\n  const context = useContext(DesignSystemContext);\n\n  return <AntDAutoComplete {...props} css={css(getAnimationCss(context.enableAnimation))} />;\n};\n\nAutoComplete.Option = AntDAutoComplete.Option;\n"],"names":["_jsx"],"mappings":";;;;;;;IAWa,YAAY,GAA0B,UAAC,KAAK;IACvD,IAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAEhD,OAAOA,IAAC,gBAAgB,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,YAAI,CAAC;AAC7F,EAAE;AAEF,YAAY,CAAC,MAAM,GAAG,gBAAgB,CAAC,MAAM;;;;"}

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

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

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

@@ -1,39 +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 { css } from '@emotion/react';
-import { useContext } from 'react';
-import { getTheme } from '../../theme/index.js';
-import Breadcrumb$1 from '../node_modules/antd/es/breadcrumb/Breadcrumb.js';
-import { DesignSystemContext, getAnimationCss } from '../DesignSystemProvider/DesignSystemProvider.js';
-
-var Breadcrumb = function (_a) {
-    var _b;
-    var dangerouslySetAntdProps = _a.dangerouslySetAntdProps, props = __rest(_a, ["dangerouslySetAntdProps"]);
-    var context = useContext(DesignSystemContext);
-    var theme = getTheme(context.theme);
-    var styles = css({
-        // `antd` forces the last anchor to be black, so that it doesn't look like an anchor
-        // (even though it is one). This undoes that; if the user wants to make the last
-        // text-colored, they can do that by not using an anchor.
-        'span:last-child a': {
-            color: theme.colors.primary,
-            // TODO: Need to pull a global color for anchor hover/focus. Discuss with Ginny.
-            ':hover, :focus': {
-                color: '#2272B4',
-            },
-        },
-        // TODO: Consider making this global within dubois components
-        a: (_b = {},
-            _b['&:focus-visible'] = {
-                outlineColor: theme.colors.primary + " !important",
-                outlineStyle: 'auto !important',
-            },
-            _b),
-    });
-    return (jsx(Breadcrumb$1, __assign({ separator: ">" }, props, dangerouslySetAntdProps, { css: css(getAnimationCss(context.enableAnimation), styles) }), void 0));
-};
-Breadcrumb.Item = Breadcrumb$1.Item;
-Breadcrumb.Separator = Breadcrumb$1.Separator;
-
-export { Breadcrumb };
-//# sourceMappingURL=Breadcrumb.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../src/design-system/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport { Breadcrumb as AntDBreadcrumb, BreadcrumbProps as AntDBreadcrumbProps } from 'antd';\nimport { useContext } from 'react';\nimport { DesignSystemContext, getAnimationCss } from '..';\nimport { getTheme } from '../../theme';\nimport { DangerouslySetAntdProps } from '../types';\n\nexport interface BreadcrumbProps\n  extends Pick<AntDBreadcrumbProps, 'itemRender' | 'params' | 'routes' | 'className'>,\n    DangerouslySetAntdProps<AntDBreadcrumbProps> {}\n\ninterface BreadcrumbInterface extends React.FC<BreadcrumbProps> {\n  Item: typeof AntDBreadcrumb.Item;\n  Separator: typeof AntDBreadcrumb.Separator;\n}\n\nexport const Breadcrumb: BreadcrumbInterface = ({ dangerouslySetAntdProps, ...props }) => {\n  const context = useContext(DesignSystemContext);\n  const theme = getTheme(context.theme);\n\n  const styles = css({\n    // `antd` forces the last anchor to be black, so that it doesn't look like an anchor\n    // (even though it is one). This undoes that; if the user wants to make the last\n    // text-colored, they can do that by not using an anchor.\n    'span:last-child a': {\n      color: theme.colors.primary,\n\n      // TODO: Need to pull a global color for anchor hover/focus. Discuss with Ginny.\n      ':hover, :focus': {\n        color: '#2272B4',\n      },\n    },\n\n    // TODO: Consider making this global within dubois components\n    a: {\n      ['&:focus-visible']: {\n        outlineColor: `${theme.colors.primary} !important`,\n        outlineStyle: 'auto !important',\n      },\n    },\n  });\n\n  return (\n    <AntDBreadcrumb\n      separator=\">\"\n      {...props}\n      {...dangerouslySetAntdProps}\n      css={css(getAnimationCss(context.enableAnimation), styles)}\n    />\n  );\n};\n\nBreadcrumb.Item = AntDBreadcrumb.Item;\nBreadcrumb.Separator = AntDBreadcrumb.Separator;\n"],"names":["_jsx","AntDBreadcrumb"],"mappings":";;;;;;;;IAgBa,UAAU,GAAwB,UAAC,EAAqC;;IAAnC,IAAA,uBAAuB,6BAAA,EAAK,KAAK,cAAnC,2BAAqC,CAAF;IACjF,IAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAChD,IAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAEtC,IAAM,MAAM,GAAG,GAAG,CAAC;;;;QAIjB,mBAAmB,EAAE;YACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;;YAG3B,gBAAgB,EAAE;gBAChB,KAAK,EAAE,SAAS;aACjB;SACF;;QAGD,CAAC;YACC,GAAC,iBAAiB,IAAG;gBACnB,YAAY,EAAK,KAAK,CAAC,MAAM,CAAC,OAAO,gBAAa;gBAClD,YAAY,EAAE,iBAAiB;aAChC;eACF;KACF,CAAC,CAAC;IAEH,QACEA,IAACC,YAAc,aACb,SAAS,EAAC,GAAG,IACT,KAAK,EACL,uBAAuB,IAC3B,GAAG,EAAE,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,YAC1D,EACF;AACJ,EAAE;AAEF,UAAU,CAAC,IAAI,GAAGA,YAAc,CAAC,IAAI,CAAC;AACtC,UAAU,CAAC,SAAS,GAAGA,YAAc,CAAC,SAAS;;;;"}

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

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

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

@@ -1,168 +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 lodash from '../../node_modules/lodash/lodash.js';
-import { useContext } from 'react';
-import { useDesignSystemTheme } from '../hooks/useDesignSystemTheme.js';
-import Button$1 from '../node_modules/antd/es/button/button.js';
-import { getAnimationCss, DesignSystemContext } from '../DesignSystemProvider/DesignSystemProvider.js';
-
-/**
- * Recursively appends `!important` to all CSS properties in an Emotion CSSObject.
- * Used to ensure that we always override Ant styles, without worrying about selector precedence.
- * TODO(@giles): move this out to a shared util file that can be consumed by other components.
- */
-function importantify(obj) {
-    return lodash.mapValues(obj, function (value) {
-        if (lodash.isString(value) || lodash.isNumber(value) || lodash.isBoolean(value)) {
-            return value + "!important";
-        }
-        if (lodash.isNil(value)) {
-            return value;
-        }
-        return importantify(value);
-    });
-}
-var getButtonEmotionStyles = function (_a) {
-    var _b, _c, _d;
-    var theme = _a.theme, classNamePrefix = _a.classNamePrefix, loading = _a.loading, withIcon = _a.withIcon, enableAnimation = _a.enableAnimation;
-    var clsIcon = theme.general.iconfontCssPrefix;
-    var clsLoadingIcon = classNamePrefix + "-btn-loading-icon";
-    var clsIconOnly = classNamePrefix + "-btn-icon-only";
-    var classPrimary = "." + classNamePrefix + "-btn-primary";
-    var classLink = "." + classNamePrefix + "-btn-link";
-    var classDangerous = "." + classNamePrefix + "-btn-dangerous";
-    var styles = __assign(__assign(__assign((_b = { backgroundColor: theme.colors.actionDefaultBackgroundDefault, borderColor: theme.colors.actionDefaultBorderDefault, color: theme.colors.actionDefaultTextDefault, '&:focus-visible': {
-                outlineStyle: 'solid',
-                outlineWidth: '2px',
-                outlineOffset: '1px',
-                outlineColor: theme.colors.primary,
-            }, '&:hover': {
-                backgroundColor: theme.colors.actionDefaultBackgroundHover,
-                borderColor: theme.colors.actionDefaultBorderHover,
-                color: theme.colors.actionDefaultTextHover,
-            }, '&:active': {
-                backgroundColor: theme.colors.actionDefaultBackgroundPress,
-                borderColor: theme.colors.actionDefaultBorderPress,
-                color: theme.colors.actionDefaultTextPress,
-            } }, _b["&" + classPrimary] = {
-        backgroundColor: theme.colors.actionPrimaryBackgroundDefault,
-        borderColor: theme.colors.actionPrimaryBackgroundDefault,
-        color: theme.colors.actionPrimaryTextDefault,
-        '&:hover': {
-            backgroundColor: theme.colors.actionPrimaryBackgroundHover,
-            borderColor: theme.colors.actionPrimaryBackgroundHover,
-            color: theme.colors.actionPrimaryTextHover,
-        },
-        '&:active': {
-            backgroundColor: theme.colors.actionPrimaryBackgroundPress,
-            borderColor: theme.colors.actionPrimaryBackgroundPress,
-            color: theme.colors.actionPrimaryTextPress,
-        },
-    }, _b["&" + classLink] = {
-        backgroundColor: theme.colors.actionTertiaryBackgroundDefault,
-        borderColor: theme.colors.actionTertiaryBackgroundDefault,
-        color: theme.colors.actionTertiaryTextDefault,
-        '&:hover': {
-            backgroundColor: theme.colors.actionTertiaryBackgroundHover,
-            borderColor: 'transparent',
-            color: theme.colors.actionTertiaryTextHover,
-        },
-        '&:active': {
-            backgroundColor: theme.colors.actionTertiaryBackgroundPress,
-            borderColor: 'transparent',
-            color: theme.colors.actionTertiaryTextPress,
-        },
-    }, _b["&" + classDangerous + classPrimary] = {
-        backgroundColor: theme.colors.actionDangerBackgroundDefault,
-        borderColor: theme.colors.actionDangerBackgroundDefault,
-        color: theme.colors.white,
-        '&:hover': {
-            backgroundColor: theme.colors.actionDangerBackgroundHover,
-            borderColor: theme.colors.actionDangerBackgroundHover,
-            color: theme.colors.white,
-        },
-        '&:active': {
-            backgroundColor: theme.colors.actionDangerBackgroundPress,
-            borderColor: theme.colors.actionDangerBackgroundPress,
-            color: theme.colors.white,
-        },
-        '&:focus-visible': {
-            outlineColor: theme.colors.actionDangerBackgroundDefault,
-        },
-    }, _b["&" + classDangerous] = {
-        backgroundColor: theme.colors.white,
-        borderColor: theme.colors.actionDangerBackgroundDefault,
-        color: theme.colors.textValidationDanger,
-        '&:hover': {
-            backgroundColor: theme.colors.white,
-            borderColor: theme.colors.actionDangerBackgroundHover,
-            color: theme.colors.actionDangerBackgroundHover,
-        },
-        '&:active': {
-            backgroundColor: theme.colors.white,
-            borderColor: theme.colors.actionDangerBackgroundPress,
-            color: theme.colors.actionDangerBackgroundPress,
-        },
-        '&:focus-visible': {
-            outlineColor: theme.colors.actionDangerBackgroundDefault,
-        },
-    }, _b['&[disabled]'] = {
-        backgroundColor: theme.colors.actionDisabledBackground,
-        borderColor: theme.colors.actionDisabledBackground,
-        color: theme.colors.actionDisabledText,
-        '&:hover': {
-            backgroundColor: theme.colors.actionDisabledBackground,
-            borderColor: theme.colors.actionDisabledBackground,
-            color: theme.colors.actionDisabledText,
-        },
-        '&:active': {
-            backgroundColor: theme.colors.actionDisabledBackground,
-            borderColor: theme.colors.actionDisabledBackground,
-            color: theme.colors.actionDisabledText,
-        },
-    }, _b), (loading && (_c = {
-            '::before': {
-                opacity: 0,
-            }
-        },
-        _c["." + clsLoadingIcon] = {
-            // Position loading indicator in center
-            position: 'absolute',
-            // Normally we'd do `transform: translateX(-50%)` but `antd` crushes that with injected inline `style`.
-            left: 'calc(50% - 7px)',
-            // Re-enable animation for the loading spinner, since it can be disabled by the global animation CSS.
-            svg: {
-                animationDuration: '1s !important',
-            },
-        },
-        _c["> :not(." + clsLoadingIcon + ")"] = __assign({ 
-            // Hide all content except loading icon
-            opacity: 0, visibility: 'hidden' }, (withIcon && { paddingLeft: theme.spacing.paddingMd * 2 + 14 })),
-        _c))), (_d = {}, _d["> ." + clsIcon + " + span, > span + ." + clsIcon] = {
-        marginRight: 0,
-    }, _d["&[" + classNamePrefix + "-click-animating-without-extra-node='true']::after"] = {
-        display: 'none',
-    }, _d["&." + clsIconOnly] = {
-        border: 'none',
-        boxShadow: 'none',
-    }, _d)), getAnimationCss(enableAnimation));
-    var importantStyles = importantify(styles);
-    return css(importantStyles);
-};
-var Button = function (_a) {
-    var dangerouslySetAntdProps = _a.dangerouslySetAntdProps, props = __rest(_a, ["dangerouslySetAntdProps"]);
-    var context = useContext(DesignSystemContext);
-    var _b = useDesignSystemTheme(), theme = _b.theme, classNamePrefix = _b.classNamePrefix;
-    return (jsx(Button$1, __assign({}, props, { css: getButtonEmotionStyles({
-            theme: theme,
-            classNamePrefix: classNamePrefix,
-            loading: Boolean(props.loading),
-            withIcon: Boolean(props.icon),
-            danger: Boolean(props.danger),
-            enableAnimation: context.enableAnimation,
-        }) }, dangerouslySetAntdProps), void 0));
-};
-
-export { Button, getButtonEmotionStyles };
-//# sourceMappingURL=Button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sources":["../../../src/design-system/Button/Button.tsx"],"sourcesContent":["import { css, CSSObject, SerializedStyles } from '@emotion/react';\nimport { Button as AntDButton, ButtonProps as AntDButtonProps } from 'antd';\nimport _ from 'lodash';\nimport { DesignSystemContext, getAnimationCss } from '../DesignSystemProvider';\nimport { ComponentTheme } from '../../theme';\nimport { DangerouslySetAntdProps } from '../types';\nimport { useDesignSystemTheme } from '../hooks';\nimport React, { ReactElement, useContext } from 'react';\n\n/**\n * Recursively appends `!important` to all CSS properties in an Emotion CSSObject.\n * Used to ensure that we always override Ant styles, without worrying about selector precedence.\n * TODO(@giles): move this out to a shared util file that can be consumed by other components.\n */\nfunction importantify(obj: CSSObject): CSSObject {\n  return _.mapValues(obj, (value) => {\n    if (_.isString(value) || _.isNumber(value) || _.isBoolean(value)) {\n      return `${value}!important`;\n    }\n\n    if (_.isNil(value)) {\n      return value;\n    }\n\n    return importantify(value as CSSObject);\n  }) as CSSObject;\n}\n\nexport const getButtonEmotionStyles = ({\n  theme,\n  classNamePrefix,\n  loading,\n  withIcon,\n  enableAnimation,\n}: {\n  theme: ComponentTheme;\n  classNamePrefix: string;\n  loading?: boolean;\n  withIcon?: boolean;\n  danger?: boolean;\n  enableAnimation: boolean;\n}): SerializedStyles => {\n  const clsIcon = theme.general.iconfontCssPrefix;\n  const clsLoadingIcon = `${classNamePrefix}-btn-loading-icon`;\n  const clsIconOnly = `${classNamePrefix}-btn-icon-only`;\n  const classPrimary = `.${classNamePrefix}-btn-primary`;\n  const classLink = `.${classNamePrefix}-btn-link`;\n  const classDangerous = `.${classNamePrefix}-btn-dangerous`;\n\n  const styles: CSSObject = {\n    backgroundColor: theme.colors.actionDefaultBackgroundDefault,\n    borderColor: theme.colors.actionDefaultBorderDefault,\n    color: theme.colors.actionDefaultTextDefault,\n\n    '&:focus-visible': {\n      outlineStyle: 'solid',\n      outlineWidth: '2px',\n      outlineOffset: '1px',\n      outlineColor: theme.colors.primary,\n    },\n\n    '&:hover': {\n      backgroundColor: theme.colors.actionDefaultBackgroundHover,\n      borderColor: theme.colors.actionDefaultBorderHover,\n      color: theme.colors.actionDefaultTextHover,\n    },\n\n    '&:active': {\n      backgroundColor: theme.colors.actionDefaultBackgroundPress,\n      borderColor: theme.colors.actionDefaultBorderPress,\n      color: theme.colors.actionDefaultTextPress,\n    },\n\n    [`&${classPrimary}`]: {\n      backgroundColor: theme.colors.actionPrimaryBackgroundDefault,\n      borderColor: theme.colors.actionPrimaryBackgroundDefault,\n      color: theme.colors.actionPrimaryTextDefault,\n\n      '&:hover': {\n        backgroundColor: theme.colors.actionPrimaryBackgroundHover,\n        borderColor: theme.colors.actionPrimaryBackgroundHover,\n        color: theme.colors.actionPrimaryTextHover,\n      },\n\n      '&:active': {\n        backgroundColor: theme.colors.actionPrimaryBackgroundPress,\n        borderColor: theme.colors.actionPrimaryBackgroundPress,\n        color: theme.colors.actionPrimaryTextPress,\n      },\n    },\n\n    [`&${classLink}`]: {\n      backgroundColor: theme.colors.actionTertiaryBackgroundDefault,\n      borderColor: theme.colors.actionTertiaryBackgroundDefault,\n      color: theme.colors.actionTertiaryTextDefault,\n\n      '&:hover': {\n        backgroundColor: theme.colors.actionTertiaryBackgroundHover,\n        borderColor: 'transparent',\n        color: theme.colors.actionTertiaryTextHover,\n      },\n\n      '&:active': {\n        backgroundColor: theme.colors.actionTertiaryBackgroundPress,\n        borderColor: 'transparent',\n        color: theme.colors.actionTertiaryTextPress,\n      },\n    },\n\n    [`&${classDangerous}${classPrimary}`]: {\n      backgroundColor: theme.colors.actionDangerBackgroundDefault,\n      borderColor: theme.colors.actionDangerBackgroundDefault,\n      color: theme.colors.white,\n\n      '&:hover': {\n        backgroundColor: theme.colors.actionDangerBackgroundHover,\n        borderColor: theme.colors.actionDangerBackgroundHover,\n        color: theme.colors.white,\n      },\n\n      '&:active': {\n        backgroundColor: theme.colors.actionDangerBackgroundPress,\n        borderColor: theme.colors.actionDangerBackgroundPress,\n        color: theme.colors.white,\n      },\n\n      '&:focus-visible': {\n        outlineColor: theme.colors.actionDangerBackgroundDefault,\n      },\n    },\n\n    [`&${classDangerous}`]: {\n      backgroundColor: theme.colors.white,\n      borderColor: theme.colors.actionDangerBackgroundDefault,\n      color: theme.colors.textValidationDanger,\n\n      '&:hover': {\n        backgroundColor: theme.colors.white,\n        borderColor: theme.colors.actionDangerBackgroundHover,\n        color: theme.colors.actionDangerBackgroundHover,\n      },\n\n      '&:active': {\n        backgroundColor: theme.colors.white,\n        borderColor: theme.colors.actionDangerBackgroundPress,\n        color: theme.colors.actionDangerBackgroundPress,\n      },\n\n      '&:focus-visible': {\n        outlineColor: theme.colors.actionDangerBackgroundDefault,\n      },\n    },\n\n    ['&[disabled]']: {\n      backgroundColor: theme.colors.actionDisabledBackground,\n      borderColor: theme.colors.actionDisabledBackground,\n      color: theme.colors.actionDisabledText,\n\n      '&:hover': {\n        backgroundColor: theme.colors.actionDisabledBackground,\n        borderColor: theme.colors.actionDisabledBackground,\n        color: theme.colors.actionDisabledText,\n      },\n\n      '&:active': {\n        backgroundColor: theme.colors.actionDisabledBackground,\n        borderColor: theme.colors.actionDisabledBackground,\n        color: theme.colors.actionDisabledText,\n      },\n    },\n\n    // Loading styles\n    ...(loading && {\n      '::before': {\n        opacity: 0,\n      },\n\n      [`.${clsLoadingIcon}`]: {\n        // Position loading indicator in center\n        position: 'absolute',\n        // Normally we'd do `transform: translateX(-50%)` but `antd` crushes that with injected inline `style`.\n        left: 'calc(50% - 7px)',\n\n        // Re-enable animation for the loading spinner, since it can be disabled by the global animation CSS.\n        svg: {\n          animationDuration: '1s !important',\n        },\n      },\n      [`> :not(.${clsLoadingIcon})`]: {\n        // Hide all content except loading icon\n        opacity: 0,\n        visibility: 'hidden',\n        // Add horizontal space for icon\n        ...(withIcon && { paddingLeft: theme.spacing.paddingMd * 2 + 14 }),\n      },\n    }),\n\n    // Icon styles\n    [`> .${clsIcon} + span, > span + .${clsIcon}`]: {\n      marginRight: 0,\n    },\n\n    // Disable animations\n    [`&[${classNamePrefix}-click-animating-without-extra-node='true']::after`]: {\n      display: 'none',\n    },\n    [`&.${clsIconOnly}`]: {\n      border: 'none',\n      boxShadow: 'none',\n    },\n\n    ...getAnimationCss(enableAnimation),\n  };\n\n  const importantStyles = importantify(styles);\n\n  return css(importantStyles);\n};\n\nexport interface ButtonProps\n  extends Omit<AntDButtonProps, 'type' | 'ghost' | 'shape' | 'size'>,\n    DangerouslySetAntdProps<AntDButtonProps> {\n  type?: 'primary' | 'link';\n  size?: 'small' | 'middle';\n}\n\nexport const Button: React.FC<ButtonProps> = ({ dangerouslySetAntdProps, ...props }): ReactElement => {\n  const context = useContext(DesignSystemContext);\n  const { theme, classNamePrefix } = useDesignSystemTheme();\n\n  return (\n    <AntDButton\n      {...props}\n      css={getButtonEmotionStyles({\n        theme,\n        classNamePrefix,\n        loading: Boolean(props.loading),\n        withIcon: Boolean(props.icon),\n        danger: Boolean(props.danger),\n        enableAnimation: context.enableAnimation,\n      })}\n      {...dangerouslySetAntdProps}\n    />\n  );\n};\n"],"names":["_","_jsx","AntDButton"],"mappings":"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"}

package/dist/design-system/Button/SplitButton.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { DropdownButtonProps as AntDDropdownButtonProps } from 'antd/lib/dropdown';
-import { DangerouslySetAntdProps } from '../types';
-export interface SplitButtonMenuInfo {
-    key: React.Key;
-    keyPath: React.Key[];
-    domEvent: React.SyntheticEvent<HTMLElement>;
-}
-export declare type SplitButtonProps = Omit<AntDDropdownButtonProps, 'overlay'> & DangerouslySetAntdProps<AntDDropdownButtonProps> & {
-    menu: AntDDropdownButtonProps['overlay'];
-};
-export declare const SplitButton: React.FC<SplitButtonProps>;

package/dist/design-system/Button/SplitButton.js

@@ -1,28 +0,0 @@
-import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
-import { jsxs, jsx } from '../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js';
-import { getButtonEmotionStyles } from './Button.js';
-import { useContext } from 'react';
-import { useDesignSystemTheme } from '../hooks/useDesignSystemTheme.js';
-import Dropdown from '../node_modules/antd/es/dropdown/dropdown.js';
-import ChevronDownIcon from '../Icon/icons/ChevronDownIcon.js';
-import { DesignSystemContext } from '../DesignSystemProvider/DesignSystemProvider.js';
-
-var SplitButton = function (props) {
-    var context = useContext(DesignSystemContext);
-    var _a = useDesignSystemTheme(), theme = _a.theme, classNamePrefix = _a.classNamePrefix;
-    // AntD DropdownButton does not support loading, danger and block.
-    // TODO: We could get around this using a custom buttonsRender.
-    var css = getButtonEmotionStyles({
-        theme: theme,
-        classNamePrefix: classNamePrefix,
-        loading: false,
-        withIcon: Boolean(props.icon),
-        danger: false,
-        enableAnimation: context.enableAnimation,
-    });
-    var children = props.children, icon = props.icon, menu = props.menu, dangerouslySetAntdProps = props.dangerouslySetAntdProps, dropdownButtonProps = __rest(props, ["children", "icon", "menu", "dangerouslySetAntdProps"]);
-    return (jsxs(Dropdown.Button, __assign({}, dropdownButtonProps, { overlay: menu, css: css, icon: jsx(ChevronDownIcon, {}, void 0) }, dangerouslySetAntdProps, { children: [icon, children] }), void 0));
-};
-
-export { SplitButton };
-//# sourceMappingURL=SplitButton.js.map

package/dist/design-system/Button/SplitButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitButton.js","sources":["../../../src/design-system/Button/SplitButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ChevronDownIcon } from '../Icon/icons';\nimport { Dropdown as AntDDropdown } from 'antd';\nimport { DropdownButtonProps as AntDDropdownButtonProps } from 'antd/lib/dropdown';\nimport { getButtonEmotionStyles } from './Button';\nimport { useDesignSystemTheme } from '../hooks';\nimport { ReactElement, useContext } from 'react';\nimport { DesignSystemContext } from '../DesignSystemProvider';\nimport { DangerouslySetAntdProps } from '../types';\n\n// Taken from rc-menu\n// TODO: Check if we can maybe depend on rc-menu?\nexport interface SplitButtonMenuInfo {\n  key: React.Key;\n  keyPath: React.Key[];\n  domEvent: React.SyntheticEvent<HTMLElement>;\n}\n\nexport type SplitButtonProps = Omit<AntDDropdownButtonProps, 'overlay'> &\n  DangerouslySetAntdProps<AntDDropdownButtonProps> & {\n    menu: AntDDropdownButtonProps['overlay']; // Rename \"overlay\" to \"menu\"\n  };\n\nexport const SplitButton: React.FC<SplitButtonProps> = (props: SplitButtonProps): ReactElement => {\n  const context = useContext(DesignSystemContext);\n  const { theme, classNamePrefix } = useDesignSystemTheme();\n\n  // AntD DropdownButton does not support loading, danger and block.\n  // TODO: We could get around this using a custom buttonsRender.\n  const css = getButtonEmotionStyles({\n    theme,\n    classNamePrefix,\n    loading: false,\n    withIcon: Boolean(props.icon),\n    danger: false,\n    enableAnimation: context.enableAnimation,\n  });\n\n  const { children, icon, menu, dangerouslySetAntdProps, ...dropdownButtonProps } = props;\n\n  return (\n    <AntDDropdown.Button\n      {...dropdownButtonProps}\n      overlay={menu}\n      css={css}\n      icon={<ChevronDownIcon />}\n      {...dangerouslySetAntdProps}\n    >\n      {icon}\n      {children}\n    </AntDDropdown.Button>\n  );\n};\n"],"names":["_jsxs","AntDDropdown","_jsx"],"mappings":";;;;;;;;;IAuBa,WAAW,GAA+B,UAAC,KAAuB;IAC7E,IAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAC1C,IAAA,KAA6B,oBAAoB,EAAE,EAAjD,KAAK,WAAA,EAAE,eAAe,qBAA2B,CAAC;;;IAI1D,IAAM,GAAG,GAAG,sBAAsB,CAAC;QACjC,KAAK,OAAA;QACL,eAAe,iBAAA;QACf,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;QAC7B,MAAM,EAAE,KAAK;QACb,eAAe,EAAE,OAAO,CAAC,eAAe;KACzC,CAAC,CAAC;IAEK,IAAA,QAAQ,GAAkE,KAAK,SAAvE,EAAE,IAAI,GAA4D,KAAK,KAAjE,EAAE,IAAI,GAAsD,KAAK,KAA3D,EAAE,uBAAuB,GAA6B,KAAK,wBAAlC,EAAK,mBAAmB,UAAK,KAAK,EAAjF,uDAAyE,CAAF,CAAW;IAExF,QACEA,KAACC,QAAY,CAAC,MAAM,eACd,mBAAmB,IACvB,OAAO,EAAE,IAAI,EACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAEC,IAAC,eAAe,aAAG,IACrB,uBAAuB,eAE1B,IAAI,EACJ,QAAQ,aACW,EACtB;AACJ;;;;"}

package/dist/design-system/Button/stories/block-example.d.ts

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

package/dist/design-system/Button/stories/danger-example.d.ts

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

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

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

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

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

package/dist/design-system/Button/stories/icon-and-label-example.d.ts

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

package/dist/design-system/Button/stories/icon-example.d.ts

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

package/dist/design-system/Button/stories/loading-example.d.ts

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

package/dist/design-system/Button/stories/size-example.d.ts

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

package/dist/design-system/Button/stories/split-example.d.ts

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

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

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