@databricks/design-system 1.12.4 → 1.12.6

package/dist/useDesignSystemTheme-3d2c1acb.js

@@ -0,0 +1,440 @@
+import { useTheme } from '@emotion/react';
+import 'react';
+import chroma from 'chroma-js';
+import { jsx } from '@emotion/react/jsx-runtime';
+
+// Border variables
+const borders = {
+  borderRadiusMd: 4
+};
+
+// eslint-disable-next-line import/no-anonymous-default-export
+var borders$1 = {
+  ...borders
+};
+
+// Exported from go/designsystem/colorsheet
+const colorPalettePrimary = {
+  primary: '#2272B4',
+  blue100: '#F0F8FF',
+  blue200: '#D7EDFE',
+  blue300: '#BAE1FC',
+  blue400: '#8FCDFF',
+  blue500: '#4299E0',
+  blue600: '#2272B4',
+  blue700: '#0E538B',
+  blue800: '#04355D',
+  green100: '#F3FCF6',
+  green200: '#D4F7DF',
+  green300: '#B1ECC5',
+  green400: '#8DDDA8',
+  green500: '#3CAA60',
+  green600: '#277C43',
+  green700: '#115026',
+  green800: '#093919',
+  white: '#FFFFFF',
+  grey100: '#F2F5F7',
+  grey200: '#E4ECF1',
+  grey300: '#CDDAE5',
+  grey400: '#BDCDDB',
+  grey500: '#8196A7',
+  grey600: '#5D7283',
+  grey700: '#44535F',
+  grey800: '#1F272D',
+  red100: '#FFF5F7',
+  red200: '#FDE2E8',
+  red300: '#FBD0D8',
+  red400: '#F792A6',
+  red500: '#E65B77',
+  red600: '#C82D4C',
+  red700: '#9E102C',
+  red800: '#630316',
+  yellow100: '#FFF9EB',
+  yellow200: '#FCEACA',
+  yellow300: '#F8D4A5',
+  yellow400: '#F2BE88',
+  yellow500: '#DE7921',
+  yellow600: '#BE501E',
+  yellow700: '#93320B',
+  yellow800: '#5F1B02'
+};
+const colorPaletteSecondary = {
+  brown: '#A6630C',
+  coral: '#C83243',
+  charcoal: '#5D7283',
+  indigo: '#434A93',
+  lemon: '#FACB66',
+  lime: '#308613',
+  pink: '#B45091',
+  purple: '#8A63BF',
+  teal: '#04867D',
+  turquoise: '#157CBC'
+};
+const lightColorList = {
+  backgroundPrimary: colorPalettePrimary.white,
+  actionDangerPrimaryBackgroundDefault: colorPalettePrimary.red600,
+  actionDangerPrimaryBackgroundHover: colorPalettePrimary.red700,
+  actionDangerPrimaryBackgroundPress: colorPalettePrimary.red800,
+  actionDangerDefaultBackgroundDefault: chroma(colorPalettePrimary.red600).alpha(0).hex(),
+  actionDangerDefaultBackgroundHover: chroma(colorPalettePrimary.red600).alpha(0.08).hex(),
+  actionDangerDefaultBackgroundPress: chroma(colorPalettePrimary.red600).alpha(0.16).hex(),
+  actionDangerDefaultBorderDefault: colorPalettePrimary.red600,
+  actionDangerDefaultBorderHover: colorPalettePrimary.red700,
+  actionDangerDefaultBorderPress: colorPalettePrimary.red800,
+  actionDangerDefaultTextDefault: colorPalettePrimary.red600,
+  actionDangerDefaultTextHover: colorPalettePrimary.red700,
+  actionDangerDefaultTextPress: colorPalettePrimary.red800,
+  actionDefaultBackgroundDefault: chroma(colorPalettePrimary.blue800).alpha(0).hex(),
+  actionDefaultBackgroundHover: chroma(colorPalettePrimary.blue600).alpha(0.08).hex(),
+  actionDefaultBackgroundPress: chroma(colorPalettePrimary.blue600).alpha(0.16).hex(),
+  actionDefaultBorderDefault: colorPalettePrimary.grey300,
+  actionDefaultBorderFocus: colorPalettePrimary.blue600,
+  actionDefaultBorderHover: colorPalettePrimary.blue700,
+  actionDefaultBorderPress: colorPalettePrimary.blue800,
+  actionDefaultTextDefault: colorPalettePrimary.grey800,
+  actionDefaultTextHover: colorPalettePrimary.blue700,
+  actionDefaultTextPress: colorPalettePrimary.blue800,
+  actionDisabledBackground: colorPalettePrimary.grey200,
+  actionDisabledText: colorPalettePrimary.grey400,
+  actionPrimaryBackgroundDefault: colorPalettePrimary.blue600,
+  actionPrimaryBackgroundHover: colorPalettePrimary.blue700,
+  actionPrimaryBackgroundPress: colorPalettePrimary.blue800,
+  actionPrimaryTextDefault: colorPalettePrimary.white,
+  actionPrimaryTextHover: colorPalettePrimary.white,
+  actionPrimaryTextPress: colorPalettePrimary.white,
+  actionTertiaryBackgroundDefault: chroma(colorPalettePrimary.blue600).alpha(0).hex(),
+  actionTertiaryBackgroundHover: chroma(colorPalettePrimary.blue600).alpha(0.08).hex(),
+  actionTertiaryBackgroundPress: chroma(colorPalettePrimary.blue600).alpha(0.16).hex(),
+  actionTertiaryTextDefault: colorPalettePrimary.blue600,
+  actionTertiaryTextHover: colorPalettePrimary.blue700,
+  actionTertiaryTextPress: colorPalettePrimary.blue800,
+  backgroundDanger: chroma(colorPalettePrimary.red100).alpha(0.08).hex(),
+  backgroundSecondary: colorPalettePrimary.grey100,
+  backgroundWarning: chroma(colorPalettePrimary.yellow100).alpha(0.08).hex(),
+  backgroundValidationDanger: colorPalettePrimary.red100,
+  backgroundValidationSuccess: colorPalettePrimary.blue100,
+  backgroundValidationWarning: colorPalettePrimary.yellow100,
+  border: colorPalettePrimary.grey300,
+  borderDecorative: colorPalettePrimary.grey300,
+  borderValidationDanger: colorPalettePrimary.red300,
+  borderValidationWarning: colorPalettePrimary.yellow300,
+  textPrimary: colorPalettePrimary.grey800,
+  textSecondary: colorPalettePrimary.grey600,
+  textPlaceholder: colorPalettePrimary.grey400,
+  textValidationDanger: colorPalettePrimary.red600,
+  textValidationSuccess: colorPalettePrimary.green600,
+  textValidationWarning: colorPalettePrimary.yellow600,
+  textValidationInfo: colorPalettePrimary.grey600,
+  overlayOverlay: chroma(colorPalettePrimary.grey100).alpha(0.72).hex(),
+  // Tags
+  tagDefault: chroma(colorPalettePrimary.grey600).alpha(0.08).hex(),
+  tagBrown: colorPaletteSecondary.brown,
+  tagCoral: colorPaletteSecondary.coral,
+  tagCharcoal: colorPalettePrimary.grey600,
+  tagIndigo: colorPaletteSecondary.indigo,
+  tagLemon: colorPaletteSecondary.lemon,
+  tagLime: colorPaletteSecondary.lime,
+  tagPink: colorPaletteSecondary.pink,
+  tagPurple: colorPaletteSecondary.purple,
+  tagTeal: colorPaletteSecondary.teal,
+  tagTurquoise: colorPaletteSecondary.turquoise,
+  tagText: colorPalettePrimary.white,
+  tagHover: chroma(colorPalettePrimary.blue400).alpha(0.08).hex(),
+  tagPress: chroma(colorPalettePrimary.blue400).alpha(0.16).hex(),
+  tagIconHover: chroma(colorPalettePrimary.white).alpha(0.8).hex(),
+  tagIconPress: chroma(colorPalettePrimary.white).alpha(0.76).hex(),
+  // Typography
+  typographyCodeBg: chroma(colorPalettePrimary.grey600).alpha(0.08).hex(),
+  // Table
+  tableRowHover: chroma(colorPalettePrimary.grey600).alpha(0.04).hex(),
+  tooltipBackgroundTooltip: colorPalettePrimary.grey800
+};
+const darkColorList = {
+  actionDangerPrimaryBackgroundDefault: chroma(colorPalettePrimary.red400).alpha(0.84).hex(),
+  actionDangerPrimaryBackgroundHover: chroma(colorPalettePrimary.red400).alpha(0.72).hex(),
+  actionDangerPrimaryBackgroundPress: chroma(colorPalettePrimary.red400).alpha(0.6).hex(),
+  actionDangerDefaultBackgroundDefault: chroma(colorPalettePrimary.red400).alpha(0).hex(),
+  actionDangerDefaultBackgroundHover: chroma(colorPalettePrimary.red400).alpha(0.08).hex(),
+  actionDangerDefaultBackgroundPress: chroma(colorPalettePrimary.red400).alpha(0.16).hex(),
+  actionDangerDefaultBorderDefault: colorPalettePrimary.red400,
+  actionDangerDefaultBorderHover: chroma(colorPalettePrimary.red400).alpha(0.72).hex(),
+  actionDangerDefaultBorderPress: chroma(colorPalettePrimary.red400).alpha(0.6).hex(),
+  actionDangerDefaultTextDefault: colorPalettePrimary.red400,
+  actionDangerDefaultTextHover: chroma(colorPalettePrimary.red400).alpha(0.72).hex(),
+  actionDangerDefaultTextPress: chroma(colorPalettePrimary.red400).alpha(0.6).hex(),
+  actionDefaultBackgroundDefault: chroma(colorPalettePrimary.blue400).alpha(0).hex(),
+  actionDefaultBackgroundHover: chroma(colorPalettePrimary.blue400).alpha(0.08).hex(),
+  actionDefaultBackgroundPress: chroma(colorPalettePrimary.blue400).alpha(0.16).hex(),
+  actionDefaultBorderDefault: chroma(colorPalettePrimary.white).alpha(0.6).hex(),
+  actionDefaultBorderFocus: chroma(colorPalettePrimary.blue400).alpha(0.84).hex(),
+  actionDefaultBorderHover: chroma(colorPalettePrimary.blue400).alpha(0.8).hex(),
+  actionDefaultBorderPress: chroma(colorPalettePrimary.blue400).alpha(0.76).hex(),
+  actionDefaultTextDefault: chroma(colorPalettePrimary.white).alpha(0.84).hex(),
+  actionDefaultTextHover: chroma(colorPalettePrimary.blue400).alpha(0.8).hex(),
+  actionDefaultTextPress: chroma(colorPalettePrimary.blue400).alpha(0.76).hex(),
+  actionDisabledBackground: chroma(colorPalettePrimary.white).alpha(0.24).hex(),
+  actionDisabledText: chroma(colorPalettePrimary.white).alpha(0.4).hex(),
+  actionPrimaryBackgroundDefault: chroma(colorPalettePrimary.blue400).alpha(0.84).hex(),
+  actionPrimaryBackgroundHover: chroma(colorPalettePrimary.blue400).alpha(0.8).hex(),
+  actionPrimaryBackgroundPress: chroma(colorPalettePrimary.blue400).alpha(0.76).hex(),
+  actionPrimaryTextDefault: colorPalettePrimary.grey800,
+  actionPrimaryTextHover: colorPalettePrimary.grey800,
+  actionPrimaryTextPress: colorPalettePrimary.grey800,
+  actionTertiaryBackgroundDefault: chroma(colorPalettePrimary.blue400).alpha(0).hex(),
+  actionTertiaryBackgroundHover: chroma(colorPalettePrimary.blue400).alpha(0.08).hex(),
+  actionTertiaryBackgroundPress: chroma(colorPalettePrimary.blue400).alpha(0.16).hex(),
+  actionTertiaryTextDefault: chroma(colorPalettePrimary.blue400).alpha(0.84).hex(),
+  actionTertiaryTextHover: chroma(colorPalettePrimary.blue400).alpha(0.8).hex(),
+  actionTertiaryTextPress: chroma(colorPalettePrimary.blue400).alpha(0.76).hex(),
+  backgroundPrimary: colorPalettePrimary.grey800,
+  backgroundSecondary: '#283035',
+  backgroundValidationDanger: 'transparent',
+  backgroundValidationSuccess: 'transparent',
+  backgroundValidationWarning: 'transparent',
+  border: chroma(colorPalettePrimary.white).alpha(0.48).hex(),
+  borderDecorative: chroma(colorPalettePrimary.white).alpha(0.24).hex(),
+  borderValidationDanger: colorPalettePrimary.red300,
+  borderValidationWarning: colorPalettePrimary.yellow300,
+  textPrimary: chroma(colorPalettePrimary.white).alpha(0.84).hex(),
+  textSecondary: chroma(colorPalettePrimary.white).alpha(0.6).hex(),
+  textPlaceholder: chroma(colorPalettePrimary.grey400).alpha(0.84).hex(),
+  textValidationDanger: chroma(colorPalettePrimary.red400).alpha(0.84).hex(),
+  textValidationSuccess: chroma(colorPalettePrimary.green400).alpha(0.84).hex(),
+  textValidationWarning: chroma(colorPalettePrimary.yellow400).alpha(0.84).hex(),
+  textValidationInfo: chroma(colorPalettePrimary.white).alpha(0.6).hex(),
+  overlayOverlay: chroma(colorPalettePrimary.grey800).alpha(0.72).hex(),
+  // Tags
+  tagDefault: chroma(colorPalettePrimary.white).alpha(0.16).hex(),
+  tagBrown: chroma(colorPaletteSecondary.brown).alpha(0.84).hex(),
+  tagCoral: chroma(colorPaletteSecondary.coral).alpha(0.84).hex(),
+  tagCharcoal: chroma(colorPalettePrimary.grey600).alpha(0.84).hex(),
+  tagIndigo: chroma(colorPaletteSecondary.indigo).alpha(0.84).hex(),
+  tagLemon: chroma(colorPaletteSecondary.lemon).alpha(0.84).hex(),
+  tagLime: chroma(colorPaletteSecondary.lime).alpha(0.84).hex(),
+  tagPink: chroma(colorPaletteSecondary.pink).alpha(0.84).hex(),
+  tagPurple: chroma(colorPaletteSecondary.purple).alpha(0.84).hex(),
+  tagTeal: chroma(colorPaletteSecondary.teal).alpha(0.84).hex(),
+  tagTurquoise: chroma(colorPaletteSecondary.turquoise).alpha(0.84).hex(),
+  tagText: chroma(colorPalettePrimary.white).alpha(0.84).hex(),
+  tagHover: chroma(colorPalettePrimary.blue400).alpha(0.08).hex(),
+  tagPress: chroma(colorPalettePrimary.blue400).alpha(0.16).hex(),
+  tagIconHover: chroma(colorPalettePrimary.white).alpha(0.8).hex(),
+  tagIconPress: chroma(colorPalettePrimary.white).alpha(0.76).hex(),
+  // Typography
+  typographyCodeBg: chroma(colorPalettePrimary.white).alpha(0.16).hex(),
+  // Table
+  tableRowHover: chroma(colorPalettePrimary.white).alpha(0.16).hex(),
+  tooltipBackgroundTooltip: chroma(colorPalettePrimary.white).alpha(0.6).hex(),
+  // Missing in list
+  backgroundDanger: 'rgba(200,45,76,0.08)',
+  backgroundWarning: 'rgba(222,121,33,0.08)'
+};
+
+const darkColors = {
+  ...darkColorList,
+  ...colorPalettePrimary,
+  ...colorPaletteSecondary
+};
+const lightColors = {
+  ...lightColorList,
+  ...colorPalettePrimary,
+  ...colorPaletteSecondary
+};
+function getSemanticColors(isDarkMode) {
+  return isDarkMode ? darkColors : lightColors;
+}
+
+// TODO (FEINF-1674): Remove when removing USE_NEW_RADIO_STYLES
+/*
+Colors that need to be replaced by semantic colors.
+ */
+const deprecatedColors = {
+  // Radio Colors
+  radioInteractiveAvailable: colorPalettePrimary.primary,
+  radioInteractiveHover: '#186099',
+  radioInteractivePress: '#0D4F85',
+  radioDisabled: '#A2AEB8',
+  radioDefaultBorder: '#64727D',
+  radioDefaultBackground: '#FFFFFF',
+  radioInteractiveHoverSecondary: 'rgba(34, 115, 181, 0.08)',
+  // Fade of Interactive Available
+  radioInteractivePressSecondary: 'rgba(34, 115, 181, 0.16)' // Fade of Interactive Available
+};
+
+function getColors(isDarkMode) {
+  return {
+    ...deprecatedColors,
+    ...getSemanticColors(isDarkMode)
+  };
+}
+
+// eslint-disable-next-line import/no-anonymous-default-export
+var antdVars = {
+  // IMPORTANT: Do not read this directly from components. Use `React.useContext`.
+  'ant-prefix': 'du-bois'
+};
+
+const DEFAULT_SPACING_UNIT = 8;
+const MODAL_PADDING = 40;
+const spacing = {
+  xs: DEFAULT_SPACING_UNIT / 2,
+  sm: DEFAULT_SPACING_UNIT,
+  md: DEFAULT_SPACING_UNIT * 2,
+  lg: DEFAULT_SPACING_UNIT * 3
+};
+
+// Less variables that are used by AntD
+({
+  defaultPaddingLg: spacing.lg,
+  defaultPaddingMd: spacing.md,
+  defaultPaddingSm: spacing.sm,
+  defaultPaddingXs: spacing.sm,
+  defaultPaddingXss: spacing.xs,
+  paddingLg: spacing.md,
+  // TODO: Check if there is a better alternative with team
+  paddingMd: spacing.sm,
+  paddingSm: spacing.sm,
+  paddingXs: spacing.xs,
+  paddingXss: 0,
+  marginSm: 12,
+  marginLg: spacing.lg,
+  // Button
+  btnPaddingHorizontalBase: DEFAULT_SPACING_UNIT * 2,
+  btnPaddingHorizontalLg: DEFAULT_SPACING_UNIT * 2,
+  btnPaddingHorizontalSm: DEFAULT_SPACING_UNIT * 2,
+  // Input
+  inputPaddingHorizontal: DEFAULT_SPACING_UNIT * 1.5,
+  inputPaddingHorizontalBase: DEFAULT_SPACING_UNIT * 1.5,
+  inputPaddingHorizontalSm: DEFAULT_SPACING_UNIT * 1.5,
+  inputPaddingHorizontalLg: DEFAULT_SPACING_UNIT * 1.5,
+  inputPaddingVertical: spacing.xs + 1,
+  inputPaddingVerticalBase: spacing.xs + 1,
+  inputPaddingVerticalSm: spacing.xs + 1,
+  inputPaddingVerticalLg: spacing.xs + 1,
+  // Modal
+  modalPadding: MODAL_PADDING,
+  modalLessPadding: MODAL_PADDING - 20,
+  modalHeaderPadding: `${MODAL_PADDING}px ${MODAL_PADDING}px ${MODAL_PADDING - 20}px`,
+  modalHeaderCloseSize: MODAL_PADDING * 2 + 22,
+  modalHeaderBorderWidth: 0,
+  modalBodyPadding: `0 ${MODAL_PADDING}px`,
+  modalFooterPaddingVertical: 0,
+  modalFooterPaddingHorizontal: 0,
+  modalFooterBorderWidth: 0,
+  // Switch
+  switchPadding: 0,
+  switchHeight: 16,
+  switchMinWidth: 28,
+  switchPinSize: 14
+});
+var spacing$1 = spacing;
+
+const heightBase = 40;
+const borderWidth = 1;
+const antdGeneralVariables = {
+  classnamePrefix: antdVars['ant-prefix'],
+  iconfontCssPrefix: 'anticon',
+  borderRadiusBase: 4,
+  borderWidth: borderWidth,
+  heightSm: 32,
+  heightBase: heightBase,
+  iconSize: 24,
+  // TODO (FEINF-1545): Update with icon overhaul to 16px
+  iconFontSize: 13,
+  iconFontSizeNew: 16,
+  buttonHeight: heightBase,
+  // Height available within button (for label and icon). Same for middle and small buttons.
+  buttonInnerHeight: heightBase - spacing$1.sm * 2 - borderWidth * 2
+};
+const getShadowVariables = isDarkMode => {
+  if (isDarkMode) {
+    return {
+      shadowLow: '0px 4px 16px rgba(0, 0, 0, 0.12)',
+      shadowHigh: '0px 8px 24px rgba(0, 0, 0, 0.2);'
+    };
+  } else {
+    return {
+      shadowLow: '0px 4px 16px rgba(31, 39, 45, 0.12)',
+      shadowHigh: '0px 8px 24px rgba(31, 39, 45, 0.2)'
+    };
+  }
+};
+var generalVariables = antdGeneralVariables;
+
+const FONT_SIZE_BASE = 13;
+
+// Less variables that are used by AntD
+const antdTypography = {
+  fontSizeSm: 12,
+  fontSizeBase: FONT_SIZE_BASE,
+  fontSizeMd: FONT_SIZE_BASE,
+  fontSizeLg: 18,
+  fontSizeXl: 22,
+  fontSizeXxl: 32,
+  lineHeightSm: '16px',
+  lineHeightBase: '20px',
+  lineHeightMd: '20px',
+  lineHeightLg: '24px',
+  lineHeightXl: '28px',
+  lineHeightXxl: '40px',
+  typographyBoldFontWeight: 600
+};
+
+// eslint-disable-next-line import/no-anonymous-default-export
+var typography = {
+  ...antdTypography
+};
+
+const defaultOptions = {
+  enableAnimation: false,
+  zIndexBase: 1000
+};
+
+// Function to get variables for a certain theme.
+// End users should use useDesignSystemTheme instead.
+function getTheme(isDarkMode) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultOptions;
+  return {
+    colors: getColors(isDarkMode),
+    spacing: spacing$1,
+    general: {
+      ...generalVariables,
+      ...getShadowVariables(isDarkMode)
+    },
+    typography,
+    borders: borders$1,
+    isDarkMode,
+    options
+  };
+}
+
+function getClassNamePrefix(theme) {
+  const antdThemeName = theme.isDarkMode ? 'dark' : 'light';
+  return `${theme.general.classnamePrefix}-${antdThemeName}`;
+}
+function getPrefixedClassNameFromTheme(theme, className) {
+  return [getClassNamePrefix(theme), className].filter(Boolean).join('-');
+}
+function useDesignSystemTheme() {
+  const emotionTheme = useTheme();
+  // Graceful fallback to default theme in case a test or developer forgot context.
+  const theme = emotionTheme && emotionTheme.general ? emotionTheme : getTheme(false);
+  return {
+    theme: theme,
+    classNamePrefix: getClassNamePrefix(theme),
+    getPrefixedClassName: className => getPrefixedClassNameFromTheme(theme, className)
+  };
+}
+// This is a simple typed HOC wrapper around the useDesignSystemTheme hook, for use in older react components.
+function WithDesignSystemThemeHoc(Component) {
+  return function WrappedWithDesignSystemTheme(props) {
+    const themeValues = useDesignSystemTheme();
+    return jsx(Component, {
+      ...props,
+      designSystemThemeApi: themeValues
+    });
+  };
+}
+
+export { WithDesignSystemThemeHoc as W, getClassNamePrefix as a, getPrefixedClassNameFromTheme as b, getTheme as g, lightColorList as l, useDesignSystemTheme as u };
+//# sourceMappingURL=useDesignSystemTheme-3d2c1acb.js.map

package/dist/useDesignSystemTheme-3d2c1acb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDesignSystemTheme-3d2c1acb.js","sources":["../src/theme/borders.ts","../src/theme/colorList.ts","../src/theme/colors.ts","../src/antd-vars.ts","../src/theme/spacing.ts","../src/theme/generalVariables.ts","../src/theme/typography.ts","../src/theme/index.ts","../src/design-system/Hooks/useDesignSystemTheme.tsx"],"sourcesContent":["// Border variables\nexport const borders = {\n  borderRadiusMd: 4,\n};\n\n// eslint-disable-next-line import/no-anonymous-default-export\nexport default {\n  ...borders,\n};\n","import chroma from 'chroma-js';\n\nexport type ColorName = 'blue' | 'green' | 'grey' | 'red' | 'yellow';\n\nexport type ColorWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;\n\nexport type PrimaryColorToken = `${ColorName}${ColorWeight}` | 'primary' | 'white';\n\nexport type SecondaryColorToken =\n  | 'brown'\n  | 'coral'\n  | 'charcoal'\n  | 'indigo'\n  | 'lemon'\n  | 'lime'\n  | 'pink'\n  | 'purple'\n  | 'teal'\n  | 'turquoise';\n\nexport type TagColorToken = `tag${Capitalize<SecondaryColorToken>}` | 'tagDefault';\n\ntype ColorPalettePrimary = Record<PrimaryColorToken, string>;\n\ntype ColorPaletteSecondary = Record<SecondaryColorToken, string>;\n\n// Exported from go/designsystem/colorsheet\nexport const colorPalettePrimary: ColorPalettePrimary = {\n  primary: '#2272B4',\n  blue100: '#F0F8FF',\n  blue200: '#D7EDFE',\n  blue300: '#BAE1FC',\n  blue400: '#8FCDFF',\n  blue500: '#4299E0',\n  blue600: '#2272B4',\n  blue700: '#0E538B',\n  blue800: '#04355D',\n  green100: '#F3FCF6',\n  green200: '#D4F7DF',\n  green300: '#B1ECC5',\n  green400: '#8DDDA8',\n  green500: '#3CAA60',\n  green600: '#277C43',\n  green700: '#115026',\n  green800: '#093919',\n  white: '#FFFFFF',\n  grey100: '#F2F5F7',\n  grey200: '#E4ECF1',\n  grey300: '#CDDAE5',\n  grey400: '#BDCDDB',\n  grey500: '#8196A7',\n  grey600: '#5D7283',\n  grey700: '#44535F',\n  grey800: '#1F272D',\n  red100: '#FFF5F7',\n  red200: '#FDE2E8',\n  red300: '#FBD0D8',\n  red400: '#F792A6',\n  red500: '#E65B77',\n  red600: '#C82D4C',\n  red700: '#9E102C',\n  red800: '#630316',\n  yellow100: '#FFF9EB',\n  yellow200: '#FCEACA',\n  yellow300: '#F8D4A5',\n  yellow400: '#F2BE88',\n  yellow500: '#DE7921',\n  yellow600: '#BE501E',\n  yellow700: '#93320B',\n  yellow800: '#5F1B02',\n};\n\nexport const colorPaletteSecondary: ColorPaletteSecondary = {\n  brown: '#A6630C',\n  coral: '#C83243',\n  charcoal: '#5D7283',\n  indigo: '#434A93',\n  lemon: '#FACB66',\n  lime: '#308613',\n  pink: '#B45091',\n  purple: '#8A63BF',\n  teal: '#04867D',\n  turquoise: '#157CBC',\n};\n\nexport const lightColorList = {\n  backgroundPrimary: colorPalettePrimary.white,\n\n  actionDangerPrimaryBackgroundDefault: colorPalettePrimary.red600,\n  actionDangerPrimaryBackgroundHover: colorPalettePrimary.red700,\n  actionDangerPrimaryBackgroundPress: colorPalettePrimary.red800,\n\n  actionDangerDefaultBackgroundDefault: chroma(colorPalettePrimary.red600).alpha(0).hex(),\n  actionDangerDefaultBackgroundHover: chroma(colorPalettePrimary.red600).alpha(0.08).hex(),\n  actionDangerDefaultBackgroundPress: chroma(colorPalettePrimary.red600).alpha(0.16).hex(),\n\n  actionDangerDefaultBorderDefault: colorPalettePrimary.red600,\n  actionDangerDefaultBorderHover: colorPalettePrimary.red700,\n  actionDangerDefaultBorderPress: colorPalettePrimary.red800,\n\n  actionDangerDefaultTextDefault: colorPalettePrimary.red600,\n  actionDangerDefaultTextHover: colorPalettePrimary.red700,\n  actionDangerDefaultTextPress: colorPalettePrimary.red800,\n\n  actionDefaultBackgroundDefault: chroma(colorPalettePrimary.blue800).alpha(0).hex(),\n  actionDefaultBackgroundHover: chroma(colorPalettePrimary.blue600).alpha(0.08).hex(),\n  actionDefaultBackgroundPress: chroma(colorPalettePrimary.blue600).alpha(0.16).hex(),\n\n  actionDefaultBorderDefault: colorPalettePrimary.grey300,\n  actionDefaultBorderFocus: colorPalettePrimary.blue600,\n  actionDefaultBorderHover: colorPalettePrimary.blue700,\n  actionDefaultBorderPress: colorPalettePrimary.blue800,\n\n  actionDefaultTextDefault: colorPalettePrimary.grey800,\n  actionDefaultTextHover: colorPalettePrimary.blue700,\n  actionDefaultTextPress: colorPalettePrimary.blue800,\n\n  actionDisabledBackground: colorPalettePrimary.grey200,\n  actionDisabledText: colorPalettePrimary.grey400,\n\n  actionPrimaryBackgroundDefault: colorPalettePrimary.blue600,\n  actionPrimaryBackgroundHover: colorPalettePrimary.blue700,\n  actionPrimaryBackgroundPress: colorPalettePrimary.blue800,\n\n  actionPrimaryTextDefault: colorPalettePrimary.white,\n  actionPrimaryTextHover: colorPalettePrimary.white,\n  actionPrimaryTextPress: colorPalettePrimary.white,\n\n  actionTertiaryBackgroundDefault: chroma(colorPalettePrimary.blue600).alpha(0).hex(),\n  actionTertiaryBackgroundHover: chroma(colorPalettePrimary.blue600).alpha(0.08).hex(),\n  actionTertiaryBackgroundPress: chroma(colorPalettePrimary.blue600).alpha(0.16).hex(),\n\n  actionTertiaryTextDefault: colorPalettePrimary.blue600,\n  actionTertiaryTextHover: colorPalettePrimary.blue700,\n  actionTertiaryTextPress: colorPalettePrimary.blue800,\n\n  backgroundDanger: chroma(colorPalettePrimary.red100).alpha(0.08).hex(),\n  backgroundSecondary: colorPalettePrimary.grey100,\n  backgroundWarning: chroma(colorPalettePrimary.yellow100).alpha(0.08).hex(),\n\n  backgroundValidationDanger: colorPalettePrimary.red100,\n  backgroundValidationSuccess: colorPalettePrimary.blue100,\n  backgroundValidationWarning: colorPalettePrimary.yellow100,\n\n  border: colorPalettePrimary.grey300,\n  borderDecorative: colorPalettePrimary.grey300,\n\n  borderValidationDanger: colorPalettePrimary.red300,\n  borderValidationWarning: colorPalettePrimary.yellow300,\n\n  textPrimary: colorPalettePrimary.grey800,\n  textSecondary: colorPalettePrimary.grey600,\n  textPlaceholder: colorPalettePrimary.grey400,\n\n  textValidationDanger: colorPalettePrimary.red600,\n  textValidationSuccess: colorPalettePrimary.green600,\n  textValidationWarning: colorPalettePrimary.yellow600,\n  textValidationInfo: colorPalettePrimary.grey600,\n\n  overlayOverlay: chroma(colorPalettePrimary.grey100).alpha(0.72).hex(),\n\n  // Tags\n  tagDefault: chroma(colorPalettePrimary.grey600).alpha(0.08).hex(),\n  tagBrown: colorPaletteSecondary.brown,\n  tagCoral: colorPaletteSecondary.coral,\n  tagCharcoal: colorPalettePrimary.grey600,\n  tagIndigo: colorPaletteSecondary.indigo,\n  tagLemon: colorPaletteSecondary.lemon,\n  tagLime: colorPaletteSecondary.lime,\n  tagPink: colorPaletteSecondary.pink,\n  tagPurple: colorPaletteSecondary.purple,\n  tagTeal: colorPaletteSecondary.teal,\n  tagTurquoise: colorPaletteSecondary.turquoise,\n  tagText: colorPalettePrimary.white,\n  tagHover: chroma(colorPalettePrimary.blue400).alpha(0.08).hex(),\n  tagPress: chroma(colorPalettePrimary.blue400).alpha(0.16).hex(),\n  tagIconHover: chroma(colorPalettePrimary.white).alpha(0.8).hex(),\n  tagIconPress: chroma(colorPalettePrimary.white).alpha(0.76).hex(),\n\n  // Typography\n  typographyCodeBg: chroma(colorPalettePrimary.grey600).alpha(0.08).hex(),\n\n  // Table\n  tableRowHover: chroma(colorPalettePrimary.grey600).alpha(0.04).hex(),\n\n  tooltipBackgroundTooltip: colorPalettePrimary.grey800,\n};\n\nexport const darkColorList: typeof lightColorList = {\n  actionDangerPrimaryBackgroundDefault: chroma(colorPalettePrimary.red400).alpha(0.84).hex(),\n  actionDangerPrimaryBackgroundHover: chroma(colorPalettePrimary.red400).alpha(0.72).hex(),\n  actionDangerPrimaryBackgroundPress: chroma(colorPalettePrimary.red400).alpha(0.6).hex(),\n\n  actionDangerDefaultBackgroundDefault: chroma(colorPalettePrimary.red400).alpha(0).hex(),\n  actionDangerDefaultBackgroundHover: chroma(colorPalettePrimary.red400).alpha(0.08).hex(),\n  actionDangerDefaultBackgroundPress: chroma(colorPalettePrimary.red400).alpha(0.16).hex(),\n\n  actionDangerDefaultBorderDefault: colorPalettePrimary.red400,\n  actionDangerDefaultBorderHover: chroma(colorPalettePrimary.red400).alpha(0.72).hex(),\n  actionDangerDefaultBorderPress: chroma(colorPalettePrimary.red400).alpha(0.6).hex(),\n\n  actionDangerDefaultTextDefault: colorPalettePrimary.red400,\n  actionDangerDefaultTextHover: chroma(colorPalettePrimary.red400).alpha(0.72).hex(),\n  actionDangerDefaultTextPress: chroma(colorPalettePrimary.red400).alpha(0.6).hex(),\n\n  actionDefaultBackgroundDefault: chroma(colorPalettePrimary.blue400).alpha(0).hex(),\n  actionDefaultBackgroundHover: chroma(colorPalettePrimary.blue400).alpha(0.08).hex(),\n  actionDefaultBackgroundPress: chroma(colorPalettePrimary.blue400).alpha(0.16).hex(),\n\n  actionDefaultBorderDefault: chroma(colorPalettePrimary.white).alpha(0.6).hex(),\n  actionDefaultBorderFocus: chroma(colorPalettePrimary.blue400).alpha(0.84).hex(),\n  actionDefaultBorderHover: chroma(colorPalettePrimary.blue400).alpha(0.8).hex(),\n  actionDefaultBorderPress: chroma(colorPalettePrimary.blue400).alpha(0.76).hex(),\n\n  actionDefaultTextDefault: chroma(colorPalettePrimary.white).alpha(0.84).hex(),\n  actionDefaultTextHover: chroma(colorPalettePrimary.blue400).alpha(0.8).hex(),\n  actionDefaultTextPress: chroma(colorPalettePrimary.blue400).alpha(0.76).hex(),\n\n  actionDisabledBackground: chroma(colorPalettePrimary.white).alpha(0.24).hex(),\n  actionDisabledText: chroma(colorPalettePrimary.white).alpha(0.4).hex(),\n\n  actionPrimaryBackgroundDefault: chroma(colorPalettePrimary.blue400).alpha(0.84).hex(),\n  actionPrimaryBackgroundHover: chroma(colorPalettePrimary.blue400).alpha(0.8).hex(),\n  actionPrimaryBackgroundPress: chroma(colorPalettePrimary.blue400).alpha(0.76).hex(),\n\n  actionPrimaryTextDefault: colorPalettePrimary.grey800,\n  actionPrimaryTextHover: colorPalettePrimary.grey800,\n  actionPrimaryTextPress: colorPalettePrimary.grey800,\n\n  actionTertiaryBackgroundDefault: chroma(colorPalettePrimary.blue400).alpha(0).hex(),\n  actionTertiaryBackgroundHover: chroma(colorPalettePrimary.blue400).alpha(0.08).hex(),\n  actionTertiaryBackgroundPress: chroma(colorPalettePrimary.blue400).alpha(0.16).hex(),\n\n  actionTertiaryTextDefault: chroma(colorPalettePrimary.blue400).alpha(0.84).hex(),\n  actionTertiaryTextHover: chroma(colorPalettePrimary.blue400).alpha(0.8).hex(),\n  actionTertiaryTextPress: chroma(colorPalettePrimary.blue400).alpha(0.76).hex(),\n\n  backgroundPrimary: colorPalettePrimary.grey800,\n  backgroundSecondary: '#283035',\n\n  backgroundValidationDanger: 'transparent',\n  backgroundValidationSuccess: 'transparent',\n  backgroundValidationWarning: 'transparent',\n\n  border: chroma(colorPalettePrimary.white).alpha(0.48).hex(),\n  borderDecorative: chroma(colorPalettePrimary.white).alpha(0.24).hex(),\n\n  borderValidationDanger: colorPalettePrimary.red300,\n  borderValidationWarning: colorPalettePrimary.yellow300,\n\n  textPrimary: chroma(colorPalettePrimary.white).alpha(0.84).hex(),\n  textSecondary: chroma(colorPalettePrimary.white).alpha(0.6).hex(),\n  textPlaceholder: chroma(colorPalettePrimary.grey400).alpha(0.84).hex(),\n\n  textValidationDanger: chroma(colorPalettePrimary.red400).alpha(0.84).hex(),\n  textValidationSuccess: chroma(colorPalettePrimary.green400).alpha(0.84).hex(),\n  textValidationWarning: chroma(colorPalettePrimary.yellow400).alpha(0.84).hex(),\n  textValidationInfo: chroma(colorPalettePrimary.white).alpha(0.6).hex(),\n\n  overlayOverlay: chroma(colorPalettePrimary.grey800).alpha(0.72).hex(),\n\n  // Tags\n  tagDefault: chroma(colorPalettePrimary.white).alpha(0.16).hex(),\n  tagBrown: chroma(colorPaletteSecondary.brown).alpha(0.84).hex(),\n  tagCoral: chroma(colorPaletteSecondary.coral).alpha(0.84).hex(),\n  tagCharcoal: chroma(colorPalettePrimary.grey600).alpha(0.84).hex(),\n  tagIndigo: chroma(colorPaletteSecondary.indigo).alpha(0.84).hex(),\n  tagLemon: chroma(colorPaletteSecondary.lemon).alpha(0.84).hex(),\n  tagLime: chroma(colorPaletteSecondary.lime).alpha(0.84).hex(),\n  tagPink: chroma(colorPaletteSecondary.pink).alpha(0.84).hex(),\n  tagPurple: chroma(colorPaletteSecondary.purple).alpha(0.84).hex(),\n  tagTeal: chroma(colorPaletteSecondary.teal).alpha(0.84).hex(),\n  tagTurquoise: chroma(colorPaletteSecondary.turquoise).alpha(0.84).hex(),\n  tagText: chroma(colorPalettePrimary.white).alpha(0.84).hex(),\n  tagHover: chroma(colorPalettePrimary.blue400).alpha(0.08).hex(),\n  tagPress: chroma(colorPalettePrimary.blue400).alpha(0.16).hex(),\n  tagIconHover: chroma(colorPalettePrimary.white).alpha(0.8).hex(),\n  tagIconPress: chroma(colorPalettePrimary.white).alpha(0.76).hex(),\n\n  // Typography\n  typographyCodeBg: chroma(colorPalettePrimary.white).alpha(0.16).hex(),\n\n  // Table\n  tableRowHover: chroma(colorPalettePrimary.white).alpha(0.16).hex(),\n\n  tooltipBackgroundTooltip: chroma(colorPalettePrimary.white).alpha(0.6).hex(),\n  // Missing in list\n  backgroundDanger: 'rgba(200,45,76,0.08)',\n  backgroundWarning: 'rgba(222,121,33,0.08)',\n};\n","import { colorPalettePrimary, colorPaletteSecondary, darkColorList, lightColorList } from './colorList';\n\nconst darkColors = { ...darkColorList, ...colorPalettePrimary, ...colorPaletteSecondary };\nconst lightColors = { ...lightColorList, ...colorPalettePrimary, ...colorPaletteSecondary };\ntype DesignSystemColors = typeof lightColors;\n\nfunction getSemanticColors(isDarkMode: boolean): DesignSystemColors {\n  return isDarkMode ? darkColors : lightColors;\n}\n\nexport interface 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  borderColorBase: string;\n\n  alertErrorTextColor: string;\n  alertErrorBgColor: string;\n  alertErrorIconColor: string;\n  alertErrorBorderColor: string;\n\n  alertInfoBgColor: string;\n  alertInfoIconColor: string;\n  alertInfoTextColor: string;\n  alertInfoBorderColor: string;\n\n  alertWarningTextColor: string;\n  alertWarningBorderColor: string;\n  alertWarningBgColor: string;\n  alertWarningIconColor: string;\n\n  alertTextColor: string;\n  alertMessageColor: string;\n\n  spinDotDefault: string;\n}\n\n// Maps Dubois colors to AntD names\nexport function getAntdColors(isDarkMode: boolean): AntdColors {\n  const semanticColors = getSemanticColors(isDarkMode);\n  return {\n    bodyBackground: semanticColors.backgroundPrimary,\n    textColor: semanticColors.textPrimary,\n    textColorSecondary: semanticColors.textSecondary,\n    primaryColor: semanticColors.primary,\n    infoColor: '#64727D',\n    errorColor: semanticColors.actionDangerPrimaryBackgroundDefault,\n    successColor: '#34824F',\n    warningColor: '#AF5B23',\n    borderColorBase: semanticColors.border,\n\n    // Alert colors (AntD variables)\n    alertErrorTextColor: semanticColors.textValidationDanger,\n    alertErrorBorderColor: semanticColors.red300,\n    alertErrorBgColor: semanticColors.red100,\n    alertErrorIconColor: semanticColors.textValidationDanger,\n\n    alertInfoTextColor: semanticColors.textPrimary,\n    alertInfoBorderColor: semanticColors.borderDecorative,\n    alertInfoBgColor: semanticColors.backgroundSecondary,\n    alertInfoIconColor: semanticColors.textSecondary,\n\n    alertWarningTextColor: semanticColors.textValidationWarning,\n    alertWarningBorderColor: semanticColors.yellow300,\n    alertWarningBgColor: semanticColors.yellow100,\n    alertWarningIconColor: semanticColors.textValidationWarning,\n\n    ...(isDarkMode && {\n      alertErrorBgColor: 'transparent',\n      alertInfoBgColor: 'transparent',\n      alertWarningBgColor: 'transparent',\n    }),\n\n    alertTextColor: 'inherit',\n    alertMessageColor: 'inherit',\n\n    spinDotDefault: semanticColors.textSecondary,\n  };\n}\n\n// TODO (FEINF-1674): Remove when removing USE_NEW_RADIO_STYLES\n/*\nColors that need to be replaced by semantic colors.\n */\nconst deprecatedColors = {\n  // Radio Colors\n  radioInteractiveAvailable: colorPalettePrimary.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\nexport function getColors(isDarkMode: boolean): typeof deprecatedColors & DesignSystemColors {\n  return {\n    ...deprecatedColors,\n    ...getSemanticColors(isDarkMode),\n  };\n}\n","// eslint-disable-next-line import/no-anonymous-default-export\nexport default {\n  // IMPORTANT: Do not read this directly from components. Use `React.useContext`.\n  'ant-prefix': 'du-bois',\n};\n","const DEFAULT_SPACING_UNIT = 8;\nexport const MODAL_PADDING = 40;\n\nconst spacing = {\n  xs: DEFAULT_SPACING_UNIT / 2,\n  sm: DEFAULT_SPACING_UNIT,\n  md: DEFAULT_SPACING_UNIT * 2,\n  lg: DEFAULT_SPACING_UNIT * 3,\n};\n\n// Less variables that are used by AntD\nexport const antdSpacing = {\n  defaultPaddingLg: spacing.lg,\n  defaultPaddingMd: spacing.md,\n  defaultPaddingSm: spacing.sm,\n  defaultPaddingXs: spacing.sm,\n  defaultPaddingXss: spacing.xs,\n  paddingLg: spacing.md,\n  // TODO: Check if there is a better alternative with team\n  paddingMd: spacing.sm,\n  paddingSm: spacing.sm,\n  paddingXs: spacing.xs,\n  paddingXss: 0,\n  marginSm: 12,\n  marginLg: spacing.lg,\n\n  // Button\n  btnPaddingHorizontalBase: DEFAULT_SPACING_UNIT * 2,\n  btnPaddingHorizontalLg: DEFAULT_SPACING_UNIT * 2,\n  btnPaddingHorizontalSm: DEFAULT_SPACING_UNIT * 2,\n\n  // Input\n  inputPaddingHorizontal: DEFAULT_SPACING_UNIT * 1.5,\n  inputPaddingHorizontalBase: DEFAULT_SPACING_UNIT * 1.5,\n  inputPaddingHorizontalSm: DEFAULT_SPACING_UNIT * 1.5,\n  inputPaddingHorizontalLg: DEFAULT_SPACING_UNIT * 1.5,\n\n  inputPaddingVertical: spacing.xs + 1,\n  inputPaddingVerticalBase: spacing.xs + 1,\n  inputPaddingVerticalSm: spacing.xs + 1,\n  inputPaddingVerticalLg: spacing.xs + 1,\n\n  // Modal\n  modalPadding: MODAL_PADDING,\n  modalLessPadding: MODAL_PADDING - 20,\n  modalHeaderPadding: `${MODAL_PADDING}px ${MODAL_PADDING}px ${MODAL_PADDING - 20}px`,\n  modalHeaderCloseSize: MODAL_PADDING * 2 + 22,\n  modalHeaderBorderWidth: 0,\n  modalBodyPadding: `0 ${MODAL_PADDING}px`,\n  modalFooterPaddingVertical: 0,\n  modalFooterPaddingHorizontal: 0,\n  modalFooterBorderWidth: 0,\n\n  // Switch\n  switchPadding: 0,\n  switchHeight: 16,\n  switchMinWidth: 28,\n  switchPinSize: 14,\n};\n\nexport default spacing;\n","import antdVars from '../antd-vars';\nimport spacing from './spacing';\n\nconst heightBase = 40;\nconst borderWidth = 1;\n\nconst antdGeneralVariables = {\n  classnamePrefix: antdVars['ant-prefix'],\n  iconfontCssPrefix: 'anticon',\n  borderRadiusBase: 4,\n  borderWidth: borderWidth,\n  heightSm: 32,\n  heightBase: heightBase,\n  iconSize: 24,\n  // TODO (FEINF-1545): Update with icon overhaul to 16px\n  iconFontSize: 13,\n  iconFontSizeNew: 16,\n  buttonHeight: heightBase,\n  // Height available within button (for label and icon). Same for middle and small buttons.\n  buttonInnerHeight: heightBase - spacing.sm * 2 - borderWidth * 2,\n};\n\nexport const getShadowVariables = (isDarkMode: boolean) => {\n  if (isDarkMode) {\n    return {\n      shadowLow: '0px 4px 16px rgba(0, 0, 0, 0.12)',\n      shadowHigh: '0px 8px 24px rgba(0, 0, 0, 0.2);',\n    };\n  } else {\n    return {\n      shadowLow: '0px 4px 16px rgba(31, 39, 45, 0.12)',\n      shadowHigh: '0px 8px 24px rgba(31, 39, 45, 0.2)',\n    };\n  }\n};\n\nexport default antdGeneralVariables;\n","const FONT_SIZE_BASE = 13;\n\n// Less variables that are used by AntD\nexport const antdTypography = {\n  fontSizeSm: 12,\n  fontSizeBase: FONT_SIZE_BASE,\n  fontSizeMd: FONT_SIZE_BASE,\n  fontSizeLg: 18,\n  fontSizeXl: 22,\n  fontSizeXxl: 32,\n  lineHeightSm: '16px',\n  lineHeightBase: '20px',\n  lineHeightMd: '20px',\n  lineHeightLg: '24px',\n  lineHeightXl: '28px',\n  lineHeightXxl: '40px',\n  typographyBoldFontWeight: 600,\n};\n\n// eslint-disable-next-line import/no-anonymous-default-export\nexport default {\n  ...antdTypography,\n};\n","import borders from './borders';\nimport { getColors } from './colors';\nimport generalVariables, { getShadowVariables } from './generalVariables';\nimport spacing from './spacing';\nimport typography from './typography';\n\nexport type ComponentTheme = ReturnType<typeof getTheme>;\n\nexport interface ThemeOptions {\n  enableAnimation: boolean;\n  zIndexBase: number;\n}\n\nexport interface Theme {\n  colors: ReturnType<typeof getColors>;\n  spacing: typeof spacing;\n  general: typeof generalVariables & ReturnType<typeof getShadowVariables>;\n  typography: typeof typography;\n  borders: typeof borders;\n  isDarkMode: boolean;\n  options: ThemeOptions;\n}\n\nconst defaultOptions: ThemeOptions = {\n  enableAnimation: false,\n  zIndexBase: 1000,\n};\n\n// Function to get variables for a certain theme.\n// End users should use useDesignSystemTheme instead.\nexport function getTheme(isDarkMode: boolean, options: ThemeOptions = defaultOptions): Theme {\n  return {\n    colors: getColors(isDarkMode),\n    spacing,\n    general: {\n      ...generalVariables,\n      ...getShadowVariables(isDarkMode),\n    },\n    typography,\n    borders,\n    isDarkMode,\n    options,\n  };\n}\n","import { useTheme as useEmotionTheme } from '@emotion/react';\nimport type { ReactElement } from 'react';\nimport React from 'react';\n\nimport type { Theme } from '../../theme';\nimport { getTheme } from '../../theme';\n\nexport interface DesignSystemThemeInterface {\n  /** Theme object that contains colors, spacing, and other variables **/\n  theme: Theme;\n  /** Prefix that is used in front of each className.  **/\n  classNamePrefix: string;\n  /** Helper method that use be used to construct the full className of an underlying AntD className.\n   * Use with caution and prefer emotion.js when possible **/\n  getPrefixedClassName: (className: string) => string;\n}\n\nexport function getClassNamePrefix(theme: Theme): string {\n  const antdThemeName = theme.isDarkMode ? 'dark' : 'light';\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(): DesignSystemThemeInterface {\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(false);\n\n  return {\n    theme: theme,\n    classNamePrefix: getClassNamePrefix(theme),\n    getPrefixedClassName: (className: string) => getPrefixedClassNameFromTheme(theme, className),\n  };\n}\n\nexport type DesignSystemHocProps = { designSystemThemeApi: DesignSystemThemeInterface };\n\n// This is a simple typed HOC wrapper around the useDesignSystemTheme hook, for use in older react components.\nexport function WithDesignSystemThemeHoc<P>(Component: React.ComponentType<P & DesignSystemHocProps>) {\n  return function WrappedWithDesignSystemTheme(props: P): ReactElement {\n    const themeValues = useDesignSystemTheme();\n\n    return <Component {...props} designSystemThemeApi={themeValues} />;\n  };\n}\n"],"names":["borders","borderRadiusMd","colorPalettePrimary","primary","blue100","blue200","blue300","blue400","blue500","blue600","blue700","blue800","green100","green200","green300","green400","green500","green600","green700","green800","white","grey100","grey200","grey300","grey400","grey500","grey600","grey700","grey800","red100","red200","red300","red400","red500","red600","red700","red800","yellow100","yellow200","yellow300","yellow400","yellow500","yellow600","yellow700","yellow800","colorPaletteSecondary","brown","coral","charcoal","indigo","lemon","lime","pink","purple","teal","turquoise","lightColorList","backgroundPrimary","actionDangerPrimaryBackgroundDefault","actionDangerPrimaryBackgroundHover","actionDangerPrimaryBackgroundPress","actionDangerDefaultBackgroundDefault","chroma","alpha","hex","actionDangerDefaultBackgroundHover","actionDangerDefaultBackgroundPress","actionDangerDefaultBorderDefault","actionDangerDefaultBorderHover","actionDangerDefaultBorderPress","actionDangerDefaultTextDefault","actionDangerDefaultTextHover","actionDangerDefaultTextPress","actionDefaultBackgroundDefault","actionDefaultBackgroundHover","actionDefaultBackgroundPress","actionDefaultBorderDefault","actionDefaultBorderFocus","actionDefaultBorderHover","actionDefaultBorderPress","actionDefaultTextDefault","actionDefaultTextHover","actionDefaultTextPress","actionDisabledBackground","actionDisabledText","actionPrimaryBackgroundDefault","actionPrimaryBackgroundHover","actionPrimaryBackgroundPress","actionPrimaryTextDefault","actionPrimaryTextHover","actionPrimaryTextPress","actionTertiaryBackgroundDefault","actionTertiaryBackgroundHover","actionTertiaryBackgroundPress","actionTertiaryTextDefault","actionTertiaryTextHover","actionTertiaryTextPress","backgroundDanger","backgroundSecondary","backgroundWarning","backgroundValidationDanger","backgroundValidationSuccess","backgroundValidationWarning","border","borderDecorative","borderValidationDanger","borderValidationWarning","textPrimary","textSecondary","textPlaceholder","textValidationDanger","textValidationSuccess","textValidationWarning","textValidationInfo","overlayOverlay","tagDefault","tagBrown","tagCoral","tagCharcoal","tagIndigo","tagLemon","tagLime","tagPink","tagPurple","tagTeal","tagTurquoise","tagText","tagHover","tagPress","tagIconHover","tagIconPress","typographyCodeBg","tableRowHover","tooltipBackgroundTooltip","darkColorList","darkColors","lightColors","getSemanticColors","isDarkMode","deprecatedColors","radioInteractiveAvailable","radioInteractiveHover","radioInteractivePress","radioDisabled","radioDefaultBorder","radioDefaultBackground","radioInteractiveHoverSecondary","radioInteractivePressSecondary","getColors","DEFAULT_SPACING_UNIT","MODAL_PADDING","spacing","xs","sm","md","lg","defaultPaddingLg","defaultPaddingMd","defaultPaddingSm","defaultPaddingXs","defaultPaddingXss","paddingLg","paddingMd","paddingSm","paddingXs","paddingXss","marginSm","marginLg","btnPaddingHorizontalBase","btnPaddingHorizontalLg","btnPaddingHorizontalSm","inputPaddingHorizontal","inputPaddingHorizontalBase","inputPaddingHorizontalSm","inputPaddingHorizontalLg","inputPaddingVertical","inputPaddingVerticalBase","inputPaddingVerticalSm","inputPaddingVerticalLg","modalPadding","modalLessPadding","modalHeaderPadding","modalHeaderCloseSize","modalHeaderBorderWidth","modalBodyPadding","modalFooterPaddingVertical","modalFooterPaddingHorizontal","modalFooterBorderWidth","switchPadding","switchHeight","switchMinWidth","switchPinSize","heightBase","borderWidth","antdGeneralVariables","classnamePrefix","antdVars","iconfontCssPrefix","borderRadiusBase","heightSm","iconSize","iconFontSize","iconFontSizeNew","buttonHeight","buttonInnerHeight","getShadowVariables","shadowLow","shadowHigh","FONT_SIZE_BASE","antdTypography","fontSizeSm","fontSizeBase","fontSizeMd","fontSizeLg","fontSizeXl","fontSizeXxl","lineHeightSm","lineHeightBase","lineHeightMd","lineHeightLg","lineHeightXl","lineHeightXxl","typographyBoldFontWeight","defaultOptions","enableAnimation","zIndexBase","getTheme","options","colors","general","generalVariables","typography","getClassNamePrefix","theme","antdThemeName","getPrefixedClassNameFromTheme","className","filter","Boolean","join","useDesignSystemTheme","emotionTheme","useEmotionTheme","classNamePrefix","getPrefixedClassName","WithDesignSystemThemeHoc","Component","WrappedWithDesignSystemTheme","props","themeValues","_jsx"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databricks/design-system",
-  "version": "1.12.4",
+  "version": "1.12.6",
   "description": "DuBois Design System",
   "keywords": [],
   "license": "ISC",
@@ -29,7 +29,7 @@
     "generate:icons:raw": "svgr -d src/design-system/Icon/__generated/icons_raw --typescript --template src/design-system/Icon/generator/iconTemplate.js --icon --replace-attr-values \\\"#EB4A32=currentColor\\\" src/assets/icons",
     "generate:icons:v2:raw": "svgr -d src/design-system/IconV2/__generated/icons_raw --typescript --template src/design-system/IconV2/generator/iconTemplate.js --icon --replace-attr-values \\\"#5D7283=currentColor\\\" src/assets/iconsV2",
     "generate:icons-story": "node ./src/design-system/Icon/generator/generateIconStory.js",
-    "build": "rm -f dist/test-utils/enzyme.d.ts; npm-run-all --parallel build:styles build:js",
+    "build": "rm -f dist/test-utils/rtl.d.ts dist/test-utils/enzyme.d.ts; npm-run-all --parallel build:styles build:js",
     "build:deps": "yarn workspaces foreach -piR --topological-dev --from @databricks/design-system --exclude @databricks/design-system run build",
     "build:js:base": "databricks-pkgr build --no-clean",
     "build:js": "yarn build:js:base",
@@ -44,7 +44,7 @@
     "start:storybook": "TS_NODE_PROJECT=.storybook/tsconfig.json BROWSER=none databricks-start-storybook -p 6006 -c storybook",
     "indexes-regenerate": "./yarnrun.sh indexes:regenerate",
     "indexes-check": "./yarnrun.sh indexes:check",
-    "snapshot": "percy storybook ./storybook-static -c .percy.storybook.yml --verbose -t750",
+    "snapshot": "databricks-percy storybook ./storybook-static -c .percy.storybook.yml --verbose -t750",
     "prettier-check": "./yarnrun.sh prettier:check",
     "prettier": "./yarnrun.sh prettier",
     "lint": "databricks-eslint",
@@ -64,6 +64,7 @@
     "@babel/preset-typescript": "^7.18.6",
     "@databricks/config-eslint": "1.0.0",
     "@databricks/config-jest": "1.0.0",
+    "@databricks/config-percy": "0.0.0",
     "@databricks/config-storybook": "1.0.0",
     "@databricks/pkgr": "1.0.0",
     "@emotion/babel-plugin": "^11.3.0",
@@ -72,8 +73,8 @@
     "@emotion/react": "^11.4.0",
     "@faker-js/faker": "^6.0.0-alpha.6",
     "@jest/types": "^29.3.1",
-    "@percy/cli": "1.0.0-beta.70",
-    "@percy/storybook": "4.1.0",
+    "@percy/cli": "^1.20.0",
+    "@percy/storybook": "^4.3.5",
     "@radix-ui/react-switch": "^1.0.0",
     "@storybook/addon-actions": "^6.5.5",
     "@storybook/addon-docs": "^6.5.5",
@@ -122,6 +123,7 @@
     "react-docgen-typescript": "^1.20.5",
     "react-dom": "^17.0.1",
     "react-shadow-root": "^6.2.0",
+    "react-virtual": "^2.10.4",
     "resize-observer-polyfill": "^1.5.1",
     "rollup": "^2.61.1",
     "rollup-plugin-postcss": "^4.0.0",