@databricks/design-system 1.9.1 → 1.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/dist/Typography-04e40f87.js +1465 -0
  2. package/dist/Typography-04e40f87.js.map +1 -0
  3. package/dist/Typography-74e19785.js +1472 -0
  4. package/dist/Typography-74e19785.js.map +1 -0
  5. package/dist/design-system/AutoComplete/AutoComplete.d.ts.map +1 -1
  6. package/dist/design-system/DesignSystemProvider/DesignSystemProvider.d.ts +3 -1
  7. package/dist/design-system/DesignSystemProvider/DesignSystemProvider.d.ts.map +1 -1
  8. package/dist/design-system/Drawer/Drawer.d.ts +7 -1
  9. package/dist/design-system/Drawer/Drawer.d.ts.map +1 -1
  10. package/dist/design-system/FormMessage/FormMessage.d.ts.map +1 -1
  11. package/dist/design-system/Hooks/useDesignSystemTheme.d.ts.map +1 -1
  12. package/dist/design-system/Icon/__generated/icons/BracketsXIcon.v2.d.ts +4 -0
  13. package/dist/design-system/Icon/__generated/icons/BracketsXIcon.v2.d.ts.map +1 -0
  14. package/dist/design-system/Icon/__generated/icons/CloudModelIcon.v2.d.ts +4 -0
  15. package/dist/design-system/Icon/__generated/icons/CloudModelIcon.v2.d.ts.map +1 -0
  16. package/dist/design-system/Icon/__generated/icons/CursorIcon.v2.d.ts +4 -0
  17. package/dist/design-system/Icon/__generated/icons/CursorIcon.v2.d.ts.map +1 -0
  18. package/dist/design-system/Icon/__generated/icons/DagIcon.v2.d.ts +4 -0
  19. package/dist/design-system/Icon/__generated/icons/DagIcon.v2.d.ts.map +1 -0
  20. package/dist/design-system/Icon/__generated/icons/DecimalIcon.v2.d.ts +4 -0
  21. package/dist/design-system/Icon/__generated/icons/DecimalIcon.v2.d.ts.map +1 -0
  22. package/dist/design-system/Icon/__generated/icons/DotsCircleIcon.v2.d.ts +4 -0
  23. package/dist/design-system/Icon/__generated/icons/DotsCircleIcon.v2.d.ts.map +1 -0
  24. package/dist/design-system/Icon/__generated/icons/LettersIcon.v2.d.ts +4 -0
  25. package/dist/design-system/Icon/__generated/icons/LettersIcon.v2.d.ts.map +1 -0
  26. package/dist/design-system/Icon/__generated/icons/NumbersIcon.v2.d.ts +4 -0
  27. package/dist/design-system/Icon/__generated/icons/NumbersIcon.v2.d.ts.map +1 -0
  28. package/dist/design-system/Icon/__generated/icons/index.d.ts +43 -1
  29. package/dist/design-system/Icon/__generated/icons/index.d.ts.map +1 -1
  30. package/dist/design-system/Modal/Modal.d.ts.map +1 -1
  31. package/dist/design-system/Popover/Popover.d.ts +2 -1
  32. package/dist/design-system/Popover/Popover.d.ts.map +1 -1
  33. package/dist/design-system/Select/Select.d.ts.map +1 -1
  34. package/dist/design-system/Sidebar/Sidebar.d.ts +1 -1
  35. package/dist/design-system/Sidebar/Sidebar.d.ts.map +1 -1
  36. package/dist/design-system/ToggleButton/ToggleButton.d.ts.map +1 -1
  37. package/dist/design-system/Tooltip/Tooltip.d.ts.map +1 -1
  38. package/dist/development/Slider/Slider.d.ts.map +1 -1
  39. package/dist/development/TableUI/index.d.ts +14 -0
  40. package/dist/development/TableUI/index.d.ts.map +1 -1
  41. package/dist/development.js +70 -445
  42. package/dist/development.js.map +1 -1
  43. package/dist/index-dark.css +1 -0
  44. package/dist/index-mfe-dark.css +1 -0
  45. package/dist/index-mfe.css +1 -0
  46. package/dist/index.css +1 -0
  47. package/dist/index.js +259 -31
  48. package/dist/index.js.map +1 -1
  49. package/dist/theme/colorList.d.ts +1 -1
  50. package/dist/theme/colors.d.ts +3 -4
  51. package/dist/theme/colors.d.ts.map +1 -1
  52. package/dist/theme/convertToLessVars.d.ts +3 -4
  53. package/dist/theme/convertToLessVars.d.ts.map +1 -1
  54. package/dist/theme/generalVariables.d.ts +4 -0
  55. package/dist/theme/generalVariables.d.ts.map +1 -1
  56. package/dist/theme/index.d.ts +7 -3
  57. package/dist/theme/index.d.ts.map +1 -1
  58. package/package.json +3 -3
@@ -81,7 +81,7 @@ export declare const lightColorList: {
81
81
  tagIconHover: string;
82
82
  tagIconPress: string;
83
83
  typographyCodeBg: string;
84
- tableBorder: string;
84
+ tableSeparatorColor: string;
85
85
  tableRowHover: string;
86
86
  tooltipBackgroundTooltip: string;
87
87
  };
@@ -1,4 +1,3 @@
1
- import type { ThemeName } from './index';
2
1
  declare const lightColors: {
3
2
  brown: string;
4
3
  coral: string;
@@ -125,7 +124,7 @@ declare const lightColors: {
125
124
  tagIconHover: string;
126
125
  tagIconPress: string;
127
126
  typographyCodeBg: string;
128
- tableBorder: string;
127
+ tableSeparatorColor: string;
129
128
  tableRowHover: string;
130
129
  tooltipBackgroundTooltip: string;
131
130
  };
@@ -156,7 +155,7 @@ export interface AntdColors {
156
155
  alertMessageColor: string;
157
156
  spinDotDefault: string;
158
157
  }
159
- export declare function getAntdColors(theme: ThemeName): AntdColors;
158
+ export declare function getAntdColors(isDarkMode: boolean): AntdColors;
160
159
  declare const deprecatedColors: {
161
160
  radioInteractiveAvailable: string;
162
161
  radioInteractiveHover: string;
@@ -167,6 +166,6 @@ declare const deprecatedColors: {
167
166
  radioInteractiveHoverSecondary: string;
168
167
  radioInteractivePressSecondary: string;
169
168
  };
170
- export declare function getColors(theme: ThemeName): typeof deprecatedColors & DesignSystemColors;
169
+ export declare function getColors(isDarkMode: boolean): typeof deprecatedColors & DesignSystemColors;
171
170
  export {};
172
171
  //# sourceMappingURL=colors.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,19 +1,18 @@
1
- import type { ThemeName } from '.';
2
1
  /**
3
2
  * Condense our variables into a single object that will be used
4
3
  * to build exported `less` configurations.
5
4
  */
6
- export declare function getLessVariables(theme: ThemeName): Record<string, any>;
5
+ export declare function getLessVariables(isDarkMode: boolean): Record<string, any>;
7
6
  /**
8
7
  * This is used if you want to pass the theme to `modifyVars`.
9
8
  * We use that in `rollup`, but not in `storybook` since we want theme changes
10
9
  * to rebuild and refresh in the latter.
11
10
  */
12
- export declare function getLessVariablesObject(theme: ThemeName): Record<string, string | any>;
11
+ export declare function getLessVariablesObject(isDarkMode: boolean): Record<string, string | any>;
13
12
  /**
14
13
  * This exports a synthetic `less` file containing our `less` variables.
15
14
  * We use this in storybook so that we can force that environment to refresh
16
15
  * as we work on the theme during active development.
17
16
  */
18
- export declare function getLessVariablesText(theme: ThemeName): string;
17
+ export declare function getLessVariablesText(isDarkMode: boolean): string;
19
18
  //# sourceMappingURL=convertToLessVars.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -11,5 +11,9 @@ declare const antdGeneralVariables: {
11
11
  buttonHeight: number;
12
12
  buttonInnerHeight: number;
13
13
  };
14
+ export declare const getShadowVariables: (isDarkMode: boolean) => {
15
+ shadowLow: string;
16
+ shadowHigh: string;
17
+ };
14
18
  export default antdGeneralVariables;
15
19
  //# sourceMappingURL=generalVariables.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,6 +1,6 @@
1
1
  import borders from './borders';
2
2
  import { getColors } from './colors';
3
- import generalVariables from './generalVariables';
3
+ import generalVariables, { getShadowVariables } from './generalVariables';
4
4
  import spacing from './spacing';
5
5
  import typography from './typography';
6
6
  export type ThemeName = 'default' | 'dark';
@@ -12,11 +12,15 @@ export interface ThemeOptions {
12
12
  export interface Theme {
13
13
  colors: ReturnType<typeof getColors>;
14
14
  spacing: typeof spacing;
15
- general: typeof generalVariables;
15
+ general: typeof generalVariables & ReturnType<typeof getShadowVariables>;
16
16
  typography: typeof typography;
17
17
  borders: typeof borders;
18
+ /**
19
+ * Deprecated. Use `isDarkMode` instead.
20
+ */
18
21
  themeName: ThemeName;
22
+ isDarkMode: boolean;
19
23
  options: ThemeOptions;
20
24
  }
21
- export declare function getTheme(themeName: ThemeName, options?: ThemeOptions): Theme;
25
+ export declare function getTheme(isDarkMode: boolean, options?: ThemeOptions): Theme;
22
26
  //# sourceMappingURL=index.d.ts.map
@@ -1 +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"}
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,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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@databricks/design-system",
3
- "version": "1.9.1",
3
+ "version": "1.9.2",
4
4
  "description": "DuBois Design System",
5
5
  "keywords": [],
6
6
  "license": "ISC",
@@ -56,7 +56,7 @@
56
56
  "prep-deps": ": # magic task to allow yarn ensure-deps plugin prepare dependencies of this package"
57
57
  },
58
58
  "devDependencies": {
59
- "@babel/core": "^7.20.2",
59
+ "@babel/core": "^7.20.12",
60
60
  "@babel/preset-env": "^7.20.2",
61
61
  "@babel/preset-react": "^7.18.6",
62
62
  "@babel/preset-typescript": "^7.18.6",
@@ -139,7 +139,7 @@
139
139
  },
140
140
  "dependencies": {
141
141
  "@ant-design/icons": "^4.7.0",
142
- "@babel/runtime": "^7.20.1",
142
+ "@babel/runtime": "^7.20.7",
143
143
  "@emotion/unitless": "^0.7.5",
144
144
  "@radix-ui/react-dialog": "^1.0.0",
145
145
  "@radix-ui/react-dropdown-menu": "^1.0.0",