@databricks/design-system 1.3.1 → 1.4.0

package/dist/theme/colorList.d.ts

@@ -16,9 +16,18 @@ export declare const lightColorList: {
     borderValidationSuccess: string;
     borderValidationWarning: string;
     backgroundPrimary: string;
-    actionDangerBackgroundDefault: string;
-    actionDangerBackgroundHover: string;
-    actionDangerBackgroundPress: string;
+    actionDangerPrimaryBackgroundDefault: string;
+    actionDangerPrimaryBackgroundHover: string;
+    actionDangerPrimaryBackgroundPress: string;
+    actionDangerDefaultBackgroundDefault: string;
+    actionDangerDefaultBackgroundHover: string;
+    actionDangerDefaultBackgroundPress: string;
+    actionDangerDefaultBorderDefault: string;
+    actionDangerDefaultBorderHover: string;
+    actionDangerDefaultBorderPress: string;
+    actionDangerDefaultTextDefault: string;
+    actionDangerDefaultTextHover: string;
+    actionDangerDefaultTextPress: string;
     actionDefaultBackgroundDefault: string;
     actionDefaultBackgroundHover: string;
     actionDefaultBackgroundPress: 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,oBAAY,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAErE,oBAAY,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAExE,oBAAY,iBAAiB,GAAG,GAAG,SAAS,GAAG,WAAW,EAAE,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnF,oBAAY,mBAAmB,GAC3B,OAAO,GACP,OAAO,GACP,UAAU,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,CAAC;AAEhB,oBAAY,aAAa,GAAG,MAAM,UAAU,CAAC,mBAAmB,CAAC,EAAE,GAAG,YAAY,CAAC;AAEnF,aAAK,mBAAmB,GAAG,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;AAE7D,aAAK,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiE1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,cA2ElC,CAAC"}
+{"version":3,"file":"colorList.d.ts","sourceRoot":"","sources":["../../src/theme/colorList.ts"],"names":[],"mappings":"AAEA,oBAAY,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAErE,oBAAY,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAExE,oBAAY,iBAAiB,GAAG,GAAG,SAAS,GAAG,WAAW,EAAE,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnF,oBAAY,mBAAmB,GAC3B,OAAO,GACP,OAAO,GACP,UAAU,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,CAAC;AAEhB,oBAAY,aAAa,GAAG,MAAM,UAAU,CAAC,mBAAmB,CAAC,EAAE,GAAG,YAAY,CAAC;AAEnF,aAAK,mBAAmB,GAAG,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;AAE7D,aAAK,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2F1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,cA8FlC,CAAC"}

package/dist/theme/colors.d.ts

@@ -1,4 +1,4 @@
-import { ThemeName } from './index';
+import type { ThemeName } from './index';
 declare const lightColors: {
     brown: string;
     coral: string;
@@ -60,9 +60,18 @@ declare const lightColors: {
     borderValidationSuccess: string;
     borderValidationWarning: string;
     backgroundPrimary: string;
-    actionDangerBackgroundDefault: string;
-    actionDangerBackgroundHover: string;
-    actionDangerBackgroundPress: string;
+    actionDangerPrimaryBackgroundDefault: string;
+    actionDangerPrimaryBackgroundHover: string;
+    actionDangerPrimaryBackgroundPress: string;
+    actionDangerDefaultBackgroundDefault: string;
+    actionDangerDefaultBackgroundHover: string;
+    actionDangerDefaultBackgroundPress: string;
+    actionDangerDefaultBorderDefault: string;
+    actionDangerDefaultBorderHover: string;
+    actionDangerDefaultBorderPress: string;
+    actionDangerDefaultTextDefault: string;
+    actionDangerDefaultTextHover: string;
+    actionDangerDefaultTextPress: string;
     actionDefaultBackgroundDefault: string;
     actionDefaultBackgroundHover: string;
     actionDefaultBackgroundPress: string;

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

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA0E,CAAC;AAC5F,aAAK,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;AAKD,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":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA0E,CAAC;AAC5F,aAAK,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;AAKD,QAAA,MAAM,gBAAgB;;;;;;;;;CAUrB,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,gBAAgB,GAAG,kBAAkB,CAKxF"}

package/dist/theme/convertToLessVars.d.ts

@@ -1,4 +1,4 @@
-import { ThemeName } from '.';
+import type { ThemeName } from '.';
 /**
  * Condense our variables into a single object that will be used
  * to build exported `less` configurations.

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

@@ -1 +1 @@
-{"version":3,"file":"convertToLessVars.d.ts","sourceRoot":"","sources":["../../src/theme/convertToLessVars.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAM9B;;;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":"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"}

package/dist/theme/generalVariables.d.ts

@@ -6,6 +6,7 @@ declare const antdGeneralVariables: {
     heightSm: number;
     heightBase: number;
     iconSize: number;
+    iconFontSize: number;
     buttonHeight: number;
     buttonInnerHeight: number;
 };

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

package/dist/theme/index.d.ts

@@ -1,13 +1,12 @@
+import borders from './borders';
 import { getColors } from './colors';
 import generalVariables from './generalVariables';
 import spacing from './spacing';
 import typography from './typography';
-import borders from './borders';
 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 {

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,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,cAAc,CAAC;AAGtC,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,oBAAY,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAC3C,oBAAY,cAAc,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,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;AAUD,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,MAAM,oBAAoB,CAAC;AAClD,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,cAAc,CAAC;AAItC,oBAAY,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAC3C,oBAAY,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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databricks/design-system",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "DuBois Design System",
   "keywords": [],
   "license": "ISC",
@@ -9,8 +9,7 @@
     "type": "git",
     "url": "https://github.com/databricks"
   },
-  "main": "dist/cjs",
-  "module": "dist",
+  "main": "dist",
   "types": "dist/index.d.ts",
   "sideEffects": [
     "*.css"
@@ -25,7 +24,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": "./yarnrun.sh clean-if-nx-enabled && mkdir -p dist && npm-run-all --parallel build:styles build:js",
+    "build": "yarn clean && 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,7 +42,7 @@
     "snapshot": "percy storybook ./storybook-static -c .percy.storybook.yml --verbose -t750",
     "prettier-check": "./yarnrun.sh prettier:check",
     "prettier": "./yarnrun.sh prettier",
-    "lint": "databricks-eslint .",
+    "lint": "databricks-eslint",
     "lint:fix": "yarn lint --fix",
     "test": "databricks-jest",
     "test:watch": "yarn test --watch",
@@ -54,10 +53,10 @@
     "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",
+    "@babel/core": "^7.18.5",
+    "@babel/preset-env": "^7.18.2",
+    "@babel/preset-react": "^7.17.12",
+    "@babel/preset-typescript": "^7.17.12",
     "@databricks/config-eslint": "1.0.0",
     "@databricks/config-jest": "1.0.0",
     "@databricks/config-storybook": "1.0.0",
@@ -86,7 +85,7 @@
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.3.0",
     "@types/glob": "^7.2.0",
-    "@types/jest": "^27.4.1",
+    "@types/jest": "^28.1.6",
     "@types/jscodeshift": "^0.11.2",
     "@types/lodash": "^4.14.157",
     "@types/node": "^16.0.0",
@@ -97,6 +96,7 @@
     "cross-env": "^7.0.3",
     "css-loader": "^5.0.1",
     "dir-compare-cli": "^1.0.1",
+    "formik": "^2.2.9",
     "glob": "^8.0.1",
     "identity-obj-proxy": "^3.0.0",
     "jscodeshift": "^0.13.0",
@@ -118,7 +118,7 @@
     "rollup-plugin-postcss": "^4.0.0",
     "storybook-dark-mode": "^1.0.8",
     "style-loader": "^2.0.0",
-    "ts-node": "^10.8.0",
+    "ts-node": "^10.9.1",
     "tsconfig-paths": "^3.9.0",
     "typescript": "^4.7.2",
     "webpack": "^5.64.1",
@@ -132,7 +132,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
-    "@babel/runtime": "^7.16.5",
+    "@babel/runtime": "^7.18.3",
     "@emotion/unitless": "^0.7.5",
     "@radix-ui/react-dropdown-menu": "^0.1.6",
     "@rollup/plugin-node-resolve": "^13.1.1",