@databricks/design-system 1.2.0 → 1.4.0

package/dist/rollup-less-tilde-importer.d.ts

@@ -1,2 +1,3 @@
 import type { Plugin } from 'rollup';
 export declare const lessTildeImporter: () => Plugin;
+//# sourceMappingURL=rollup-less-tilde-importer.d.ts.map

package/dist/rollup-less-tilde-importer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rollup-less-tilde-importer.d.ts","sourceRoot":"","sources":["../src/rollup-less-tilde-importer.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AA2BrC,eAAO,MAAM,iBAAiB,QAAO,MA0BpC,CAAC"}

package/dist/theme/borders.d.ts

@@ -5,3 +5,4 @@ declare const _default: {
     borderRadiusMd: number;
 };
 export default _default;
+//# sourceMappingURL=borders.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"borders.d.ts","sourceRoot":"","sources":["../../src/theme/borders.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,OAAO;;CAEnB,CAAC;;;;AAGF,wBAEE"}

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;
@@ -50,6 +59,7 @@ export declare const lightColorList: {
     borderDecorative: string;
     textPrimary: string;
     textSecondary: string;
+    textPlaceholder: string;
     textValidationDanger: string;
     textValidationSuccess: string;
     textValidationWarning: string;
@@ -70,7 +80,9 @@ export declare const lightColorList: {
     tagPress: string;
     tagIconHover: string;
     tagIconPress: string;
+    typographyCodeBg: string;
     tooltipBackgroundTooltip: string;
 };
 export declare const darkColorList: typeof lightColorList;
 export {};
+//# sourceMappingURL=colorList.d.ts.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;
@@ -94,6 +103,7 @@ declare const lightColors: {
     borderDecorative: string;
     textPrimary: string;
     textSecondary: string;
+    textPlaceholder: string;
     textValidationDanger: string;
     textValidationSuccess: string;
     textValidationWarning: string;
@@ -114,6 +124,7 @@ declare const lightColors: {
     tagPress: string;
     tagIconHover: string;
     tagIconPress: string;
+    typographyCodeBg: string;
     tooltipBackgroundTooltip: string;
 };
 declare type DesignSystemColors = typeof lightColors;
@@ -126,19 +137,21 @@ export interface AntdColors {
     errorColor: string;
     successColor: string;
     warningColor: string;
+    borderColorBase: string;
     alertErrorTextColor: string;
-    alertWarningTextColor: string;
-    alertWarningBorderColor: string;
-    alertSuccessTextColor: string;
-    alertTextColor: string;
-    alertMessageColor: string;
+    alertErrorBgColor: string;
+    alertErrorIconColor: string;
+    alertErrorBorderColor: string;
     alertInfoBgColor: string;
     alertInfoIconColor: string;
     alertInfoTextColor: string;
     alertInfoBorderColor: string;
-    alertErrorBorderColor: string;
+    alertWarningTextColor: string;
+    alertWarningBorderColor: string;
     alertWarningBgColor: string;
     alertWarningIconColor: string;
+    alertTextColor: string;
+    alertMessageColor: string;
     spinDotDefault: string;
 }
 export declare function getAntdColors(theme: ThemeName): AntdColors;
@@ -151,7 +164,7 @@ declare const deprecatedColors: {
     radioDefaultBackground: string;
     radioInteractiveHoverSecondary: string;
     radioInteractivePressSecondary: string;
-    typographyCodeBg: string;
 };
 export declare function getColors(theme: ThemeName): typeof deprecatedColors & DesignSystemColors;
 export {};
+//# sourceMappingURL=colors.d.ts.map

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

@@ -0,0 +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,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.
@@ -16,3 +16,4 @@ export declare function getLessVariablesObject(theme: ThemeName): Record<string,
  * as we work on the theme during active development.
  */
 export declare function getLessVariablesText(theme: ThemeName): string;
+//# sourceMappingURL=convertToLessVars.d.ts.map

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

@@ -0,0 +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"}

package/dist/theme/generalVariables.d.ts

@@ -6,7 +6,9 @@ declare const antdGeneralVariables: {
     heightSm: number;
     heightBase: number;
     iconSize: number;
+    iconFontSize: number;
     buttonHeight: number;
     buttonInnerHeight: number;
 };
 export default antdGeneralVariables;
+//# sourceMappingURL=generalVariables.d.ts.map

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

@@ -0,0 +1 @@
+{"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 {
@@ -20,3 +19,4 @@ export interface Theme {
     options: ThemeOptions;
 }
 export declare function getTheme(themeName: ThemeName, options?: ThemeOptions): Theme;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,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/dist/theme/spacing.d.ts

@@ -36,3 +36,4 @@ export declare const antdSpacing: {
     switchPinSize: number;
 };
 export default spacing;
+//# sourceMappingURL=spacing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/theme/spacing.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa,KAAK,CAAC;AAEhC,QAAA,MAAM,OAAO;;;;;CAKZ,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCvB,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/theme/typography.d.ts

@@ -29,3 +29,4 @@ declare const _default: {
     typographyBoldFontWeight: number;
 };
 export default _default;
+//# sourceMappingURL=typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;CAc1B,CAAC;;;;;;;;;;;;;;;;AAGF,wBAEE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databricks/design-system",
-  "version": "1.2.0",
+  "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",
@@ -34,16 +33,16 @@
     "build:styles-default-theme": "rollup --configPlugin typescript -c ./src/rollup.styles.config.ts",
     "build:styles-dark-theme": "BUILD_DARK_MODE=true rollup --configPlugin typescript -c ./src/rollup.styles.config.ts",
     "watch": "yarn build:js:base -w --preserve-modules",
-    "storybook-build": "yarn build && yarn storybook-cross-env build-storybook -c storybook",
-    "storybook-cross-env": "cross-env TS_NODE_PROJECT=\".storybook/tsconfig.json\"",
-    "storybook-runner": "./yarnrun.sh storybook",
-    "storybook": "yarn build:styles && yarn storybook-runner",
+    "storybook-build": "yarn build:storybook",
+    "build:storybook": "yarn build && TS_NODE_PROJECT=.storybook/tsconfig.json yarn databricks-build-storybook -c storybook",
+    "storybook": "yarn build:styles && yarn start:storybook",
+    "start:storybook": "TS_NODE_PROJECT=.storybook/tsconfig.json BROWSER=none databricks-start-storybook -p 6006 -c storybook",
     "indexes-regenerate": "./yarnrun.sh indexes:regenerate",
     "indexes-check": "./yarnrun.sh indexes:check",
     "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,12 +53,13 @@
     "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",
     "@databricks/pkgr": "1.0.0",
     "@emotion/babel-plugin": "^11.3.0",
     "@emotion/babel-preset-css-prop": "^11.2.0",
@@ -70,22 +70,22 @@
     "@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",
+    "@storybook/addon-actions": "^6.5.5",
+    "@storybook/addon-docs": "^6.5.5",
+    "@storybook/addon-essentials": "^6.5.5",
+    "@storybook/addon-links": "^6.5.5",
+    "@storybook/addons": "^6.5.5",
+    "@storybook/api": "^6.5.5",
+    "@storybook/components": "^6.5.5",
+    "@storybook/core-events": "^6.5.5",
+    "@storybook/react": "^6.5.5",
+    "@storybook/theming": "^6.5.5",
     "@svgr/cli": "^5.5.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@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",
@@ -96,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",
@@ -117,10 +118,11 @@
     "rollup-plugin-postcss": "^4.0.0",
     "storybook-dark-mode": "^1.0.8",
     "style-loader": "^2.0.0",
-    "ts-node": "^10.2.1",
+    "ts-node": "^10.9.1",
     "tsconfig-paths": "^3.9.0",
-    "typescript": "4.5.4",
-    "webpack": "^5.64.1"
+    "typescript": "^4.7.2",
+    "webpack": "^5.64.1",
+    "webpack-merge": "^5.8.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.4.0",
@@ -130,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",
@@ -139,7 +141,7 @@
     "chroma-js": "^2.1.2",
     "classnames": "^2.3.1",
     "lodash": "^4.17.21",
-    "tslib": "^2.3.1"
+    "tslib": "^2.4.0"
   },
   "notes": [
     "rollup patch: Limit concurrent writes to work around jenkins open file handle limit affecting classic builds (ES-198426)."

package/dist/.pkgr-sources-hash

@@ -1 +0,0 @@
-ead5d859c202d8833a0eb8bb3fb78300