@databricks/design-system 2.0.4 → 2.0.5

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog
 
+## 2.0.5 (2026-09-10T17:52:39Z)
+
+### Added
+
+- `Overflow` / `OverflowPopover`: new optional `defaultOpen` prop to open the menu declaratively without user interaction
+- `TypeaheadComboboxMenu`: new optional `offset` prop to control the menu's distance from its trigger
+- New icons: `MicrophoneIcon`, `MicrophoneOffIcon`, `VoiceModeIcon`, `ColorMappingIcon`, `ColorMappingEditIcon`, `OperatorIcon`
+- `RHFControlledComponents.TypeaheadComboboxV2` and `RHFControlledComponents.MultiSelectTypeaheadComboboxV2` — React Hook Form adapters for `TypeaheadComboboxV2`
+
+### Changed
+
+- v2 CSS token palette names updated: `primary` → `accent`, `error` → `negative`, `warning` → `caution`, `success` → `positive`; density scale renamed from t-shirt sizes to numeric steps (`--db-space-1`, `--db-space-2`, …)
+- `ShapeTokens.POPOVER_BORDER_RADIUS` renamed to `ShapeTokens.POPUP_BORDER_RADIUS`; all `--db-popover-*` CSS custom properties renamed to `--db-popup-*`
+- `Breadcrumb`: `dangerouslySetAntdProps` narrowed to `{ separator?: React.ReactNode }`; removed unused props `itemRender`, `routes`, and `params`
+- `Icon`: removed `dangerouslySetAntdProps` prop — all AntD icon props are already accepted directly on `IconProps`
+- `DesignSystemThemeProvider` now merges `designTokenOverrides` from ancestor scopes rather than replacing them when nesting providers
+
+### Fixed
+
+- `RadioTile` now correctly inherits `disabled` from a parent `Radio.Group`
+- Native button corners were rendering as 0px radius because shape tokens were not loaded into the CSS cascade; this is now corrected
+- `RHFTypeaheadComboboxV2` and `MultiSelectTypeaheadComboboxV2` prop types corrected to resolve React 18 type collisions, removing 5 `@ts-ignore` suppressions
+- `DesignTokenScopeWithEmotionTheme` no longer re-emits unchanged color token overrides on every render, fixing a performance regression that caused excessive style recalculation in scoped-theme layouts
+
 ## 2.0.4 (2026-09-02T22:07:11Z)
 
 ### Added

package/dist/RHFControlledTypeaheadComboboxV2-DsH-nIEk.js

@@ -0,0 +1,172 @@
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import React__default, { useRef, useCallback } from 'react';
+import { useController } from 'react-hook-form';
+import { u as useComboboxState, T as TypeaheadComboboxRoot, a as TypeaheadComboboxMultiSelectInput, b as TypeaheadComboboxMenu, c as TypeaheadComboboxInput } from './index-BRAVZg-S.js';
+import './WizardStepContentWrapper-Bq1wm0V7.js';
+import '@react-aria/listbox';
+import 'classnames';
+import '@emotion/react';
+import 'lodash/isEqual';
+import '@react-aria/button';
+import '@react-aria/focus';
+import 'antd';
+import '@floating-ui/react';
+import 'lodash/isUndefined';
+import 'lodash/uniqueId';
+import '@radix-ui/react-dialog';
+import '@floating-ui/dom';
+import 'react-dom';
+import '@radix-ui/react-hover-card';
+import '@radix-ui/react-toast';
+import '@react-aria/combobox';
+import '@react-aria/overlays';
+import '@react-aria/utils';
+import '@react-stately/combobox';
+import '@react-aria/i18n';
+import '@react-stately/collections';
+import 'date-fns';
+import '@radix-ui/react-popover';
+import '@radix-ui/react-dropdown-menu';
+import 'lodash/noop';
+import 'lodash/pick';
+import 'lodash/compact';
+import '@emotion/unitless';
+import 'chroma-js';
+import 'lodash/memoize';
+import 'lodash/endsWith';
+import 'lodash/isBoolean';
+import 'lodash/isNil';
+import 'lodash/isNumber';
+import 'lodash/isString';
+import 'lodash/mapValues';
+import '@radix-ui/react-accordion';
+import '@radix-ui/react-tooltip-patch';
+import 'lodash/kebabCase';
+import '@ant-design/icons';
+import 'lodash/random';
+import 'lodash/times';
+import '@radix-ui/react-context-menu';
+import 'react-day-picker';
+import 'tabbable';
+import 'downshift';
+import '@radix-ui/react-navigation-menu';
+import '@radix-ui/react-radio-group';
+import '@radix-ui/react-progress';
+import 'react-resizable';
+import '@radix-ui/react-slider';
+import '@radix-ui/react-scroll-area';
+import '@radix-ui/react-tabs';
+import 'lodash/debounce';
+import '@radix-ui/react-toggle';
+import '@radix-ui/react-toolbar';
+
+function RHFControlledTypeaheadComboboxV2({ name, control, rules, allItems, itemToString, matcher, getKey, allowNewValue, children, validationState, inputProps, menuProps, onInputChange, componentId, analyticsEvents, valueHasNoPii, preventUnsetOnBlur, ...props }) {
+    const { field } = useController({
+        name,
+        control,
+        rules
+    });
+    const comboboxState = useComboboxState({
+        allItems,
+        itemToString,
+        getKey,
+        matcher,
+        allowNewValue,
+        formValue: field.value,
+        formOnChange: field.onChange,
+        formOnBlur: field.onBlur,
+        componentId,
+        analyticsEvents,
+        valueHasNoPii,
+        // react-aria owns the input value; surface changes through the 'input' state event so the legacy
+        // `onInputChange` contract keeps working without making the input value a controlled prop.
+        onStateChange: onInputChange ? (change)=>{
+            if (change.type === 'input') {
+                onInputChange(change.inputValue);
+            }
+        } : undefined
+    });
+    return /*#__PURE__*/ jsxs(TypeaheadComboboxRoot, {
+        ...props,
+        comboboxState: comboboxState,
+        children: [
+            /*#__PURE__*/ jsx(TypeaheadComboboxInput, {
+                ...inputProps,
+                validationState: validationState,
+                ref: field.ref
+            }),
+            /*#__PURE__*/ jsx(TypeaheadComboboxMenu, {
+                ...menuProps,
+                children: children({
+                    comboboxState
+                })
+            })
+        ]
+    });
+}
+function RHFControlledMultiSelectTypeaheadComboboxV2({ name, control, rules, allItems, itemToString, matcher, getKey, children, validationState, inputProps, menuProps, onInputChange, componentId, analyticsEvents, valueHasNoPii, ...props }) {
+    const { field } = useController({
+        name,
+        control,
+        rules
+    });
+    // The array field value IS the selection — drive it straight from RHF, no local mirror. `getKey`
+    // must be stable across renders (react-aria keys options by it) so memoize on field.value identity.
+    const selectedItems = React__default.useMemo(()=>field.value ?? [], [
+        field.value
+    ]);
+    const selectedItemsRef = useRef(selectedItems);
+    selectedItemsRef.current = selectedItems;
+    // The hook always calls this with a concrete array on a selection commit, but the setter type also
+    // permits an updater function — resolve it against the latest selection so both shapes are correct.
+    const setSelectedItems = useCallback((next)=>{
+        const resolved = typeof next === 'function' ? next(selectedItemsRef.current) : next;
+        field.onChange(resolved);
+    }, [
+        field
+    ]);
+    const comboboxState = useComboboxState({
+        allItems,
+        itemToString,
+        getKey,
+        matcher,
+        multiSelect: true,
+        // Multi-select drives the form through selectedItems/setSelectedItems (above), not the single-select
+        // form bridge: formValue/formOnChange/formOnBlur are single-value props, and passing the array field
+        // value as formValue would feed itemToString an array (breaking the input filter).
+        selectedItems,
+        setSelectedItems,
+        componentId,
+        analyticsEvents,
+        valueHasNoPii,
+        onStateChange: onInputChange ? (change)=>{
+            if (change.type === 'input') {
+                onInputChange(change.inputValue);
+            }
+        } : undefined
+    });
+    return /*#__PURE__*/ jsxs(TypeaheadComboboxRoot, {
+        ...props,
+        comboboxState: comboboxState,
+        children: [
+            /*#__PURE__*/ jsx(TypeaheadComboboxMultiSelectInput, {
+                ...inputProps,
+                selectedItems: selectedItems,
+                setSelectedItems: setSelectedItems,
+                getSelectedItemLabel: itemToString,
+                validationState: validationState,
+                ref: field.ref
+            }),
+            /*#__PURE__*/ jsx(TypeaheadComboboxMenu, {
+                ...menuProps,
+                children: children({
+                    comboboxState,
+                    selectedItems
+                })
+            })
+        ]
+    });
+}
+
+export { RHFControlledMultiSelectTypeaheadComboboxV2, RHFControlledTypeaheadComboboxV2 };
+//# sourceMappingURL=RHFControlledTypeaheadComboboxV2-DsH-nIEk.js.map

package/dist/RHFControlledTypeaheadComboboxV2-DsH-nIEk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RHFControlledTypeaheadComboboxV2-DsH-nIEk.js","sources":["../src/design-system/FormV2/RHFControlledTypeaheadComboboxV2.tsx"],"sourcesContent":["import type { Key } from '@react-types/shared';\nimport type { HTMLAttributes } from 'react';\nimport React, { useCallback, useRef } from 'react';\nimport type { Control, FieldPath, FieldValues, UseControllerProps } from 'react-hook-form';\nimport { useController } from 'react-hook-form';\n\nimport type { DesignSystemEventProviderAnalyticsEventTypes } from '../DesignSystemEventProvider';\nimport {\n  TypeaheadComboboxInput as TypeaheadComboboxV2Input,\n  TypeaheadComboboxMenu as TypeaheadComboboxV2Menu,\n  TypeaheadComboboxMultiSelectInput as TypeaheadComboboxV2MultiSelectInput,\n  TypeaheadComboboxRoot as TypeaheadComboboxV2Root,\n  useComboboxState as useComboboxStateV2,\n} from '../TypeaheadComboboxV2';\nimport type { TypeaheadComboboxInputProps as TypeaheadComboboxV2InputProps } from '../TypeaheadComboboxV2/TypeaheadComboboxInput';\nimport type { TypeaheadComboboxMenuProps as TypeaheadComboboxV2MenuProps } from '../TypeaheadComboboxV2/TypeaheadComboboxMenu';\nimport type { TypeaheadComboboxMultiSelectInputProps as TypeaheadComboboxV2MultiSelectInputProps } from '../TypeaheadComboboxV2/TypeaheadComboboxMultiSelectInput';\nimport type { TypeaheadComboboxRootProps as TypeaheadComboboxV2RootProps } from '../TypeaheadComboboxV2/TypeaheadComboboxRoot';\nimport type { ComboboxStateValue } from '../TypeaheadComboboxV2/hooks/useComboboxState';\nimport type { AnalyticsEventValueChangeNoPiiFlagProps, ValidationState } from '../types';\n\n// This file holds the react-aria TypeaheadComboboxV2 RHF adapters, split out of RHFAdapters.tsx so the\n// (broadly imported) RHFControlledComponents barrel does not statically pull the react-aria combobox\n// subtree into the common chunk. RHFAdapters.tsx React.lazy-imports these, so the ~175KB subtree only\n// loads on pages that actually render a V2 typeahead.\n\n// These props are omitted, as `useController` handles them. (Mirrors RHFAdapters.tsx.)\ntype OmittedOriginalProps = 'name' | 'onChange' | 'onBlur' | 'value' | 'defaultValue' | 'checked';\n\nexport interface RHFControlledTypeaheadComboboxV2Props<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>\n  extends\n    Omit<\n      TypeaheadComboboxV2RootProps<TFieldValues[TName]>,\n      OmittedOriginalProps | 'comboboxState' | 'componentId' | 'children'\n    >,\n    UseControllerProps<TFieldValues, TName>,\n    AnalyticsEventValueChangeNoPiiFlagProps<DesignSystemEventProviderAnalyticsEventTypes.OnValueChange> {\n  control: Control<TFieldValues, any>;\n  name: TName;\n  // The react-aria hook owns filtering, so children render `comboboxState.filteredItems` rather than\n  // receiving a consumer-maintained `items` list (the key API change from the legacy adapter).\n  children: (renderProps: { comboboxState: ComboboxStateValue<Required<TFieldValues>[TName]> }) => React.ReactNode;\n  validationState?: ValidationState;\n  allItems: Required<TFieldValues>[TName][];\n  itemToString: (item: Required<TFieldValues>[TName]) => string;\n  matcher?: (item: Required<TFieldValues>[TName], query: string) => boolean;\n  getKey?: (item: Required<TFieldValues>[TName]) => Key;\n  /* Whether to allow the input value to not match any options in the list. For this to work, the item type (T) must be a string.\n   * Defaults to false.\n   */\n  allowNewValue?: boolean;\n  inputProps?: Partial<Omit<TypeaheadComboboxV2InputProps, 'componentId'>>;\n  menuProps?: Partial<TypeaheadComboboxV2MenuProps>;\n  onInputChange?: (inputValue: string) => void;\n  /** @deprecated No-op under react-aria; accepted for source-compat while migrating off the legacy adapter. */\n  preventUnsetOnBlur?: boolean;\n}\n\nexport function RHFControlledTypeaheadComboboxV2<\n  TFieldValues extends FieldValues,\n  TName extends FieldPath<TFieldValues>,\n>({\n  name,\n  control,\n  rules,\n  allItems,\n  itemToString,\n  matcher,\n  getKey,\n  allowNewValue,\n  children,\n  validationState,\n  inputProps,\n  menuProps,\n  onInputChange,\n  componentId,\n  analyticsEvents,\n  valueHasNoPii,\n  preventUnsetOnBlur,\n  ...props\n}: RHFControlledTypeaheadComboboxV2Props<TFieldValues, TName> &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>): JSX.Element {\n  const { field } = useController<TFieldValues, TName>({\n    name,\n    control,\n    rules,\n  });\n\n  const comboboxState = useComboboxStateV2({\n    allItems,\n    itemToString,\n    getKey,\n    matcher,\n    allowNewValue,\n    formValue: field.value,\n    formOnChange: field.onChange,\n    formOnBlur: field.onBlur,\n    componentId,\n    analyticsEvents,\n    valueHasNoPii,\n    preventUnsetOnBlur,\n    // react-aria owns the input value; surface changes through the 'input' state event so the legacy\n    // `onInputChange` contract keeps working without making the input value a controlled prop.\n    onStateChange: onInputChange\n      ? (change) => {\n          if (change.type === 'input') {\n            onInputChange(change.inputValue);\n          }\n        }\n      : undefined,\n  });\n\n  return (\n    <TypeaheadComboboxV2Root {...props} comboboxState={comboboxState}>\n      <TypeaheadComboboxV2Input {...inputProps} validationState={validationState} ref={field.ref} />\n      <TypeaheadComboboxV2Menu {...menuProps}>{children({ comboboxState })}</TypeaheadComboboxV2Menu>\n    </TypeaheadComboboxV2Root>\n  );\n}\n\nexport interface RHFControlledMultiSelectTypeaheadComboboxV2Props<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>\n  extends\n    Omit<\n      TypeaheadComboboxV2RootProps<TFieldValues>,\n      OmittedOriginalProps | 'comboboxState' | 'componentId' | 'children'\n    >,\n    UseControllerProps<TFieldValues, TName>,\n    AnalyticsEventValueChangeNoPiiFlagProps<DesignSystemEventProviderAnalyticsEventTypes.OnValueChange> {\n  control: Control<any, TFieldValues>;\n  // Required override because the full array is the field value, but TName implies a scalar property.\n  name: any;\n  children: (renderProps: {\n    comboboxState: ComboboxStateValue<TFieldValues>;\n    selectedItems: TFieldValues[];\n  }) => React.ReactNode;\n  validationState?: ValidationState;\n  allItems: TFieldValues[];\n  itemToString: (item: TFieldValues) => string;\n  matcher?: (item: TFieldValues, query: string) => boolean;\n  getKey?: (item: TFieldValues) => Key;\n  inputProps?: Partial<\n    Omit<\n      TypeaheadComboboxV2MultiSelectInputProps<TFieldValues>,\n      'selectedItems' | 'setSelectedItems' | 'getSelectedItemLabel'\n    >\n  >;\n  menuProps?: Partial<TypeaheadComboboxV2MenuProps>;\n  onInputChange?: (inputValue: string) => void;\n}\n\nexport function RHFControlledMultiSelectTypeaheadComboboxV2<TFieldValues extends FieldValues>({\n  name,\n  control,\n  rules,\n  allItems,\n  itemToString,\n  matcher,\n  getKey,\n  children,\n  validationState,\n  inputProps,\n  menuProps,\n  onInputChange,\n  componentId,\n  analyticsEvents,\n  valueHasNoPii,\n  ...props\n}: RHFControlledMultiSelectTypeaheadComboboxV2Props<TFieldValues> &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>): JSX.Element {\n  const { field } = useController({\n    name,\n    control,\n    rules,\n  });\n\n  // The array field value IS the selection — drive it straight from RHF, no local mirror. `getKey`\n  // must be stable across renders (react-aria keys options by it) so memoize on field.value identity.\n  const selectedItems = React.useMemo<TFieldValues[]>(() => field.value ?? [], [field.value]);\n  const selectedItemsRef = useRef(selectedItems);\n  selectedItemsRef.current = selectedItems;\n\n  // The hook always calls this with a concrete array on a selection commit, but the setter type also\n  // permits an updater function — resolve it against the latest selection so both shapes are correct.\n  const setSelectedItems = useCallback<React.Dispatch<React.SetStateAction<TFieldValues[]>>>(\n    (next) => {\n      const resolved = typeof next === 'function' ? next(selectedItemsRef.current) : next;\n      field.onChange(resolved);\n    },\n    [field],\n  );\n\n  const comboboxState = useComboboxStateV2<TFieldValues>({\n    allItems,\n    itemToString,\n    getKey,\n    matcher,\n    multiSelect: true,\n    // Multi-select drives the form through selectedItems/setSelectedItems (above), not the single-select\n    // form bridge: formValue/formOnChange/formOnBlur are single-value props, and passing the array field\n    // value as formValue would feed itemToString an array (breaking the input filter).\n    selectedItems,\n    setSelectedItems,\n    componentId,\n    analyticsEvents,\n    valueHasNoPii,\n    onStateChange: onInputChange\n      ? (change) => {\n          if (change.type === 'input') {\n            onInputChange(change.inputValue);\n          }\n        }\n      : undefined,\n  });\n\n  return (\n    <TypeaheadComboboxV2Root {...props} comboboxState={comboboxState}>\n      <TypeaheadComboboxV2MultiSelectInput\n        {...inputProps}\n        selectedItems={selectedItems}\n        setSelectedItems={setSelectedItems}\n        getSelectedItemLabel={itemToString}\n        validationState={validationState}\n        ref={field.ref}\n      />\n      <TypeaheadComboboxV2Menu {...menuProps}>\n        {children({\n          comboboxState,\n          selectedItems,\n        })}\n      </TypeaheadComboboxV2Menu>\n    </TypeaheadComboboxV2Root>\n  );\n}\n"],"names":["RHFControlledTypeaheadComboboxV2","name","control","rules","allItems","itemToString","matcher","getKey","allowNewValue","children","validationState","inputProps","menuProps","onInputChange","componentId","analyticsEvents","valueHasNoPii","preventUnsetOnBlur","props","field","useController","comboboxState","useComboboxStateV2","formValue","value","formOnChange","onChange","formOnBlur","onBlur","onStateChange","change","type","inputValue","undefined","_jsxs","TypeaheadComboboxV2Root","_jsx","TypeaheadComboboxV2Input","ref","TypeaheadComboboxV2Menu","RHFControlledMultiSelectTypeaheadComboboxV2","selectedItems","React","useMemo","selectedItemsRef","useRef","current","setSelectedItems","useCallback","next","resolved","multiSelect","TypeaheadComboboxV2MultiSelectInput","getSelectedItemLabel"],"mappings":"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"}