@databricks/design-system 1.12.11 → 1.12.13

package/dist/theme/colors.d.ts

@@ -1,133 +1,24 @@
-declare const lightColors: {
-    brown: string;
-    coral: string;
-    charcoal: string;
-    indigo: string;
-    lemon: string;
-    lime: string;
-    pink: string;
-    purple: string;
-    teal: string;
-    turquoise: string;
-    blue100: string;
-    blue200: string;
-    blue300: string;
-    blue400: string;
-    blue500: string;
-    blue600: string;
-    blue700: string;
-    blue800: string;
-    green100: string;
-    green200: string;
-    green300: string;
-    green400: string;
-    green500: string;
-    green600: string;
-    green700: string;
-    green800: string;
-    grey100: string;
-    grey200: string;
-    grey300: string;
-    grey400: string;
-    grey500: string;
-    grey600: string;
-    grey700: string;
-    grey800: string;
-    red100: string;
-    red200: string;
-    red300: string;
-    red400: string;
-    red500: string;
-    red600: string;
-    red700: string;
-    red800: string;
-    yellow100: string;
-    yellow200: string;
-    yellow300: string;
-    yellow400: string;
-    yellow500: string;
-    yellow600: string;
-    yellow700: string;
-    yellow800: string;
-    primary: string;
-    white: string;
-    backgroundPrimary: 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;
-    actionDefaultBorderDefault: string;
-    actionDefaultBorderFocus: string;
-    actionDefaultBorderHover: string;
-    actionDefaultBorderPress: string;
-    actionDefaultTextDefault: string;
-    actionDefaultTextHover: string;
-    actionDefaultTextPress: string;
-    actionDisabledBackground: string;
-    actionDisabledText: string;
-    actionPrimaryBackgroundDefault: string;
-    actionPrimaryBackgroundHover: string;
-    actionPrimaryBackgroundPress: string;
-    actionPrimaryTextDefault: string;
-    actionPrimaryTextHover: string;
-    actionPrimaryTextPress: string;
-    actionTertiaryBackgroundDefault: string;
-    actionTertiaryBackgroundHover: string;
-    actionTertiaryBackgroundPress: string;
-    actionTertiaryTextDefault: string;
-    actionTertiaryTextHover: string;
-    actionTertiaryTextPress: string;
-    backgroundDanger: string;
-    backgroundSecondary: string;
-    backgroundWarning: string;
-    backgroundValidationDanger: string;
-    backgroundValidationSuccess: string;
-    backgroundValidationWarning: string;
-    border: string;
-    borderDecorative: string;
-    borderValidationDanger: string;
-    borderValidationWarning: string;
-    textPrimary: string;
-    textSecondary: string;
-    textPlaceholder: string;
-    textValidationDanger: string;
-    textValidationSuccess: string;
-    textValidationWarning: string;
-    textValidationInfo: string;
-    overlayOverlay: string;
-    tagDefault: string;
-    tagBrown: string;
-    tagCoral: string;
-    tagCharcoal: string;
-    tagIndigo: string;
-    tagLemon: string;
-    tagLime: string;
-    tagPink: string;
-    tagPurple: string;
-    tagTeal: string;
-    tagTurquoise: string;
-    tagText: string;
-    tagHover: string;
-    tagPress: string;
-    tagIconHover: string;
-    tagIconPress: string;
-    typographyCodeBg: string;
-    tableRowHover: string;
-    tooltipBackgroundTooltip: string;
+import { primitiveColors } from './_generated/PrimitiveColors';
+import { lightColorList } from './_generated/SemanticColors-Light';
+declare const branded: {
+    /** For AI components, the top-oriented start color of gradient treatments. */
+    aiGradientStart: string;
+    /** For AI components, the bottom-oriented end color of gradient treatments. */
+    aiGradientEnd: string;
 };
-type DesignSystemColors = typeof lightColors;
-export interface AntdColors {
+type DesignSystemColors = typeof lightColorList & typeof primitiveColors & {
+    /** These colors represent specific brand interactions and experiences,
+     * and should be only be used in specific contexts.
+     */
+    branded: typeof branded;
+};
+export declare function getAntdColors(isDarkMode: boolean): {
+    alertTextColor: string;
+    alertMessageColor: string;
+    spinDotDefault: string;
+    alertErrorBgColor: string;
+    alertInfoBgColor: string;
+    alertWarningBgColor: string;
     bodyBackground: string;
     textColor: string;
     textColorSecondary: string;
@@ -138,32 +29,62 @@ export interface AntdColors {
     warningColor: string;
     borderColorBase: string;
     alertErrorTextColor: string;
-    alertErrorBgColor: string;
-    alertErrorIconColor: string;
     alertErrorBorderColor: string;
-    alertInfoBgColor: string;
-    alertInfoIconColor: string;
+    alertErrorIconColor: string;
     alertInfoTextColor: string;
     alertInfoBorderColor: string;
+    alertInfoIconColor: string;
     alertWarningTextColor: string;
     alertWarningBorderColor: string;
-    alertWarningBgColor: string;
     alertWarningIconColor: string;
-    alertTextColor: string;
-    alertMessageColor: string;
-    spinDotDefault: string;
-}
-export declare function getAntdColors(isDarkMode: boolean): AntdColors;
-declare const deprecatedColors: {
+};
+declare const deprecatedPrimitiveColors: {
+    /** @deprecated This was an alias to `primitiveColors.blue600`, please use that instead.
+     * If possible, please use an appropriate semantic color, such as `actionPrimaryBackgroundDefault`. */
+    primary: string;
+    /** @deprecated This was an alias to `primitiveColors.grey600`, please use that instead.
+     * If possible, please use an appropriate semantic color, such as `actionPrimaryBackgroundHover`. */
+    charcoal: string;
+    /** @deprecated This color supports legacy radio styles and will be removed in an upcoming release (FEINF-1674). */
     radioInteractiveAvailable: string;
+    /** @deprecated This color supports legacy radio styles and will be removed in an upcoming release (FEINF-1674). */
     radioInteractiveHover: string;
+    /** @deprecated This color supports legacy radio styles and will be removed in an upcoming release (FEINF-1674). */
     radioInteractivePress: string;
+    /** @deprecated This color supports legacy radio styles and will be removed in an upcoming release (FEINF-1674). */
     radioDisabled: string;
+    /** @deprecated This color supports legacy radio styles and will be removed in an upcoming release (FEINF-1674). */
     radioDefaultBorder: string;
+    /** @deprecated This color supports legacy radio styles and will be removed in an upcoming release (FEINF-1674). */
     radioDefaultBackground: string;
+    /** @deprecated This color supports legacy radio styles and will be removed in an upcoming release (FEINF-1674). */
     radioInteractiveHoverSecondary: string;
+    /** @deprecated This color supports legacy radio styles and will be removed in an upcoming release (FEINF-1674). */
     radioInteractivePressSecondary: string;
 };
-export declare function getColors(isDarkMode: boolean): typeof deprecatedColors & DesignSystemColors;
+export declare const deprecatedSemanticColorsLight: {
+    /** @deprecated Use `backgroundDanger` (FEINF-xxxx) */
+    backgroundValidationDanger: string;
+    /** @deprecated Use `backgroundSuccess` (FEINF-xxxx) */
+    backgroundValidationSuccess: string;
+    /** @deprecated Use `backgroundWarning` (FEINF-xxxx) */
+    backgroundValidationWarning: string;
+    /** @deprecated Use `border` (FEINF-xxxx) */
+    borderDecorative: string;
+    /** @deprecated Use `borderDanger` (FEINF-xxxx) */
+    borderValidationDanger: string;
+    /** @deprecated Use `borderWarning` (FEINF-xxxx) */
+    borderValidationWarning: string;
+    /** @deprecated Use `tableBackgroundUnselectedHover` (FEINF-xxxx) */
+    tableRowHover: string;
+    /** @deprecated Use `textSecondary` (FEINF-xxxx) */
+    textValidationInfo: string;
+    /** @deprecated Use `codeBackground` (FEINF-xxxx) */
+    typographyCodeBg: string;
+};
+export declare const deprecatedSemanticColorsDark: typeof deprecatedSemanticColorsLight;
+export type SecondaryColorToken = 'brown' | 'coral' | 'indigo' | 'lemon' | 'lime' | 'pink' | 'purple' | 'teal' | 'turquoise';
+export type TagColorToken = `tag${Capitalize<SecondaryColorToken>}` | 'tagDefault';
+export declare function getColors(isDarkMode: boolean): typeof deprecatedPrimitiveColors & typeof deprecatedSemanticColorsLight & DesignSystemColors;
 export {};
 //# sourceMappingURL=colors.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAaA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA0E,CAAC;AAC5F,KAAK,kBAAkB,GAAG,OAAO,WAAW,CAAC;AAiB7C,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,UAAU,EAAE,OAAO,GAAG,UAAU,CAwC7D;AAMD,QAAA,MAAM,gBAAgB;;;;;;;;;CAUrB,CAAC;AAEF,wBAAgB,SAAS,CAAC,UAAU,EAAE,OAAO,GAAG,OAAO,gBAAgB,GAAG,kBAAkB,CAK3F"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE,QAAA,MAAM,OAAO;IACX,8EAA8E;;IAE9E,+EAA+E;;CAEhF,CAAC;AAKF,KAAK,kBAAkB,GAAG,OAAO,cAAc,GAC7C,OAAO,eAAe,GAAG;IACvB;;OAEG;IACH,OAAO,EAAE,OAAO,OAAO,CAAC;CACzB,CAAC;AAQJ,wBAAgB,aAAa,CAAC,UAAU,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;EAwChD;AAID,QAAA,MAAM,yBAAyB;IAC7B;0GACsG;;IAEtG;wGACoG;;IAEpG,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;IAEnH,mHAAmH;;CAEpH,CAAC;AAEF,eAAO,MAAM,6BAA6B;IACxC,sDAAsD;;IAEtD,uDAAuD;;IAEvD,uDAAuD;;IAEvD,4CAA4C;;IAE5C,kDAAkD;;IAElD,mDAAmD;;IAEnD,oEAAoE;;IAEpE,mDAAmD;;IAEnD,oDAAoD;;CAErD,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,OAAO,6BAUjD,CAAC;AAIF,MAAM,MAAM,mBAAmB,GAC3B,OAAO,GACP,OAAO,GACP,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,wBAAgB,SAAS,CACvB,UAAU,EAAE,OAAO,GAClB,OAAO,yBAAyB,GAAG,OAAO,6BAA6B,GAAG,kBAAkB,CAM9F"}

package/dist/theme/generalVariables.d.ts

@@ -10,9 +10,14 @@ declare const antdGeneralVariables: {
     buttonHeight: number;
     buttonInnerHeight: number;
 };
+export declare const shadowLightRgb: "31, 39, 45";
+export declare const shadowDarkRgb: "0, 0, 0";
 export declare const getShadowVariables: (isDarkMode: boolean) => {
-    shadowLow: string;
-    shadowHigh: string;
+    readonly shadowLow: "0px 4px 16px rgba(0, 0, 0, 0.12)";
+    readonly shadowHigh: "0px 8px 24px rgba(0, 0, 0, 0.2);";
+} | {
+    readonly shadowLow: "0px 4px 16px rgba(31, 39, 45, 0.12)";
+    readonly shadowHigh: "0px 8px 24px rgba(31, 39, 45, 0.2)";
 };
 export default antdGeneralVariables;
 //# sourceMappingURL=generalVariables.d.ts.map

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;;;;;;;;;;;CAYzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,eAAgB,OAAO;;;CAYrD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"generalVariables.d.ts","sourceRoot":"","sources":["../../src/theme/generalVariables.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,oBAAoB;;;;;;;;;;;CAYzB,CAAC;AAEF,eAAO,MAAM,cAAc,cAAwB,CAAC;AACpD,eAAO,MAAM,aAAa,WAAqB,CAAC;AAEhD,eAAO,MAAM,kBAAkB,eAAgB,OAAO;;;;;;CAYrD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/theme/typography.d.ts

@@ -11,6 +11,7 @@ export declare const antdTypography: {
     lineHeightLg: string;
     lineHeightXl: string;
     lineHeightXxl: string;
+    typographyRegularFontWeight: number;
     typographyBoldFontWeight: number;
 };
 declare const _default: {
@@ -26,6 +27,7 @@ declare const _default: {
     lineHeightLg: string;
     lineHeightXl: string;
     lineHeightXxl: string;
+    typographyRegularFontWeight: number;
     typographyBoldFontWeight: number;
 };
 export default _default;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databricks/design-system",
-  "version": "1.12.11",
+  "version": "1.12.13",
   "description": "DuBois Design System",
   "keywords": [],
   "license": "ISC",
@@ -24,7 +24,7 @@
     "prepublish": "./scripts/prepublish",
     "postpublish": "./scripts/postpublish",
     "generate": "npm-run-all generate:icons generate:icons-story",
-    "generate:icons": "svgr -d src/design-system/Icon/__generated/icons --typescript --template src/design-system/Icon/generator/iconTemplate.js --icon --replace-attr-values \"#5D7283=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 \"#727272=currentColor\" src/assets/icons",
     "generate:icons-story": "node ./src/design-system/Icon/generator/generateIconStory.js",
     "build": "rm -rf dist && yarn build:js && yarn build:less-colors",
     "build:deps": "yarn workspaces foreach -piR --topological-dev --from @databricks/design-system --exclude @databricks/design-system run build",
@@ -32,14 +32,14 @@
     "build:less-colors": "swc-node ./scripts/less_color_vars_generation.ts",
     "gocx-codegen": "../js/scripts/bin/gocx-codegen",
     "watch": "yarn build:js --watch",
-    "storybook-build": "yarn build:storybook",
-    "build:storybook": "yarn build && TS_NODE_PROJECT=.storybook/tsconfig.json yarn databricks-build-storybook -c storybook",
+    "build:storybook": "yarn build && NODE_OPTIONS=${NODE_OPTIONS:-'--max_old_space_size=12288'} TS_NODE_PROJECT=.storybook/tsconfig.json yarn databricks-build-storybook -c storybook",
     "storybook": "yarn start:storybook",
     "storybook:generate-safex-index": "swc-node ./scripts/safex_keys/regenerate.ts",
     "storybook:generate-safex-index-check": "swc-node ./scripts/safex_keys/check.ts",
-    "start:storybook": "TS_NODE_PROJECT=.storybook/tsconfig.json BROWSER=none databricks-start-storybook -p 6006 -c storybook",
+    "start:storybook": "NODE_OPTIONS='--max_old_space_size=12288' TS_NODE_PROJECT=.storybook/tsconfig.json BROWSER=none databricks-start-storybook -p 6006 -c storybook",
     "indexes-regenerate": "swc-node ./scripts/index_regeneration/regenerate.ts",
     "indexes-check": "swc-node ./scripts/index_regeneration/check.ts",
+    "theme-regenerate": "swc-node ./scripts/theme_regeneration/regenerate_primitive_color_list.ts && swc-node ./scripts/theme_regeneration/regenerate_semantic_color_lists.ts  && swc-node ./scripts/theme_regeneration/regenerate_color_validity_enums.ts && databricks-prettier ./src/theme/_generated --write",
     "snapshot": "databricks-percy storybook ./storybook-static -c .percy.storybook.yml --verbose -t750",
     "prettier:fix": "databricks-prettier . --write",
     "prettier:check": "databricks-prettier . --check",
@@ -54,10 +54,10 @@
     "prep-deps": ": # magic task to allow yarn ensure-deps plugin prepare dependencies of this package"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.1",
-    "@babel/preset-env": "^7.22.4",
-    "@babel/preset-react": "^7.22.3",
-    "@babel/preset-typescript": "^7.21.5",
+    "@babel/core": "^7.23.0",
+    "@babel/preset-env": "^7.22.20",
+    "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.0",
     "@databricks/config-eslint": "1.0.0",
     "@databricks/config-jest": "1.0.0",
     "@databricks/config-percy": "0.0.0",
@@ -83,11 +83,12 @@
     "@storybook/core-events": "^6.5.5",
     "@storybook/react": "^6.5.5",
     "@storybook/theming": "^6.5.5",
-    "@svgr/cli": "^8.0.1",
-    "@swc/core": "^1.3.61",
+    "@svgr/cli": "^8.1.0",
+    "@swc/core": "^1.3.91",
     "@swc/register": "^0.1.10",
     "@tanstack/react-table": "^8.8.2",
     "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react-for-react-18": "npm:@testing-library/react@^14.0.0",
     "@types/chroma-js": "^2.1.3",
     "@types/enzyme": "^3.10.8",
     "@types/glob": "^7.2.0",
@@ -100,12 +101,12 @@
     "@types/react-resizable": "^3.0.3",
     "@types/testing-library__jest-dom": "^5.14.1",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.2",
-    "babel-loader": "^9.1.2",
+    "babel-loader": "^9.1.3",
     "babel-plugin-react-require": "^3.1.3",
     "cross-env": "^7.0.3",
     "css-loader": "^6.7.2",
     "dir-compare-cli": "^1.0.1",
-    "eslint-import-resolver-typescript": "^3.5.5",
+    "eslint-import-resolver-typescript": "^3.6.1",
     "glob": "^8.0.1",
     "identity-obj-proxy": "^3.0.0",
     "jscodeshift": "^0.13.0",
@@ -119,16 +120,16 @@
     "prettier": "^2.8.0",
     "raw-loader": "^4.0.2",
     "rc-menu": "^9.0.14",
-    "react": "^17.0.1",
+    "react": "^18.2.0",
     "react-docgen-typescript": "^1.20.5",
-    "react-dom": "^17.0.1",
+    "react-dom": "^18.2.0",
     "react-shadow-root": "^6.2.0",
     "react-virtual": "^2.10.4",
     "resize-observer-polyfill": "^1.5.1",
     "storybook-dark-mode": "^1.0.8",
     "style-loader": "^3.3.1",
     "tsconfig-paths": "^3.9.0",
-    "typescript": "^5.0.2",
+    "typescript": "5.2.2",
     "usehooks-ts": "^2.9.1",
     "webpack": "^5.75.0",
     "webpack-merge": "^5.8.0"
@@ -136,23 +137,24 @@
   "peerDependencies": {
     "@emotion/react": "^11.4.0",
     "moment": "^2.25.3",
-    "react": ">=16.14.0",
-    "react-dom": ">=16.14.0"
+    "react": "*",
+    "react-dom": "*"
   },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
-    "@babel/runtime": "^7.22.3",
+    "@babel/runtime": "^7.23.1",
     "@emotion/unitless": "^0.7.5",
     "@floating-ui/react": "^0.24.6",
-    "@radix-ui/react-context-menu": "^1.0.0",
-    "@radix-ui/react-dialog": "1.0.3",
-    "@radix-ui/react-dropdown-menu": "1.0.0",
-    "@radix-ui/react-popover": "1.0.5",
-    "@radix-ui/react-slider": "1.1.1",
-    "@radix-ui/react-toast": "1.1.3",
-    "@radix-ui/react-toggle": "1.0.2",
+    "@radix-ui/react-context-menu": "2.1.5",
+    "@radix-ui/react-dialog": "1.0.5",
+    "@radix-ui/react-dropdown-menu": "2.0.6",
+    "@radix-ui/react-popover": "1.0.7",
+    "@radix-ui/react-slider": "1.1.2",
+    "@radix-ui/react-toast": "1.1.5",
+    "@radix-ui/react-toggle": "1.0.3",
+    "@radix-ui/react-toolbar": "1.0.4",
     "@testing-library/react": "^12.1.2",
-    "@testing-library/user-event": "^14.0.0",
+    "@testing-library/user-event-14": "npm:@testing-library/user-event@^14.0.0",
     "antd": "4.16.8",
     "chroma-js": "^2.4.2",
     "classnames": "^2.3.1",
@@ -162,7 +164,7 @@
     "postcss-prefixwrap": "^1.37.0",
     "react-hook-form": "^7.36.0",
     "react-resizable": "^3.0.4",
-    "tslib": "^2.5.0"
+    "tslib": "^2.6.2"
   },
   "stableVersion": "1.7.0"
 }