@databricks/design-system 1.12.17 → 1.12.19

package/dist/theme/borders.js

@@ -0,0 +1,13 @@
+import { borderRadii as newBorderRadii } from './_generated/BorderRadii';
+// Border variables
+export const borders = {
+    borderRadiusMd: 4,
+    borderRadiusLg: 8,
+};
+export const getLegacyBorders = () => {
+    return borders;
+};
+export const getBorders = () => {
+    return newBorderRadii;
+};
+//# sourceMappingURL=borders.js.map

package/dist/theme/borders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borders.js","sourceRoot":"","sources":["../../src/theme/borders.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEzE,mBAAmB;AACnB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,cAAc,EAAE,CAAC;IACjB,cAAc,EAAE,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC"}

package/dist/theme/breakpoints.js

@@ -0,0 +1,19 @@
+const breakpoints = {
+    xs: 0,
+    sm: 576,
+    md: 768,
+    lg: 992,
+    xl: 1200,
+    xxl: 1600,
+};
+const mediaQueries = {
+    xs: '@media (max-width: 575.98px)',
+    sm: `@media (min-width: ${breakpoints.sm}px)`,
+    md: `@media (min-width: ${breakpoints.md}px)`,
+    lg: `@media (min-width: ${breakpoints.lg}px)`,
+    xl: `@media (min-width: ${breakpoints.xl}px)`,
+    xxl: `@media (min-width: ${breakpoints.xxl}px)`,
+};
+const responsive = { breakpoints, mediaQueries };
+export default responsive;
+//# sourceMappingURL=breakpoints.js.map

package/dist/theme/breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../src/theme/breakpoints.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,GAA8B;IAC7C,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,GAAG,EAAE,IAAI;CACV,CAAC;AAEF,MAAM,YAAY,GAA8B;IAC9C,EAAE,EAAE,8BAA8B;IAClC,EAAE,EAAE,sBAAsB,WAAW,CAAC,EAAE,KAAK;IAC7C,EAAE,EAAE,sBAAsB,WAAW,CAAC,EAAE,KAAK;IAC7C,EAAE,EAAE,sBAAsB,WAAW,CAAC,EAAE,KAAK;IAC7C,EAAE,EAAE,sBAAsB,WAAW,CAAC,EAAE,KAAK;IAC7C,GAAG,EAAE,sBAAsB,WAAW,CAAC,GAAG,KAAK;CAChD,CAAC;AAEF,MAAM,UAAU,GAAG,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC;AACjD,eAAe,UAAU,CAAC"}

package/dist/theme/colors.d.ts

@@ -16,6 +16,41 @@ type DesignSystemColors = typeof lightColorList & typeof primitiveColors & {
      */
     branded: typeof branded;
 };
+export declare function getProtectedSemanticColors(isDarkMode: boolean): {
+    tagBackgroundBrown: string;
+    tagBackgroundCharcoal: string;
+    tagBackgroundCoral: string;
+    tagBackgroundDefault: string;
+    tagBackgroundIndigo: string;
+    tagBackgroundLemon: string;
+    tagBackgroundLime: string;
+    tagBackgroundPink: string;
+    tagBackgroundPurple: string;
+    tagBackgroundTeal: string;
+    tagBackgroundTurquoise: string;
+    tagIconBrown: string;
+    tagIconCharcoal: string;
+    tagIconCoral: string;
+    tagIconDefault: string;
+    tagIconIndigo: string;
+    tagIconLemon: string;
+    tagIconLime: string;
+    tagIconPink: string;
+    tagIconPurple: string;
+    tagIconTeal: string;
+    tagIconTurquoise: string;
+    tagTextBrown: string;
+    tagTextCharcoal: string;
+    tagTextCoral: string;
+    tagTextDefault: string;
+    tagTextIndigo: string;
+    tagTextLemon: string;
+    tagTextLime: string;
+    tagTextPink: string;
+    tagTextPurple: string;
+    tagTextTeal: string;
+    tagTextTurquoise: string;
+};
 export declare function getAntdColors(isDarkMode: boolean): {
     alertTextColor: string;
     alertMessageColor: string;
@@ -85,6 +120,40 @@ export declare const deprecatedSemanticColorsLight: {
     textValidationInfo: string;
     /** @deprecated Use `codeBackground` (FEINF-xxxx) */
     typographyCodeBg: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagBrown: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagCharcoal: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagCoral: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagDefault: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagHover: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagIconHover: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagIconPress: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagIndigo: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagInverse: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagLemon: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagLime: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagPink: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagPress: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagPurple: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagTeal: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagText: string;
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagTurquoise: string;
 };
 export declare const deprecatedSemanticColorsDark: typeof deprecatedSemanticColorsLight;
 export type SecondaryColorToken = 'brown' | 'coral' | 'indigo' | 'lemon' | 'lime' | 'pink' | 'purple' | 'teal' | 'turquoise';

package/dist/theme/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE,QAAA,MAAM,OAAO;;QAET,mFAAmF;;QAEnF,+DAA+D;;QAE/D,qFAAqF;;;CAGxF,CAAC;AAKF,KAAK,kBAAkB,GAAG,OAAO,cAAc,GAC7C,OAAO,eAAe,GAAG;IACvB;;OAEG;IACH,OAAO,EAAE,OAAO,OAAO,CAAC;CACzB,CAAC;AAQJ,wBAAgB,aAAa,CAAC,UAAU,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;EAwChD;AAID,QAAA,MAAM,yBAAyB;IAC7B;0GACsG;;IAEtG;wGACoG;;IAEpG,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;CAEpH,CAAC;AAEF,eAAO,MAAM,6BAA6B;IACxC,sDAAsD;;IAEtD,uDAAuD;;IAEvD,uDAAuD;;IAEvD,4CAA4C;;IAE5C,kDAAkD;;IAElD,mDAAmD;;IAEnD,oEAAoE;;IAEpE,mDAAmD;;IAEnD,oDAAoD;;CAErD,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,OAAO,6BAUjD,CAAC;AAIF,MAAM,MAAM,mBAAmB,GAC3B,OAAO,GACP,OAAO,GACP,QAAQ,GACR,OAAO,GACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,CAAC;AAEhB,MAAM,MAAM,aAAa,GAAG,MAAM,UAAU,CAAC,mBAAmB,CAAC,EAAE,GAAG,YAAY,CAAC;AAEnF,wBAAgB,SAAS,CACvB,UAAU,EAAE,OAAO,GAClB,OAAO,yBAAyB,GAAG,OAAO,6BAA6B,GAAG,kBAAkB,CAM9F"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAG/D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE,QAAA,MAAM,OAAO;;QAET,mFAAmF;;QAEnF,+DAA+D;;QAE/D,qFAAqF;;;CAGxF,CAAC;AAKF,KAAK,kBAAkB,GAAG,OAAO,cAAc,GAC7C,OAAO,eAAe,GAAG;IACvB;;OAEG;IACH,OAAO,EAAE,OAAO,OAAO,CAAC;CACzB,CAAC;AAMJ,wBAAgB,0BAA0B,CAAC,UAAU,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAE7D;AAID,wBAAgB,aAAa,CAAC,UAAU,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;EAwChD;AAID,QAAA,MAAM,yBAAyB;IAC7B;0GACsG;;IAEtG;wGACoG;;IAEpG,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;CAEpH,CAAC;AAEF,eAAO,MAAM,6BAA6B;IACxC,sDAAsD;;IAEtD,uDAAuD;;IAEvD,uDAAuD;;IAEvD,4CAA4C;;IAE5C,kDAAkD;;IAElD,mDAAmD;;IAEnD,oEAAoE;;IAEpE,mDAAmD;;IAEnD,oDAAoD;;IAEpD,4GAA4G;;IAE5G,4GAA4G;;IAE5G,4GAA4G;;IAE5G,4GAA4G;;IAE5G,4GAA4G;;IAE5G,4GAA4G;;IAE5G,4GAA4G;;IAE5G,4GAA4G;;IAE5G,4GAA4G;;IAE5G,4GAA4G;;IAE5G,4GAA4G;;IAE5G,4GAA4G;;IAE5G,4GAA4G;;IAE5G,4GAA4G;;IAE5G,4GAA4G;;IAE5G,4GAA4G;;IAE5G,4GAA4G;;CAE7G,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,OAAO,6BA2BjD,CAAC;AAIF,MAAM,MAAM,mBAAmB,GAC3B,OAAO,GACP,OAAO,GACP,QAAQ,GACR,OAAO,GACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,CAAC;AAEhB,MAAM,MAAM,aAAa,GAAG,MAAM,UAAU,CAAC,mBAAmB,CAAC,EAAE,GAAG,YAAY,CAAC;AAEnF,wBAAgB,SAAS,CACvB,UAAU,EAAE,OAAO,GAClB,OAAO,yBAAyB,GAAG,OAAO,6BAA6B,GAAG,kBAAkB,CAM9F"}

package/dist/theme/colors.js

@@ -0,0 +1,176 @@
+import { primitiveColors } from './_generated/PrimitiveColors';
+import { darkProtectedColorList, lightProtectedColorList } from './_generated/ProtectedSemanticColors';
+import { darkColorList } from './_generated/SemanticColors-Dark';
+import { lightColorList } from './_generated/SemanticColors-Light';
+// Currently these are the same for both light and dark mode, but we may want to change this in the future.
+const branded = {
+    ai: {
+        /** For AI components, the top-left-oriented start color of gradient treatments. */
+        gradientStart: '#4299E0',
+        /** For AI components, the mid color of gradient treatments. */
+        gradientMid: '#CA42E0',
+        /** For AI components, the bottom-right-oriented end color of gradient treatments. */
+        gradientEnd: '#FF5F46',
+    },
+};
+const darkColors = { ...darkColorList, ...primitiveColors, branded };
+const lightColors = { ...lightColorList, ...primitiveColors, branded };
+function getSemanticColors(isDarkMode) {
+    return isDarkMode ? darkColors : lightColors;
+}
+export function getProtectedSemanticColors(isDarkMode) {
+    return isDarkMode ? darkProtectedColorList : lightProtectedColorList;
+}
+// Maps Du Bois colors to `antd` names. This is exclusively used for theming
+// Du Bois's wrapped `antd` components.
+export function getAntdColors(isDarkMode) {
+    const semanticColors = getSemanticColors(isDarkMode);
+    return {
+        bodyBackground: semanticColors.backgroundPrimary,
+        textColor: semanticColors.textPrimary,
+        textColorSecondary: semanticColors.textSecondary,
+        primaryColor: semanticColors.blue600,
+        infoColor: '#64727D',
+        errorColor: semanticColors.actionDangerPrimaryBackgroundDefault,
+        successColor: '#34824F',
+        warningColor: '#AF5B23',
+        borderColorBase: semanticColors.border,
+        // Alert colors (AntD variables)
+        alertErrorTextColor: semanticColors.textValidationDanger,
+        alertErrorBorderColor: semanticColors.red300,
+        alertErrorBgColor: semanticColors.red100,
+        alertErrorIconColor: semanticColors.textValidationDanger,
+        alertInfoTextColor: semanticColors.textPrimary,
+        alertInfoBorderColor: semanticColors.grey300,
+        alertInfoBgColor: semanticColors.backgroundSecondary,
+        alertInfoIconColor: semanticColors.textSecondary,
+        alertWarningTextColor: semanticColors.textValidationWarning,
+        alertWarningBorderColor: semanticColors.yellow300,
+        alertWarningBgColor: semanticColors.yellow100,
+        alertWarningIconColor: semanticColors.textValidationWarning,
+        ...(isDarkMode && {
+            alertErrorBgColor: 'transparent',
+            alertInfoBgColor: 'transparent',
+            alertWarningBgColor: 'transparent',
+        }),
+        alertTextColor: 'inherit',
+        alertMessageColor: 'inherit',
+        spinDotDefault: semanticColors.textSecondary,
+    };
+}
+// When deprecating a color, add it to this object with a comment explaining why it's deprecated and a link to a JIRA ticket.
+// Example: `@deprecated This color supports XXXX will be removed in an upcoming release (FEINF-1234).`
+const deprecatedPrimitiveColors = {
+    /** @deprecated This was an alias to `primitiveColors.blue600`, please use that instead.
+     * If possible, please use an appropriate semantic color, such as `actionPrimaryBackgroundDefault`. */
+    primary: primitiveColors.blue600,
+    /** @deprecated This was an alias to `primitiveColors.grey600`, please use that instead.
+     * If possible, please use an appropriate semantic color, such as `actionPrimaryBackgroundHover`. */
+    charcoal: primitiveColors.grey600,
+    /** @deprecated This color supports legacy radio styles and will be removed in an upcoming release (FEINF-1674). */
+    radioInteractiveAvailable: primitiveColors.blue600,
+    /** @deprecated This color supports legacy radio styles and will be removed in an upcoming release (FEINF-1674). */
+    radioInteractiveHover: '#186099',
+    /** @deprecated This color supports legacy radio styles and will be removed in an upcoming release (FEINF-1674). */
+    radioInteractivePress: '#0D4F85',
+    /** @deprecated This color supports legacy radio styles and will be removed in an upcoming release (FEINF-1674). */
+    radioDisabled: '#A2AEB8',
+    /** @deprecated This color supports legacy radio styles and will be removed in an upcoming release (FEINF-1674). */
+    radioDefaultBorder: '#64727D',
+    /** @deprecated This color supports legacy radio styles and will be removed in an upcoming release (FEINF-1674). */
+    radioDefaultBackground: '#FFFFFF',
+    /** @deprecated This color supports legacy radio styles and will be removed in an upcoming release (FEINF-1674). */
+    radioInteractiveHoverSecondary: 'rgba(34, 115, 181, 0.08)',
+    /** @deprecated This color supports legacy radio styles and will be removed in an upcoming release (FEINF-1674). */
+    radioInteractivePressSecondary: 'rgba(34, 115, 181, 0.16)',
+};
+export const deprecatedSemanticColorsLight = {
+    /** @deprecated Use `backgroundDanger` (FEINF-xxxx) */
+    backgroundValidationDanger: lightColorList.backgroundDanger,
+    /** @deprecated Use `backgroundSuccess` (FEINF-xxxx) */
+    backgroundValidationSuccess: lightColorList.backgroundSuccess,
+    /** @deprecated Use `backgroundWarning` (FEINF-xxxx) */
+    backgroundValidationWarning: lightColorList.backgroundWarning,
+    /** @deprecated Use `border` (FEINF-xxxx) */
+    borderDecorative: lightColorList.border,
+    /** @deprecated Use `borderDanger` (FEINF-xxxx) */
+    borderValidationDanger: lightColorList.borderDanger,
+    /** @deprecated Use `borderWarning` (FEINF-xxxx) */
+    borderValidationWarning: lightColorList.borderWarning,
+    /** @deprecated Use `tableBackgroundUnselectedHover` (FEINF-xxxx) */
+    tableRowHover: lightColorList.tableBackgroundUnselectedHover,
+    /** @deprecated Use `textSecondary` (FEINF-xxxx) */
+    textValidationInfo: lightColorList.textSecondary,
+    /** @deprecated Use `codeBackground` (FEINF-xxxx) */
+    typographyCodeBg: lightColorList.codeBackground,
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagBrown: primitiveColors.brown,
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagCharcoal: primitiveColors.grey600,
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagCoral: primitiveColors.coral,
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagDefault: primitiveColors.grey100,
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagHover: 'rgba(34, 114, 180, 0.0800)',
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagIconHover: primitiveColors.grey600,
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagIconPress: primitiveColors.grey600,
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagIndigo: primitiveColors.indigo,
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagInverse: primitiveColors.grey800,
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagLemon: primitiveColors.lemon,
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagLime: primitiveColors.lime,
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagPink: primitiveColors.pink,
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagPress: 'rgba(34, 114, 180, 0.1600)',
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagPurple: primitiveColors.purple,
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagTeal: primitiveColors.teal,
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagText: primitiveColors.white,
+    /** @deprecated Do not use Tag colors (go/updating-tag-colors). Ask in #dubois if you have any questions. */
+    tagTurquoise: primitiveColors.turquoise,
+};
+export const deprecatedSemanticColorsDark = {
+    backgroundValidationDanger: darkColorList.backgroundDanger,
+    backgroundValidationSuccess: darkColorList.backgroundSuccess,
+    backgroundValidationWarning: darkColorList.backgroundWarning,
+    borderDecorative: darkColorList.border,
+    borderValidationDanger: darkColorList.borderDanger,
+    borderValidationWarning: darkColorList.borderWarning,
+    tableRowHover: darkColorList.tableBackgroundUnselectedHover,
+    textValidationInfo: darkColorList.textSecondary,
+    typographyCodeBg: darkColorList.codeBackground,
+    tagBrown: 'rgba(166, 99, 12, 0.8600)',
+    tagCharcoal: 'rgba(68, 83, 95, 0.8600)',
+    tagCoral: 'rgba(200, 50, 67, 0.8600)',
+    tagDefault: primitiveColors.grey650,
+    tagHover: 'rgba(138, 202, 255, 0.0800)',
+    tagIconHover: primitiveColors.grey350,
+    tagIconPress: primitiveColors.grey350,
+    tagIndigo: 'rgba(67, 74, 147, 0.8600)',
+    tagInverse: primitiveColors.grey800,
+    tagLemon: 'rgba(250, 203, 102, 0.8600)',
+    tagLime: 'rgba(48, 134, 19, 0.8600)',
+    tagPink: 'rgba(180, 80, 145, 0.8600)',
+    tagPress: 'rgba(138, 202, 255, 0.1600)',
+    tagPurple: 'rgba(138, 99, 191, 0.8600)',
+    tagTeal: 'rgba(4, 134, 125, 0.8600)',
+    tagText: primitiveColors.grey100,
+    tagTurquoise: 'rgba(19, 125, 174, 0.8600)',
+};
+export function getColors(isDarkMode) {
+    return {
+        ...deprecatedPrimitiveColors,
+        ...(isDarkMode ? deprecatedSemanticColorsDark : deprecatedSemanticColorsLight),
+        ...getSemanticColors(isDarkMode),
+    };
+}
+//# sourceMappingURL=colors.js.map

package/dist/theme/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"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"}

package/dist/theme/convertToLessVars.js

@@ -0,0 +1,61 @@
+// @ts-expect-error antd/dist/theme isn't typed
+import { getThemeVariables } from 'antd/dist/theme';
+import _ from 'lodash';
+import { getAntdColors } from './colors';
+import generalVariables from './generalVariables';
+import { antdSpacing } from './spacing';
+import typography from './typography';
+/**
+ * Condense our variables into a single object that will be used
+ * to build exported `less` configurations.
+ */
+export function getLessVariables(isDarkMode) {
+    return {
+        ...(isDarkMode ? getThemeVariables({ dark: true }) : {}),
+        // We store our tokens as objects with camelCase keys for JS compatibility. Here we convert them to kebab-case for
+        // LESS compatibility.
+        ..._.mapKeys(getAntdColors(isDarkMode), (_value, key) => _.kebabCase(key)),
+        ..._.mapKeys(antdSpacing, (_value, key) => _.kebabCase(key)),
+        ..._.mapKeys(typography, (_value, key) => _.kebabCase(key)),
+        ..._.mapKeys(generalVariables, (_value, key) => _.kebabCase(key)),
+    };
+}
+/**
+ * Use this to modify variables before passing them on to `less`; Useful
+ * if you want to deal with them in source as a different format,
+ * i.e. for better TypeScript types.
+ */
+const transformLessVariableValue = (lessVariable) => {
+    // Integers are converted to pixels. Use strings for other CSS dimensions.
+    if (typeof lessVariable === 'number' && Number.isInteger(lessVariable)) {
+        lessVariable = `${lessVariable}px`;
+    }
+    return lessVariable;
+};
+/**
+ * This is used if you want to pass the theme to `modifyVars`.
+ * We use that in `rollup`, but not in `storybook` since we want theme changes
+ * to rebuild and refresh in the latter.
+ */
+export function getLessVariablesObject(isDarkMode) {
+    const lessVariables = getLessVariables(isDarkMode);
+    const lessVariablesObject = {};
+    Object.entries(lessVariables).forEach(([key, value]) => {
+        lessVariablesObject[`@${key}`] = transformLessVariableValue(value);
+    });
+    return lessVariablesObject;
+}
+/**
+ * This exports a synthetic `less` file containing our `less` variables.
+ * We use this in storybook so that we can force that environment to refresh
+ * as we work on the theme during active development.
+ */
+export function getLessVariablesText(isDarkMode) {
+    const lessVariables = getLessVariables(isDarkMode);
+    return Object.keys(lessVariables)
+        .map((key) => {
+        return `@${key}: ${transformLessVariableValue(lessVariables[key])};`;
+    })
+        .join('\n');
+}
+//# sourceMappingURL=convertToLessVars.js.map

package/dist/theme/convertToLessVars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertToLessVars.js","sourceRoot":"","sources":["../../src/theme/convertToLessVars.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,CAAC,MAAM,QAAQ,CAAC;AAEvB,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,UAAmB;IAClD,OAAO;QACL,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACxD,kHAAkH;QAClH,sBAAsB;QACtB,GAAG,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QAC1E,GAAG,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QAC5D,GAAG,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QAC3D,GAAG,CAAC,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;KAClE,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,0BAA0B,GAAG,CAAC,YAA6B,EAAE,EAAE;IACnE,0EAA0E;IAC1E,IAAI,OAAO,YAAY,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC;QACvE,YAAY,GAAG,GAAG,YAAY,IAAI,CAAC;IACrC,CAAC;IAED,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,sBAAsB,CAAC,UAAmB;IACxD,MAAM,aAAa,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,mBAAmB,GAAiC,EAAE,CAAC;IAE7D,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACrD,mBAAmB,CAAC,IAAI,GAAG,EAAE,CAAC,GAAG,0BAA0B,CAAC,KAAK,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,OAAO,mBAAmB,CAAC;AAC7B,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,UAAmB;IACtD,MAAM,aAAa,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAEnD,OAAO,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC;SAC9B,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACX,OAAO,IAAI,GAAG,KAAK,0BAA0B,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;IACvE,CAAC,CAAC;SACD,IAAI,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC"}

package/dist/theme/generalVariables.d.ts

@@ -13,10 +13,22 @@ declare const antdGeneralVariables: {
 export declare const shadowLightRgb: "31, 39, 45";
 export declare const shadowDarkRgb: "0, 0, 0";
 export declare const getShadowVariables: (isDarkMode: boolean) => {
+    /**
+     * @deprecated Use new shadow variables under theme.shadows.*, check out go/dubois-elevation-doc decision doc for guidance on choosing the new shadow variable
+     */
     readonly shadowLow: "0px 4px 16px rgba(0, 0, 0, 0.12)";
+    /**
+     * @deprecated Use new shadow variables under theme.shadows.*, check out go/dubois-elevation-doc decision doc for guidance on choosing the new shadow variable
+     */
     readonly shadowHigh: "0px 8px 24px rgba(0, 0, 0, 0.2);";
 } | {
+    /**
+     * @deprecated Use new shadow variables under theme.shadows.*, check out go/dubois-elevation-doc decision doc for guidance on choosing the new shadow variable
+     */
     readonly shadowLow: "0px 4px 16px rgba(31, 39, 45, 0.12)";
+    /**
+     * @deprecated Use new shadow variables under theme.shadows.*, check out go/dubois-elevation-doc decision doc for guidance on choosing the new shadow variable
+     */
     readonly shadowHigh: "0px 8px 24px rgba(31, 39, 45, 0.2)";
 };
 export default antdGeneralVariables;

package/dist/theme/generalVariables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generalVariables.d.ts","sourceRoot":"","sources":["../../src/theme/generalVariables.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,oBAAoB;;;;;;;;;;;CAYzB,CAAC;AAEF,eAAO,MAAM,cAAc,cAAwB,CAAC;AACpD,eAAO,MAAM,aAAa,WAAqB,CAAC;AAEhD,eAAO,MAAM,kBAAkB,eAAgB,OAAO;;;;;;CAYrD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"generalVariables.d.ts","sourceRoot":"","sources":["../../src/theme/generalVariables.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,oBAAoB;;;;;;;;;;;CAYzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAG,YAAqB,CAAC;AACpD,eAAO,MAAM,aAAa,EAAG,SAAkB,CAAC;AAEhD,eAAO,MAAM,kBAAkB,eAAgB,OAAO;IAGhD;;OAEG;;IAEH;;OAEG;;;IAKH;;OAEG;;IAEH;;OAEG;;CAIR,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/theme/generalVariables.js

@@ -0,0 +1,47 @@
+import spacing from './spacing';
+import antdVars from '../antd-vars';
+const heightBase = 40;
+const borderWidth = 1;
+const antdGeneralVariables = {
+    classnamePrefix: antdVars['ant-prefix'],
+    iconfontCssPrefix: 'anticon',
+    borderRadiusBase: 4,
+    borderWidth: borderWidth,
+    heightSm: 32,
+    heightBase: heightBase,
+    iconSize: 24,
+    iconFontSize: 16,
+    buttonHeight: heightBase,
+    // Height available within button (for label and icon). Same for middle and small buttons.
+    buttonInnerHeight: heightBase - spacing.sm * 2 - borderWidth * 2,
+};
+export const shadowLightRgb = '31, 39, 45';
+export const shadowDarkRgb = '0, 0, 0';
+export const getShadowVariables = (isDarkMode) => {
+    if (isDarkMode) {
+        return {
+            /**
+             * @deprecated Use new shadow variables under theme.shadows.*, check out go/dubois-elevation-doc decision doc for guidance on choosing the new shadow variable
+             */
+            shadowLow: `0px 4px 16px rgba(${shadowDarkRgb}, 0.12)`,
+            /**
+             * @deprecated Use new shadow variables under theme.shadows.*, check out go/dubois-elevation-doc decision doc for guidance on choosing the new shadow variable
+             */
+            shadowHigh: `0px 8px 24px rgba(${shadowDarkRgb}, 0.2);`,
+        };
+    }
+    else {
+        return {
+            /**
+             * @deprecated Use new shadow variables under theme.shadows.*, check out go/dubois-elevation-doc decision doc for guidance on choosing the new shadow variable
+             */
+            shadowLow: `0px 4px 16px rgba(${shadowLightRgb}, 0.12)`,
+            /**
+             * @deprecated Use new shadow variables under theme.shadows.*, check out go/dubois-elevation-doc decision doc for guidance on choosing the new shadow variable
+             */
+            shadowHigh: `0px 8px 24px rgba(${shadowLightRgb}, 0.2)`,
+        };
+    }
+};
+export default antdGeneralVariables;
+//# sourceMappingURL=generalVariables.js.map

package/dist/theme/generalVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generalVariables.js","sourceRoot":"","sources":["../../src/theme/generalVariables.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,QAAQ,MAAM,cAAc,CAAC;AAEpC,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,MAAM,WAAW,GAAG,CAAC,CAAC;AAEtB,MAAM,oBAAoB,GAAG;IAC3B,eAAe,EAAE,QAAQ,CAAC,YAAY,CAAC;IACvC,iBAAiB,EAAE,SAAS;IAC5B,gBAAgB,EAAE,CAAC;IACnB,WAAW,EAAE,WAAW;IACxB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,EAAE;IACZ,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,UAAU;IACxB,0FAA0F;IAC1F,iBAAiB,EAAE,UAAU,GAAG,OAAO,CAAC,EAAE,GAAG,CAAC,GAAG,WAAW,GAAG,CAAC;CACjE,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,YAAqB,CAAC;AACpD,MAAM,CAAC,MAAM,aAAa,GAAG,SAAkB,CAAC;AAEhD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,UAAmB,EAAE,EAAE;IACxD,IAAI,UAAU,EAAE,CAAC;QACf,OAAO;YACL;;eAEG;YACH,SAAS,EAAE,qBAAqB,aAAa,SAAS;YACtD;;eAEG;YACH,UAAU,EAAE,qBAAqB,aAAa,SAAS;SAC/C,CAAC;IACb,CAAC;SAAM,CAAC;QACN,OAAO;YACL;;eAEG;YACH,SAAS,EAAE,qBAAqB,cAAc,SAAS;YACvD;;eAEG;YACH,UAAU,EAAE,qBAAqB,cAAc,QAAQ;SAC/C,CAAC;IACb,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/theme/gradients.js

@@ -0,0 +1,8 @@
+import { getColors } from './colors';
+export function getGradients(isDarkMode) {
+    const colors = getColors(isDarkMode);
+    return {
+        aiBorderGradient: `linear-gradient(135deg, ${colors.branded.ai.gradientStart} 20.5%, ${colors.branded.ai.gradientMid} 46.91%, ${colors.branded.ai.gradientEnd} 79.5%)`,
+    };
+}
+//# sourceMappingURL=gradients.js.map

package/dist/theme/gradients.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradients.js","sourceRoot":"","sources":["../../src/theme/gradients.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAMrC,MAAM,UAAU,YAAY,CAAC,UAAmB;IAC9C,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;IACrC,OAAO;QACL,gBAAgB,EAAE,2BAA2B,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,aAAa,WAAW,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,WAAW,YAAY,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,WAAW,SAAS;KACvK,CAAC;AACJ,CAAC"}

package/dist/theme/index.d.ts

@@ -1,8 +1,9 @@
-import borders from './borders';
+import { getBorders, getLegacyBorders } from './borders';
 import responsive from './breakpoints';
-import { getColors } from './colors';
+import { getColors, getProtectedSemanticColors } from './colors';
 import generalVariables, { getShadowVariables } from './generalVariables';
 import { getGradients } from './gradients';
+import { getShadows } from './shadows';
 import spacing from './spacing';
 import typography from './typography';
 export type ComponentTheme = ReturnType<typeof getTheme>;
@@ -16,10 +17,23 @@ export interface Theme {
     spacing: typeof spacing;
     general: typeof generalVariables & ReturnType<typeof getShadowVariables>;
     typography: typeof typography;
-    borders: typeof borders;
+    shadows: ReturnType<typeof getShadows>;
+    /**
+     * @deprecated use `borders` instead.
+     */
+    legacyBorders: ReturnType<typeof getLegacyBorders>;
+    borders: ReturnType<typeof getBorders>;
     responsive: typeof responsive;
     isDarkMode: boolean;
     options: ThemeOptions;
+    /**
+     * @private INTERNAL USE ONLY, DO NOT USE.
+     */
+    DU_BOIS_INTERNAL_ONLY: {
+        colors: ReturnType<typeof getProtectedSemanticColors>;
+    };
 }
-export declare function getTheme(isDarkMode: boolean, options?: ThemeOptions): Theme;
+export declare const getTheme: typeof getThemeImpl & import("lodash").MemoizedFunction;
+declare function getThemeImpl(isDarkMode: boolean, options?: ThemeOptions): Theme;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,gBAAgB,EAAE,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;IACrC,SAAS,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAC3C,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,gBAAgB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;IACzE,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;CACvB;AASD,wBAAgB,QAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,GAAE,YAA6B,GAAG,KAAK,CAe3F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,gBAAgB,EAAE,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;IACrC,SAAS,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAC3C,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,gBAAgB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;IACzE,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,OAAO,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;IACvC;;OAEG;IACH,aAAa,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IACnD,OAAO,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;IACvC,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,qBAAqB,EAAE;QACrB,MAAM,EAAE,UAAU,CAAC,OAAO,0BAA0B,CAAC,CAAC;KACvD,CAAC;CACH;AASD,eAAO,MAAM,QAAQ,yDAEnB,CAAC;AAEH,iBAAS,YAAY,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,GAAE,YAA6B,GAAG,KAAK,CAqBxF"}

package/dist/theme/index.js

@@ -0,0 +1,41 @@
+import { memoize } from 'lodash';
+import { getBorders, getLegacyBorders } from './borders';
+import responsive from './breakpoints';
+import { getColors, getProtectedSemanticColors } from './colors';
+import generalVariables, { getShadowVariables } from './generalVariables';
+import { getGradients } from './gradients';
+import { getShadows } from './shadows';
+import spacing from './spacing';
+import typography from './typography';
+const defaultOptions = {
+    enableAnimation: false,
+    zIndexBase: 1000,
+};
+// Function to get variables for a certain theme.
+// End users should use useDesignSystemTheme instead.
+export const getTheme = memoize(getThemeImpl, (isDarkMode, options = defaultOptions) => {
+    return `${isDarkMode}-${options.enableAnimation}-${options.zIndexBase}`;
+});
+function getThemeImpl(isDarkMode, options = defaultOptions) {
+    return {
+        colors: getColors(isDarkMode),
+        gradients: getGradients(isDarkMode),
+        spacing,
+        general: {
+            ...generalVariables,
+            ...getShadowVariables(isDarkMode),
+        },
+        shadows: getShadows(isDarkMode),
+        typography,
+        legacyBorders: getLegacyBorders(),
+        // TODO: Update to use `getBorders`
+        borders: getBorders(),
+        responsive,
+        isDarkMode,
+        options,
+        DU_BOIS_INTERNAL_ONLY: {
+            colors: getProtectedSemanticColors(isDarkMode),
+        },
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,gBAAgB,EAAE,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,cAAc,CAAC;AAgCtC,MAAM,cAAc,GAAiB;IACnC,eAAe,EAAE,KAAK;IACtB,UAAU,EAAE,IAAI;CACjB,CAAC;AAEF,iDAAiD;AACjD,qDAAqD;AACrD,MAAM,CAAC,MAAM,QAAQ,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC,UAAmB,EAAE,UAAwB,cAAc,EAAE,EAAE;IAC5G,OAAO,GAAG,UAAU,IAAI,OAAO,CAAC,eAAe,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC;AAC1E,CAAC,CAAC,CAAC;AAEH,SAAS,YAAY,CAAC,UAAmB,EAAE,UAAwB,cAAc;IAC/E,OAAO;QACL,MAAM,EAAE,SAAS,CAAC,UAAU,CAAC;QAC7B,SAAS,EAAE,YAAY,CAAC,UAAU,CAAC;QACnC,OAAO;QACP,OAAO,EAAE;YACP,GAAG,gBAAgB;YACnB,GAAG,kBAAkB,CAAC,UAAU,CAAC;SAClC;QACD,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC;QAC/B,UAAU;QACV,aAAa,EAAE,gBAAgB,EAAE;QACjC,mCAAmC;QACnC,OAAO,EAAE,UAAU,EAAE;QACrB,UAAU;QACV,UAAU;QACV,OAAO;QACP,qBAAqB,EAAE;YACrB,MAAM,EAAE,0BAA0B,CAAC,UAAU,CAAC;SAC/C;KACF,CAAC;AACJ,CAAC"}

package/dist/theme/shadows.d.ts

@@ -0,0 +1,8 @@
+export declare const getShadows: (isDarkMode: boolean) => {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+//# sourceMappingURL=shadows.d.ts.map

package/dist/theme/shadows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../src/theme/shadows.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU,eAAgB,OAAO;;;;;;CAgB7C,CAAC"}

package/dist/theme/shadows.js

@@ -0,0 +1,28 @@
+// Dark mode colors
+const blackAlpha87 = 'rgba(0, 0, 0, 0.87)';
+const blackAlpha61 = 'rgba(0, 0, 0, 0.61)';
+const blackAlpha45 = 'rgba(0, 0, 0, 0.45)';
+const blackAlpha26 = 'rgba(0, 0, 0, 0.26)';
+// Light mode colors
+const blackAlpha13 = 'rgba(0, 0, 0, 0.13)';
+const blackAlpha08 = 'rgba(0, 0, 0, 0.08)';
+const blackAlpha05 = 'rgba(0, 0, 0, 0.05)';
+const blackAlpha02 = 'rgba(0, 0, 0, 0.02)';
+export const getShadows = (isDarkMode) => {
+    return isDarkMode
+        ? {
+            xs: `0px 1px 0px 0px ${blackAlpha45}`,
+            sm: ` 0px 2px 3px -1px ${blackAlpha45}, 0px 1px 0px 0px ${blackAlpha26}`,
+            md: `0px 3px 6px 0px ${blackAlpha45}`,
+            lg: `0px 2px 16px 0px ${blackAlpha61}`,
+            xl: `0px 8px 40px 0px ${blackAlpha87}`,
+        }
+        : {
+            xs: `0px 1px 0px 0px ${blackAlpha05}`,
+            sm: ` 0px 2px 3px -1px ${blackAlpha05}, 0px 1px 0px 0px ${blackAlpha02}`,
+            md: `0px 3px 6px 0px ${blackAlpha05}`,
+            lg: `0px 2px 16px 0px ${blackAlpha08}`,
+            xl: `0px 8px 40px 0px ${blackAlpha13}`,
+        };
+};
+//# sourceMappingURL=shadows.js.map

package/dist/theme/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../src/theme/shadows.ts"],"names":[],"mappings":"AAAA,mBAAmB;AACnB,MAAM,YAAY,GAAG,qBAAqB,CAAC;AAC3C,MAAM,YAAY,GAAG,qBAAqB,CAAC;AAC3C,MAAM,YAAY,GAAG,qBAAqB,CAAC;AAC3C,MAAM,YAAY,GAAG,qBAAqB,CAAC;AAE3C,oBAAoB;AACpB,MAAM,YAAY,GAAG,qBAAqB,CAAC;AAC3C,MAAM,YAAY,GAAG,qBAAqB,CAAC;AAC3C,MAAM,YAAY,GAAG,qBAAqB,CAAC;AAC3C,MAAM,YAAY,GAAG,qBAAqB,CAAC;AAE3C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,UAAmB,EAAE,EAAE;IAChD,OAAO,UAAU;QACf,CAAC,CAAC;YACE,EAAE,EAAE,mBAAmB,YAAY,EAAE;YACrC,EAAE,EAAE,qBAAqB,YAAY,qBAAqB,YAAY,EAAE;YACxE,EAAE,EAAE,mBAAmB,YAAY,EAAE;YACrC,EAAE,EAAE,oBAAoB,YAAY,EAAE;YACtC,EAAE,EAAE,oBAAoB,YAAY,EAAE;SACvC;QACH,CAAC,CAAC;YACE,EAAE,EAAE,mBAAmB,YAAY,EAAE;YACrC,EAAE,EAAE,qBAAqB,YAAY,qBAAqB,YAAY,EAAE;YACxE,EAAE,EAAE,mBAAmB,YAAY,EAAE;YACrC,EAAE,EAAE,oBAAoB,YAAY,EAAE;YACtC,EAAE,EAAE,oBAAoB,YAAY,EAAE;SACvC,CAAC;AACR,CAAC,CAAC"}