@databricks/design-system 1.0.0 → 1.1.0

package/dist/theme/colors.d.ts

@@ -117,7 +117,7 @@ declare const lightColors: {
     tooltipBackgroundTooltip: string;
 };
 declare type DesignSystemColors = typeof lightColors;
-interface AntdColors {
+export interface AntdColors {
     bodyBackground: string;
     textColor: string;
     textColorSecondary: string;

package/dist/theme/generalVariables.d.ts

@@ -8,15 +8,5 @@ declare const antdGeneralVariables: {
     iconSize: number;
     buttonHeight: number;
     buttonInnerHeight: number;
-    zindexModal: string;
-    zindexModalMask: string;
-    zindexMessage: string;
-    zindexNotification: string;
-    zindexPopover: string;
-    zindexDropdown: string;
-    zindexPicker: string;
-    zindexPopoconfirm: string;
-    zindexTooltip: string;
-    zindexImage: string;
 };
 export default antdGeneralVariables;

package/dist/theme/index.d.ts

@@ -7,6 +7,8 @@ export declare type ThemeName = 'default' | 'dark';
 export declare type ComponentTheme = ReturnType<typeof getTheme>;
 export interface ThemeOptions {
     enableAnimation: boolean;
+    isCompact: boolean;
+    zIndexBase: number;
 }
 export interface Theme {
     colors: ReturnType<typeof getColors>;

package/dist/theme/spacing.d.ts

@@ -1,6 +1,10 @@
-export declare const defaultSpacing = 8;
-export declare const modalPadding = 40;
-export declare const modalLessPadding: number;
+export declare const MODAL_PADDING = 40;
+declare const spacing: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+};
 export declare const antdSpacing: {
     defaultPaddingLg: number;
     defaultPaddingMd: number;
@@ -15,41 +19,8 @@ export declare const antdSpacing: {
     marginSm: number;
     marginLg: number;
     btnPaddingHorizontalBase: number;
-    modalPadding: number;
-    modalLessPadding: number;
-    modalHeaderPadding: string;
-    modalHeaderCloseSize: number;
-    modalHeaderBorderWidth: number;
-    modalBodyPadding: string;
-    modalFooterPaddingVertical: number;
-    modalFooterPaddingHorizontal: number;
-    modalFooterBorderWidth: number;
-    switchPadding: number;
-    switchHeight: number;
-    switchMinWidth: number;
-    switchPinSize: number;
-};
-declare const _default: {
-    radioFillSize: number;
-    radioButtonSize: number;
-    radioEmphasisBorderWidth: number;
     btnPaddingHorizontalLg: number;
     btnPaddingHorizontalSm: number;
-    btnPaddingHorizontalBase: number;
-    alertIconHeight: number;
-    alertIconFontSize: number;
-    defaultPaddingLg: number;
-    defaultPaddingMd: number;
-    defaultPaddingSm: number;
-    defaultPaddingXs: number;
-    defaultPaddingXss: number;
-    paddingLg: number;
-    paddingMd: number;
-    paddingSm: number;
-    paddingXs: number;
-    paddingXss: number;
-    marginSm: number;
-    marginLg: number;
     modalPadding: number;
     modalLessPadding: number;
     modalHeaderPadding: string;
@@ -64,4 +35,4 @@ declare const _default: {
     switchMinWidth: number;
     switchPinSize: number;
 };
-export default _default;
+export default spacing;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databricks/design-system",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "DuBois Design System",
   "keywords": [],
   "license": "ISC",
@@ -25,7 +25,7 @@
     "generate": "npm-run-all generate:icons generate:icons-story prettier",
     "generate:icons": "svgr -d src/design-system/Icon/__generated/icons --typescript --template src/design-system/Icon/generator/iconTemplate.js --icon --replace-attr-values \\\"#EB4A32=currentColor\\\" src/assets/icons",
     "generate:icons-story": "node ./src/design-system/Icon/generator/generateIconStory.js",
-    "build": "yarn clean && mkdir -p dist && npm-run-all --parallel build:styles build:js",
+    "build": "./yarnrun.sh clean-if-nx-enabled && mkdir -p dist && 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",
@@ -43,32 +43,41 @@
     "snapshot": "percy storybook ./storybook-static -c .percy.storybook.yml --verbose -t750",
     "prettier-check": "./yarnrun.sh prettier:check",
     "prettier": "./yarnrun.sh prettier",
-    "lint": "eslint . --ext js,jsx,ts,tsx",
-    "test": "jest --ci --config=jest.config.ts",
-    "test:watch": "jest --watch --config=jest.config.ts",
+    "lint": "databricks-eslint .",
+    "lint:fix": "yarn lint --fix",
+    "test": "databricks-jest",
+    "test:watch": "yarn test --watch",
     "type-check": "tsc --noEmit --project ./tsconfig.json",
     "type-check:watch": "yarn type-check --watch",
     "check-all": "yarn type-check && yarn prettier-check && yarn lint",
-    "fix-all": "yarn generate && yarn prettier && yarn lint --fix && yarn indexes-regenerate"
+    "fix-all": "yarn generate && yarn prettier && yarn lint --fix && yarn indexes-regenerate",
+    "prep-deps": ": # magic task to allow yarn ensure-deps plugin prepare dependencies of this package"
   },
   "devDependencies": {
     "@babel/core": "^7.16.5",
     "@babel/preset-env": "^7.16.5",
     "@babel/preset-react": "^7.16.5",
     "@babel/preset-typescript": "^7.16.5",
+    "@databricks/config-eslint": "1.0.0",
+    "@databricks/config-jest": "1.0.0",
     "@databricks/pkgr": "1.0.0",
     "@emotion/babel-plugin": "^11.3.0",
     "@emotion/babel-preset-css-prop": "^11.2.0",
     "@emotion/react": "^11.4.0",
     "@faker-js/faker": "^6.0.0-alpha.6",
-    "@jest/types": "^27.2.5",
+    "@jest/types": "^28.1.0",
     "@percy/cli": "1.0.0-beta.70",
     "@percy/storybook": "4.1.0",
+    "@radix-ui/react-popover": "^0.1.6",
+    "@radix-ui/react-switch": "^0.1.5",
     "@storybook/addon-actions": "^6.4.9",
     "@storybook/addon-docs": "^6.4.9",
     "@storybook/addon-essentials": "^6.4.9",
     "@storybook/addon-links": "^6.4.9",
     "@storybook/addons": "^6.4.9",
+    "@storybook/api": "^6.4.19",
+    "@storybook/components": "^6.4.19",
+    "@storybook/core-events": "^6.4.19",
     "@storybook/react": "^6.4.9",
     "@storybook/theming": "^6.4.9",
     "@svgr/cli": "^5.5.0",
@@ -76,28 +85,19 @@
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.3.0",
     "@types/glob": "^7.2.0",
-    "@types/jest": "^26.0.23",
+    "@types/jest": "^27.4.1",
     "@types/jscodeshift": "^0.11.2",
     "@types/lodash": "^4.14.157",
-    "@types/node": "^14.18",
+    "@types/node": "^16.0.0",
     "@types/react": "^17.0.15",
     "@types/react-dom": "^17.0.9",
-    "@typescript-eslint/eslint-plugin": "^4.31.0",
-    "@typescript-eslint/parser": "^4.31.0",
-    "babel-jest": "^27.0.2",
     "babel-loader": "^8.2.2",
     "babel-plugin-react-require": "^3.1.3",
     "cross-env": "^7.0.3",
     "css-loader": "^5.0.1",
     "dir-compare-cli": "^1.0.1",
-    "eslint": "^7.32.0",
-    "eslint-import-resolver-typescript": "^2.5.0",
-    "eslint-plugin-file-progress": "^1.2.0",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-react": "^7.25.1",
+    "glob": "^8.0.1",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.0.4",
-    "jest-cli": "^27.0.4",
     "jscodeshift": "^0.13.0",
     "less": "^3.0.0",
     "less-loader": "^7.2.1",
@@ -107,7 +107,7 @@
     "postcss-filter-rules": "^0.6.1",
     "postcss-loader": "^4",
     "postcss-prefix-selector": "^1.9.0",
-    "prettier": "^2.4.1",
+    "prettier": "^2.6.2",
     "raw-loader": "^4.0.2",
     "rc-menu": "^9.0.14",
     "react": "^17.0.1",
@@ -132,6 +132,7 @@
     "@ant-design/icons": "^4.7.0",
     "@babel/runtime": "^7.16.5",
     "@emotion/unitless": "^0.7.5",
+    "@radix-ui/react-dropdown-menu": "^0.1.6",
     "@rollup/plugin-node-resolve": "^13.1.1",
     "@types/chroma-js": "^2.1.3",
     "antd": "4.16.8",