@databricks/design-system 0.1.8 → 1.0.0

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

@@ -1,26 +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 Tree$1 from '../node_modules/antd/es/tree/Tree.js';
-import { DesignSystemContext, getAnimationCss } from '../DesignSystemProvider/DesignSystemProvider.js';
-
-function getTreeEmotionStyles(enableAnimation, clsPrefix, theme) {
-    var _a;
-    var classNodeActive = "." + clsPrefix + "-treenode-active";
-    var styles = __assign((_a = {}, _a[classNodeActive] = {
-        outlineStyle: 'auto',
-        outlineColor: theme.colors.primary,
-    }, _a), getAnimationCss(enableAnimation));
-    return css(styles);
-}
-var Tree = function (props) {
-    var context = useContext(DesignSystemContext);
-    var clsPrefix = context.getPrefixCls('tree');
-    var theme = getTheme('default');
-    return jsx(Tree$1, __assign({}, props, { css: getTreeEmotionStyles(context.enableAnimation, clsPrefix, theme) }), void 0);
-};
-
-export { Tree };
-//# sourceMappingURL=Tree.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tree.js","sources":["../../../src/design-system/Tree/Tree.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport { Tree as AntDTree, TreeProps as AntDTreeProps } from 'antd';\nimport { DesignSystemContext, getAnimationCss } from '..';\nimport { css, SerializedStyles } from '@emotion/react';\nimport { getTheme, Theme } from '../../theme';\n\nexport interface TreeProps extends AntDTreeProps {}\n\nfunction getTreeEmotionStyles(enableAnimation: boolean, clsPrefix: string, theme: Theme): SerializedStyles {\n  const classNodeActive = `.${clsPrefix}-treenode-active`;\n\n  const styles = {\n    [classNodeActive]: {\n      outlineStyle: 'auto',\n      outlineColor: theme.colors.primary,\n    },\n    ...getAnimationCss(enableAnimation),\n  };\n\n  return css(styles);\n}\n\nexport const Tree: React.FC<TreeProps> = (props) => {\n  const context = useContext(DesignSystemContext);\n  const clsPrefix = context.getPrefixCls('tree');\n  const theme = getTheme('default');\n\n  return <AntDTree {...props} css={getTreeEmotionStyles(context.enableAnimation, clsPrefix, theme)} />;\n};\n"],"names":["_jsx","AntDTree"],"mappings":";;;;;;;;AAQA,SAAS,oBAAoB,CAAC,eAAwB,EAAE,SAAiB,EAAE,KAAY;;IACrF,IAAM,eAAe,GAAG,MAAI,SAAS,qBAAkB,CAAC;IAExD,IAAM,MAAM,yBACT,eAAe,IAAG;QACjB,YAAY,EAAE,MAAM;QACpB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;KACnC,OACE,eAAe,CAAC,eAAe,CAAC,CACpC,CAAC;IAEF,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC;AACrB,CAAC;IAEY,IAAI,GAAwB,UAAC,KAAK;IAC7C,IAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAC/C,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAElC,OAAOA,IAACC,MAAQ,eAAK,KAAK,IAAE,GAAG,EAAE,oBAAoB,CAAC,OAAO,CAAC,eAAe,EAAE,SAAS,EAAE,KAAK,CAAC,YAAI,CAAC;AACvG;;;;"}

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

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

package/dist/design-system/Typography/Paragraph.js

@@ -1,19 +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 AntDTypography from '../node_modules/antd/es/typography/index.js';
-import { useDesignSystemTheme } from '../hooks/useDesignSystemTheme.js';
-
-var AntDParagraph = AntDTypography.Paragraph;
-function getParagraphEmotionStyles(theme, props) {
-    var _a;
-    return css((_a = {}, _a['&&'] = { fontSize: theme.typography.fontSizeBase, lineHeight: theme.typography.lineHeightBase }, _a), props.disabled && { '&&': { color: theme.colors.actionDisabledText } });
-}
-function Paragraph(userProps) {
-    var dangerouslySetAntdProps = userProps.dangerouslySetAntdProps, props = __rest(userProps, ["dangerouslySetAntdProps"]);
-    var theme = useDesignSystemTheme().theme;
-    return (jsx(AntDParagraph, __assign({}, props, { className: props.className, css: getParagraphEmotionStyles(theme, props) }, dangerouslySetAntdProps), void 0));
-}
-
-export { Paragraph };
-//# sourceMappingURL=Paragraph.js.map

package/dist/design-system/Typography/Paragraph.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Paragraph.js","sources":["../../../src/design-system/Typography/Paragraph.tsx"],"sourcesContent":["import { css, SerializedStyles } from '@emotion/react';\nimport { Typography as AntDTypography } from 'antd';\nimport { ComponentProps } from 'react';\nimport { Theme } from '../../theme';\nimport { DangerouslySetAntdProps } from '../types';\nimport { useDesignSystemTheme } from '../hooks';\n\nconst { Paragraph: AntDParagraph } = AntDTypography;\n\ntype AntDTypographyProps = ComponentProps<typeof AntDTypography>;\ntype AntDParagraphProps = ComponentProps<typeof AntDTypography['Paragraph']>;\n\ninterface ParagraphProps\n  extends AntDTypographyProps,\n    Pick<AntDParagraphProps, 'ellipsis' | 'disabled'>,\n    DangerouslySetAntdProps<AntDParagraphProps> {}\n\nfunction getParagraphEmotionStyles(theme: Theme, props: ParagraphProps): SerializedStyles {\n  return css(\n    { ['&&']: { fontSize: theme.typography.fontSizeBase, lineHeight: theme.typography.lineHeightBase } },\n    props.disabled && { '&&': { color: theme.colors.actionDisabledText } }\n  );\n}\n\nexport function Paragraph(userProps: ParagraphProps): JSX.Element {\n  const { dangerouslySetAntdProps, ...props } = userProps;\n  const { theme } = useDesignSystemTheme();\n\n  return (\n    <AntDParagraph\n      {...props}\n      className={props.className}\n      css={getParagraphEmotionStyles(theme, props)}\n      {...dangerouslySetAntdProps}\n    ></AntDParagraph>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;;AAOQ,IAAW,aAAa,GAAK,cAAc,UAAnB,CAAoB;AAUpD,SAAS,yBAAyB,CAAC,KAAY,EAAE,KAAqB;;IACpE,OAAO,GAAG,WACN,GAAC,IAAI,IAAG,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,OAClG,KAAK,CAAC,QAAQ,IAAI,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,EAAE,EAAE,CACvE,CAAC;AACJ,CAAC;SAEe,SAAS,CAAC,SAAyB;IACzC,IAAA,uBAAuB,GAAe,SAAS,wBAAxB,EAAK,KAAK,UAAK,SAAS,EAAjD,2BAAqC,CAAF,CAAe;IAChD,IAAA,KAAK,GAAK,oBAAoB,EAAE,MAA3B,CAA4B;IAEzC,QACEA,IAAC,aAAa,eACR,KAAK,IACT,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,GAAG,EAAE,yBAAyB,CAAC,KAAK,EAAE,KAAK,CAAC,IACxC,uBAAuB,UACZ,EACjB;AACJ;;;;"}

package/dist/design-system/Typography/Text.js

@@ -1,69 +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 AntDTypography from '../node_modules/antd/es/typography/index.js';
-import { useDesignSystemTheme } from '../hooks/useDesignSystemTheme.js';
-
-var AntDText = AntDTypography.Text;
-function getTextEmotionStyles(theme, props) {
-    var _a;
-    return css((_a = {}, _a['&&'] = { fontSize: theme.typography.fontSizeBase, lineHeight: theme.typography.lineHeightBase }, _a), props.disabled && { '&&': { color: theme.colors.actionDisabledText } }, props.hint && {
-        '&&': { fontSize: theme.typography.fontSizeSm, lineHeight: theme.typography.lineHeightSm },
-    }, props.bold && {
-        '&&': {
-            fontSize: theme.typography.fontSizeBase,
-            fontWeight: theme.typography.typographyBoldFontWeight,
-            lineHeight: theme.typography.lineHeightBase,
-        },
-    }, props.code && {
-        '&& > code': {
-            fontSize: theme.typography.fontSizeBase,
-            lineHeight: theme.typography.lineHeightBase,
-            fontWeight: theme.typography.typographyBoldFontWeight,
-            background: theme.colors.typographyCodeBg,
-            fontFamily: 'monospace',
-            borderRadius: theme.borders.borderRadiusMd,
-            padding: '2px 4px',
-            border: 'unset',
-            margin: 0,
-        },
-    }, props.size && {
-        '&&': (function () {
-            switch (props.size) {
-                case 'xxl':
-                    return {
-                        fontSize: theme.typography.fontSizeXxl,
-                        lineHeight: theme.typography.lineHeightXxl,
-                    };
-                case 'xl':
-                    return {
-                        fontSize: theme.typography.fontSizeXl,
-                        lineHeight: theme.typography.lineHeightXl,
-                    };
-                case 'lg':
-                    return {
-                        fontSize: theme.typography.fontSizeLg,
-                        lineHeight: theme.typography.lineHeightLg,
-                    };
-                case 'sm':
-                    return {
-                        fontSize: theme.typography.fontSizeSm,
-                        lineHeight: theme.typography.lineHeightSm,
-                    };
-                default:
-                    return {
-                        fontSize: theme.typography.fontSizeMd,
-                        lineHeight: theme.typography.lineHeightMd,
-                    };
-            }
-        })(),
-    });
-}
-function Text(userProps) {
-    var dangerouslySetAntdProps = userProps.dangerouslySetAntdProps, props = __rest(userProps, ["dangerouslySetAntdProps"]);
-    var theme = useDesignSystemTheme().theme;
-    return (jsx(AntDText, __assign({}, props, { className: props.className, css: getTextEmotionStyles(theme, userProps) }, dangerouslySetAntdProps), void 0));
-}
-
-export { Text };
-//# sourceMappingURL=Text.js.map

package/dist/design-system/Typography/Text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.js","sources":["../../../src/design-system/Typography/Text.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { css, SerializedStyles } from '@emotion/react';\nimport { Typography as AntDTypography } from 'antd';\nimport { Theme } from '../../theme';\nimport { DangerouslySetAntdProps } from '../types';\nimport { useDesignSystemTheme } from '../hooks';\n\nconst { Text: AntDText } = AntDTypography;\n\ntype AntDTypographyProps = ComponentProps<typeof AntDTypography>;\ntype AntDTextProps = ComponentProps<typeof AntDTypography['Text']>;\n\ninterface TextProps\n  extends AntDTypographyProps,\n    Pick<AntDTextProps, 'ellipsis' | 'disabled' | 'code'>,\n    DangerouslySetAntdProps<AntDTextProps> {\n  bold?: boolean;\n  hint?: boolean;\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl';\n}\n\nfunction getTextEmotionStyles(theme: Theme, props: TextProps): SerializedStyles {\n  return css(\n    { ['&&']: { fontSize: theme.typography.fontSizeBase, lineHeight: theme.typography.lineHeightBase } },\n    props.disabled && { '&&': { color: theme.colors.actionDisabledText } },\n    props.hint && {\n      '&&': { fontSize: theme.typography.fontSizeSm, lineHeight: theme.typography.lineHeightSm },\n    },\n    props.bold && {\n      '&&': {\n        fontSize: theme.typography.fontSizeBase,\n        fontWeight: theme.typography.typographyBoldFontWeight,\n        lineHeight: theme.typography.lineHeightBase,\n      },\n    },\n    props.code && {\n      '&& > code': {\n        fontSize: theme.typography.fontSizeBase,\n        lineHeight: theme.typography.lineHeightBase,\n        fontWeight: theme.typography.typographyBoldFontWeight,\n        background: theme.colors.typographyCodeBg,\n        fontFamily: 'monospace',\n        borderRadius: theme.borders.borderRadiusMd,\n        padding: '2px 4px',\n        border: 'unset',\n        margin: 0,\n      },\n    },\n    props.size && {\n      '&&': (() => {\n        switch (props.size) {\n          case 'xxl':\n            return {\n              fontSize: theme.typography.fontSizeXxl,\n              lineHeight: theme.typography.lineHeightXxl,\n            };\n          case 'xl':\n            return {\n              fontSize: theme.typography.fontSizeXl,\n              lineHeight: theme.typography.lineHeightXl,\n            };\n          case 'lg':\n            return {\n              fontSize: theme.typography.fontSizeLg,\n              lineHeight: theme.typography.lineHeightLg,\n            };\n          case 'sm':\n            return {\n              fontSize: theme.typography.fontSizeSm,\n              lineHeight: theme.typography.lineHeightSm,\n            };\n          default:\n            return {\n              fontSize: theme.typography.fontSizeMd,\n              lineHeight: theme.typography.lineHeightMd,\n            };\n        }\n      })(),\n    }\n  );\n}\n\nexport function Text(userProps: TextProps): JSX.Element {\n  const { dangerouslySetAntdProps, ...props } = userProps;\n  const { theme } = useDesignSystemTheme();\n\n  return (\n    <AntDText\n      {...props}\n      className={props.className}\n      css={getTextEmotionStyles(theme, userProps)}\n      {...dangerouslySetAntdProps}\n    ></AntDText>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;;AAOQ,IAAM,QAAQ,GAAK,cAAc,KAAnB,CAAoB;AAc1C,SAAS,oBAAoB,CAAC,KAAY,EAAE,KAAgB;;IAC1D,OAAO,GAAG,WACN,GAAC,IAAI,IAAG,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,OAClG,KAAK,CAAC,QAAQ,IAAI,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,EAAE,EAAE,EACtE,KAAK,CAAC,IAAI,IAAI;QACZ,IAAI,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY,EAAE;KAC3F,EACD,KAAK,CAAC,IAAI,IAAI;QACZ,IAAI,EAAE;YACJ,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY;YACvC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,wBAAwB;YACrD,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;SAC5C;KACF,EACD,KAAK,CAAC,IAAI,IAAI;QACZ,WAAW,EAAE;YACX,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY;YACvC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;YAC3C,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,wBAAwB;YACrD,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB;YACzC,UAAU,EAAE,WAAW;YACvB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;YAC1C,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,OAAO;YACf,MAAM,EAAE,CAAC;SACV;KACF,EACD,KAAK,CAAC,IAAI,IAAI;QACZ,IAAI,EAAE,CAAC;YACL,QAAQ,KAAK,CAAC,IAAI;gBAChB,KAAK,KAAK;oBACR,OAAO;wBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW;wBACtC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa;qBAC3C,CAAC;gBACJ,KAAK,IAAI;oBACP,OAAO;wBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;wBACrC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY;qBAC1C,CAAC;gBACJ,KAAK,IAAI;oBACP,OAAO;wBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;wBACrC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY;qBAC1C,CAAC;gBACJ,KAAK,IAAI;oBACP,OAAO;wBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;wBACrC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY;qBAC1C,CAAC;gBACJ;oBACE,OAAO;wBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;wBACrC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY;qBAC1C,CAAC;aACL;SACF,GAAG;KACL,CACF,CAAC;AACJ,CAAC;SAEe,IAAI,CAAC,SAAoB;IAC/B,IAAA,uBAAuB,GAAe,SAAS,wBAAxB,EAAK,KAAK,UAAK,SAAS,EAAjD,2BAAqC,CAAF,CAAe;IAChD,IAAA,KAAK,GAAK,oBAAoB,EAAE,MAA3B,CAA4B;IAEzC,QACEA,IAAC,QAAQ,eACH,KAAK,IACT,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,GAAG,EAAE,oBAAoB,CAAC,KAAK,EAAE,SAAS,CAAC,IACvC,uBAAuB,UACjB,EACZ;AACJ;;;;"}

package/dist/design-system/Typography/Title.js

@@ -1,53 +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 AntDTypography from '../node_modules/antd/es/typography/index.js';
-import { useDesignSystemTheme } from '../hooks/useDesignSystemTheme.js';
-
-var AntDTitle = AntDTypography.Title;
-function getTitleEmotionStyles(theme, props) {
-    var _a, _b, _c, _d;
-    switch (props.level) {
-        case 1:
-            return css((_a = {},
-                _a['&&'] = {
-                    fontSize: theme.typography.fontSizeXxl,
-                    lineHeight: theme.typography.lineHeightXxl,
-                    fontWeight: theme.typography.typographyBoldFontWeight,
-                },
-                _a));
-        case 2:
-            return css((_b = {},
-                _b['&&'] = {
-                    fontSize: theme.typography.fontSizeXl,
-                    lineHeight: theme.typography.lineHeightXl,
-                    fontWeight: theme.typography.typographyBoldFontWeight,
-                },
-                _b));
-        case 3:
-            return css((_c = {},
-                _c['&&'] = {
-                    fontSize: theme.typography.fontSizeLg,
-                    lineHeight: theme.typography.lineHeightLg,
-                    fontWeight: theme.typography.typographyBoldFontWeight,
-                },
-                _c));
-        case 4:
-        default:
-            return css((_d = {},
-                _d['&&'] = {
-                    fontSize: theme.typography.fontSizeMd,
-                    lineHeight: theme.typography.lineHeightMd,
-                    fontWeight: theme.typography.typographyBoldFontWeight,
-                },
-                _d));
-    }
-}
-function Title(userProps) {
-    var dangerouslySetAntdProps = userProps.dangerouslySetAntdProps, props = __rest(userProps, ["dangerouslySetAntdProps"]);
-    var theme = useDesignSystemTheme().theme;
-    return (jsx(AntDTitle, __assign({}, props, { className: props.className, css: getTitleEmotionStyles(theme, props) }, dangerouslySetAntdProps), void 0));
-}
-
-export { Title };
-//# sourceMappingURL=Title.js.map

package/dist/design-system/Typography/Title.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Title.js","sources":["../../../src/design-system/Typography/Title.tsx"],"sourcesContent":["import { css, SerializedStyles } from '@emotion/react';\nimport { Typography as AntDTypography } from 'antd';\nimport { ComponentProps } from 'react';\nimport { Theme } from '../../theme';\nimport { DangerouslySetAntdProps } from '../types';\nimport { useDesignSystemTheme } from '../hooks';\n\nconst { Title: AntDTitle } = AntDTypography;\n\ntype AntDTypographyProps = ComponentProps<typeof AntDTypography>;\ntype AntDTitleProps = ComponentProps<typeof AntDTypography['Title']>;\n\nexport interface TitleProps\n  extends AntDTypographyProps,\n    Pick<AntDTitleProps, 'level' | 'ellipsis'>,\n    DangerouslySetAntdProps<AntDTitleProps> {}\n\nfunction getTitleEmotionStyles(theme: Theme, props: TitleProps): SerializedStyles {\n  switch (props.level) {\n    case 1:\n      return css({\n        ['&&']: {\n          fontSize: theme.typography.fontSizeXxl,\n          lineHeight: theme.typography.lineHeightXxl,\n          fontWeight: theme.typography.typographyBoldFontWeight,\n        },\n      });\n    case 2:\n      return css({\n        ['&&']: {\n          fontSize: theme.typography.fontSizeXl,\n          lineHeight: theme.typography.lineHeightXl,\n          fontWeight: theme.typography.typographyBoldFontWeight,\n        },\n      });\n    case 3:\n      return css({\n        ['&&']: {\n          fontSize: theme.typography.fontSizeLg,\n          lineHeight: theme.typography.lineHeightLg,\n          fontWeight: theme.typography.typographyBoldFontWeight,\n        },\n      });\n    case 4:\n    default:\n      return css({\n        ['&&']: {\n          fontSize: theme.typography.fontSizeMd,\n          lineHeight: theme.typography.lineHeightMd,\n          fontWeight: theme.typography.typographyBoldFontWeight,\n        },\n      });\n  }\n}\nexport function Title(userProps: TitleProps): JSX.Element {\n  const { dangerouslySetAntdProps, ...props } = userProps;\n  const { theme } = useDesignSystemTheme();\n\n  return (\n    <AntDTitle\n      {...props}\n      className={props.className}\n      css={getTitleEmotionStyles(theme, props)}\n      {...dangerouslySetAntdProps}\n    ></AntDTitle>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;;AAOQ,IAAO,SAAS,GAAK,cAAc,MAAnB,CAAoB;AAU5C,SAAS,qBAAqB,CAAC,KAAY,EAAE,KAAiB;;IAC5D,QAAQ,KAAK,CAAC,KAAK;QACjB,KAAK,CAAC;YACJ,OAAO,GAAG;gBACR,GAAC,IAAI,IAAG;oBACN,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW;oBACtC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa;oBAC1C,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,wBAAwB;iBACtD;oBACD,CAAC;QACL,KAAK,CAAC;YACJ,OAAO,GAAG;gBACR,GAAC,IAAI,IAAG;oBACN,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;oBACrC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY;oBACzC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,wBAAwB;iBACtD;oBACD,CAAC;QACL,KAAK,CAAC;YACJ,OAAO,GAAG;gBACR,GAAC,IAAI,IAAG;oBACN,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;oBACrC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY;oBACzC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,wBAAwB;iBACtD;oBACD,CAAC;QACL,KAAK,CAAC,CAAC;QACP;YACE,OAAO,GAAG;gBACR,GAAC,IAAI,IAAG;oBACN,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;oBACrC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,YAAY;oBACzC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,wBAAwB;iBACtD;oBACD,CAAC;KACN;AACH,CAAC;SACe,KAAK,CAAC,SAAqB;IACjC,IAAA,uBAAuB,GAAe,SAAS,wBAAxB,EAAK,KAAK,UAAK,SAAS,EAAjD,2BAAqC,CAAF,CAAe;IAChD,IAAA,KAAK,GAAK,oBAAoB,EAAE,MAA3B,CAA4B;IAEzC,QACEA,IAAC,SAAS,eACJ,KAAK,IACT,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,GAAG,EAAE,qBAAqB,CAAC,KAAK,EAAE,KAAK,CAAC,IACpC,uBAAuB,UAChB,EACb;AACJ;;;;"}

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

@@ -1,17 +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 { Paragraph } from './Paragraph.js';
-import { Text } from './Text.js';
-import { Title } from './Title.js';
-import AntDTypography from '../node_modules/antd/es/typography/index.js';
-
-function Typography(props) {
-    return jsx(AntDTypography, __assign({}, props), void 0);
-}
-Typography.Text = Text;
-Typography.Title = Title;
-Typography.Paragraph = Paragraph;
-Typography.Link = AntDTypography.Link;
-
-export { Typography };
-//# sourceMappingURL=Typography.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Typography.js","sources":["../../../src/design-system/Typography/Typography.tsx"],"sourcesContent":["import { Typography as AntDTypography, TypographyProps as AntDTypographyProps } from 'antd';\nimport { ReactNode } from 'react';\nimport { Paragraph } from './Paragraph';\nimport { Text } from './Text';\nimport { Title } from './Title';\n\ninterface TypographyProps extends Omit<AntDTypographyProps, 'Text' | 'Title' | 'Paragraph' | 'Link'> {\n  children?: ReactNode;\n}\n\nexport function Typography(props: TypographyProps): JSX.Element {\n  return <AntDTypography {...props} />;\n}\n\nTypography.Text = Text;\nTypography.Title = Title;\nTypography.Paragraph = Paragraph;\nTypography.Link = AntDTypography.Link;\n"],"names":["_jsx"],"mappings":";;;;;;;SAUgB,UAAU,CAAC,KAAsB;IAC/C,OAAOA,IAAC,cAAc,eAAK,KAAK,UAAI,CAAC;AACvC,CAAC;AAED,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC;AACvB,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC;AACzB,UAAU,CAAC,SAAS,GAAG,SAAS,CAAC;AACjC,UAAU,CAAC,IAAI,GAAG,cAAc,CAAC,IAAI;;;;"}

package/dist/design-system/Typography/stories/bold.d.ts

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

package/dist/design-system/Typography/stories/code.d.ts

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

package/dist/design-system/Typography/stories/ellipsis.d.ts

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

package/dist/design-system/Typography/stories/paragraph.d.ts

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

package/dist/design-system/Typography/stories/size.d.ts

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

package/dist/design-system/Typography/stories/title.d.ts

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

package/dist/design-system/_TEMPLATE/MyNewComponent.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps as AntDButtonProps } from 'antd/es/button';
-export interface MyNewComponentProps extends AntDButtonProps {
-    /** These props all come from `antd`, and Ant doesn't annotate their
-     * types (unfortunately). But, we can optionally decide to annotate them
-     * on an individual basis. Pretty cool!
-     */
-    href?: AntDButtonProps['href'];
-}
-export declare const MyNewComponent: {
-    (props: MyNewComponentProps): JSX.Element;
-    defaultProps: Partial<MyNewComponentProps>;
-};

package/dist/design-system/_TEMPLATE/index.d.ts

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

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

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

package/dist/design-system/_storybook_helpers/useInterval.d.ts

@@ -1,2 +0,0 @@
-declare function useInterval(callback: () => void, delay: number | null): void;
-export default useInterval;

package/dist/design-system/hooks/index.d.ts

@@ -1 +0,0 @@
-export { useDesignSystemTheme } from './useDesignSystemTheme';

package/dist/design-system/hooks/useDesignSystemTheme.d.ts

@@ -1,9 +0,0 @@
-import { Theme } from '../../theme';
-export interface UseDesignSystemTheme {
-    theme: Theme;
-    classNamePrefix: string;
-    getPrefixedClassName: (className: string) => string;
-}
-export declare function getClassNamePrefix(theme: Theme): string;
-export declare function getPrefixedClassNameFromTheme(theme: Theme, className: string | null | undefined): string;
-export declare function useDesignSystemTheme(): UseDesignSystemTheme;

package/dist/design-system/hooks/useDesignSystemTheme.js

@@ -1,27 +0,0 @@
-import { useTheme } from '@emotion/react';
-import { getTheme } from '../../theme/index.js';
-
-var themeNameToAntdName = {
-    dark: 'dark',
-    default: 'light',
-};
-function getClassNamePrefix(theme) {
-    var antdThemeName = themeNameToAntdName[theme.themeName];
-    return theme.general.classnamePrefix + "-" + antdThemeName;
-}
-function getPrefixedClassNameFromTheme(theme, className) {
-    return [getClassNamePrefix(theme), className].filter(Boolean).join('-');
-}
-function useDesignSystemTheme() {
-    var emotionTheme = useTheme();
-    // Graceful fallback to default theme in case a test or developer forgot context.
-    var theme = emotionTheme && emotionTheme.general ? emotionTheme : getTheme('default');
-    return {
-        theme: theme,
-        classNamePrefix: getClassNamePrefix(theme),
-        getPrefixedClassName: function (className) { return getPrefixedClassNameFromTheme(theme, className); },
-    };
-}
-
-export { getClassNamePrefix, getPrefixedClassNameFromTheme, useDesignSystemTheme };
-//# sourceMappingURL=useDesignSystemTheme.js.map

package/dist/design-system/hooks/useDesignSystemTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDesignSystemTheme.js","sources":["../../../src/design-system/hooks/useDesignSystemTheme.ts"],"sourcesContent":["import { useTheme as useEmotionTheme } from '@emotion/react';\nimport { getTheme, Theme, ThemeName } from '../../theme';\n\nexport interface UseDesignSystemTheme {\n  theme: Theme;\n  classNamePrefix: string;\n  getPrefixedClassName: (className: string) => string;\n}\n\nconst themeNameToAntdName: Record<ThemeName, string> = {\n  dark: 'dark',\n  default: 'light',\n};\n\nexport function getClassNamePrefix(theme: Theme): string {\n  const antdThemeName = themeNameToAntdName[theme.themeName];\n  return `${theme.general.classnamePrefix}-${antdThemeName}`;\n}\n\nexport function getPrefixedClassNameFromTheme(theme: Theme, className: string | null | undefined): string {\n  return [getClassNamePrefix(theme), className].filter(Boolean).join('-');\n}\n\nexport function useDesignSystemTheme(): UseDesignSystemTheme {\n  const emotionTheme = useEmotionTheme() as Theme;\n  // Graceful fallback to default theme in case a test or developer forgot context.\n  const theme = emotionTheme && emotionTheme.general ? emotionTheme : getTheme('default');\n\n  return {\n    theme: theme,\n    classNamePrefix: getClassNamePrefix(theme),\n    getPrefixedClassName: (className: string) => getPrefixedClassNameFromTheme(theme, className),\n  };\n}\n"],"names":["useEmotionTheme"],"mappings":";;;AASA,IAAM,mBAAmB,GAA8B;IACrD,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,OAAO;CACjB,CAAC;SAEc,kBAAkB,CAAC,KAAY;IAC7C,IAAM,aAAa,GAAG,mBAAmB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3D,OAAU,KAAK,CAAC,OAAO,CAAC,eAAe,SAAI,aAAe,CAAC;AAC7D,CAAC;SAEe,6BAA6B,CAAC,KAAY,EAAE,SAAoC;IAC9F,OAAO,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1E,CAAC;SAEe,oBAAoB;IAClC,IAAM,YAAY,GAAGA,QAAe,EAAW,CAAC;;IAEhD,IAAM,KAAK,GAAG,YAAY,IAAI,YAAY,CAAC,OAAO,GAAG,YAAY,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAExF,OAAO;QACL,KAAK,EAAE,KAAK;QACZ,eAAe,EAAE,kBAAkB,CAAC,KAAK,CAAC;QAC1C,oBAAoB,EAAE,UAAC,SAAiB,IAAK,OAAA,6BAA6B,CAAC,KAAK,EAAE,SAAS,CAAC,GAAA;KAC7F,CAAC;AACJ;;;;"}

package/dist/rollup.common.d.ts

@@ -1,5 +0,0 @@
-export declare const commonRollupConfig: {
-    preserveModules: boolean;
-    preserveSymlinks: boolean;
-    external: string[];
-};

package/dist/rollup.main.config.d.ts

@@ -1,14 +0,0 @@
-declare const _default: {
-    input: string[];
-    output: {
-        dir: string;
-        format: string;
-        sourcemap: boolean;
-        preserveModulesRoot: string;
-    }[];
-    plugins: import("rollup").Plugin[];
-    preserveModules: boolean;
-    preserveSymlinks: boolean;
-    external: string[];
-};
-export default _default;

package/dist/rollup.styles.config.d.ts

@@ -1,14 +0,0 @@
-declare const _default: {
-    input: string[];
-    output: {
-        dir: string;
-        format: string;
-        sourcemap: boolean;
-        preserveModulesRoot: string;
-    }[];
-    plugins: (import("rollup").Plugin | import("rollup").Plugin)[];
-    preserveModules: boolean;
-    preserveSymlinks: boolean;
-    external: string[];
-};
-export default _default;

package/dist/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/theme/borders.js

@@ -1,10 +0,0 @@
-import { __assign } from '../node_modules/tslib/tslib.es6.js';
-
-// Border variables
-var borders = {
-    borderRadiusMd: 4,
-};
-var borders$1 = __assign({}, borders);
-
-export { borders, borders$1 as default };
-//# sourceMappingURL=borders.js.map

package/dist/theme/borders.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"borders.js","sources":["../../src/theme/borders.ts"],"sourcesContent":["// Border variables\nexport const borders = {\n  borderRadiusMd: 4,\n};\n\nexport default {\n  ...borders,\n};\n"],"names":[],"mappings":";;AAAA;IACa,OAAO,GAAG;IACrB,cAAc,EAAE,CAAC;EACjB;AAEF,6BACK,OAAO;;;;"}

package/dist/theme/colorList.js

@@ -1,65 +0,0 @@
-import { __assign } from '../node_modules/tslib/tslib.es6.js';
-import chroma from '../node_modules/chroma-js/chroma.js';
-
-// Exported from go/designsystem/colorsheet
-var colorPalette = {
-    primary: '#2272B4',
-    blue100: '#f0f8ff',
-    blue200: '#D7EDFE',
-    blue300: '#BADFFC',
-    blue400: '#8CCBFF',
-    blue500: '#439AE0',
-    blue600: '#2272B4',
-    blue700: '#0E538B',
-    blue800: '#04355D',
-    green100: '#F2FCF6',
-    green200: '#D4F7DF',
-    green300: '#B1ECC5',
-    green400: '#8DDDA8',
-    green500: '#3BA85F',
-    green600: '#277C43',
-    green700: '#115026',
-    green800: '#093A19',
-    white: '#FFFFFF',
-    grey100: '#F2F5F7',
-    grey200: '#E4EBF0',
-    grey300: '#CEDBE5',
-    grey400: '#BDCDDB',
-    grey500: '#8297A8',
-    grey600: '#5D7283',
-    grey700: '#44535F',
-    grey800: '#20272E',
-    red100: '#FFF5F7',
-    red200: '#FDE2E8',
-    red300: '#FBD0D8',
-    red400: '#F7A6B6',
-    red500: '#E56E86',
-    red600: '#C72D4C',
-    red700: '#9E102C',
-    red800: '#630316',
-    yellow100: '#FFF9EB',
-    yellow200: '#FCEACA',
-    yellow300: '#F8D4A5',
-    yellow400: '#F2BE88',
-    yellow500: '#DE7A23',
-    yellow600: '#BF511E',
-    yellow700: '#93320B',
-    yellow800: '#611B02',
-};
-// Colors taken from figma designs but not part of official list (yet)
-var unstableColors = {
-    textValidationInfo: '#64727D',
-    backgroundValidationDanger: colorPalette.red100,
-    backgroundValidationSuccess: colorPalette.blue100,
-    backgroundValidationWarning: colorPalette.yellow100,
-    borderValidationDanger: colorPalette.red300,
-    borderValidationSuccess: colorPalette.blue300,
-    borderValidationWarning: colorPalette.yellow300,
-};
-var lightColorList = __assign({ backgroundPrimary: colorPalette.white, actionDangerBackgroundDefault: colorPalette.red600, actionDangerBackgroundHover: colorPalette.red700, actionDangerBackgroundPress: colorPalette.red800, actionDefaultBackgroundDefault: chroma(colorPalette.blue800).alpha(0).hex(), actionDefaultBackgroundHover: chroma(colorPalette.blue800).alpha(0.08).hex(), actionDefaultBackgroundPress: chroma(colorPalette.blue800).alpha(0.16).hex(), actionDefaultBorderDefault: colorPalette.grey500, actionDefaultBorderFocus: colorPalette.blue600, actionDefaultBorderHover: colorPalette.blue700, actionDefaultBorderPress: colorPalette.blue800, actionDefaultTextDefault: colorPalette.grey600, actionDefaultTextHover: colorPalette.blue700, actionDefaultTextPress: colorPalette.blue800, actionDisabledBackground: colorPalette.grey200, actionDisabledText: colorPalette.grey400, actionPrimaryBackgroundDefault: colorPalette.blue600, actionPrimaryBackgroundHover: colorPalette.blue700, actionPrimaryBackgroundPress: colorPalette.blue800, actionPrimaryTextDefault: colorPalette.white, actionPrimaryTextHover: colorPalette.white, actionPrimaryTextPress: colorPalette.white, actionTertiaryBackgroundDefault: chroma(colorPalette.blue600).alpha(0).hex(), actionTertiaryBackgroundHover: chroma(colorPalette.blue600).alpha(0.08).hex(), actionTertiaryBackgroundPress: chroma(colorPalette.blue600).alpha(0.16).hex(), actionTertiaryTextDefault: colorPalette.blue600, actionTertiaryTextHover: colorPalette.blue700, actionTertiaryTextPress: colorPalette.blue800, backgroundDanger: chroma(colorPalette.red100).alpha(0.08).hex(), backgroundSecondary: colorPalette.grey100, backgroundWarning: chroma(colorPalette.yellow100).alpha(0.08).hex(), border: colorPalette.grey500, borderDecorative: colorPalette.grey300, textPrimary: colorPalette.grey800, textSecondary: colorPalette.grey600, textValidationDanger: colorPalette.red600, textValidationSuccess: colorPalette.green600, textValidationWarning: colorPalette.yellow600, overlayOverlay: chroma(colorPalette.grey100).alpha(0.72).hex(), tagBrown: 'rgba(166,99,12,1)', tagCoral: 'rgba(200,50,67,1)', tagIndigo: 'rgba(67,74,147,1)', tagLemon: 'rgba(250,203,102,1)', tagLime: 'rgba(48,136,19,1)', tagPink: 'rgba(180,80,145,1)', tagPurple: 'rgba(138,99,191,1)', tagTeal: 'rgba(3,94,88,1)', tagTurquoise: 'rgba(20,126,176,1)', tooltipBackgroundTooltip: colorPalette.grey800 }, unstableColors);
-var darkColorList = __assign({ actionDefaultBackgroundPress: chroma(colorPalette.blue400).alpha(0.16).hex(), actionDangerBackgroundDefault: chroma(colorPalette.red400).alpha(0.84).hex(), actionDangerBackgroundHover: chroma(colorPalette.red400).alpha(0.7).hex(), actionDangerBackgroundPress: chroma(colorPalette.red400).alpha(0.6).hex(), actionDefaultBackgroundDefault: chroma(colorPalette.blue400).alpha(0).hex(), actionDefaultBorderDefault: chroma(colorPalette.white).alpha(0.6).hex(), actionDefaultBorderFocus: chroma(colorPalette.blue400).alpha(0.84).hex(), actionDefaultBorderHover: chroma(colorPalette.blue400).alpha(0.8).hex(), actionDefaultBorderPress: chroma(colorPalette.blue400).alpha(0.76).hex(), actionDefaultTextDefault: chroma(colorPalette.white).alpha(0.84).hex(), actionDefaultTextHover: chroma(colorPalette.blue400).alpha(0.8).hex(), actionDefaultTextPress: chroma(colorPalette.blue400).alpha(0.76).hex(), actionDisabledBackground: chroma(colorPalette.white).alpha(0.24).hex(), actionDisabledText: chroma(colorPalette.white).alpha(0.4).hex(), actionPrimaryBackgroundDefault: chroma(colorPalette.blue400).alpha(0.84).hex(), actionPrimaryBackgroundHover: chroma(colorPalette.blue400).alpha(0.8).hex(), actionPrimaryBackgroundPress: chroma(colorPalette.blue400).alpha(0.76).hex(), actionPrimaryTextDefault: colorPalette.grey800, actionPrimaryTextHover: colorPalette.grey800, actionPrimaryTextPress: colorPalette.grey800, actionTertiaryBackgroundDefault: chroma(colorPalette.blue400).alpha(0).hex(), actionTertiaryBackgroundHover: chroma(colorPalette.blue400).alpha(0.08).hex(), actionTertiaryBackgroundPress: chroma(colorPalette.blue400).alpha(0.16).hex(), actionTertiaryTextDefault: chroma(colorPalette.blue400).alpha(0.84).hex(), actionTertiaryTextHover: chroma(colorPalette.blue400).alpha(0.8).hex(), actionTertiaryTextPress: chroma(colorPalette.blue400).alpha(0.76).hex(), backgroundPrimary: colorPalette.grey800, backgroundSecondary: chroma(colorPalette.white).alpha(0.04).hex(), border: chroma(colorPalette.white).alpha(0.48).hex(), borderDecorative: chroma(colorPalette.white).alpha(0.24).hex(), textPrimary: chroma(colorPalette.white).alpha(0.84).hex(), textSecondary: chroma(colorPalette.white).alpha(0.6).hex(), textValidationDanger: chroma(colorPalette.red400).alpha(0.84).hex(), textValidationSuccess: chroma(colorPalette.green400).alpha(0.84).hex(), textValidationWarning: chroma(colorPalette.yellow400).alpha(0.84).hex(), overlayOverlay: chroma(colorPalette.grey800).alpha(0.72).hex(), tagBrown: 'rgba(166,99,12,0.84)', tagCoral: 'rgba(200,50,67,0.84)', tagIndigo: 'rgba(67,74,147,0.84)', tagLemon: 'rgba(250,203,102,0.84)', tagLime: 'rgba(48,136,19,0.84)', tagPink: 'rgba(180,80,145,0.84)', tagPurple: 'rgba(138,99,191,0.84)', tagTeal: 'rgba(3,94,88,0.84)', tagTurquoise: 'rgba(20,126,176,0.84)', tooltipBackgroundTooltip: chroma(colorPalette.white).alpha(0.6).hex(), 
-    // Missing in list
-    actionDefaultBackgroundHover: 'rgba(34,114,180,0.08)', backgroundDanger: 'rgba(200,45,76,0.08)', backgroundWarning: 'rgba(222,121,33,0.08)' }, unstableColors);
-
-export { colorPalette, darkColorList, lightColorList };
-//# sourceMappingURL=colorList.js.map

package/dist/theme/colorList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colorList.js","sources":["../../src/theme/colorList.ts"],"sourcesContent":["import chroma from 'chroma-js';\n\n// Exported from go/designsystem/colorsheet\nexport const colorPalette = {\n  primary: '#2272B4',\n  blue100: '#f0f8ff',\n  blue200: '#D7EDFE',\n  blue300: '#BADFFC',\n  blue400: '#8CCBFF',\n  blue500: '#439AE0',\n  blue600: '#2272B4',\n  blue700: '#0E538B',\n  blue800: '#04355D',\n  green100: '#F2FCF6',\n  green200: '#D4F7DF',\n  green300: '#B1ECC5',\n  green400: '#8DDDA8',\n  green500: '#3BA85F',\n  green600: '#277C43',\n  green700: '#115026',\n  green800: '#093A19',\n  white: '#FFFFFF',\n  grey100: '#F2F5F7',\n  grey200: '#E4EBF0',\n  grey300: '#CEDBE5',\n  grey400: '#BDCDDB',\n  grey500: '#8297A8',\n  grey600: '#5D7283',\n  grey700: '#44535F',\n  grey800: '#20272E',\n  red100: '#FFF5F7',\n  red200: '#FDE2E8',\n  red300: '#FBD0D8',\n  red400: '#F7A6B6',\n  red500: '#E56E86',\n  red600: '#C72D4C',\n  red700: '#9E102C',\n  red800: '#630316',\n  yellow100: '#FFF9EB',\n  yellow200: '#FCEACA',\n  yellow300: '#F8D4A5',\n  yellow400: '#F2BE88',\n  yellow500: '#DE7A23',\n  yellow600: '#BF511E',\n  yellow700: '#93320B',\n  yellow800: '#611B02',\n};\n\n// Colors taken from figma designs but not part of official list (yet)\nconst unstableColors = {\n  textValidationInfo: '#64727D',\n  backgroundValidationDanger: colorPalette.red100,\n  backgroundValidationSuccess: colorPalette.blue100,\n  backgroundValidationWarning: colorPalette.yellow100,\n  borderValidationDanger: colorPalette.red300,\n  borderValidationSuccess: colorPalette.blue300,\n  borderValidationWarning: colorPalette.yellow300,\n};\n\nexport const lightColorList = {\n  backgroundPrimary: colorPalette.white,\n  actionDangerBackgroundDefault: colorPalette.red600,\n  actionDangerBackgroundHover: colorPalette.red700,\n  actionDangerBackgroundPress: colorPalette.red800,\n  actionDefaultBackgroundDefault: chroma(colorPalette.blue800).alpha(0).hex(),\n  actionDefaultBackgroundHover: chroma(colorPalette.blue800).alpha(0.08).hex(),\n  actionDefaultBackgroundPress: chroma(colorPalette.blue800).alpha(0.16).hex(),\n  actionDefaultBorderDefault: colorPalette.grey500,\n  actionDefaultBorderFocus: colorPalette.blue600,\n  actionDefaultBorderHover: colorPalette.blue700,\n  actionDefaultBorderPress: colorPalette.blue800,\n  actionDefaultTextDefault: colorPalette.grey600,\n  actionDefaultTextHover: colorPalette.blue700,\n  actionDefaultTextPress: colorPalette.blue800,\n  actionDisabledBackground: colorPalette.grey200,\n  actionDisabledText: colorPalette.grey400,\n  actionPrimaryBackgroundDefault: colorPalette.blue600,\n  actionPrimaryBackgroundHover: colorPalette.blue700,\n  actionPrimaryBackgroundPress: colorPalette.blue800,\n  actionPrimaryTextDefault: colorPalette.white,\n  actionPrimaryTextHover: colorPalette.white,\n  actionPrimaryTextPress: colorPalette.white,\n  actionTertiaryBackgroundDefault: chroma(colorPalette.blue600).alpha(0).hex(),\n  actionTertiaryBackgroundHover: chroma(colorPalette.blue600).alpha(0.08).hex(),\n  actionTertiaryBackgroundPress: chroma(colorPalette.blue600).alpha(0.16).hex(),\n  actionTertiaryTextDefault: colorPalette.blue600,\n  actionTertiaryTextHover: colorPalette.blue700,\n  actionTertiaryTextPress: colorPalette.blue800,\n  backgroundDanger: chroma(colorPalette.red100).alpha(0.08).hex(),\n  backgroundSecondary: colorPalette.grey100,\n  backgroundWarning: chroma(colorPalette.yellow100).alpha(0.08).hex(),\n  border: colorPalette.grey500,\n  borderDecorative: colorPalette.grey300,\n  textPrimary: colorPalette.grey800,\n  textSecondary: colorPalette.grey600,\n  textValidationDanger: colorPalette.red600,\n  textValidationSuccess: colorPalette.green600,\n  textValidationWarning: colorPalette.yellow600,\n  overlayOverlay: chroma(colorPalette.grey100).alpha(0.72).hex(),\n  tagBrown: 'rgba(166,99,12,1)',\n  tagCoral: 'rgba(200,50,67,1)',\n  tagIndigo: 'rgba(67,74,147,1)',\n  tagLemon: 'rgba(250,203,102,1)',\n  tagLime: 'rgba(48,136,19,1)',\n  tagPink: 'rgba(180,80,145,1)',\n  tagPurple: 'rgba(138,99,191,1)',\n  tagTeal: 'rgba(3,94,88,1)',\n  tagTurquoise: 'rgba(20,126,176,1)',\n  tooltipBackgroundTooltip: colorPalette.grey800,\n  ...unstableColors,\n};\n\nexport const darkColorList: typeof lightColorList = {\n  actionDefaultBackgroundPress: chroma(colorPalette.blue400).alpha(0.16).hex(),\n  actionDangerBackgroundDefault: chroma(colorPalette.red400).alpha(0.84).hex(),\n  actionDangerBackgroundHover: chroma(colorPalette.red400).alpha(0.7).hex(),\n  actionDangerBackgroundPress: chroma(colorPalette.red400).alpha(0.6).hex(),\n  actionDefaultBackgroundDefault: chroma(colorPalette.blue400).alpha(0).hex(),\n  actionDefaultBorderDefault: chroma(colorPalette.white).alpha(0.6).hex(),\n  actionDefaultBorderFocus: chroma(colorPalette.blue400).alpha(0.84).hex(),\n  actionDefaultBorderHover: chroma(colorPalette.blue400).alpha(0.8).hex(),\n  actionDefaultBorderPress: chroma(colorPalette.blue400).alpha(0.76).hex(),\n  actionDefaultTextDefault: chroma(colorPalette.white).alpha(0.84).hex(),\n  actionDefaultTextHover: chroma(colorPalette.blue400).alpha(0.8).hex(),\n  actionDefaultTextPress: chroma(colorPalette.blue400).alpha(0.76).hex(),\n  actionDisabledBackground: chroma(colorPalette.white).alpha(0.24).hex(),\n  actionDisabledText: chroma(colorPalette.white).alpha(0.4).hex(),\n  actionPrimaryBackgroundDefault: chroma(colorPalette.blue400).alpha(0.84).hex(),\n  actionPrimaryBackgroundHover: chroma(colorPalette.blue400).alpha(0.8).hex(),\n  actionPrimaryBackgroundPress: chroma(colorPalette.blue400).alpha(0.76).hex(),\n  actionPrimaryTextDefault: colorPalette.grey800,\n  actionPrimaryTextHover: colorPalette.grey800,\n  actionPrimaryTextPress: colorPalette.grey800,\n  actionTertiaryBackgroundDefault: chroma(colorPalette.blue400).alpha(0).hex(),\n  actionTertiaryBackgroundHover: chroma(colorPalette.blue400).alpha(0.08).hex(),\n  actionTertiaryBackgroundPress: chroma(colorPalette.blue400).alpha(0.16).hex(),\n  actionTertiaryTextDefault: chroma(colorPalette.blue400).alpha(0.84).hex(),\n  actionTertiaryTextHover: chroma(colorPalette.blue400).alpha(0.8).hex(),\n  actionTertiaryTextPress: chroma(colorPalette.blue400).alpha(0.76).hex(),\n  backgroundPrimary: colorPalette.grey800,\n  backgroundSecondary: chroma(colorPalette.white).alpha(0.04).hex(),\n  border: chroma(colorPalette.white).alpha(0.48).hex(),\n  borderDecorative: chroma(colorPalette.white).alpha(0.24).hex(),\n  textPrimary: chroma(colorPalette.white).alpha(0.84).hex(),\n  textSecondary: chroma(colorPalette.white).alpha(0.6).hex(),\n  textValidationDanger: chroma(colorPalette.red400).alpha(0.84).hex(),\n  textValidationSuccess: chroma(colorPalette.green400).alpha(0.84).hex(),\n  textValidationWarning: chroma(colorPalette.yellow400).alpha(0.84).hex(),\n  overlayOverlay: chroma(colorPalette.grey800).alpha(0.72).hex(),\n  tagBrown: 'rgba(166,99,12,0.84)',\n  tagCoral: 'rgba(200,50,67,0.84)',\n  tagIndigo: 'rgba(67,74,147,0.84)',\n  tagLemon: 'rgba(250,203,102,0.84)',\n  tagLime: 'rgba(48,136,19,0.84)',\n  tagPink: 'rgba(180,80,145,0.84)',\n  tagPurple: 'rgba(138,99,191,0.84)',\n  tagTeal: 'rgba(3,94,88,0.84)',\n  tagTurquoise: 'rgba(20,126,176,0.84)',\n  tooltipBackgroundTooltip: chroma(colorPalette.white).alpha(0.6).hex(),\n  // Missing in list\n  actionDefaultBackgroundHover: 'rgba(34,114,180,0.08)',\n  backgroundDanger: 'rgba(200,45,76,0.08)',\n  backgroundWarning: 'rgba(222,121,33,0.08)',\n  // Missing in light list\n  // \"background-validation-danger\": \"rgba(229,110,134,0)\",\n  // \"background-validation-warning\": \"rgba(252,234,202,0)\",\n  ...unstableColors,\n};\n"],"names":[],"mappings":"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"}

package/dist/theme/colors.js

@@ -1,35 +0,0 @@
-import { __assign } from '../node_modules/tslib/tslib.es6.js';
-import { darkColorList, colorPalette, lightColorList } from './colorList.js';
-
-var darkColors = __assign(__assign({}, darkColorList), colorPalette);
-var lightColors = __assign(__assign({}, lightColorList), colorPalette);
-function getSemanticColors(theme) {
-    switch (theme) {
-        case 'dark':
-            return __assign({}, darkColors);
-        default:
-            return __assign({}, lightColors);
-    }
-}
-/*
-Colors that need to be replaced by semantic colors.
- */
-var deprecatedColors = {
-    // Radio Colors
-    radioInteractiveAvailable: colorPalette.primary,
-    radioInteractiveHover: '#186099',
-    radioInteractivePress: '#0D4F85',
-    radioDisabled: '#A2AEB8',
-    radioDefaultBorder: '#64727D',
-    radioDefaultBackground: '#FFFFFF',
-    radioInteractiveHoverSecondary: 'rgba(34, 115, 181, 0.08)',
-    radioInteractivePressSecondary: 'rgba(34, 115, 181, 0.16)',
-    // Typography colors
-    typographyCodeBg: 'rgba(32, 39, 46, 0.08)',
-};
-function getColors(theme) {
-    return __assign(__assign({}, deprecatedColors), getSemanticColors(theme));
-}
-
-export { getColors };
-//# sourceMappingURL=colors.js.map

package/dist/theme/colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.js","sources":["../../src/theme/colors.ts"],"sourcesContent":["import { ThemeName } from './index';\nimport { colorPalette, darkColorList, lightColorList } from './colorList';\n\nconst darkColors = { ...darkColorList, ...colorPalette };\nconst lightColors = { ...lightColorList, ...colorPalette };\ntype DesignSystemColors = typeof lightColors;\n\nfunction getSemanticColors(theme: ThemeName): DesignSystemColors {\n  switch (theme) {\n    case 'dark':\n      return { ...darkColors };\n    default:\n      return { ...lightColors };\n  }\n}\n\ninterface AntdColors {\n  bodyBackground: string;\n  textColor: string;\n  textColorSecondary: string;\n  primaryColor: string;\n  infoColor: string;\n  errorColor: string;\n  successColor: string;\n  warningColor: string;\n  alertErrorTextColor: string;\n  alertWarningTextColor: string;\n  alertWarningBorderColor: string;\n  alertSuccessTextColor: string;\n  alertTextColor: string;\n  alertMessageColor: string;\n  alertInfoBgColor: string;\n  alertInfoIconColor: string;\n  alertInfoTextColor: string;\n  alertInfoBorderColor: string;\n  alertErrorBorderColor: string;\n}\n\n// Maps Dubois colors to AntD names\nexport function getAntdColors(theme: ThemeName): AntdColors {\n  const semanticColors = getSemanticColors(theme);\n  return {\n    bodyBackground: semanticColors.backgroundPrimary,\n    textColor: semanticColors.textPrimary,\n    textColorSecondary: semanticColors.textSecondary,\n    primaryColor: semanticColors.primary,\n    infoColor: '#64727D',\n    errorColor: '#CC3352',\n    successColor: '#34824F',\n    warningColor: '#AF5B23',\n\n    // Alert colors (AntD variables)\n    alertErrorTextColor: semanticColors.textValidationDanger,\n    alertWarningBorderColor: semanticColors.yellow300,\n    alertErrorBorderColor: semanticColors.red300,\n    alertWarningTextColor: semanticColors.textValidationWarning,\n    alertSuccessTextColor: semanticColors.textValidationSuccess,\n    alertTextColor: 'inherit',\n    alertMessageColor: 'inherit',\n    alertInfoBgColor: semanticColors.backgroundSecondary,\n    alertInfoIconColor: semanticColors.textSecondary,\n    alertInfoTextColor: semanticColors.textPrimary,\n    alertInfoBorderColor: '#C4CDD4',\n  };\n}\n\n/*\nColors that need to be replaced by semantic colors.\n */\nconst deprecatedColors = {\n  // Radio Colors\n  radioInteractiveAvailable: colorPalette.primary,\n  radioInteractiveHover: '#186099',\n  radioInteractivePress: '#0D4F85',\n  radioDisabled: '#A2AEB8',\n  radioDefaultBorder: '#64727D',\n  radioDefaultBackground: '#FFFFFF',\n  radioInteractiveHoverSecondary: 'rgba(34, 115, 181, 0.08)', // Fade of Interactive Available\n  radioInteractivePressSecondary: 'rgba(34, 115, 181, 0.16)', // Fade of Interactive Available\n\n  // Typography colors\n  typographyCodeBg: 'rgba(32, 39, 46, 0.08)',\n};\n\nexport function getColors(theme: ThemeName): typeof deprecatedColors & DesignSystemColors {\n  return {\n    ...deprecatedColors,\n    ...getSemanticColors(theme),\n  };\n}\n"],"names":[],"mappings":";;;AAGA,IAAM,UAAU,yBAAQ,aAAa,GAAK,YAAY,CAAE,CAAC;AACzD,IAAM,WAAW,yBAAQ,cAAc,GAAK,YAAY,CAAE,CAAC;AAG3D,SAAS,iBAAiB,CAAC,KAAgB;IACzC,QAAQ,KAAK;QACX,KAAK,MAAM;YACT,oBAAY,UAAU,EAAG;QAC3B;YACE,oBAAY,WAAW,EAAG;KAC7B;AACH,CAAC;AAoDD;;;AAGA,IAAM,gBAAgB,GAAG;;IAEvB,yBAAyB,EAAE,YAAY,CAAC,OAAO;IAC/C,qBAAqB,EAAE,SAAS;IAChC,qBAAqB,EAAE,SAAS;IAChC,aAAa,EAAE,SAAS;IACxB,kBAAkB,EAAE,SAAS;IAC7B,sBAAsB,EAAE,SAAS;IACjC,8BAA8B,EAAE,0BAA0B;IAC1D,8BAA8B,EAAE,0BAA0B;;IAG1D,gBAAgB,EAAE,wBAAwB;CAC3C,CAAC;SAEc,SAAS,CAAC,KAAgB;IACxC,6BACK,gBAAgB,GAChB,iBAAiB,CAAC,KAAK,CAAC,EAC3B;AACJ;;;;"}

package/dist/theme/generalVariables.js

@@ -1,14 +0,0 @@
-import antdVars from '../antd-vars.js';
-
-var antdGeneralVariables = {
-    classnamePrefix: antdVars['ant-prefix'],
-    iconfontCssPrefix: 'anticon',
-    borderRadiusBase: 4,
-    borderWidth: 1,
-    heightSm: 32,
-    heightBase: 40,
-};
-var generalVariables = antdGeneralVariables;
-
-export { generalVariables as default };
-//# sourceMappingURL=generalVariables.js.map

package/dist/theme/generalVariables.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"generalVariables.js","sources":["../../src/theme/generalVariables.ts"],"sourcesContent":["import antdVars from '../antd-vars';\n\nconst antdGeneralVariables = {\n  classnamePrefix: antdVars['ant-prefix'],\n  iconfontCssPrefix: 'anticon',\n  borderRadiusBase: 4,\n  borderWidth: 1,\n  heightSm: 32,\n  heightBase: 40,\n};\n\nexport default antdGeneralVariables;\n"],"names":[],"mappings":";;AAEA,IAAM,oBAAoB,GAAG;IAC3B,eAAe,EAAE,QAAQ,CAAC,YAAY,CAAC;IACvC,iBAAiB,EAAE,SAAS;IAC5B,gBAAgB,EAAE,CAAC;IACnB,WAAW,EAAE,CAAC;IACd,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,EAAE;CACf,CAAC;AAEF,uBAAe,oBAAoB;;;;"}

package/dist/theme/index.js

@@ -1,21 +0,0 @@
-import { getColors } from './colors.js';
-import generalVariables from './generalVariables.js';
-import spacing from './spacing.js';
-import typography from './typography.js';
-import borders from './borders.js';
-
-// Function to get variables for a certain theme.
-// End users should use useDesignSystemTheme instead.
-function getTheme(themeName) {
-    return {
-        colors: getColors(themeName),
-        spacing: spacing,
-        general: generalVariables,
-        typography: typography,
-        borders: borders,
-        themeName: themeName,
-    };
-}
-
-export { getTheme };
-//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import { getColors } from './colors';\nimport generalVariables from './generalVariables';\nimport spacing from './spacing';\nimport typography from './typography';\nimport borders from './borders';\n\nexport type ThemeName = 'default' | 'dark';\nexport type ComponentTheme = ReturnType<typeof getTheme>;\n\nexport interface Theme {\n  colors: ReturnType<typeof getColors>;\n  spacing: typeof spacing;\n  general: typeof generalVariables;\n  typography: typeof typography;\n  borders: typeof borders;\n  themeName: ThemeName;\n}\n\n// Function to get variables for a certain theme.\n// End users should use useDesignSystemTheme instead.\nexport function getTheme(themeName: ThemeName): Theme {\n  return {\n    colors: getColors(themeName),\n    spacing,\n    general: generalVariables,\n    typography,\n    borders,\n    themeName,\n  };\n}\n"],"names":[],"mappings":";;;;;;AAkBA;AACA;SACgB,QAAQ,CAAC,SAAoB;IAC3C,OAAO;QACL,MAAM,EAAE,SAAS,CAAC,SAAS,CAAC;QAC5B,OAAO,SAAA;QACP,OAAO,EAAE,gBAAgB;QACzB,UAAU,YAAA;QACV,OAAO,SAAA;QACP,SAAS,WAAA;KACV,CAAC;AACJ;;;;"}