@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.
- package/dist/Typography-04e40f87.js +1465 -0
- package/dist/Typography-04e40f87.js.map +1 -0
- package/dist/Typography-74e19785.js +1472 -0
- package/dist/Typography-74e19785.js.map +1 -0
- package/dist/design-system/AutoComplete/AutoComplete.d.ts.map +1 -1
- package/dist/design-system/DesignSystemProvider/DesignSystemProvider.d.ts +3 -1
- package/dist/design-system/DesignSystemProvider/DesignSystemProvider.d.ts.map +1 -1
- package/dist/design-system/Drawer/Drawer.d.ts +7 -1
- package/dist/design-system/Drawer/Drawer.d.ts.map +1 -1
- package/dist/design-system/FormMessage/FormMessage.d.ts.map +1 -1
- package/dist/design-system/Hooks/useDesignSystemTheme.d.ts.map +1 -1
- package/dist/design-system/Icon/__generated/icons/BracketsXIcon.v2.d.ts +4 -0
- package/dist/design-system/Icon/__generated/icons/BracketsXIcon.v2.d.ts.map +1 -0
- package/dist/design-system/Icon/__generated/icons/CloudModelIcon.v2.d.ts +4 -0
- package/dist/design-system/Icon/__generated/icons/CloudModelIcon.v2.d.ts.map +1 -0
- package/dist/design-system/Icon/__generated/icons/CursorIcon.v2.d.ts +4 -0
- package/dist/design-system/Icon/__generated/icons/CursorIcon.v2.d.ts.map +1 -0
- package/dist/design-system/Icon/__generated/icons/DagIcon.v2.d.ts +4 -0
- package/dist/design-system/Icon/__generated/icons/DagIcon.v2.d.ts.map +1 -0
- package/dist/design-system/Icon/__generated/icons/DecimalIcon.v2.d.ts +4 -0
- package/dist/design-system/Icon/__generated/icons/DecimalIcon.v2.d.ts.map +1 -0
- package/dist/design-system/Icon/__generated/icons/DotsCircleIcon.v2.d.ts +4 -0
- package/dist/design-system/Icon/__generated/icons/DotsCircleIcon.v2.d.ts.map +1 -0
- package/dist/design-system/Icon/__generated/icons/LettersIcon.v2.d.ts +4 -0
- package/dist/design-system/Icon/__generated/icons/LettersIcon.v2.d.ts.map +1 -0
- package/dist/design-system/Icon/__generated/icons/NumbersIcon.v2.d.ts +4 -0
- package/dist/design-system/Icon/__generated/icons/NumbersIcon.v2.d.ts.map +1 -0
- package/dist/design-system/Icon/__generated/icons/index.d.ts +43 -1
- package/dist/design-system/Icon/__generated/icons/index.d.ts.map +1 -1
- package/dist/design-system/Modal/Modal.d.ts.map +1 -1
- package/dist/design-system/Popover/Popover.d.ts +2 -1
- package/dist/design-system/Popover/Popover.d.ts.map +1 -1
- package/dist/design-system/Select/Select.d.ts.map +1 -1
- package/dist/design-system/Sidebar/Sidebar.d.ts +1 -1
- package/dist/design-system/Sidebar/Sidebar.d.ts.map +1 -1
- package/dist/design-system/ToggleButton/ToggleButton.d.ts.map +1 -1
- package/dist/design-system/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/development/Slider/Slider.d.ts.map +1 -1
- package/dist/development/TableUI/index.d.ts +14 -0
- package/dist/development/TableUI/index.d.ts.map +1 -1
- package/dist/development.js +70 -445
- package/dist/development.js.map +1 -1
- package/dist/index-dark.css +1 -0
- package/dist/index-mfe-dark.css +1 -0
- package/dist/index-mfe.css +1 -0
- package/dist/index.css +1 -0
- package/dist/index.js +259 -31
- package/dist/index.js.map +1 -1
- package/dist/theme/colorList.d.ts +1 -1
- package/dist/theme/colors.d.ts +3 -4
- package/dist/theme/colors.d.ts.map +1 -1
- package/dist/theme/convertToLessVars.d.ts +3 -4
- package/dist/theme/convertToLessVars.d.ts.map +1 -1
- package/dist/theme/generalVariables.d.ts +4 -0
- package/dist/theme/generalVariables.d.ts.map +1 -1
- package/dist/theme/index.d.ts +7 -3
- package/dist/theme/index.d.ts.map +1 -1
- package/package.json +3 -3
package/dist/theme/colors.d.ts
CHANGED
|
@@ -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
|
-
|
|
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(
|
|
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(
|
|
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":"
|
|
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(
|
|
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(
|
|
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(
|
|
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":"
|
|
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"}
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -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(
|
|
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;
|
|
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.
|
|
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.
|
|
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.
|
|
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",
|