@databricks/design-system 1.9.1 → 1.10.0

package/dist/test-utils/rtl.js.map

@@ -1 +1 @@
-{"version":3,"file":"rtl.js","sources":["../../src/test-utils/rtl/index.ts"],"sourcesContent":["import userEvent from '@testing-library/user-event';\n\n/**\n * Opens the dropdown menu by clicking on the dropdown button.\n *\n * @param dropdownButton - The Dropdown Trigger button that opens the menu when clicked.\n */\nexport const openDropdownMenu = async (dropdownButton: HTMLElement) => {\n  await userEvent.click(dropdownButton);\n};\n"],"names":["openDropdownMenu","dropdownButton","userEvent","click"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;MACaA,gBAAgB,GAAG,MAAOC,cAA2B,IAAK;EACrE,MAAMC,SAAS,CAACC,KAAK,CAACF,cAAc,CAAC;AACvC;;;;"}
+{"version":3,"file":"rtl.js","sources":["../../src/test-utils/rtl/selectEvent.ts","../../src/test-utils/rtl/index.ts"],"sourcesContent":["import { waitFor, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { expect } from '@databricks/config-jest';\n\nimport { selectClasses } from '../common';\n\n/**\n * Opens the dropdown menu for the <Select/> by clicking. Will throw an error if\n * the menu is already opened or if the menu is unable to be opened.\n */\nexport async function openMenu(select: HTMLElement): Promise<void> {\n  expect(select).not.toHaveClass(selectClasses.open);\n  const selector = select.querySelector(`.${selectClasses.selector}`);\n  if (!selector) {\n    throw new Error(`Selector not found\\n${select.innerHTML}`);\n  }\n  await userEvent.click(selector, { pointerEventsCheck: 0 });\n  await waitFor(() => {\n    expect(select).toHaveClass(selectClasses.open);\n  });\n}\n\n/**\n * Closes the dropdown menu for the <Select/> by clicking. Will throw an error if\n * the menu is already closed or if the menu is unable to be closed.\n */\nexport async function closeMenu(select: HTMLElement): Promise<void> {\n  expect(select).toHaveClass(selectClasses.open);\n  const selector = select.querySelector(`.${selectClasses.selector}`);\n  if (!selector) {\n    throw new Error(`Selector not found\\n${select.innerHTML}`);\n  }\n  await userEvent.click(selector, { pointerEventsCheck: 0 });\n  await waitFor(() => {\n    expect(select).not.toHaveClass(selectClasses.open);\n  });\n}\n\n/**\n * Returns a string concatenating the labels for all selected options.\n */\nexport function getLabelText(select: HTMLElement): string {\n  const selector = select.querySelector(`.${selectClasses.selector}`);\n  if (!selector) {\n    throw new Error(`Selector not found\\n${select.innerHTML}`);\n  }\n  // Trim the text to avoid weird whitespace issues non-label elements being added.\n  // For example, the input mirror is an empty span with some whitespace that is\n  // nested under the selector but does not show up in the label text.\n  return selector.textContent?.trim() ?? '';\n}\n\n/**\n * Selects options from the dropdown menu for a <Select/> component with `mode=\"multiple\"`.\n * The provided strings must match the option labels exactly. There is a known\n * limitation for lists that are extremely long because AntD virtualizes the\n * options so not all may options may be rendered in the DOM. If this is causing\n * you issues, please let #help-frontend know.\n */\nexport async function multiSelect(select: HTMLElement, options: string[]): Promise<void> {\n  await openMenu(select);\n  for (let i = 0; i < options.length; i++) {\n    const option = options[i];\n    const optionItem = screen.getByTitle(option);\n    await userEvent.click(optionItem, { pointerEventsCheck: 0 });\n  }\n  // Close the menu to indicate that selection has finished\n  await closeMenu(select);\n}\n\n/**\n * Selects options from the dropdown menu for a <Select/> component without a\n * mode. The provided string must match an option label exactly. There is a known\n * limitation for lists that are extremely long because AntD virtualizes the\n * options so not all may options may be rendered in the DOM. If this is causing\n * you issues, please let #help-frontend know.\n */\nexport async function singleSelect(select: HTMLElement, option: string): Promise<void> {\n  await openMenu(select);\n  const optionElem = screen.getByTitle(option);\n  await userEvent.click(optionElem, { pointerEventsCheck: 0 });\n  // Menu automatically closes for a single <Select/> (no mode=\"multiple\")\n}\n\n/**\n * Clicks on the \"Clear\" button. In order for this function to work properly,\n * the `allowClear` prop must be set to `true`.\n */\nexport async function clearAll(select: HTMLElement): Promise<void> {\n  const clearBtn = select.querySelector(`.${selectClasses.clear}`);\n  if (!clearBtn) {\n    throw new Error(`Select not clearable\\n${select.innerHTML}`);\n  }\n  await userEvent.click(clearBtn);\n}\n\n/**\n * Opens the dropdown menu, finds all of the options in the dropdown, closes\n * the menu, and returns a list of the text of each option in order.\n */\nexport async function getAllOptions(select: HTMLElement): Promise<string[]> {\n  await openMenu(select);\n  const optionsList = select.ownerDocument.body.querySelector(`.${selectClasses.list}`);\n  if (optionsList === null) {\n    throw new Error(`Options list not found\\n${select.ownerDocument.body.innerHTML}`);\n  }\n  const options: string[] = [];\n  optionsList.querySelectorAll(`.${selectClasses.option}`).forEach((option) => {\n    if (option.textContent === null) {\n      throw new Error(`Option had no text content\\n${option.innerHTML}`);\n    }\n    options.push(option.textContent);\n  });\n  await closeMenu(select);\n  return options;\n}\n","import userEvent from '@testing-library/user-event';\n\nexport * as selectEvent from './selectEvent';\n\n/**\n * Opens the dropdown menu by clicking on the dropdown button.\n *\n * @param dropdownButton - The Dropdown Trigger button that opens the menu when clicked.\n */\nexport const openDropdownMenu = async (dropdownButton: HTMLElement) => {\n  await userEvent.click(dropdownButton);\n};\n"],"names":["openMenu","select","expect","not","toHaveClass","selectClasses","open","selector","querySelector","Error","innerHTML","userEvent","click","pointerEventsCheck","waitFor","closeMenu","getLabelText","textContent","trim","multiSelect","options","i","length","option","optionItem","screen","getByTitle","singleSelect","optionElem","clearAll","clearBtn","clear","getAllOptions","optionsList","ownerDocument","body","list","querySelectorAll","forEach","push","openDropdownMenu","dropdownButton"],"mappings":"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"}

package/dist/test-utils/types.d.ts

@@ -1,15 +1,2 @@
-/**
- * This file is used to check that the test utilities exposed are the same for
- * both Enzyme and RTL. Specifically, we simply compare that the export identifiers
- * are the same between `enzyme.ts` and `rtl.ts`. Note that this does not compare
- * the input/output types for each export because Enzyme and RTL have very different
- * types and it would be hard to enforce consistency of the exact API types. `testUtilsEqual`
- * is required to be `true` through the type system. so if the Enzyme and RTL APIs
- * diverge, this file will produce a type error.
- */
-type EnzymeTestUtils = keyof typeof import('./enzyme');
-type RTLTestUtils = keyof typeof import('./rtl');
-type Equal<U1, U2> = [U1] extends [U2] ? ([U2] extends [U1] ? true : false) : false;
-type TestUtilsEqual = Equal<EnzymeTestUtils, RTLTestUtils>;
-declare const testUtilsEqual: TestUtilsEqual;
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/test-utils/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/test-utils/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,KAAK,eAAe,GAAG,MAAM,cAAc,UAAU,CAAC,CAAC;AAGvD,KAAK,YAAY,GAAG,MAAM,cAAc,OAAO,CAAC,CAAC;AAEjD,KAAK,KAAK,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC;AACpF,KAAK,cAAc,GAAG,KAAK,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;AAI3D,QAAA,MAAM,cAAc,EAAE,cAAqB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/test-utils/types.ts"],"names":[],"mappings":""}

package/dist/theme/colorList.d.ts

@@ -8,13 +8,6 @@ type ColorPaletteSecondary = Record<SecondaryColorToken, string>;
 export declare const colorPalettePrimary: ColorPalettePrimary;
 export declare const colorPaletteSecondary: ColorPaletteSecondary;
 export declare const lightColorList: {
-    textValidationInfo: string;
-    backgroundValidationDanger: string;
-    backgroundValidationSuccess: string;
-    backgroundValidationWarning: string;
-    borderValidationDanger: string;
-    borderValidationSuccess: string;
-    borderValidationWarning: string;
     backgroundPrimary: string;
     actionDangerPrimaryBackgroundDefault: string;
     actionDangerPrimaryBackgroundHover: string;
@@ -55,14 +48,20 @@ export declare const lightColorList: {
     backgroundDanger: string;
     backgroundSecondary: string;
     backgroundWarning: string;
+    backgroundValidationDanger: string;
+    backgroundValidationSuccess: string;
+    backgroundValidationWarning: string;
     border: string;
     borderDecorative: string;
+    borderValidationDanger: string;
+    borderValidationWarning: string;
     textPrimary: string;
     textSecondary: string;
     textPlaceholder: string;
     textValidationDanger: string;
     textValidationSuccess: string;
     textValidationWarning: string;
+    textValidationInfo: string;
     overlayOverlay: string;
     tagDefault: string;
     tagBrown: string;
@@ -81,7 +80,7 @@ export declare const lightColorList: {
     tagIconHover: string;
     tagIconPress: string;
     typographyCodeBg: string;
-    tableBorder: string;
+    tableSeparatorColor: string;
     tableRowHover: string;
     tooltipBackgroundTooltip: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"colorList.d.ts","sourceRoot":"","sources":["../../src/theme/colorList.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAErE,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG,GAAG,SAAS,GAAG,WAAW,EAAE,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnF,MAAM,MAAM,mBAAmB,GAC3B,OAAO,GACP,OAAO,GACP,UAAU,GACV,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,KAAK,mBAAmB,GAAG,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;AAE7D,KAAK,qBAAqB,GAAG,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;AAGjE,eAAO,MAAM,mBAAmB,EAAE,mBA2CjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,qBAWnC,CAAC;AAaF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+F1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,cAkGlC,CAAC"}
+{"version":3,"file":"colorList.d.ts","sourceRoot":"","sources":["../../src/theme/colorList.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAErE,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG,GAAG,SAAS,GAAG,WAAW,EAAE,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnF,MAAM,MAAM,mBAAmB,GAC3B,OAAO,GACP,OAAO,GACP,UAAU,GACV,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,KAAK,mBAAmB,GAAG,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;AAE7D,KAAK,qBAAqB,GAAG,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;AAGjE,eAAO,MAAM,mBAAmB,EAAE,mBA2CjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,qBAWnC,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsG1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,cAsGlC,CAAC"}

package/dist/theme/colors.d.ts

@@ -1,4 +1,3 @@
-import type { ThemeName } from './index';
 declare const lightColors: {
     brown: string;
     coral: string;
@@ -52,13 +51,6 @@ declare const lightColors: {
     yellow800: string;
     primary: string;
     white: string;
-    textValidationInfo: string;
-    backgroundValidationDanger: string;
-    backgroundValidationSuccess: string;
-    backgroundValidationWarning: string;
-    borderValidationDanger: string;
-    borderValidationSuccess: string;
-    borderValidationWarning: string;
     backgroundPrimary: string;
     actionDangerPrimaryBackgroundDefault: string;
     actionDangerPrimaryBackgroundHover: string;
@@ -99,14 +91,20 @@ declare const lightColors: {
     backgroundDanger: string;
     backgroundSecondary: string;
     backgroundWarning: string;
+    backgroundValidationDanger: string;
+    backgroundValidationSuccess: string;
+    backgroundValidationWarning: string;
     border: string;
     borderDecorative: string;
+    borderValidationDanger: string;
+    borderValidationWarning: string;
     textPrimary: string;
     textSecondary: string;
     textPlaceholder: string;
     textValidationDanger: string;
     textValidationSuccess: string;
     textValidationWarning: string;
+    textValidationInfo: string;
     overlayOverlay: string;
     tagDefault: string;
     tagBrown: string;
@@ -125,7 +123,7 @@ declare const lightColors: {
     tagIconHover: string;
     tagIconPress: string;
     typographyCodeBg: string;
-    tableBorder: string;
+    tableSeparatorColor: string;
     tableRowHover: string;
     tooltipBackgroundTooltip: string;
 };
@@ -156,7 +154,7 @@ export interface AntdColors {
     alertMessageColor: string;
     spinDotDefault: string;
 }
-export declare function getAntdColors(theme: ThemeName): AntdColors;
+export declare function getAntdColors(isDarkMode: boolean): AntdColors;
 declare const deprecatedColors: {
     radioInteractiveAvailable: string;
     radioInteractiveHover: string;
@@ -167,6 +165,6 @@ declare const deprecatedColors: {
     radioInteractiveHoverSecondary: string;
     radioInteractivePressSecondary: string;
 };
-export declare function getColors(theme: ThemeName): typeof deprecatedColors & DesignSystemColors;
+export declare function getColors(isDarkMode: boolean): typeof deprecatedColors & DesignSystemColors;
 export {};
 //# sourceMappingURL=colors.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA0E,CAAC;AAC5F,KAAK,kBAAkB,GAAG,OAAO,WAAW,CAAC;AAW7C,MAAM,WAAW,UAAU;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IAExB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAE7B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uBAAuB,EAAE,MAAM,CAAC;IAChC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,cAAc,EAAE,MAAM,CAAC;CACxB;AAGD,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,GAAG,UAAU,CAwC1D;AAMD,QAAA,MAAM,gBAAgB;;;;;;;;;CAUrB,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,gBAAgB,GAAG,kBAAkB,CAKxF"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA0E,CAAC;AAC5F,KAAK,kBAAkB,GAAG,OAAO,WAAW,CAAC;AAM7C,MAAM,WAAW,UAAU;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IAExB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAE7B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uBAAuB,EAAE,MAAM,CAAC;IAChC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAE9B,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,cAAc,EAAE,MAAM,CAAC;CACxB;AAGD,wBAAgB,aAAa,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAwC7D;AAMD,QAAA,MAAM,gBAAgB;;;;;;;;;CAUrB,CAAC;AAEF,wBAAgB,SAAS,CAAC,UAAU,EAAE,OAAO,GAAG,OAAO,gBAAgB,GAAG,kBAAkB,CAK3F"}

package/dist/theme/convertToLessVars.d.ts

@@ -1,19 +1,18 @@
-import type { ThemeName } from '.';
 /**
  * Condense our variables into a single object that will be used
  * to build exported `less` configurations.
  */
-export declare function getLessVariables(theme: ThemeName): Record<string, any>;
+export declare function getLessVariables(isDarkMode: boolean): Record<string, any>;
 /**
  * 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 declare function getLessVariablesObject(theme: ThemeName): Record<string, string | any>;
+export declare function getLessVariablesObject(isDarkMode: boolean): Record<string, string | any>;
 /**
  * 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 declare function getLessVariablesText(theme: ThemeName): string;
+export declare function getLessVariablesText(isDarkMode: boolean): string;
 //# sourceMappingURL=convertToLessVars.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"convertToLessVars.d.ts","sourceRoot":"","sources":["../../src/theme/convertToLessVars.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAMnC;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAUtE;AAgBD;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,CASrF;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAQ7D"}
+{"version":3,"file":"convertToLessVars.d.ts","sourceRoot":"","sources":["../../src/theme/convertToLessVars.ts"],"names":[],"mappings":"AASA;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAUzE;AAgBD;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,CASxF;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAQhE"}

package/dist/theme/generalVariables.d.ts

@@ -11,5 +11,9 @@ declare const antdGeneralVariables: {
     buttonHeight: number;
     buttonInnerHeight: number;
 };
+export declare const getShadowVariables: (isDarkMode: boolean) => {
+    shadowLow: string;
+    shadowHigh: string;
+};
 export default antdGeneralVariables;
 //# sourceMappingURL=generalVariables.d.ts.map

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;;;;;;;;;;;;CAczB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"generalVariables.d.ts","sourceRoot":"","sources":["../../src/theme/generalVariables.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,oBAAoB;;;;;;;;;;;;CAczB,CAAC;AAEF,eAAO,MAAM,kBAAkB,eAAgB,OAAO;;;CAYrD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/theme/index.d.ts

@@ -1,6 +1,6 @@
 import borders from './borders';
 import { getColors } from './colors';
-import generalVariables from './generalVariables';
+import generalVariables, { getShadowVariables } from './generalVariables';
 import spacing from './spacing';
 import typography from './typography';
 export type ThemeName = 'default' | 'dark';
@@ -12,11 +12,15 @@ export interface ThemeOptions {
 export interface Theme {
     colors: ReturnType<typeof getColors>;
     spacing: typeof spacing;
-    general: typeof generalVariables;
+    general: typeof generalVariables & ReturnType<typeof getShadowVariables>;
     typography: typeof typography;
     borders: typeof borders;
+    /**
+     * Deprecated. Use `isDarkMode` instead.
+     */
     themeName: ThemeName;
+    isDarkMode: boolean;
     options: ThemeOptions;
 }
-export declare function getTheme(themeName: ThemeName, options?: ThemeOptions): Theme;
+export declare function getTheme(isDarkMode: boolean, options?: ThemeOptions): Theme;
 //# 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,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,cAAc,CAAC;AAItC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAC3C,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,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,YAAY,CAAC;CACvB;AASD,wBAAgB,QAAQ,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,GAAE,YAA6B,GAAG,KAAK,CAU5F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,gBAAgB,EAAE,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAC3C,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,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;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,YAAY,CAAC;CACvB;AASD,wBAAgB,QAAQ,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,GAAE,YAA6B,GAAG,KAAK,CAc3F"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databricks/design-system",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "description": "DuBois Design System",
   "keywords": [],
   "license": "ISC",
@@ -27,7 +27,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": "npm-run-all --parallel build:styles build:js",
+    "build": "rm -f 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",
@@ -56,12 +56,11 @@
     "prep-deps": ": # magic task to allow yarn ensure-deps plugin prepare dependencies of this package"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.2",
+    "@babel/core": "^7.20.12",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
     "@databricks/config-eslint": "1.0.0",
-    "@databricks/config-jest": "1.0.0",
     "@databricks/config-storybook": "1.0.0",
     "@databricks/pkgr": "1.0.0",
     "@emotion/babel-plugin": "^11.3.0",
@@ -86,7 +85,6 @@
     "@svgr/cli": "^5.5.0",
     "@tanstack/react-table": "^8.7.3",
     "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^12.1.2",
     "@types/chroma-js": "^2.1.3",
     "@types/enzyme": "^3.10.8",
     "@types/glob": "^7.2.0",
@@ -97,6 +95,7 @@
     "@types/react": "^17.0.50",
     "@types/react-dom": "^17.0.17",
     "@types/react-resizable": "^3.0.3",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.2",
     "babel-loader": "^8.2.2",
     "babel-plugin-react-require": "^3.1.3",
     "cross-env": "^7.0.3",
@@ -139,7 +138,8 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
-    "@babel/runtime": "^7.20.1",
+    "@babel/runtime": "^7.20.7",
+    "@databricks/config-jest": "1.0.0",
     "@emotion/unitless": "^0.7.5",
     "@radix-ui/react-dialog": "^1.0.0",
     "@radix-ui/react-dropdown-menu": "^1.0.0",
@@ -148,6 +148,7 @@
     "@radix-ui/react-toast": "^1.1.1",
     "@radix-ui/react-toggle": "^1.0.1",
     "@rollup/plugin-node-resolve": "^13.1.1",
+    "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^14.0.0",
     "antd": "4.16.8",
     "chroma-js": "^2.4.2",