@databricks/design-system 0.2.1 → 1.0.0

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

@@ -0,0 +1,2 @@
+import type { Plugin } from 'rollup';
+export declare const lessTildeImporter: () => Plugin;

package/dist/theme/colorList.d.ts

@@ -1,7 +1,7 @@
 export declare type ColorName = 'blue' | 'green' | 'grey' | 'red' | 'yellow';
 export declare type ColorWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
 export declare type PrimaryColorToken = `${ColorName}${ColorWeight}` | 'primary' | 'white';
-export declare type SecondaryColorToken = 'brown' | 'coral' | 'indigo' | 'lemon' | 'lime' | 'pink' | 'purple' | 'teal' | 'turquoise';
+export declare type SecondaryColorToken = 'brown' | 'coral' | 'charcoal' | 'indigo' | 'lemon' | 'lime' | 'pink' | 'purple' | 'teal' | 'turquoise';
 export declare type TagColorToken = `tag${Capitalize<SecondaryColorToken>}` | 'tagDefault';
 declare type ColorPalettePrimary = Record<PrimaryColorToken, string>;
 declare type ColorPaletteSecondary = Record<SecondaryColorToken, string>;
@@ -57,6 +57,7 @@ export declare const lightColorList: {
     tagDefault: string;
     tagBrown: string;
     tagCoral: string;
+    tagCharcoal: string;
     tagIndigo: string;
     tagLemon: string;
     tagLime: string;

package/dist/theme/colors.d.ts

@@ -2,6 +2,7 @@ import { ThemeName } from './index';
 declare const lightColors: {
     brown: string;
     coral: string;
+    charcoal: string;
     indigo: string;
     lemon: string;
     lime: string;
@@ -100,6 +101,7 @@ declare const lightColors: {
     tagDefault: string;
     tagBrown: string;
     tagCoral: string;
+    tagCharcoal: string;
     tagIndigo: string;
     tagLemon: string;
     tagLime: string;

package/dist/theme/generalVariables.d.ts

@@ -7,5 +7,16 @@ declare const antdGeneralVariables: {
     heightBase: number;
     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

@@ -5,6 +5,9 @@ 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;
+}
 export interface Theme {
     colors: ReturnType<typeof getColors>;
     spacing: typeof spacing;
@@ -12,5 +15,6 @@ export interface Theme {
     typography: typeof typography;
     borders: typeof borders;
     themeName: ThemeName;
+    options: ThemeOptions;
 }
-export declare function getTheme(themeName: ThemeName): Theme;
+export declare function getTheme(themeName: ThemeName, options?: ThemeOptions): Theme;

package/dist/theme/spacing.d.ts

@@ -21,7 +21,7 @@ export declare const antdSpacing: {
     modalHeaderCloseSize: number;
     modalHeaderBorderWidth: number;
     modalBodyPadding: string;
-    modalFooterPaddingVertical: string;
+    modalFooterPaddingVertical: number;
     modalFooterPaddingHorizontal: number;
     modalFooterBorderWidth: number;
     switchPadding: number;
@@ -56,7 +56,7 @@ declare const _default: {
     modalHeaderCloseSize: number;
     modalHeaderBorderWidth: number;
     modalBodyPadding: string;
-    modalFooterPaddingVertical: string;
+    modalFooterPaddingVertical: number;
     modalFooterPaddingHorizontal: number;
     modalFooterBorderWidth: number;
     switchPadding: number;

package/package.json

@@ -1,9 +1,6 @@
 {
   "name": "@databricks/design-system",
-  "version": "0.2.1",
-  "engines": {
-    "node": ">=11.8.0"
-  },
+  "version": "1.0.0",
   "description": "DuBois Design System",
   "keywords": [],
   "license": "ISC",
@@ -26,26 +23,21 @@
     "prepublish": "./scripts/prepublish",
     "postpublish": "./scripts/postpublish",
     "generate": "npm-run-all generate:icons generate:icons-story prettier",
-    "generate:icons": "svgr -d src/design-system/Icon/icons --typescript --template src/design-system/Icon/generator/iconTemplate.js --icon --replace-attr-values \\\"#EB4A32=currentColor\\\" src/assets/icons",
+    "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",
-    "clean:antd-types": "rm -rf dist/node_modules/antd/es dist/cjs/node_modules/antd/es",
-    "sync-antd-types": "npm-run-all --parallel sync-antd-types-es sync-antd-types-cjs",
-    "sync-antd-types-es": "mkdir -p dist/node_modules/antd/es/ && rsync -a --prune-empty-dirs --include '*/' --include '*.d.ts' --exclude '*' node_modules/antd/es/ dist/node_modules/antd/es/",
-    "sync-antd-types-cjs": "mkdir -p dist/cjs/node_modules/antd/es/ && rsync -a --prune-empty-dirs --include '*/' --include '*.d.ts' --exclude '*' node_modules/antd/es/ dist/cjs/node_modules/antd/es/",
-    "clean:non-pkgr": "npm-run-all --parallel clean:styles clean:antd-types",
-    "build": "yarn clean:non-pkgr && npm-run-all --parallel sync-antd-types 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": "redash-pkgr build",
-    "build-js": "yarn build-js-base",
+    "build:js:base": "databricks-pkgr build --no-clean",
+    "build:js": "yarn build:js:base",
     "clean:styles": "rm -rf dist/index.css dist/index-dark.css styles.js",
-    "build-styles": "npm-run-all --parallel build-styles-default-theme build-styles-dark-theme",
-    "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 --no-clean --preserve-modules",
+    "build:styles": "npm-run-all --parallel build:styles-default-theme build:styles-dark-theme",
+    "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": "yarn build:styles && yarn storybook-runner",
     "indexes-regenerate": "./yarnrun.sh indexes:regenerate",
     "indexes-check": "./yarnrun.sh indexes:check",
     "snapshot": "percy storybook ./storybook-static -c .percy.storybook.yml --verbose -t750",
@@ -64,13 +56,14 @@
     "@babel/preset-env": "^7.16.5",
     "@babel/preset-react": "^7.16.5",
     "@babel/preset-typescript": "^7.16.5",
+    "@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",
     "@percy/cli": "1.0.0-beta.70",
     "@percy/storybook": "4.1.0",
-    "@redash/pkgr": "1.0.0",
     "@storybook/addon-actions": "^6.4.9",
     "@storybook/addon-docs": "^6.4.9",
     "@storybook/addon-essentials": "^6.4.9",
@@ -85,6 +78,7 @@
     "@types/glob": "^7.2.0",
     "@types/jest": "^26.0.23",
     "@types/jscodeshift": "^0.11.2",
+    "@types/lodash": "^4.14.157",
     "@types/node": "^14.18",
     "@types/react": "^17.0.15",
     "@types/react-dom": "^17.0.9",
@@ -107,6 +101,7 @@
     "jscodeshift": "^0.13.0",
     "less": "^3.0.0",
     "less-loader": "^7.2.1",
+    "magic-string": "^0.25.7",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.3.5",
     "postcss-filter-rules": "^0.6.1",
@@ -124,11 +119,12 @@
     "style-loader": "^2.0.0",
     "ts-node": "^10.2.1",
     "tsconfig-paths": "^3.9.0",
-    "typescript": "^4.1.3",
+    "typescript": "4.5.4",
     "webpack": "^5.64.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.4.0",
+    "moment": "^2.25.3",
     "react": ">=16.14.0",
     "react-dom": ">=16.14.0"
   },