@databricks/design-system 1.6.0 → 1.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databricks/design-system",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "DuBois Design System",
   "keywords": [],
   "license": "ISC",
@@ -55,10 +55,10 @@
     "prep-deps": ": # magic task to allow yarn ensure-deps plugin prepare dependencies of this package"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.5",
-    "@babel/preset-env": "^7.18.2",
-    "@babel/preset-react": "^7.17.12",
-    "@babel/preset-typescript": "^7.17.12",
+    "@babel/core": "^7.20.2",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
     "@databricks/config-eslint": "1.0.0",
     "@databricks/config-jest": "1.0.0",
     "@databricks/config-storybook": "1.0.0",
@@ -99,7 +99,6 @@
     "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",
@@ -125,7 +124,7 @@
     "style-loader": "^2.0.0",
     "ts-node": "^10.9.1",
     "tsconfig-paths": "^3.9.0",
-    "typescript": "^4.7.2",
+    "typescript": "^4.8.4",
     "webpack": "^5.64.1",
     "webpack-merge": "^5.8.0"
   },
@@ -137,7 +136,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
-    "@babel/runtime": "^7.18.3",
+    "@babel/runtime": "^7.20.1",
     "@emotion/unitless": "^0.7.5",
     "@radix-ui/react-dropdown-menu": "^1.0.0",
     "@rollup/plugin-node-resolve": "^13.1.1",
@@ -147,6 +146,7 @@
     "chroma-js": "^2.4.2",
     "classnames": "^2.3.1",
     "lodash": "^4.17.21",
+    "react-hook-form": "^7.36.0",
     "react-resizable": "^3.0.4",
     "tslib": "^2.4.0"
   },

package/dist/design-system/Button/Button.styles.d.ts

@@ -1,4 +0,0 @@
-import type { Interpolation } from '@emotion/react';
-import type { Theme } from '../../theme';
-export declare const antButtonStyles: Interpolation<Theme>;
-//# sourceMappingURL=Button.styles.d.ts.map

package/dist/design-system/Button/Button.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/design-system/Button/Button.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,eAAO,MAAM,eAAe,EAAE,aAAa,CAAC,KAAK,CAy2GhD,CAAC"}

package/dist/design-system/Icon/__generated/icons/AIcon.d.ts

@@ -1,4 +0,0 @@
-import type { IconProps } from '../../Icon';
-declare function AIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default AIcon;
-//# sourceMappingURL=AIcon.d.ts.map

package/dist/design-system/Icon/__generated/icons/AIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AIcon.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/Icon/__generated/icons/AIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAoB5C,iBAAS,KAAK,CAAC,KAAK,EAAE,SAAS,oDAE9B;AAED,eAAe,KAAK,CAAC"}

package/dist/design-system/Icon/__generated/icons/Clock1Icon.d.ts

@@ -1,4 +0,0 @@
-import type { IconProps } from '../../Icon';
-declare function Clock1Icon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default Clock1Icon;
-//# sourceMappingURL=Clock1Icon.d.ts.map

package/dist/design-system/Icon/__generated/icons/Clock1Icon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Clock1Icon.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/Icon/__generated/icons/Clock1Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAgB5C,iBAAS,UAAU,CAAC,KAAK,EAAE,SAAS,oDAEnC;AAED,eAAe,UAAU,CAAC"}

package/dist/design-system/Icon/__generated/icons/FeatureStoreIcon.d.ts

@@ -1,4 +0,0 @@
-import type { IconProps } from '../../Icon';
-declare function FeatureStoreIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default FeatureStoreIcon;
-//# sourceMappingURL=FeatureStoreIcon.d.ts.map

package/dist/design-system/Icon/__generated/icons/FeatureStoreIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FeatureStoreIcon.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/Icon/__generated/icons/FeatureStoreIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAiB5C,iBAAS,gBAAgB,CAAC,KAAK,EAAE,SAAS,oDAEzC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/design-system/Icon/__generated/icons/NotificationsIcon.d.ts

@@ -1,4 +0,0 @@
-import type { IconProps } from '../../Icon';
-declare function NotificationsIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default NotificationsIcon;
-//# sourceMappingURL=NotificationsIcon.d.ts.map

package/dist/design-system/Icon/__generated/icons/NotificationsIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationsIcon.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/Icon/__generated/icons/NotificationsIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAgB5C,iBAAS,iBAAiB,CAAC,KAAK,EAAE,SAAS,oDAE1C;AAED,eAAe,iBAAiB,CAAC"}

package/dist/design-system/Icon/__generated/icons/PinXIcon.d.ts

@@ -1,4 +0,0 @@
-import type { IconProps } from '../../Icon';
-declare function PinXIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default PinXIcon;
-//# sourceMappingURL=PinXIcon.d.ts.map

package/dist/design-system/Icon/__generated/icons/PinXIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PinXIcon.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/Icon/__generated/icons/PinXIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAgB5C,iBAAS,QAAQ,CAAC,KAAK,EAAE,SAAS,oDAEjC;AAED,eAAe,QAAQ,CAAC"}

package/dist/design-system/Icon/__generated/icons/VideosIcon.d.ts

@@ -1,4 +0,0 @@
-import type { IconProps } from '../../Icon';
-declare function VideosIcon(props: IconProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export default VideosIcon;
-//# sourceMappingURL=VideosIcon.d.ts.map

package/dist/design-system/Icon/__generated/icons/VideosIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideosIcon.d.ts","sourceRoot":"","sources":["../../../../../src/design-system/Icon/__generated/icons/VideosIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAgB5C,iBAAS,UAAU,CAAC,KAAK,EAAE,SAAS,oDAEnC;AAED,eAAe,UAAU,CAAC"}

package/dist/theme-dark.json

@@ -1 +0,0 @@
-{"colors":{"radioInteractiveAvailable":"#2272B4","radioInteractiveHover":"#186099","radioInteractivePress":"#0D4F85","radioDisabled":"#A2AEB8","radioDefaultBorder":"#64727D","radioDefaultBackground":"#FFFFFF","radioInteractiveHoverSecondary":"rgba(34, 115, 181, 0.08)","radioInteractivePressSecondary":"rgba(34, 115, 181, 0.16)","actionDangerPrimaryBackgroundDefault":"#f792a6d6","actionDangerPrimaryBackgroundHover":"#f792a6b8","actionDangerPrimaryBackgroundPress":"#f792a699","actionDangerDefaultBackgroundDefault":"#f792a600","actionDangerDefaultBackgroundHover":"#f792a614","actionDangerDefaultBackgroundPress":"#f792a629","actionDangerDefaultBorderDefault":"#F792A6","actionDangerDefaultBorderHover":"#f792a6b8","actionDangerDefaultBorderPress":"#f792a699","actionDangerDefaultTextDefault":"#F792A6","actionDangerDefaultTextHover":"#f792a6b8","actionDangerDefaultTextPress":"#f792a699","actionDefaultBackgroundDefault":"#8acaff00","actionDefaultBackgroundHover":"#8acaff14","actionDefaultBackgroundPress":"#8acaff29","actionDefaultBorderDefault":"#ffffff99","actionDefaultBorderFocus":"#8acaffd6","actionDefaultBorderHover":"#8acaffcc","actionDefaultBorderPress":"#8acaffc2","actionDefaultTextDefault":"#ffffffd6","actionDefaultTextHover":"#8acaffcc","actionDefaultTextPress":"#8acaffc2","actionDisabledBackground":"#ffffff3d","actionDisabledText":"#ffffff66","actionPrimaryBackgroundDefault":"#8acaffd6","actionPrimaryBackgroundHover":"#8acaffcc","actionPrimaryBackgroundPress":"#8acaffc2","actionPrimaryTextDefault":"#1F272D","actionPrimaryTextHover":"#1F272D","actionPrimaryTextPress":"#1F272D","actionTertiaryBackgroundDefault":"#8acaff00","actionTertiaryBackgroundHover":"#8acaff14","actionTertiaryBackgroundPress":"#8acaff29","actionTertiaryTextDefault":"#8acaffd6","actionTertiaryTextHover":"#8acaffcc","actionTertiaryTextPress":"#8acaffc2","backgroundPrimary":"#1F272D","backgroundSecondary":"#ffffff0a","border":"#ffffff7a","borderDecorative":"#ffffff3d","textPrimary":"#ffffffd6","textSecondary":"#ffffff99","textPlaceholder":"#bdcddbd6","textValidationDanger":"#f792a6d6","textValidationSuccess":"#8ddda8d6","textValidationWarning":"#f2be88d6","overlayOverlay":"#1f272db8","tagDefault":"#ffffff29","tagBrown":"#a6630cd6","tagCoral":"#c83243d6","tagCharcoal":"#5d7283d6","tagIndigo":"#434a93d6","tagLemon":"#facb66d6","tagLime":"#308613d6","tagPink":"#b45091d6","tagPurple":"#8a63bfd6","tagTeal":"#04867dd6","tagTurquoise":"#157cbcd6","tagText":"#ffffffd6","tagHover":"#8acaff14","tagPress":"#8acaff29","tagIconHover":"#ffffffcc","tagIconPress":"#ffffffc2","typographyCodeBg":"#ffffff29","tooltipBackgroundTooltip":"#ffffff99","backgroundDanger":"rgba(200,45,76,0.08)","backgroundWarning":"rgba(222,121,33,0.08)","textValidationInfo":"#64727D","backgroundValidationDanger":"#FFF5F7","backgroundValidationSuccess":"#F0F8FF","backgroundValidationWarning":"#FFF9EB","borderValidationDanger":"#FBD0D8","borderValidationSuccess":"#BAE1FC","borderValidationWarning":"#F8D4A5","primary":"#2272B4","blue100":"#F0F8FF","blue200":"#D7EDFE","blue300":"#BAE1FC","blue400":"#8ACAFF","blue500":"#4299E0","blue600":"#2272B4","blue700":"#0E538B","blue800":"#04355D","green100":"#F3FCF6","green200":"#D4F7DF","green300":"#B1ECC5","green400":"#8DDDA8","green500":"#3CAA60","green600":"#277C43","green700":"#115026","green800":"#093919","white":"#FFFFFF","grey100":"#F2F5F7","grey200":"#E4ECF1","grey300":"#CDDAE5","grey400":"#BDCDDB","grey500":"#8196A7","grey600":"#5D7283","grey700":"#44535F","grey800":"#1F272D","red100":"#FFF5F7","red200":"#FDE2E8","red300":"#FBD0D8","red400":"#F792A6","red500":"#E65B77","red600":"#C82D4C","red700":"#9E102C","red800":"#630316","yellow100":"#FFF9EB","yellow200":"#FCEACA","yellow300":"#F8D4A5","yellow400":"#F2BE88","yellow500":"#DE7921","yellow600":"#BE501E","yellow700":"#93320B","yellow800":"#5F1B02","brown":"#A6630C","coral":"#C83243","charcoal":"#5D7283","indigo":"#434A93","lemon":"#FACB66","lime":"#308613","pink":"#B45091","purple":"#8A63BF","teal":"#04867D","turquoise":"#157CBC"},"spacing":{"xs":4,"sm":8,"md":16,"lg":24},"general":{"classnamePrefix":"du-bois","iconfontCssPrefix":"anticon","borderRadiusBase":4,"borderWidth":1,"heightSm":32,"heightBase":40,"iconSize":24,"iconFontSize":13,"buttonHeight":40,"buttonInnerHeight":22},"typography":{"fontSizeSm":12,"fontSizeBase":13,"fontSizeMd":13,"fontSizeLg":18,"fontSizeXl":22,"fontSizeXxl":32,"lineHeightSm":"16px","lineHeightBase":"20px","lineHeightMd":"20px","lineHeightLg":"24px","lineHeightXl":"28px","lineHeightXxl":"40px","typographyBoldFontWeight":600},"borders":{"borderRadiusMd":4},"themeName":"dark","options":{"enableAnimation":false,"zIndexBase":1000}}

package/dist/theme-default.json

@@ -1 +0,0 @@
-{"colors":{"radioInteractiveAvailable":"#2272B4","radioInteractiveHover":"#186099","radioInteractivePress":"#0D4F85","radioDisabled":"#A2AEB8","radioDefaultBorder":"#64727D","radioDefaultBackground":"#FFFFFF","radioInteractiveHoverSecondary":"rgba(34, 115, 181, 0.08)","radioInteractivePressSecondary":"rgba(34, 115, 181, 0.16)","backgroundPrimary":"#FFFFFF","actionDangerPrimaryBackgroundDefault":"#C82D4C","actionDangerPrimaryBackgroundHover":"#9E102C","actionDangerPrimaryBackgroundPress":"#630316","actionDangerDefaultBackgroundDefault":"#c82d4c00","actionDangerDefaultBackgroundHover":"#c82d4c14","actionDangerDefaultBackgroundPress":"#c82d4c29","actionDangerDefaultBorderDefault":"#C82D4C","actionDangerDefaultBorderHover":"#9E102C","actionDangerDefaultBorderPress":"#630316","actionDangerDefaultTextDefault":"#C82D4C","actionDangerDefaultTextHover":"#9E102C","actionDangerDefaultTextPress":"#630316","actionDefaultBackgroundDefault":"#04355d00","actionDefaultBackgroundHover":"#2272b414","actionDefaultBackgroundPress":"#2272b429","actionDefaultBorderDefault":"#CDDAE5","actionDefaultBorderFocus":"#2272B4","actionDefaultBorderHover":"#0E538B","actionDefaultBorderPress":"#04355D","actionDefaultTextDefault":"#1F272D","actionDefaultTextHover":"#0E538B","actionDefaultTextPress":"#04355D","actionDisabledBackground":"#E4ECF1","actionDisabledText":"#BDCDDB","actionPrimaryBackgroundDefault":"#2272B4","actionPrimaryBackgroundHover":"#0E538B","actionPrimaryBackgroundPress":"#04355D","actionPrimaryTextDefault":"#FFFFFF","actionPrimaryTextHover":"#FFFFFF","actionPrimaryTextPress":"#FFFFFF","actionTertiaryBackgroundDefault":"#2272b400","actionTertiaryBackgroundHover":"#2272b414","actionTertiaryBackgroundPress":"#2272b429","actionTertiaryTextDefault":"#2272B4","actionTertiaryTextHover":"#0E538B","actionTertiaryTextPress":"#04355D","backgroundDanger":"#fff5f714","backgroundSecondary":"#F2F5F7","backgroundWarning":"#fff9eb14","border":"#CDDAE5","borderDecorative":"#CDDAE5","textPrimary":"#1F272D","textSecondary":"#5D7283","textPlaceholder":"#BDCDDB","textValidationDanger":"#C82D4C","textValidationSuccess":"#277C43","textValidationWarning":"#BE501E","overlayOverlay":"#f2f5f7b8","tagDefault":"#5d728314","tagBrown":"#A6630C","tagCoral":"#C83243","tagCharcoal":"#5D7283","tagIndigo":"#434A93","tagLemon":"#FACB66","tagLime":"#308613","tagPink":"#B45091","tagPurple":"#8A63BF","tagTeal":"#04867D","tagTurquoise":"#157CBC","tagText":"#FFFFFF","tagHover":"#8acaff14","tagPress":"#8acaff29","tagIconHover":"#ffffffcc","tagIconPress":"#ffffffc2","typographyCodeBg":"#5d728314","tooltipBackgroundTooltip":"#1F272D","textValidationInfo":"#64727D","backgroundValidationDanger":"#FFF5F7","backgroundValidationSuccess":"#F0F8FF","backgroundValidationWarning":"#FFF9EB","borderValidationDanger":"#FBD0D8","borderValidationSuccess":"#BAE1FC","borderValidationWarning":"#F8D4A5","primary":"#2272B4","blue100":"#F0F8FF","blue200":"#D7EDFE","blue300":"#BAE1FC","blue400":"#8ACAFF","blue500":"#4299E0","blue600":"#2272B4","blue700":"#0E538B","blue800":"#04355D","green100":"#F3FCF6","green200":"#D4F7DF","green300":"#B1ECC5","green400":"#8DDDA8","green500":"#3CAA60","green600":"#277C43","green700":"#115026","green800":"#093919","white":"#FFFFFF","grey100":"#F2F5F7","grey200":"#E4ECF1","grey300":"#CDDAE5","grey400":"#BDCDDB","grey500":"#8196A7","grey600":"#5D7283","grey700":"#44535F","grey800":"#1F272D","red100":"#FFF5F7","red200":"#FDE2E8","red300":"#FBD0D8","red400":"#F792A6","red500":"#E65B77","red600":"#C82D4C","red700":"#9E102C","red800":"#630316","yellow100":"#FFF9EB","yellow200":"#FCEACA","yellow300":"#F8D4A5","yellow400":"#F2BE88","yellow500":"#DE7921","yellow600":"#BE501E","yellow700":"#93320B","yellow800":"#5F1B02","brown":"#A6630C","coral":"#C83243","charcoal":"#5D7283","indigo":"#434A93","lemon":"#FACB66","lime":"#308613","pink":"#B45091","purple":"#8A63BF","teal":"#04867D","turquoise":"#157CBC"},"spacing":{"xs":4,"sm":8,"md":16,"lg":24},"general":{"classnamePrefix":"du-bois","iconfontCssPrefix":"anticon","borderRadiusBase":4,"borderWidth":1,"heightSm":32,"heightBase":40,"iconSize":24,"iconFontSize":13,"buttonHeight":40,"buttonInnerHeight":22},"typography":{"fontSizeSm":12,"fontSizeBase":13,"fontSizeMd":13,"fontSizeLg":18,"fontSizeXl":22,"fontSizeXxl":32,"lineHeightSm":"16px","lineHeightBase":"20px","lineHeightMd":"20px","lineHeightLg":"24px","lineHeightXl":"28px","lineHeightXxl":"40px","typographyBoldFontWeight":600},"borders":{"borderRadiusMd":4},"themeName":"default","options":{"enableAnimation":false,"zIndexBase":1000}}