@databricks/design-system 1.7.0 → 1.9.0

package/dist/test-utils/enzyme.d.ts

@@ -0,0 +1,8 @@
+import type { ReactWrapper } from 'enzyme';
+/**
+ * Open a dropdown menu by simulating a pointerDown event on the dropdown button.
+ *
+ * @param dropdownButton - The Dropdown Trigger button that opens the menu when clicked.
+ */
+export declare const openDropdownMenu: (dropdownButton: ReactWrapper) => void;
+//# sourceMappingURL=enzyme.d.ts.map

package/dist/test-utils/enzyme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enzyme.d.ts","sourceRoot":"","sources":["../../src/test-utils/enzyme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,mBAAoB,YAAY,SAE5D,CAAC"}

package/dist/test-utils/enzyme.js

@@ -0,0 +1,16 @@
+// eslint-disable-next-line @databricks/no-restricted-imports-regexp
+
+/**
+ * Open a dropdown menu by simulating a pointerDown event on the dropdown button.
+ *
+ * @param dropdownButton - The Dropdown Trigger button that opens the menu when clicked.
+ */
+const openDropdownMenu = dropdownButton => {
+  dropdownButton.hostNodes().simulate('pointerDown', {
+    button: 0,
+    ctrlKey: false
+  });
+};
+
+export { openDropdownMenu };
+//# sourceMappingURL=enzyme.js.map

package/dist/test-utils/enzyme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enzyme.js","sources":["../../src/test-utils/enzyme.ts"],"sourcesContent":["// eslint-disable-next-line @databricks/no-restricted-imports-regexp\nimport type { ReactWrapper } from 'enzyme';\n\n/**\n * Open a dropdown menu by simulating a pointerDown event on the dropdown button.\n *\n * @param dropdownButton - The Dropdown Trigger button that opens the menu when clicked.\n */\nexport const openDropdownMenu = (dropdownButton: ReactWrapper) => {\n  dropdownButton.hostNodes().simulate('pointerDown', { button: 0, ctrlKey: false });\n};\n"],"names":["openDropdownMenu","dropdownButton","hostNodes","simulate","button","ctrlKey"],"mappings":"AAAA;;AAGA;AACA;AACA;AACA;AACA;MACaA,gBAAgB,GAAIC,cAA4B,IAAK;EAChEA,cAAc,CAACC,SAAS,EAAE,CAACC,QAAQ,CAAC,aAAa,EAAE;IAAEC,MAAM,EAAE,CAAC;IAAEC,OAAO,EAAE;GAAO,CAAC;AACnF;;;;"}

package/dist/test-utils/rtl.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Opens the dropdown menu by clicking on the dropdown button.
+ *
+ * @param dropdownButton - The Dropdown Trigger button that opens the menu when clicked.
+ */
+export declare const openDropdownMenu: (dropdownButton: HTMLElement) => Promise<void>;
+//# sourceMappingURL=rtl.d.ts.map

package/dist/test-utils/rtl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rtl.d.ts","sourceRoot":"","sources":["../../src/test-utils/rtl.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,mBAA0B,WAAW,kBAEjE,CAAC"}

package/dist/test-utils/rtl.js

@@ -0,0 +1,13 @@
+import userEvent from '@testing-library/user-event';
+
+/**
+ * Opens the dropdown menu by clicking on the dropdown button.
+ *
+ * @param dropdownButton - The Dropdown Trigger button that opens the menu when clicked.
+ */
+const openDropdownMenu = async dropdownButton => {
+  await userEvent.click(dropdownButton);
+};
+
+export { openDropdownMenu };
+//# sourceMappingURL=rtl.js.map

package/dist/test-utils/rtl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rtl.js","sources":["../../src/test-utils/rtl.ts"],"sourcesContent":["import userEvent from '@testing-library/user-event';\n\n/**\n * Opens the dropdown menu by clicking on the dropdown button.\n *\n * @param dropdownButton - The Dropdown Trigger button that opens the menu when clicked.\n */\nexport const openDropdownMenu = async (dropdownButton: HTMLElement) => {\n  await userEvent.click(dropdownButton);\n};\n"],"names":["openDropdownMenu","dropdownButton","userEvent","click"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;MACaA,gBAAgB,GAAG,MAAOC,cAA2B,IAAK;EACrE,MAAMC,SAAS,CAACC,KAAK,CAACF,cAAc,CAAC;AACvC;;;;"}

package/dist/test-utils/types.d.ts

@@ -0,0 +1,15 @@
+/**
+ * This file is used to check that the test utilities exposed are the same for
+ * both Enzyme and RTL. Specifically, we simply compare that the export identifiers
+ * are the same between `enzyme.ts` and `rtl.ts`. Note that this does not compare
+ * the input/output types for each export because Enzyme and RTL have very different
+ * types and it would be hard to enforce consistency of the exact API types. `testUtilsEqual`
+ * is required to be `true` through the type system. so if the Enzyme and RTL APIs
+ * diverge, this file will produce a type error.
+ */
+type EnzymeTestUtils = keyof typeof import('./enzyme');
+type RTLTestUtils = keyof typeof import('./rtl');
+type Equal<U1, U2> = [U1] extends [U2] ? ([U2] extends [U1] ? true : false) : false;
+type TestUtilsEqual = Equal<EnzymeTestUtils, RTLTestUtils>;
+declare const testUtilsEqual: TestUtilsEqual;
+//# sourceMappingURL=types.d.ts.map

package/dist/test-utils/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/test-utils/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,KAAK,eAAe,GAAG,MAAM,cAAc,UAAU,CAAC,CAAC;AAGvD,KAAK,YAAY,GAAG,MAAM,cAAc,OAAO,CAAC,CAAC;AAEjD,KAAK,KAAK,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC;AACpF,KAAK,cAAc,GAAG,KAAK,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;AAI3D,QAAA,MAAM,cAAc,EAAE,cAAqB,CAAC"}

package/dist/theme/colorList.d.ts

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

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2F1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAAO,cA8FlC,CAAC"}
+{"version":3,"file":"colorList.d.ts","sourceRoot":"","sources":["../../src/theme/colorList.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAErE,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG,GAAG,SAAS,GAAG,WAAW,EAAE,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnF,MAAM,MAAM,mBAAmB,GAC3B,OAAO,GACP,OAAO,GACP,UAAU,GACV,QAAQ,GACR,OAAO,GACP,MAAM,GACN,MAAM,GACN,QAAQ,GACR,MAAM,GACN,WAAW,CAAC;AAEhB,MAAM,MAAM,aAAa,GAAG,MAAM,UAAU,CAAC,mBAAmB,CAAC,EAAE,GAAG,YAAY,CAAC;AAEnF,KAAK,mBAAmB,GAAG,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;AAE7D,KAAK,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

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

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

@@ -1 +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"}
+{"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,KAAK,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;AAMD,QAAA,MAAM,gBAAgB;;;;;;;;;CAUrB,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,gBAAgB,GAAG,kBAAkB,CAKxF"}

package/dist/theme/index.d.ts

@@ -3,8 +3,8 @@ import { getColors } from './colors';
 import generalVariables from './generalVariables';
 import spacing from './spacing';
 import typography from './typography';
-export declare type ThemeName = 'default' | 'dark';
-export declare type ComponentTheme = ReturnType<typeof getTheme>;
+export type ThemeName = 'default' | 'dark';
+export type ComponentTheme = ReturnType<typeof getTheme>;
 export interface ThemeOptions {
     enableAnimation: boolean;
     zIndexBase: number;

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,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"}
+{"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,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAC3C,MAAM,MAAM,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.7.0",
+  "version": "1.9.0",
   "description": "DuBois Design System",
   "keywords": [],
   "license": "ISC",
@@ -31,7 +31,8 @@
     "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",
-    "build:styles": "npm-run-all --parallel build:styles-default-theme build:styles-dark-theme",
+    "build:styles": "npm-run-all --parallel build:styles-default-theme build:styles-dark-theme build:styles:mfe",
+    "build:styles:mfe": "BUILD_FOR_MFE=true 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",
@@ -71,7 +72,6 @@
     "@jest/types": "^28.1.0",
     "@percy/cli": "1.0.0-beta.70",
     "@percy/storybook": "4.1.0",
-    "@radix-ui/react-popover": "^1.0.0",
     "@radix-ui/react-switch": "^1.0.0",
     "@storybook/addon-actions": "^6.5.5",
     "@storybook/addon-docs": "^6.5.5",
@@ -86,7 +86,8 @@
     "@svgr/cli": "^5.5.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.1.2",
-    "@testing-library/user-event": "^14.0.0",
+    "@types/chroma-js": "^2.1.3",
+    "@types/enzyme": "^3.10.8",
     "@types/glob": "^7.2.0",
     "@types/jest": "^28.1.6",
     "@types/jscodeshift": "^0.11.2",
@@ -94,23 +95,24 @@
     "@types/node": "^16.0.0",
     "@types/react": "^17.0.50",
     "@types/react-dom": "^17.0.17",
+    "@types/react-resizable": "^3.0.3",
     "babel-loader": "^8.2.2",
     "babel-plugin-react-require": "^3.1.3",
     "cross-env": "^7.0.3",
-    "css-loader": "^5.0.1",
+    "css-loader": "^6.7.2",
     "dir-compare-cli": "^1.0.1",
     "glob": "^8.0.1",
     "identity-obj-proxy": "^3.0.0",
     "jscodeshift": "^0.13.0",
-    "less": "^3.0.0",
-    "less-loader": "^7.2.1",
+    "less": "^3.9.0",
+    "less-loader": "^4.1.0",
     "magic-string": "^0.25.7",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.3.5",
     "postcss-filter-rules": "^0.6.1",
     "postcss-loader": "^4",
     "postcss-prefix-selector": "^1.9.0",
-    "prettier": "^2.6.2",
+    "prettier": "^2.8.0",
     "raw-loader": "^4.0.2",
     "rc-menu": "^9.0.14",
     "react": "^17.0.1",
@@ -121,10 +123,10 @@
     "rollup": "^2.61.1",
     "rollup-plugin-postcss": "^4.0.0",
     "storybook-dark-mode": "^1.0.8",
-    "style-loader": "^2.0.0",
+    "style-loader": "^3.3.1",
     "ts-node": "^10.9.1",
     "tsconfig-paths": "^3.9.0",
-    "typescript": "^4.8.4",
+    "typescript": "^4.9.3",
     "webpack": "^5.64.1",
     "webpack-merge": "^5.8.0"
   },
@@ -138,19 +140,23 @@
     "@ant-design/icons": "^4.7.0",
     "@babel/runtime": "^7.20.1",
     "@emotion/unitless": "^0.7.5",
+    "@radix-ui/react-dialog": "^1.0.0",
     "@radix-ui/react-dropdown-menu": "^1.0.0",
+    "@radix-ui/react-popover": "^1.0.0",
     "@rollup/plugin-node-resolve": "^13.1.1",
-    "@types/chroma-js": "^2.1.3",
-    "@types/react-resizable": "^3.0.3",
+    "@testing-library/user-event": "^14.0.0",
     "antd": "4.16.8",
     "chroma-js": "^2.4.2",
     "classnames": "^2.3.1",
+    "enzyme": "^3.11.0",
     "lodash": "^4.17.21",
+    "postcss-prefixwrap": "^1.37.0",
     "react-hook-form": "^7.36.0",
     "react-resizable": "^3.0.4",
-    "tslib": "^2.4.0"
+    "tslib": "^2.4.1"
   },
   "notes": [
     "rollup patch: Limit concurrent writes to work around jenkins open file handle limit affecting classic builds (ES-198426)."
-  ]
+  ],
+  "stableVersion": "1.7.0"
 }

package/dist/design-system/Collapse/Collapse.d.ts

@@ -1,44 +0,0 @@
-/// <reference types="react" />
-import type { Interpolation, Theme as EmotionTheme } from '@emotion/react';
-import type { CollapseProps as AntDCollapseProps, CollapsePanelProps as AntDCollapsePanelProps } from 'antd';
-import type { CollapsibleType } from 'antd/lib/collapse/CollapsePanel';
-import type { HTMLDataAttributes } from '../types';
-export interface CollapseProps extends HTMLDataAttributes {
-    /** If true, Collapse renders as Accordion */
-    accordion?: boolean;
-    /** Key of the active panel */
-    activeKey?: Array<string | number> | string | number;
-    /** Specify whether the panels of children be collapsible or the trigger area of collapsible */
-    collapsible?: CollapsibleType;
-    /** Key of the initial active panel */
-    defaultActiveKey?: Array<string | number> | string | number;
-    /** Destroy Inactive Panel */
-    destroyInactivePanel?: boolean;
-    /** Callback function executed when active panel is changed */
-    onChange?: (key: string | string[]) => void;
-    /** Escape hatch to allow passing props directly to the underlying Ant `TabPane` component. */
-    dangerouslySetAntdProps?: Partial<AntDCollapseProps>;
-    /** Applies emotion styles to the top-level element in the component. Ask in #dubois before using. */
-    dangerouslyAppendEmotionCSS?: Interpolation<EmotionTheme>;
-}
-export interface CollapsePanelProps extends HTMLDataAttributes {
-    /** Unique key identifying the panel from among its siblings */
-    key: string | number;
-    /** Title of the panel */
-    header: React.ReactNode;
-    /** Specify whether the panel be collapsible or the trigger area of collapsible */
-    collapsible?: CollapsibleType;
-    /** Forced render of content on panel, instead of lazy rending after clicking on header */
-    forceRender?: boolean;
-    /** Escape hatch to allow passing props directly to the underlying Ant `TabPane` component. */
-    dangerouslySetAntdProps?: Partial<AntDCollapsePanelProps>;
-    /** Applies emotion styles to the top-level element in the component. Ask in #dubois before using. */
-    dangerouslyAppendEmotionCSS?: Interpolation<EmotionTheme>;
-}
-interface CollapseInterface extends React.FC<CollapseProps> {
-    Panel: React.FC<CollapsePanelProps>;
-}
-export declare const CollapsePanel: React.FC<CollapsePanelProps>;
-export declare const Collapse: CollapseInterface;
-export {};
-//# sourceMappingURL=Collapse.d.ts.map

package/dist/design-system/Collapse/Collapse.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collapse.d.ts","sourceRoot":"","sources":["../../../src/design-system/Collapse/Collapse.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAa,aAAa,EAAoB,KAAK,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAExG,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,kBAAkB,IAAI,sBAAsB,EAAE,MAAM,MAAM,CAAC;AAE7G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC;IACrD,+FAA+F;IAC/F,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5D,6BAA6B;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,8FAA8F;IAC9F,uBAAuB,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACrD,qGAAqG;IACrG,2BAA2B,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAC3D;AAED,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,+DAA+D;IAC/D,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,yBAAyB;IACzB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,kFAAkF;IAClF,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,0FAA0F;IAC1F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8FAA8F;IAC9F,uBAAuB,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAC1D,qGAAqG;IACrG,2BAA2B,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAC3D;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC;IACzD,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;CACrC;AAgFD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAUtD,CAAC;AAEF,eAAO,MAAM,QAAQ,mBAoBjB,CAAC"}

package/dist/design-system/Collapse/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Collapse';
-//# sourceMappingURL=index.d.ts.map

package/dist/design-system/Collapse/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-system/Collapse/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/design-system/FormV2/FormV2.d.ts

@@ -1,21 +0,0 @@
-import { Checkbox } from '../Checkbox';
-import { FormMessage } from '../FormMessage/FormMessage';
-import { Hint } from '../Hint/Hint';
-import { Input } from '../Input';
-import { Label } from '../Label/Label';
-import { Radio } from '../Radio';
-import { Select } from '../Select';
-import { Switch } from '../Switch';
-interface FormV2Interface {
-    Input: typeof Input;
-    Message: typeof FormMessage;
-    Label: typeof Label;
-    Hint: typeof Hint;
-    Select: typeof Select;
-    Checkbox: typeof Checkbox;
-    Radio: typeof Radio;
-    Switch: typeof Switch;
-}
-export declare const FormV2: FormV2Interface;
-export {};
-//# sourceMappingURL=FormV2.d.ts.map

package/dist/design-system/FormV2/FormV2.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormV2.d.ts","sourceRoot":"","sources":["../../../src/design-system/FormV2/FormV2.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,UAAU,eAAe;IACvB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,MAAM,EAAE,OAAO,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,EAAE,eASpB,CAAC"}