@databricks/design-system 2.0.3 → 2.0.5

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

@@ -120,6 +120,8 @@ export { default as CloudOffIcon } from "./CloudOffIcon";
 export { default as CloudUploadIcon } from "./CloudUploadIcon";
 export { default as CodeIcon } from "./CodeIcon";
 export { default as ColorFillIcon } from "./ColorFillIcon";
+export { default as ColorMappingEditIcon } from "./ColorMappingEditIcon";
+export { default as ColorMappingIcon } from "./ColorMappingIcon";
 export { default as ColumnIcon } from "./ColumnIcon";
 export { default as ColumnSplitIcon } from "./ColumnSplitIcon";
 export { default as ColumnTagIcon } from "./ColumnTagIcon";
@@ -276,6 +278,8 @@ export { default as McpIcon } from "./McpIcon";
 export { default as MeasureIcon } from "./MeasureIcon";
 export { default as MegaphoneIcon } from "./MegaphoneIcon";
 export { default as MenuIcon } from "./MenuIcon";
+export { default as MicrophoneIcon } from "./MicrophoneIcon";
+export { default as MicrophoneOffIcon } from "./MicrophoneOffIcon";
 export { default as MinusCircleFillIcon } from "./MinusCircleFillIcon";
 export { default as MinusCircleIcon } from "./MinusCircleIcon";
 export { default as MinusCircleSmallIcon } from "./MinusCircleSmallIcon";
@@ -297,6 +301,7 @@ export { default as NumberFormatIcon } from "./NumberFormatIcon";
 export { default as NumbersIcon } from "./NumbersIcon";
 export { default as OfficeIcon } from "./OfficeIcon";
 export { default as OntologyIcon } from "./OntologyIcon";
+export { default as OperatorIcon } from "./OperatorIcon";
 export { default as OverflowHorizontalIcon } from "./OverflowHorizontalIcon";
 export { default as OverflowIcon } from "./OverflowIcon";
 export { default as PageBottomIcon } from "./PageBottomIcon";
@@ -469,6 +474,7 @@ export { default as UserTeamIcon } from "./UserTeamIcon";
 export { default as VisibleFillIcon } from "./VisibleFillIcon";
 export { default as VisibleIcon } from "./VisibleIcon";
 export { default as VisibleOffIcon } from "./VisibleOffIcon";
+export { default as VoiceModeIcon } from "./VoiceModeIcon";
 export { default as WarningFillIcon } from "./WarningFillIcon";
 export { default as WarningIcon } from "./WarningIcon";
 export { default as WorkflowCodeIcon } from "./WorkflowCodeIcon";

package/dist-types/design-system/Overflow/Overflow.d.ts

@@ -8,6 +8,8 @@ export interface OverflowProps extends PopoverProps {
 	* @default 1
 	*/
 	visibleItemsCount?: number;
+	/** Opens the overflow menu on mount; passed through to the underlying Popover. */
+	defaultOpen?: boolean;
 	children: React.ReactNode;
 }
-export declare const Overflow: ({ children, noMargin, visibleItemsCount, ...props }: OverflowProps) => React.ReactElement;
+export declare const Overflow: ({ children, noMargin, visibleItemsCount, defaultOpen, ...props }: OverflowProps) => React.ReactElement;

package/dist-types/design-system/Overflow/OverflowPopover.d.ts

@@ -4,6 +4,7 @@ interface OverflowPopoverProps extends PopoverProps {
 	renderLabel?: (label: string) => React.ReactNode;
 	tooltipText?: string;
 	ariaLabel?: string;
+	defaultOpen?: boolean;
 }
-export declare const OverflowPopover: ({ items, renderLabel, tooltipText, ariaLabel, ...props }: OverflowPopoverProps) => JSX.Element;
+export declare const OverflowPopover: ({ items, renderLabel, tooltipText, ariaLabel, defaultOpen, ...props }: OverflowPopoverProps) => JSX.Element;
 export {};

package/dist-types/design-system/TypeaheadComboboxV2/TypeaheadComboboxMenu.d.ts

@@ -13,5 +13,7 @@ export interface TypeaheadComboboxMenuProps extends HTMLAttributes<HTMLUListElem
 	virtualizerRef?: Ref<HTMLUListElement>;
 	children?: ReactNode;
 	matchTriggerWidth?: boolean;
+	/** Gap in px between the trigger and the menu. */
+	offset?: number;
 }
 export declare const TypeaheadComboboxMenu: ForwardRefExoticComponent<TypeaheadComboboxMenuProps & RefAttributes<HTMLElement | null>>;

package/dist-types/design-system/shape-tokens.d.ts

@@ -2,6 +2,6 @@ export declare enum ShapeTokens {
 	ACTION_BORDER_RADIUS = "--action-border-radius",
 	INPUT_BORDER_RADIUS = "--input-border-radius",
 	LIST_ITEM_BORDER_RADIUS = "--list-item-border-radius",
-	POPOVER_BORDER_RADIUS = "--popover-border-radius",
+	POPUP_BORDER_RADIUS = "--popup-border-radius",
 	INFO_CONTAINER_BORDER_RADIUS = "--info-container-border-radius"
 }

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

@@ -0,0 +1,11 @@
+export declare const BUTTON_VARIANT_CLASS_TOKENS: {
+	readonly primary: readonly ["du-bois-light-btn-primary", "du-bois-dark-btn-primary", "ant-btn-primary", "db-btn-primary"];
+	readonly dangerous: readonly ["du-bois-light-btn-dangerous", "du-bois-dark-btn-dangerous", "ant-btn-dangerous", "db-btn-danger"];
+	readonly block: readonly ["du-bois-light-btn-block", "du-bois-dark-btn-block", "ant-btn-block", "db-btn-block"];
+	readonly link: readonly ["du-bois-light-btn-link", "du-bois-dark-btn-link", "ant-btn-link", "db-btn-link"];
+};
+export type ButtonVariant = keyof typeof BUTTON_VARIANT_CLASS_TOKENS;
+export declare const isPrimaryButton: (button: Element) => boolean;
+export declare const isDangerousButton: (button: Element) => boolean;
+export declare const isBlockButton: (button: Element) => boolean;
+export declare const isLinkButton: (button: Element) => boolean;

package/dist-types/~patterns/Wizard/WizardStepNavigation.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+export interface WizardStepNavigation {
+	goToStep: (step: number) => void;
+	currentStepIndex: number;
+}
+export declare function useWizardStepNavigation(): WizardStepNavigation | undefined;
+export declare function WizardStepNavigationProvider({ goToStep, currentStepIndex, children }: WizardStepNavigation & {
+	children: ReactNode;
+}): JSX.Element;

package/dist-types/~patterns/Wizard/index.d.ts

@@ -2,6 +2,7 @@ export * from "./Wizard";
 export * from "./WizardProps";
 export * from "./useWizardCurrentStep";
 export type { WizardStep } from "./WizardStep";
+export * from "./WizardStepNavigation";
 export * from "./WizardModal";
 export * from "./DocumentationSidebar";
 export * from "./WizardStepContentWrapper";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databricks/design-system",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "DuBois Design System",
   "keywords": [],
   "license": "ISC",
@@ -26,6 +26,11 @@
       "import": "./dist/patterns.js",
       "require": "./dist/patterns.js"
     },
+    "./test-utils/rtl/buttonVariants": {
+      "types": "./dist-types/test-utils/rtl/buttonVariants.d.ts",
+      "import": "./dist/test-utils/rtl/buttonVariants.js",
+      "require": "./dist/test-utils/rtl/buttonVariants.js"
+    },
     "./test-utils/*": {
       "types": "./dist-types/test-utils/*/index.d.ts",
       "import": "./dist/test-utils/*",
@@ -79,6 +84,8 @@
     "test:watch": "yarn test --watch",
     "type-check": "tsc --noEmit --project ./tsconfig.json",
     "type-check:watch": "yarn type-check --watch",
+    "figma:publish": "figma connect publish",
+    "figma:unpublish": "figma connect unpublish",
     "check-all": "yarn type-check && yarn format:check && yarn lint",
     "fix-all": "yarn generate && yarn format && yarn indexes-regenerate && yarn lint:fix && yarn type-check",
     "prep-deps": ": # magic task to allow yarn ensure-deps plugin prepare dependencies of this package"
@@ -94,6 +101,7 @@
     "@emotion/cache": "^11.11.0",
     "@emotion/react": "^11.11.3",
     "@faker-js/faker": "^9.8.0",
+    "@figma/code-connect": "^2.0.0",
     "@jest/globals": "^30.0.2",
     "@svgr/cli": "^8.1.0",
     "@swc/core": "^1.15.47",
@@ -105,8 +113,8 @@
     "@types/jscodeshift": "^0.11.2",
     "@types/lodash": "^4.17.14",
     "@types/node": "24.12.0",
-    "@types/react": "^17.0.50",
-    "@types/react-dom": "^17.0.17",
+    "@types/react": "^18.3.31",
+    "@types/react-dom": "^18.3.7",
     "@types/react-resizable": "^3.0.3",
     "eslint-import-resolver-typescript": "^3.6.1",
     "glob": "^8.0.1",
@@ -132,6 +140,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^4.7.0",
+    "@databricks/testing-library": "1.0.0",
     "@emotion/unitless": "^0.8.1",
     "@floating-ui/dom": "^1.6.12",
     "@floating-ui/react": "^0.26.25",
@@ -163,7 +172,6 @@
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
-    "@types/use-sync-external-store": "^1.5.0",
     "antd": "4.16.8",
     "chroma-js": "^2.4.2",
     "classnames": "^2.3.1",