@databricks/design-system 2.0.2 → 2.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/dist/{WizardStepContentWrapper-DnwQIMN1.js → WizardStepContentWrapper-8bs2FwRi.js} +706 -533
  3. package/dist/WizardStepContentWrapper-8bs2FwRi.js.map +1 -0
  4. package/dist/fonts/dm-mono/DMMono-Regular.woff2 +0 -0
  5. package/dist/fonts/dm-mono/dm-mono.css +11 -0
  6. package/dist/index-dark.css +323 -225
  7. package/dist/index-dark.mitigated.css +323 -225
  8. package/dist/index.css +539 -427
  9. package/dist/index.js +259 -159
  10. package/dist/index.js.map +1 -1
  11. package/dist/index.mitigated.css +548 -436
  12. package/dist/patterns.js +3 -2
  13. package/dist/patterns.js.map +1 -1
  14. package/dist/test-utils/rtl.js +1 -1
  15. package/dist/test-utils/rtl.js.map +1 -1
  16. package/dist-types/design-system/Alert/Alert.d.ts +1 -1
  17. package/dist-types/design-system/ContextMenu/ContextMenu.d.ts +2 -2
  18. package/dist-types/design-system/DesignSystemProvider/DesignSystemProvider.d.ts +66 -0
  19. package/dist-types/design-system/DesignSystemProvider/DesignTokenScopeWithEmotionTheme.d.ts +23 -0
  20. package/dist-types/design-system/DesignSystemProvider/index.d.ts +1 -0
  21. package/dist-types/design-system/Grid/Col.d.ts +1 -3
  22. package/dist-types/design-system/Grid/NativeCol.d.ts +10 -0
  23. package/dist-types/design-system/Grid/NativeGridContext.d.ts +11 -0
  24. package/dist-types/design-system/Grid/NativeRow.d.ts +13 -0
  25. package/dist-types/design-system/Grid/Row.d.ts +3 -4
  26. package/dist-types/design-system/Grid/grid-styling.d.ts +22 -0
  27. package/dist-types/design-system/Grid/gridConstants.d.ts +2 -0
  28. package/dist-types/design-system/Grid/index.d.ts +1 -0
  29. package/dist-types/design-system/Grid/rowConstants.d.ts +7 -0
  30. package/dist-types/design-system/Grid/types.d.ts +49 -0
  31. package/dist-types/design-system/Hooks/index.d.ts +1 -1
  32. package/dist-types/design-system/Hooks/useDesignSystemTheme.d.ts +7 -7
  33. package/dist-types/design-system/Icon/LegacyAntDIcon.d.ts +21 -0
  34. package/dist-types/design-system/Icon/index.d.ts +0 -1
  35. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxAddButton.d.ts +4 -0
  36. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxCheckboxItem.d.ts +8 -0
  37. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxFooter.d.ts +12 -0
  38. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxInput.d.ts +8 -0
  39. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxMenu.d.ts +8 -0
  40. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxMenuItem.d.ts +8 -0
  41. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxMultiSelectInput.d.ts +8 -0
  42. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxRoot.d.ts +8 -0
  43. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxSectionHeader.d.ts +4 -0
  44. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxSelectedItem.d.ts +8 -0
  45. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxSeparator.d.ts +4 -0
  46. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxToggleButton.d.ts +8 -0
  47. package/dist-types/design-system/TypeaheadCombobox/hooks/downshiftHookWrappers.d.ts +8 -0
  48. package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useComboboxState.d.ts +6 -0
  49. package/dist-types/design-system/TypeaheadComboboxV2/hooks/useRestoreHighlightedOption.d.ts +18 -0
  50. package/dist-types/design-system/TypeaheadComboboxV2/hooks/useTypeaheadComboboxContext.d.ts +2 -0
  51. package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/providers/TypeaheadComboboxContext.d.ts +6 -4
  52. package/dist-types/design-system/_shared_/Menu/index.d.ts +1 -1
  53. package/dist-types/design-system/fonts.d.ts +1 -0
  54. package/dist-types/design-system/index.d.ts +1 -1
  55. package/dist-types/test-utils/rtl/buttonVariants.d.ts +11 -0
  56. package/package.json +9 -2
  57. package/dist/WizardStepContentWrapper-DnwQIMN1.js.map +0 -1
  58. package/dist-types/design-system/Icon/AntdIcon.d.ts +0 -114
  59. package/dist-types/design-system/TypeaheadComboboxReactAria/hooks/useTypeaheadComboboxContext.d.ts +0 -2
  60. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/CountBadge.d.ts +0 -0
  61. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxAddButton.d.ts +0 -0
  62. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxCheckboxItem.d.ts +0 -0
  63. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxControls.d.ts +0 -0
  64. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxFooter.d.ts +0 -0
  65. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxInput.d.ts +0 -0
  66. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxMenu.d.ts +0 -0
  67. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxMenuItem.d.ts +0 -0
  68. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxMultiSelectInput.d.ts +0 -0
  69. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxRoot.d.ts +0 -0
  70. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxSectionHeader.d.ts +0 -0
  71. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxSelectedItem.d.ts +0 -0
  72. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxSeparator.d.ts +0 -0
  73. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxToggleButton.d.ts +0 -0
  74. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/footerFocus.d.ts +0 -0
  75. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/index.d.ts +0 -0
  76. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useComboboxItems.d.ts +0 -0
  77. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useComboboxStateProps.d.ts +0 -0
  78. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useMultipleSelectionState.d.ts +0 -0
  79. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useScrollOptionIntoView.d.ts +0 -0
  80. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useVirtualizedComboboxScroll.d.ts +0 -0
  81. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/index.d.ts +0 -0
@@ -3,9 +3,8 @@ import isUndefined from 'lodash/isUndefined';
3
3
  import * as React from 'react';
4
4
  import React__default, { useRef, useEffect, useMemo, useCallback, useContext, createContext, useState, forwardRef, useLayoutEffect, useImperativeHandle, Children } from 'react';
5
5
  import { useTheme, ThemeProvider, css, keyframes, ClassNames, Global, createElement } from '@emotion/react';
6
- import { ConfigProvider, notification, Collapse, Button as Button$2, Typography as Typography$1, Tooltip as Tooltip$1, Checkbox as Checkbox$1, Input as Input$2, Select as Select$1, Radio as Radio$1, Layout as Layout$1, Form as Form$1, Pagination as Pagination$1, Table, Dropdown, Tree as Tree$1 } from 'antd';
6
+ import { ConfigProvider, notification, Collapse, Button as Button$2, Typography as Typography$1, Checkbox as Checkbox$1, Input as Input$2, Select as Select$1, Radio as Radio$1, Layout as Layout$1, Form as Form$1, Pagination as Pagination$1, Table, Tooltip as Tooltip$1, Dropdown, Tree as Tree$1 } from 'antd';
7
7
  import classnames from 'classnames';
8
- import AntDIcon, { AppstoreOutlined, ArrowUpOutlined, BookOutlined, BugOutlined, CheckCircleFilled, CheckCircleOutlined, ClockCircleFilled, ClockCircleOutlined, CloseCircleFilled, CloseOutlined, CodeOutlined, CommentOutlined, CopyOutlined, DatabaseOutlined, DeleteOutlined, DownOutlined, EditOutlined, EllipsisOutlined, ExclamationCircleOutlined, EyeOutlined, FileOutlined, FileTextOutlined, FilterOutlined, FlagOutlined, FolderOpenOutlined, FolderOutlined, FullscreenOutlined, GithubOutlined, HourglassOutlined, InfoCircleOutlined, LinkOutlined, LoadingOutlined, NotificationOutlined, PauseCircleFilled, PlayCircleOutlined, PlusOutlined, QuestionCircleOutlined, ReloadOutlined, RightOutlined, RocketOutlined, SearchOutlined, SendOutlined, SettingOutlined, SlackOutlined, SwapOutlined, SyncOutlined, UpOutlined, VideoCameraOutlined } from '@ant-design/icons';
9
8
  import { useMergeRefs } from '@floating-ui/react';
10
9
  import uniqueId$1 from 'lodash/uniqueId';
11
10
  import { format, isBefore, startOfMonth, isAfter, parse, isValid, startOfToday, startOfYesterday, sub, startOfWeek, endOfToday, endOfYesterday, getISOWeekYear, getISOWeek, parseISO, startOfISOWeek } from 'date-fns';
@@ -42,6 +41,8 @@ import mapValues from 'lodash/mapValues';
42
41
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
43
42
  import * as RadixTooltip from '@radix-ui/react-tooltip-patch';
44
43
  import { TooltipProvider } from '@radix-ui/react-tooltip-patch';
44
+ import kebabCase from 'lodash/kebabCase';
45
+ import AntDIcon, { EllipsisOutlined } from '@ant-design/icons';
45
46
  import random from 'lodash/random';
46
47
  import times from 'lodash/times';
47
48
  import { ContextMenuArrow, ContextMenuSub, ContextMenuGroup, ContextMenuTrigger, ContextMenuItemIndicator, ContextMenuCheckboxItem, ContextMenuPortal, ContextMenuContent, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuSeparator, ContextMenuRadioItem, ContextMenuRadioGroup, ContextMenuItem, ContextMenuLabel, ContextMenu as ContextMenu$2 } from '@radix-ui/react-context-menu';
@@ -1640,14 +1641,14 @@ function getPrefixedClassNameFromTheme(theme, className) {
1640
1641
  }
1641
1642
  /**
1642
1643
  * Returns the theme-scope class for the current context: `du-bois-dark` in dark
1643
- * mode, `du-bois-light` otherwise.
1644
+ * mode, `du-bois-light` otherwise. The `.du-bois-*` rule declares the `--db-color-*`
1645
+ * tokens, so any element carrying this class becomes a resolution scope for the
1646
+ * native (plain-CSS, token-driven) components below it.
1644
1647
  *
1645
- * Native (plain-CSS, token-driven) components put this on their OWN root element
1646
- * so the CSS custom-property cascade has a `:where(.du-bois-*)` ancestor to
1647
- * resolve dark/light values against. Self-scoping (rather than relying on a
1648
- * provider-emitted wrapper) means no extra DOM node is inserted into consumer
1649
- * trees, and forced-theme subtrees / portaled content resolve correctly because
1650
- * the class rides React context, not DOM ancestry. See DUBOIS-448.
1648
+ * `DesignSystemProvider` puts this on the scope wrapper it renders around its
1649
+ * children, so in-tree native components inherit the tokens without self-scoping.
1650
+ * Use it to re-establish that scope on content that renders OUTSIDE that wrapper —
1651
+ * i.e. portaled surfaces (context crosses React portals, DOM inheritance does not).
1651
1652
  */ function useDuboisThemeClass() {
1652
1653
  const { theme } = useDesignSystemTheme();
1653
1654
  return getClassNamePrefix(theme);
@@ -1732,6 +1733,13 @@ const DesignSystemThemeContext = /*#__PURE__*/ createContext({
1732
1733
  });
1733
1734
  const DesignSystemContext = /*#__PURE__*/ createContext(DuboisContextDefaults);
1734
1735
  const DU_BOIS_ENABLE_ANIMATION_CLASSNAME = 'du-bois-enable-animation';
1736
+ /**
1737
+ * `data-testid` on the `display: contents` scope wrapper `DesignSystemProvider` renders around its
1738
+ * children. The wrapper carries the theme-scope class / consumer token overrides but no visual box,
1739
+ * so tests treat it as transparent: the shared `@databricks/testing-library` `render` returns
1740
+ * `container` pointing inside this wrapper, so `container.firstChild` / emptiness assertions see the
1741
+ * component's own output.
1742
+ */ const DS_OVERRIDE_TOKENS_WRAPPER_TESTID = 'ds-override-tokens-wrapper';
1735
1743
  // getAnimationCss is called from every Du Bois component on every render. It only depends
1736
1744
  // on a single boolean and produces a (deep) object literal, so memoize the result at module
1737
1745
  // level — at most 2 cache entries. Sharing the same reference across all callers also lets
@@ -1758,17 +1766,140 @@ const getAnimationCss = memoize((enableAnimation)=>{
1758
1766
  });
1759
1767
  const DesignSystemProviderPropsContext = /*#__PURE__*/ React__default.createContext(null);
1760
1768
  const AntDConfigProviderPropsContext = /*#__PURE__*/ React__default.createContext(null);
1761
- /** Only to be accessed by SupportsDuBoisThemes, except for special exceptions like tests and storybook. Ask in #dubois first if you need to use it. */ const DesignSystemThemeProvider = ({ isDarkMode = false, semanticColors, children })=>{
1769
+ /** Only to be accessed by SupportsDuBoisThemes, except for special exceptions like tests and storybook. Ask in #dubois first if you need to use it. */ const DesignSystemThemeProvider = ({ isDarkMode = false, semanticColors, designTokenOverrides, children })=>{
1762
1770
  return /*#__PURE__*/ jsx(DesignSystemThemeContext.Provider, {
1763
1771
  value: {
1764
1772
  isDarkMode,
1765
- semanticColors
1773
+ semanticColors,
1774
+ designTokenOverrides
1766
1775
  },
1767
1776
  children: children
1768
1777
  });
1769
1778
  };
1779
+ // Cache the color-derived style per `semanticColors` reference so every consumer shares one object
1780
+ // (built once) rather than each rebuilding its own ~82-key copy. Keyed by object identity, which
1781
+ // consumers keep stable (module-level `consumerLightColorList`/`consumerDarkColorList`).
1782
+ const colorOverrideStyleCache = new WeakMap();
1783
+ function semanticColorsToStyle(semanticColors) {
1784
+ const cached = colorOverrideStyleCache.get(semanticColors);
1785
+ if (cached) return cached;
1786
+ const style = {};
1787
+ for (const [key, value] of Object.entries(semanticColors)){
1788
+ style[`--db-color-${kebabCase(key)}`] = value;
1789
+ }
1790
+ colorOverrideStyleCache.set(semanticColors, style);
1791
+ return style;
1792
+ }
1793
+ /**
1794
+ * Returns the inline style that re-declares the consumer's design-token overrides as `--db-*` custom
1795
+ * properties, or `undefined` when none are set. It merges the `semanticColors` override (emitted as
1796
+ * `--db-color-<name>`) with any raw `designTokenOverrides` (already keyed by `--db-*` name) layered
1797
+ * on top. The values inherit down the DOM, so setting this on a theme-scope element re-themes every
1798
+ * native (plain-CSS) component below it.
1799
+ *
1800
+ * `DesignSystemProvider` applies this to the scope wrapper it renders around its children, which
1801
+ * covers the whole in-tree subtree by inheritance. Portaled surfaces (Modal, Drawer, Popover,
1802
+ * DropdownMenu, Notification, …) render outside that wrapper in the DOM, so each merges this style
1803
+ * (plus `useDuboisThemeClass`) onto its own outermost portal element — context crosses React portals
1804
+ * while DOM inheritance does not.
1805
+ */ function useDesignTokenOverrideStyles() {
1806
+ const { semanticColors, designTokenOverrides } = useContext(DesignSystemThemeContext);
1807
+ return useMemo(()=>{
1808
+ if (!semanticColors && !designTokenOverrides) return undefined;
1809
+ return {
1810
+ ...semanticColors ? semanticColorsToStyle(semanticColors) : {},
1811
+ ...designTokenOverrides
1812
+ };
1813
+ }, [
1814
+ semanticColors,
1815
+ designTokenOverrides
1816
+ ]);
1817
+ }
1818
+ /**
1819
+ * Internal DOM-scope primitive: a `display: contents` element that (re-)establishes a Du Bois token
1820
+ * scope on a DOM subtree — it carries the `du-bois-light`/`-dark` class and stamps `--db-*` overrides
1821
+ * that native (CSS-variable) components below inherit. It reaches in-tree descendants only; portaled
1822
+ * surfaces escape the DOM subtree. Consumers use the exported `DesignTokenScope` below (which also
1823
+ * feeds `DesignSystemThemeContext` so portals inherit too) — this impl is deliberately not exported.
1824
+ */ const DesignTokenScopeImpl = ({ children, overrideTokens, semanticColors, isDarkMode })=>{
1825
+ const theme = useTheme();
1826
+ const scopeTheme = isDarkMode === undefined ? theme : getTheme(isDarkMode);
1827
+ const style = useMemo(()=>({
1828
+ display: 'contents',
1829
+ ...overrideTokens,
1830
+ ...semanticColors ? semanticColorsToStyle(semanticColors) : {}
1831
+ }), [
1832
+ overrideTokens,
1833
+ semanticColors
1834
+ ]);
1835
+ return /*#__PURE__*/ jsx("div", {
1836
+ "data-testid": DS_OVERRIDE_TOKENS_WRAPPER_TESTID,
1837
+ className: getClassNamePrefix(scopeTheme),
1838
+ style: style,
1839
+ children: children
1840
+ });
1841
+ };
1842
+ /**
1843
+ * Applies design-token overrides to a component or page subtree, reaching BOTH in-tree components and
1844
+ * portaled surfaces (Modal, Drawer, DropdownMenu, Popover, Notification, …). This is the primitive to
1845
+ * reach for whenever you retheme a slice under the design-token system.
1846
+ *
1847
+ * It layers over the ambient scope rather than replacing it: `isDarkMode` falls back to the ambient
1848
+ * theme, and `semanticColors` / `overrideTokens` merge on top of any ambient overrides. The in-tree
1849
+ * half is stamped on a `display: contents` DOM element (`DesignTokenScopeImpl`); the portal half is
1850
+ * fed through `DesignSystemThemeContext` (via `DesignSystemThemeProvider`), which portaled surfaces
1851
+ * re-stamp on their own portal root via `useDesignTokenOverrideStyles()` — context crosses React
1852
+ * portals while DOM inheritance does not.
1853
+ *
1854
+ * For a subtree that still mixes legacy AntD-path (emotion JS theme) components mid-migration, use
1855
+ * `DesignTokenScopeWithEmotionTheme`, which additionally drives the emotion theme.
1856
+ */ const DesignTokenScope = ({ children, overrideTokens, semanticColors, isDarkMode })=>{
1857
+ // isDarkMode tracks the emotion theme (what the scope class and portals actually render as), not the
1858
+ // theme context — the two can diverge under a nested scope. semanticColors/designTokenOverrides are
1859
+ // the raw override maps, which live only on DesignSystemThemeContext (the emotion theme resolves them
1860
+ // away into theme.colors), so read them from there and merge the props on top.
1861
+ const { theme } = useDesignSystemTheme();
1862
+ const ambient = useContext(DesignSystemThemeContext);
1863
+ const resolvedIsDarkMode = isDarkMode ?? theme.isDarkMode;
1864
+ const mergedSemanticColors = useMemo(()=>{
1865
+ const merged = {
1866
+ ...ambient.semanticColors,
1867
+ ...semanticColors
1868
+ };
1869
+ return Object.keys(merged).length > 0 ? merged : undefined;
1870
+ }, [
1871
+ ambient.semanticColors,
1872
+ semanticColors
1873
+ ]);
1874
+ const mergedOverrideTokens = useMemo(()=>{
1875
+ const merged = {
1876
+ ...ambient.designTokenOverrides,
1877
+ ...overrideTokens
1878
+ };
1879
+ return Object.keys(merged).length > 0 ? merged : undefined;
1880
+ }, [
1881
+ ambient.designTokenOverrides,
1882
+ overrideTokens
1883
+ ]);
1884
+ return(// DesignTokenScope IS the sanctioned wrapper that feeds token overrides into DesignSystemThemeContext
1885
+ // for portaled surfaces, so it is one of the "special exceptions" the forbid rule allows.
1886
+ // eslint-disable-next-line react/forbid-elements
1887
+ /*#__PURE__*/ jsx(DesignSystemThemeProvider, {
1888
+ isDarkMode: resolvedIsDarkMode,
1889
+ // A partial delta only gets iterated into `--db-color-*` by `useDesignTokenOverrideStyles`; it is
1890
+ // never used to rebuild a full palette here, so the partial→full cast is safe.
1891
+ semanticColors: mergedSemanticColors,
1892
+ designTokenOverrides: mergedOverrideTokens,
1893
+ children: /*#__PURE__*/ jsx(DesignTokenScopeImpl, {
1894
+ isDarkMode: resolvedIsDarkMode,
1895
+ semanticColors: mergedSemanticColors,
1896
+ overrideTokens: mergedOverrideTokens,
1897
+ children: children
1898
+ })
1899
+ }));
1900
+ };
1770
1901
  const DesignSystemProvider = ({ children, enableAnimation = false, zIndexBase = 1000, getPopupContainer, flags = {}, themeOverrides, // Disable virtualization of legacy AntD components when running tests so that all items are rendered
1771
- disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefined })=>{
1902
+ disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefined, disableTokenScopeWrapper = false })=>{
1772
1903
  const { isDarkMode, semanticColors } = useContext(DesignSystemThemeContext);
1773
1904
  const theme = useMemo(()=>getTheme(isDarkMode, {
1774
1905
  enableAnimation,
@@ -1817,6 +1948,7 @@ disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefi
1817
1948
  themeOverrides
1818
1949
  ]);
1819
1950
  const classNamePrefix = getClassNamePrefix(mergedTheme);
1951
+ const designTokenOverrideStyle = useDesignTokenOverrideStyles();
1820
1952
  const value = useMemo(()=>{
1821
1953
  return {
1822
1954
  enableAnimation,
@@ -1851,14 +1983,18 @@ disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefi
1851
1983
  children: /*#__PURE__*/ jsx(TooltipProvider, {
1852
1984
  children: /*#__PURE__*/ jsx(DesignSystemContext.Provider, {
1853
1985
  value: value,
1854
- children: children
1986
+ children: disableTokenScopeWrapper ? children : /*#__PURE__*/ jsx(DesignTokenScopeImpl, {
1987
+ overrideTokens: designTokenOverrideStyle,
1988
+ children: children
1989
+ })
1855
1990
  })
1856
1991
  })
1857
1992
  })
1858
1993
  })
1859
1994
  });
1860
1995
  };
1861
- const ApplyDesignSystemContextOverrides = ({ enableAnimation, zIndexBase, getPopupContainer, flags, themeOverrides, children })=>{
1996
+ const ApplyDesignSystemContextOverrides = ({ enableAnimation, zIndexBase, getPopupContainer, flags, themeOverrides, // Defaults to true (inherit the ancestor's scope); pass false when this subtree establishes a new one.
1997
+ disableTokenScopeWrapper = true, children })=>{
1862
1998
  const parentDesignSystemProviderProps = useContext(DesignSystemProviderPropsContext);
1863
1999
  if (parentDesignSystemProviderProps === null) {
1864
2000
  throw new Error(`ApplyDesignSystemContextOverrides cannot be used standalone - DesignSystemProvider must exist in the React context`);
@@ -1892,6 +2028,7 @@ const ApplyDesignSystemContextOverrides = ({ enableAnimation, zIndexBase, getPop
1892
2028
  ]);
1893
2029
  return /*#__PURE__*/ jsx(DesignSystemProvider, {
1894
2030
  ...newProps,
2031
+ disableTokenScopeWrapper: disableTokenScopeWrapper,
1895
2032
  children: children
1896
2033
  });
1897
2034
  };
@@ -1911,8 +2048,10 @@ const ApplyDesignSystemFlags = ({ flags, children })=>{
1911
2048
  parentDesignSystemProviderProps,
1912
2049
  flags
1913
2050
  ]);
2051
+ // Context-only override (flags): inherits the ancestor's token scope, so no second wrapper.
1914
2052
  return /*#__PURE__*/ jsx(DesignSystemProvider, {
1915
2053
  ...newProps,
2054
+ disableTokenScopeWrapper: true,
1916
2055
  children: children
1917
2056
  });
1918
2057
  };
@@ -1944,64 +2083,6 @@ const useAntDConfigProviderContext = ()=>{
1944
2083
  });
1945
2084
  };
1946
2085
 
1947
- // eslint-disable-next-line @databricks/no-restricted-imports-regexp -- we can directly import antd icons because here in order to wrap them for import elsewhere
1948
- function React18CompatibleIconComponent(IconComponent) {
1949
- return IconComponent;
1950
- }
1951
- /**
1952
- * Reëxport antd built-in icons with an interface that has been made compatible with the React 18
1953
- * types by removing the props that are no longer present on the React DOM types.
1954
- *
1955
- * Prefer Du Bois icons from `__generated/icons` for new UI.
1956
- */ /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyAppstoreOutlined = React18CompatibleIconComponent(AppstoreOutlined);
1957
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyArrowUpOutlined = React18CompatibleIconComponent(ArrowUpOutlined);
1958
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyBookOutlined = React18CompatibleIconComponent(BookOutlined);
1959
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyBugOutlined = React18CompatibleIconComponent(BugOutlined);
1960
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCheckCircleFilled = React18CompatibleIconComponent(CheckCircleFilled);
1961
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCheckCircleOutlined = React18CompatibleIconComponent(CheckCircleOutlined);
1962
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyClockCircleFilled = React18CompatibleIconComponent(ClockCircleFilled);
1963
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyClockCircleOutlined = React18CompatibleIconComponent(ClockCircleOutlined);
1964
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCloseCircleFilled = React18CompatibleIconComponent(CloseCircleFilled);
1965
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCloseOutlined = React18CompatibleIconComponent(CloseOutlined);
1966
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCodeOutlined = React18CompatibleIconComponent(CodeOutlined);
1967
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCommentOutlined = React18CompatibleIconComponent(CommentOutlined);
1968
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyCopyOutlined = React18CompatibleIconComponent(CopyOutlined);
1969
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyDatabaseOutlined = React18CompatibleIconComponent(DatabaseOutlined);
1970
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyDeleteOutlined = React18CompatibleIconComponent(DeleteOutlined);
1971
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyDownOutlined = React18CompatibleIconComponent(DownOutlined);
1972
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyEditOutlined = React18CompatibleIconComponent(EditOutlined);
1973
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyEllipsisOutlined = React18CompatibleIconComponent(EllipsisOutlined);
1974
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyExclamationCircleOutlined = React18CompatibleIconComponent(ExclamationCircleOutlined);
1975
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyEyeOutlined = React18CompatibleIconComponent(EyeOutlined);
1976
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFileOutlined = React18CompatibleIconComponent(FileOutlined);
1977
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFileTextOutlined = React18CompatibleIconComponent(FileTextOutlined);
1978
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFilterOutlined = React18CompatibleIconComponent(FilterOutlined);
1979
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFlagOutlined = React18CompatibleIconComponent(FlagOutlined);
1980
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFolderOpenOutlined = React18CompatibleIconComponent(FolderOpenOutlined);
1981
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFolderOutlined = React18CompatibleIconComponent(FolderOutlined);
1982
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyFullscreenOutlined = React18CompatibleIconComponent(FullscreenOutlined);
1983
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyGithubOutlined = React18CompatibleIconComponent(GithubOutlined);
1984
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyHourglassOutlined = React18CompatibleIconComponent(HourglassOutlined);
1985
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyInfoCircleOutlined = React18CompatibleIconComponent(InfoCircleOutlined);
1986
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyLinkOutlined = React18CompatibleIconComponent(LinkOutlined);
1987
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyLoadingOutlined = React18CompatibleIconComponent(LoadingOutlined);
1988
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyNotificationOutlined = React18CompatibleIconComponent(NotificationOutlined);
1989
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyPauseCircleFilled = React18CompatibleIconComponent(PauseCircleFilled);
1990
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyPlayCircleOutlined = React18CompatibleIconComponent(PlayCircleOutlined);
1991
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyPlusOutlined = React18CompatibleIconComponent(PlusOutlined);
1992
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyQuestionCircleOutlined = React18CompatibleIconComponent(QuestionCircleOutlined);
1993
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyReloadOutlined = React18CompatibleIconComponent(ReloadOutlined);
1994
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyRightOutlined = React18CompatibleIconComponent(RightOutlined);
1995
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyRocketOutlined = React18CompatibleIconComponent(RocketOutlined);
1996
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySearchOutlined = React18CompatibleIconComponent(SearchOutlined);
1997
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySendOutlined = React18CompatibleIconComponent(SendOutlined);
1998
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySettingOutlined = React18CompatibleIconComponent(SettingOutlined);
1999
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySlackOutlined = React18CompatibleIconComponent(SlackOutlined);
2000
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySwapOutlined = React18CompatibleIconComponent(SwapOutlined);
2001
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacySyncOutlined = React18CompatibleIconComponent(SyncOutlined);
2002
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyUpOutlined = React18CompatibleIconComponent(UpOutlined);
2003
- /** @deprecated Legacy AntD icon; prefer a non-deprecated Du Bois icon from @databricks/design-system. */ const LegacyVideoCameraOutlined = React18CompatibleIconComponent(VideoCameraOutlined);
2004
-
2005
2086
  function useDesignSystemContext() {
2006
2087
  return useContext(DesignSystemContext);
2007
2088
  }
@@ -17464,7 +17545,7 @@ const Button$1 = /* #__PURE__ */ (()=>{
17464
17545
  inheritColor: true,
17465
17546
  label: "loading",
17466
17547
  "aria-label": "loading",
17467
- // eslint-disable-next-line @databricks/no-dynamic-property-value -- DUBOIS INTERNAL EXEMPTION exempt:b7289367-ddfb-4cf6-b8d1-22b27cdff2d2
17548
+ // oxlint-disable-next-line @databricks/no-dynamic-property-value -- DUBOIS INTERNAL EXEMPTION exempt:b7289367-ddfb-4cf6-b8d1-22b27cdff2d2
17468
17549
  loadingDescription: loadingDescription ?? componentId,
17469
17550
  css: getMemoizedLoadingSpinnerCss(iconOnly, Boolean(dangerouslySetForceIconStyles))
17470
17551
  }) : null;
@@ -18232,9 +18313,9 @@ const modalFooterStyles = (theme, prefixCls, hasCustomFooter)=>{
18232
18313
  // Right-align footer buttons. For a custom footer (`display: block`) this is what aligns the
18233
18314
  // inline-block buttons.
18234
18315
  textAlign: 'right',
18235
- // 8px gap between adjacent footer buttons. The custom-footer path (`display: block`) has no flex
18236
- // gap, so this margin supplies the spacing for both footer layouts.
18237
- '& > * + *': {
18316
+ // 8px gap between adjacent footer buttons. Descendant selector so it reaches buttons that a
18317
+ // custom footer nests inside wrapper elements, not just the footer's direct children.
18318
+ '& button + button': {
18238
18319
  marginLeft: theme.spacing.sm
18239
18320
  },
18240
18321
  height: footerHeight,
@@ -18305,6 +18386,8 @@ function ModalInternal({ componentId, analyticsEvents = [
18305
18386
  DesignSystemEventProviderAnalyticsEventTypes.OnView
18306
18387
  ], okButtonProps, cancelButtonProps, dangerouslySetAntdProps, children, title, footer, size = 'normal', verticalSizing = 'dynamic', autoFocusButton, truncateTitle, shouldStartInteraction, visible = false, onOk, onCancel, afterClose, confirmLoading, okText, cancelText, destroyOnClose, wrapClassName, className, getContainer, zIndex, modalRender, preventAutoFocus = true, compactTitle = false, ...restProps }) {
18307
18388
  const { theme, classNamePrefix } = useDesignSystemTheme();
18389
+ const themeClass = useDuboisThemeClass();
18390
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
18308
18391
  const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents, [
18309
18392
  analyticsEvents
18310
18393
  ]);
@@ -18631,7 +18714,8 @@ function ModalInternal({ componentId, analyticsEvents = [
18631
18714
  ref: modalRootRef,
18632
18715
  "aria-hidden": !open,
18633
18716
  css: wrapperStyles,
18634
- className: classnames(wrapClassName),
18717
+ className: classnames(wrapClassName, themeClass),
18718
+ style: themeOverrideStyle,
18635
18719
  children: /*#__PURE__*/ jsx(RadixModalContext.Provider, {
18636
18720
  value: {
18637
18721
  modalRootElement: modalRootRef.current?.firstChild
@@ -18723,132 +18807,6 @@ const ModalContext = /*#__PURE__*/ createContext({
18723
18807
  });
18724
18808
  const useModalContext = ()=>useContext(ModalContext);
18725
18809
 
18726
- // Module-level caches. Both styles depend only on theme (and zIndex), so share one
18727
- // object across every LegacyTooltip instance instead of allocating per render.
18728
- const TRIGGER = [
18729
- 'hover',
18730
- 'focus'
18731
- ];
18732
- const getMemoizedDefaultOverlayInnerStyle = memoize((theme)=>({
18733
- backgroundColor: '#2F3941',
18734
- lineHeight: '22px',
18735
- padding: '4px 8px',
18736
- boxShadow: theme.general.shadowLow,
18737
- ...getDarkModePortalStyles(theme)
18738
- }));
18739
- const getMemoizedDefaultOverlayStyle = memoize((theme)=>({
18740
- zIndex: theme.options.zIndexBase + 70
18741
- }), (theme)=>String(theme.options.zIndexBase));
18742
- const getMemoizedAnimationCss = memoize((enableAnimation)=>/*#__PURE__*/ css({
18743
- ...getAnimationCss(enableAnimation)
18744
- }));
18745
- /**
18746
- * `LegacyTooltip` is deprecated in favor of the new `Tooltip` component
18747
- * @deprecated
18748
- */ const LegacyTooltip = ({ children, title, placement = 'top', dataTestId, dangerouslySetAntdProps, silenceScreenReader = false, useAsLabel = false, ...props })=>{
18749
- const { theme } = useDesignSystemTheme();
18750
- const tooltipRef = useRef(null);
18751
- const duboisId = useUniqueId('dubois-tooltip-component-');
18752
- const id = dangerouslySetAntdProps?.id ? dangerouslySetAntdProps?.id : duboisId;
18753
- if (!title) {
18754
- return /*#__PURE__*/ jsx(React__default.Fragment, {
18755
- children: children
18756
- });
18757
- }
18758
- const titleProps = silenceScreenReader ? {} : {
18759
- 'aria-live': 'polite',
18760
- 'aria-relevant': 'additions'
18761
- };
18762
- if (dataTestId) {
18763
- titleProps['data-testid'] = dataTestId;
18764
- }
18765
- const liveTitle = title && /*#__PURE__*/ React__default.isValidElement(title) ? /*#__PURE__*/ React__default.cloneElement(title, titleProps) : /*#__PURE__*/ jsx("span", {
18766
- ...titleProps,
18767
- children: title
18768
- });
18769
- const ariaProps = {
18770
- 'aria-hidden': false
18771
- };
18772
- const addAriaProps = (e)=>{
18773
- if (!tooltipRef.current || e.currentTarget.hasAttribute('aria-describedby') || e.currentTarget.hasAttribute('aria-labelledby')) {
18774
- return;
18775
- }
18776
- if (id) {
18777
- e.currentTarget.setAttribute('aria-live', 'polite');
18778
- if (useAsLabel) {
18779
- e.currentTarget.setAttribute('aria-labelledby', id);
18780
- } else {
18781
- e.currentTarget.setAttribute('aria-describedby', id);
18782
- }
18783
- }
18784
- };
18785
- const removeAriaProps = (e)=>{
18786
- if (!tooltipRef || !e.currentTarget.hasAttribute('aria-describedby') && !e.currentTarget.hasAttribute('aria-labelledby')) {
18787
- return;
18788
- }
18789
- if (useAsLabel) {
18790
- e.currentTarget.removeAttribute('aria-labelledby');
18791
- } else {
18792
- e.currentTarget.removeAttribute('aria-describedby');
18793
- }
18794
- e.currentTarget.removeAttribute('aria-live');
18795
- };
18796
- const interactionProps = {
18797
- onMouseEnter: (e)=>{
18798
- addAriaProps(e);
18799
- },
18800
- onMouseLeave: (e)=>{
18801
- removeAriaProps(e);
18802
- },
18803
- onFocus: (e)=>{
18804
- addAriaProps(e);
18805
- },
18806
- onBlur: (e)=>{
18807
- removeAriaProps(e);
18808
- }
18809
- };
18810
- const childWithProps = /*#__PURE__*/ React__default.isValidElement(children) ? /*#__PURE__*/ React__default.cloneElement(children, {
18811
- ...ariaProps,
18812
- ...interactionProps,
18813
- ...children.props
18814
- }) : isNil(children) ? children : /*#__PURE__*/ jsx("span", {
18815
- ...ariaProps,
18816
- ...interactionProps,
18817
- children: children
18818
- });
18819
- const { overlayInnerStyle, overlayStyle, ...delegatedDangerouslySetAntdProps } = dangerouslySetAntdProps || {};
18820
- // When no overrides are passed, reuse the module-level memoized objects directly so
18821
- // the same reference is shared across every tooltip instance with the same theme.
18822
- const mergedOverlayInnerStyle = overlayInnerStyle ? {
18823
- backgroundColor: '#2F3941',
18824
- lineHeight: '22px',
18825
- padding: '4px 8px',
18826
- boxShadow: theme.general.shadowLow,
18827
- ...overlayInnerStyle,
18828
- ...getDarkModePortalStyles(theme)
18829
- } : getMemoizedDefaultOverlayInnerStyle(theme);
18830
- const mergedOverlayStyle = overlayStyle ? {
18831
- zIndex: theme.options.zIndexBase + 70,
18832
- ...overlayStyle
18833
- } : getMemoizedDefaultOverlayStyle(theme);
18834
- return /*#__PURE__*/ jsx(DesignSystemAntDConfigProvider, {
18835
- children: /*#__PURE__*/ jsx(Tooltip$1, {
18836
- id: id,
18837
- ref: tooltipRef,
18838
- title: liveTitle,
18839
- placement: placement,
18840
- // Always trigger on hover and focus
18841
- trigger: TRIGGER,
18842
- overlayInnerStyle: mergedOverlayInnerStyle,
18843
- overlayStyle: mergedOverlayStyle,
18844
- css: getMemoizedAnimationCss(theme.options.enableAnimation),
18845
- ...delegatedDangerouslySetAntdProps,
18846
- ...props,
18847
- children: childWithProps
18848
- })
18849
- });
18850
- };
18851
-
18852
18810
  // WRAPPED RADIX-UI-COMPONENTS
18853
18811
  const Anchor = Popover$1.Anchor; // Behavioral component only
18854
18812
  const DEFAULT_ANALYTICS_EVENTS$5 = [
@@ -18894,10 +18852,12 @@ const Root$b = ({ children, onOpenChange, componentId, analyticsEvents = DEFAULT
18894
18852
  })
18895
18853
  });
18896
18854
  };
18897
- const Content$7 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, maxWidth, ...props }, ref) {
18855
+ const Content$7 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, maxWidth, className, style, ...props }, ref) {
18898
18856
  const { getPopupContainer } = useDesignSystemContext();
18899
18857
  const { theme } = useDesignSystemTheme();
18900
18858
  const dataComponentProps = useComponentFinderContext(DesignSystemEventProviderComponentTypes.Popover);
18859
+ const themeClass = useDuboisThemeClass();
18860
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
18901
18861
  return /*#__PURE__*/ jsx(Popover$1.Portal, {
18902
18862
  container: getPopupContainer && getPopupContainer(),
18903
18863
  children: /*#__PURE__*/ jsx(Popover$1.Content, {
@@ -18914,6 +18874,11 @@ const Content$7 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth
18914
18874
  "aria-label": "Popover content",
18915
18875
  ...props,
18916
18876
  ...dataComponentProps,
18877
+ className: classnames(className, themeClass),
18878
+ style: {
18879
+ ...style,
18880
+ ...themeOverrideStyle
18881
+ },
18917
18882
  children: children
18918
18883
  })
18919
18884
  });
@@ -19006,6 +18971,268 @@ var Popover = /*#__PURE__*/Object.freeze({
19006
18971
  Trigger: Trigger$5
19007
18972
  });
19008
18973
 
18974
+ // @ts-expect-error `jest` is only available in tests
18975
+ const isInsideTest = ()=>typeof jest !== 'undefined';
18976
+
18977
+ const DEFAULT_ANALYTICS_EVENTS$4 = [
18978
+ DesignSystemEventProviderAnalyticsEventTypes.OnView
18979
+ ];
18980
+ const slideUpAndFade = /*#__PURE__*/ keyframes({
18981
+ from: {
18982
+ opacity: 0,
18983
+ transform: 'translateY(2px)'
18984
+ },
18985
+ to: {
18986
+ opacity: 1,
18987
+ transform: 'translateY(0)'
18988
+ }
18989
+ });
18990
+ const slideRightAndFade = /*#__PURE__*/ keyframes({
18991
+ from: {
18992
+ opacity: 0,
18993
+ transform: 'translateX(-2px)'
18994
+ },
18995
+ to: {
18996
+ opacity: 1,
18997
+ transform: 'translateX(0)'
18998
+ }
18999
+ });
19000
+ const slideDownAndFade = /*#__PURE__*/ keyframes({
19001
+ from: {
19002
+ opacity: 0,
19003
+ transform: 'translateY(-2px)'
19004
+ },
19005
+ to: {
19006
+ opacity: 1,
19007
+ transform: 'translateY(0)'
19008
+ }
19009
+ });
19010
+ const slideLeftAndFade = /*#__PURE__*/ keyframes({
19011
+ from: {
19012
+ opacity: 0,
19013
+ transform: 'translateX(2px)'
19014
+ },
19015
+ to: {
19016
+ opacity: 1,
19017
+ transform: 'translateX(0)'
19018
+ }
19019
+ });
19020
+ const getTooltipStyles = (theme, clsPrefix)=>{
19021
+ // Radix uses `data-state` to drive tooltip animations. However, due to a Radix bug, the animation CSS is not
19022
+ // well-scoped. If the tooltip wraps another component that uses `data-state` (such as ToggleButton), the animation
19023
+ // styles leak into the child component. We work around this by introducing our own `tooltip-data-state` attribute
19024
+ // and redefining the animations based on that. This requires a *patch* to the Radix tooltip to swap `data-state`
19025
+ // for `tooltip-data-state`: js/yarn/patches/@radix-ui-react-tooltip-npm-1.0.7-c7378e5c03.patch. This patch is applied
19026
+ // via `yarn patch`. See https://databricks.atlassian.net/browse/DUBOIS-340 for original context.
19027
+ //
19028
+ // It is worth highlighting here, however, that we do not have a good way to distribute this patch outside of universe
19029
+ // when `@databricks/design-system` is published to npm. Thus, this animation bug may still persist if this Tooltip
19030
+ // component is used outside of universe alongside a Radix version that still has the underlying bug.
19031
+ const dataStateAttr = 'tooltip-data-state';
19032
+ const classTypography = `.${clsPrefix}-typography`;
19033
+ const { isDarkMode } = theme;
19034
+ const linkColor = isDarkMode ? theme.colors.blue600 : theme.colors.blue500;
19035
+ const linkActiveColor = isDarkMode ? theme.colors.blue800 : theme.colors.blue300;
19036
+ const linkHoverColor = isDarkMode ? theme.colors.blue700 : theme.colors.blue400;
19037
+ return {
19038
+ content: {
19039
+ backgroundColor: theme.colors.tooltipBackgroundTooltip,
19040
+ color: theme.colors.tooltipTextTooltip,
19041
+ borderRadius: token(ShapeTokens.POPOVER_BORDER_RADIUS, theme.borders.borderRadiusSm),
19042
+ fontSize: theme.typography.fontSizeMd,
19043
+ padding: `${theme.spacing.xs}px ${theme.spacing.sm}px`,
19044
+ lineHeight: theme.typography.lineHeightLg,
19045
+ fontWeight: theme.typography.typographyRegularFontWeight,
19046
+ boxShadow: theme.shadows.lg,
19047
+ wordWrap: 'break-word',
19048
+ whiteSpace: 'normal',
19049
+ zIndex: theme.options.zIndexBase + 70,
19050
+ willChange: 'transform, opacity',
19051
+ [`&[${dataStateAttr}='delayed-open'][data-side='top']`]: {
19052
+ animation: `${slideDownAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
19053
+ },
19054
+ [`&[${dataStateAttr}='delayed-open'][data-side='right']`]: {
19055
+ animation: `${slideLeftAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
19056
+ },
19057
+ [`&[${dataStateAttr}='delayed-open'][data-side='bottom']`]: {
19058
+ animation: `${slideUpAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
19059
+ },
19060
+ [`&[${dataStateAttr}='delayed-open'][data-side='left']`]: {
19061
+ animation: `${slideRightAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
19062
+ },
19063
+ [`& a${classTypography}`]: {
19064
+ '&, :focus': {
19065
+ color: linkColor,
19066
+ '.anticon': {
19067
+ color: linkColor
19068
+ }
19069
+ },
19070
+ ':active': {
19071
+ color: linkActiveColor,
19072
+ '.anticon': {
19073
+ color: linkActiveColor
19074
+ }
19075
+ },
19076
+ ':hover': {
19077
+ color: linkHoverColor,
19078
+ '.anticon': {
19079
+ color: linkHoverColor
19080
+ }
19081
+ }
19082
+ }
19083
+ },
19084
+ arrow: {
19085
+ fill: theme.colors.tooltipBackgroundTooltip,
19086
+ zIndex: theme.options.zIndexBase + 70,
19087
+ visibility: 'visible'
19088
+ }
19089
+ };
19090
+ };
19091
+ const getMemoizedTooltipStyles = memoize(getTooltipStyles, (theme, clsPrefix)=>`${themeMemoKey(theme)}|${clsPrefix}`);
19092
+ /**
19093
+ * Radix's portal only mounts its children while the tooltip is open, so keeping the content work
19094
+ * here avoids paying for theme, style, and analytics hooks on every closed tooltip. The portal
19095
+ * composes a ref onto whatever it renders, so this has to forward it on to the content.
19096
+ */ const TooltipContent = /*#__PURE__*/ forwardRef(function TooltipContent({ content, side, sideOffset, align, maxWidth, componentId, analyticsEvents, zIndex, shouldReportViewRef, ...props }, ref) {
19097
+ const { theme, classNamePrefix } = useDesignSystemTheme();
19098
+ // The Radix portal mounts on the body, outside any Du Bois scope, so re-establish the token scope
19099
+ // here the way other portaled surfaces (Modal, Drawer, DropdownMenu, …) do: the theme class carries
19100
+ // the base `--db-*` tokens and the override style re-declares any consumer overrides on top.
19101
+ const themeClass = useDuboisThemeClass();
19102
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
19103
+ const tooltipStyles = getMemoizedTooltipStyles(theme, classNamePrefix);
19104
+ const contentCss = useMemo(()=>[
19105
+ tooltipStyles['content'],
19106
+ {
19107
+ maxWidth
19108
+ },
19109
+ zIndex !== undefined ? {
19110
+ zIndex
19111
+ } : undefined
19112
+ ], [
19113
+ tooltipStyles,
19114
+ maxWidth,
19115
+ zIndex
19116
+ ]);
19117
+ const eventContext = useDesignSystemEventComponentCallbacks({
19118
+ componentType: DesignSystemEventProviderComponentTypes.Tooltip,
19119
+ componentId,
19120
+ analyticsEvents
19121
+ });
19122
+ useEffect(()=>{
19123
+ if (shouldReportViewRef.current) {
19124
+ eventContext.onView();
19125
+ shouldReportViewRef.current = false;
19126
+ }
19127
+ }, [
19128
+ eventContext,
19129
+ shouldReportViewRef
19130
+ ]);
19131
+ return /*#__PURE__*/ jsxs(RadixTooltip.Content, {
19132
+ ref: ref,
19133
+ side: side,
19134
+ align: align,
19135
+ sideOffset: sideOffset ?? theme.spacing.sm,
19136
+ arrowPadding: theme.spacing.md,
19137
+ css: contentCss,
19138
+ ...props,
19139
+ ...eventContext.dataComponentProps,
19140
+ className: themeClass,
19141
+ style: themeOverrideStyle,
19142
+ children: [
19143
+ content,
19144
+ /*#__PURE__*/ jsx(RadixTooltip.Arrow, {
19145
+ css: tooltipStyles['arrow']
19146
+ })
19147
+ ]
19148
+ });
19149
+ });
19150
+ /**
19151
+ * Owns the popup container lookup so that a tooltip which never opens does not subscribe to the
19152
+ * design system context.
19153
+ */ const TooltipPortal = (props)=>{
19154
+ const { getPopupContainer } = useDesignSystemContext();
19155
+ return /*#__PURE__*/ jsx(RadixTooltip.Portal, {
19156
+ container: getPopupContainer?.(),
19157
+ children: /*#__PURE__*/ jsx(TooltipContent, {
19158
+ ...props
19159
+ })
19160
+ });
19161
+ };
19162
+ /**
19163
+ * If the tooltip is not displaying for you, it might be because the child does not accept the onMouseEnter, onMouseLeave, onPointerEnter,
19164
+ * onPointerLeave, onFocus, and onClick props. You can add these props to your child component, or wrap it in a `<span>` tag.
19165
+ *
19166
+ * See go/dubois.
19167
+ */ const Tooltip = ({ children, content, defaultOpen = false, delayDuration = 350, side = 'top', sideOffset, align = 'center', maxWidth = 250, componentId, analyticsEvents = DEFAULT_ANALYTICS_EVENTS$4, open, onOpenChange, disableHoverableContent, zIndex, ...props })=>{
19168
+ disableHoverableContent ??= true;
19169
+ const firstView = useRef(true);
19170
+ const shouldReportView = useRef(false);
19171
+ // The portal renders nothing while closed, but it and its Presence still mount for every tooltip
19172
+ // on the page. Root and Trigger stay put so the child never changes position in the tree.
19173
+ const [everOpened, setEverOpened] = useState(defaultOpen);
19174
+ // A consumer-controlled `open` never calls onOpenChange, so it has to latch here instead.
19175
+ if (open && !everOpened) {
19176
+ setEverOpened(true);
19177
+ }
19178
+ const handleOpenChange = useCallback((open)=>{
19179
+ if (open) {
19180
+ setEverOpened(true);
19181
+ if (firstView.current) {
19182
+ shouldReportView.current = true;
19183
+ firstView.current = false;
19184
+ }
19185
+ }
19186
+ onOpenChange?.(open);
19187
+ }, [
19188
+ onOpenChange
19189
+ ]);
19190
+ const IS_INSIDE_TEST = isInsideTest();
19191
+ return /*#__PURE__*/ jsxs(RadixTooltip.Root, {
19192
+ defaultOpen: defaultOpen,
19193
+ delayDuration: IS_INSIDE_TEST ? 10 : delayDuration,
19194
+ open: open,
19195
+ onOpenChange: handleOpenChange,
19196
+ disableHoverableContent: disableHoverableContent,
19197
+ children: [
19198
+ /*#__PURE__*/ jsx(RadixTooltip.Trigger, {
19199
+ asChild: true,
19200
+ children: children
19201
+ }),
19202
+ content && everOpened ? /*#__PURE__*/ jsx(TooltipPortal, {
19203
+ content: content,
19204
+ side: side,
19205
+ sideOffset: sideOffset,
19206
+ align: align,
19207
+ maxWidth: maxWidth,
19208
+ componentId: componentId,
19209
+ analyticsEvents: analyticsEvents,
19210
+ zIndex: zIndex,
19211
+ shouldReportViewRef: shouldReportView,
19212
+ ...props
19213
+ }) : null
19214
+ ]
19215
+ });
19216
+ };
19217
+
19218
+ const getMemoizedIconCss = memoize((theme)=>({
19219
+ color: theme.colors.textSecondary
19220
+ }));
19221
+ const InfoTooltip = ({ content, iconTitle = 'More information', ...props })=>{
19222
+ const { theme } = useDesignSystemTheme();
19223
+ return /*#__PURE__*/ jsx(Tooltip, {
19224
+ content: content,
19225
+ ...props,
19226
+ children: /*#__PURE__*/ jsx(InfoSmallIcon, {
19227
+ tabIndex: 0,
19228
+ "aria-hidden": "false",
19229
+ "aria-label": iconTitle,
19230
+ alt: iconTitle,
19231
+ css: getMemoizedIconCss(theme)
19232
+ })
19233
+ });
19234
+ };
19235
+
19009
19236
  const OverflowPopover = ({ items, renderLabel, tooltipText, ariaLabel = 'More items', ...props })=>{
19010
19237
  const { theme } = useDesignSystemTheme();
19011
19238
  const [showTooltip, setShowTooltip] = useState(true);
@@ -19025,8 +19252,9 @@ const OverflowPopover = ({ items, renderLabel, tooltipText, ariaLabel = 'More it
19025
19252
  })
19026
19253
  });
19027
19254
  if (showTooltip) {
19028
- trigger = /*#__PURE__*/ jsx(LegacyTooltip, {
19029
- title: tooltipText || 'See more items',
19255
+ trigger = /*#__PURE__*/ jsx(Tooltip, {
19256
+ componentId: "design-system.overflow-popover.tooltip",
19257
+ content: tooltipText || 'See more items',
19030
19258
  children: trigger
19031
19259
  });
19032
19260
  }
@@ -19932,9 +20160,9 @@ const AntDCheckboxGroupInternal = /*#__PURE__*/ forwardRef(function AntDCheckbox
19932
20160
 
19933
20161
  const NativeCheckboxGroupContext = createContext(null);
19934
20162
 
19935
- const GROUP_CLASS$1 = 'ds-checkbox-group';
20163
+ const GROUP_CLASS$1 = 'db-checkbox-group';
19936
20164
  // Vertical groups are a stack; horizontal stays a bespoke non-wrapping row (see NativeCheckbox.css).
19937
- const STACK_CLASS$1 = 'ds-stack';
20165
+ const STACK_CLASS$1 = 'db-stack';
19938
20166
  const NativeCheckboxGroup = /*#__PURE__*/ forwardRef(function NativeCheckboxGroup({ children, layout = 'vertical', value, defaultValue, onChange, options, disabled, name, className, style, ...rest }, ref) {
19939
20167
  const isControlled = value !== undefined;
19940
20168
  const [internalValue, setInternalValue] = useState(defaultValue ? [
@@ -19992,17 +20220,17 @@ const NativeCheckboxGroup = /*#__PURE__*/ forwardRef(function NativeCheckboxGrou
19992
20220
  });
19993
20221
  });
19994
20222
 
19995
- const ROOT_CLASS$1 = 'ds-checkbox';
20223
+ const ROOT_CLASS$1 = 'db-checkbox';
19996
20224
  // The checkbox's own <input> carries this class so CSS targets it specifically
19997
20225
  // rather than any `input` descendant — a consumer may render an inline <input>
19998
20226
  // (e.g. a number field) inside the label children, and a bare `input` selector
19999
20227
  // would wrongly hide/absolutely-position it and mis-drive the checkbox's
20000
20228
  // `:has(input:…)` state rules.
20001
- const INPUT_CLASS = 'ds-checkbox-input';
20002
- const INDICATOR_CLASS$1 = 'ds-checkbox-indicator';
20003
- const CHECKMARK_CLASS = 'ds-checkbox-checkmark';
20004
- const DASH_CLASS = 'ds-checkbox-dash';
20005
- const LABEL_CLASS$1 = 'ds-checkbox-label';
20229
+ const INPUT_CLASS = 'db-checkbox-input';
20230
+ const INDICATOR_CLASS$1 = 'db-checkbox-indicator';
20231
+ const CHECKMARK_CLASS = 'db-checkbox-checkmark';
20232
+ const DASH_CLASS = 'db-checkbox-dash';
20233
+ const LABEL_CLASS$1 = 'db-checkbox-label';
20006
20234
  function logAntdPropWarning(dangerouslySetAntdProps) {
20007
20235
  if (process.env.NODE_ENV !== 'production' && dangerouslySetAntdProps && Object.keys(dangerouslySetAntdProps).length > 0) {
20008
20236
  // eslint-disable-next-line no-console
@@ -20096,10 +20324,9 @@ disabled: htmlDisabledProp, id, ...restProps }, ref) {
20096
20324
  value
20097
20325
  ]);
20098
20326
  const isIndeterminate = effectiveChecked === null;
20099
- // Self-scope the theme class on the root so the native token cascade resolves dark/light here,
20100
- // with no provider-emitted wrapper node in the consumer tree (DUBOIS-448).
20101
- const themeClass = useDuboisThemeClass();
20102
- const rootClassName = classnames(ROOT_CLASS$1, themeClass, className);
20327
+ // Inherits the `--db-color-*` scope (theme-class + consumer override) from the DesignSystemProvider
20328
+ // wrapper; no self-scoped theme class, so a consumer override set on that wrapper reaches here.
20329
+ const rootClassName = classnames(ROOT_CLASS$1, className);
20103
20330
  // Skip `checked` when uncontrolled (avoids React's controlled-vs-uncontrolled warning when
20104
20331
  // a `defaultChecked` is also passed). Indeterminate drives controlled mode with checked=false.
20105
20332
  const checkedProp = isIndeterminate ? false : effectiveChecked;
@@ -20292,14 +20519,16 @@ const infoIconStyles = (theme)=>({
20292
20519
  color: theme.colors.textSecondary,
20293
20520
  pointerEvents: 'all'
20294
20521
  });
20295
- const getNewChildren = (children, props, disabledReason, ref)=>{
20522
+ const getNewChildren = (children, props, disabledReason, // Supplied by the menu component so the tooltip renders above its content: the Du Bois Tooltip
20523
+ // portals to document.body at zIndexBase + 70 (~1070), which is below the menu's own z-index, so
20524
+ // without this it renders behind the open menu.
20525
+ zIndex)=>{
20296
20526
  const childCount = Children.count(children);
20297
- const tooltip = /*#__PURE__*/ jsx(LegacyTooltip, {
20298
- title: disabledReason,
20299
- placement: "right",
20300
- dangerouslySetAntdProps: {
20301
- getPopupContainer: ()=>ref.current || document.body
20302
- },
20527
+ const tooltip = /*#__PURE__*/ jsx(Tooltip, {
20528
+ componentId: "design-system.menu.disabled-reason.tooltip",
20529
+ content: disabledReason,
20530
+ side: "right",
20531
+ zIndex: zIndex,
20303
20532
  children: /*#__PURE__*/ jsx("span", {
20304
20533
  "data-disabled-tooltip": true,
20305
20534
  css: (theme)=>infoIconStyles(theme),
@@ -20384,11 +20613,13 @@ const Root$a = ({ children, itemHtmlType, ...props })=>{
20384
20613
  })
20385
20614
  });
20386
20615
  };
20387
- const Content$6 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, matchTriggerWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, ...props }, ref) {
20616
+ const Content$6 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, matchTriggerWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, className, style, ...props }, ref) {
20388
20617
  const { getPopupContainer } = useDesignSystemContext();
20389
20618
  const { theme } = useDesignSystemTheme();
20390
20619
  const { setIsOpen } = useDropdownContext();
20391
20620
  const { isInsideModal } = useModalContext();
20621
+ const themeClass = useDuboisThemeClass();
20622
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
20392
20623
  return /*#__PURE__*/ jsx(DropdownMenu$1.Portal, {
20393
20624
  container: getPopupContainer && getPopupContainer(),
20394
20625
  children: /*#__PURE__*/ jsx(DropdownMenu$1.Content, {
@@ -20431,11 +20662,16 @@ const Content$6 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth
20431
20662
  e.stopPropagation();
20432
20663
  props?.onTouchMove?.(e);
20433
20664
  },
20665
+ className: classnames(className, themeClass),
20666
+ style: {
20667
+ ...style,
20668
+ ...themeOverrideStyle
20669
+ },
20434
20670
  children: children
20435
20671
  })
20436
20672
  });
20437
20673
  });
20438
- const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, onKeyDown, ...props }, ref) {
20674
+ const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, onKeyDown, className, style, ...props }, ref) {
20439
20675
  const { getPopupContainer } = useDesignSystemContext();
20440
20676
  const { theme } = useDesignSystemTheme();
20441
20677
  const [contentFitsInViewport, setContentFitsInViewport] = React__default.useState(true);
@@ -20480,6 +20716,8 @@ const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWi
20480
20716
  isOpen,
20481
20717
  checkAvailableWidth
20482
20718
  ]);
20719
+ const themeClass = useDuboisThemeClass();
20720
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
20483
20721
  let transformCalc = `calc(var(--radix-dropdown-menu-content-available-width) + var(--radix-dropdown-menu-trigger-width) * -1)`;
20484
20722
  if (dataSide === 'left') {
20485
20723
  transformCalc = `calc(var(--radix-dropdown-menu-trigger-width) - var(--radix-dropdown-menu-content-available-width))`;
@@ -20511,6 +20749,11 @@ const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWi
20511
20749
  onKeyDown?.(e);
20512
20750
  },
20513
20751
  ...props,
20752
+ className: classnames(className, themeClass),
20753
+ style: {
20754
+ ...style,
20755
+ ...themeOverrideStyle
20756
+ },
20514
20757
  children: children
20515
20758
  })
20516
20759
  });
@@ -20580,7 +20823,7 @@ const Item$3 = /*#__PURE__*/ forwardRef(function Item({ children, disabledReason
20580
20823
  },
20581
20824
  ...props,
20582
20825
  ...eventContext.dataComponentProps,
20583
- children: getNewChildren(children, props, disabledReason, itemRef)
20826
+ children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
20584
20827
  });
20585
20828
  });
20586
20829
  const Label$1 = /*#__PURE__*/ forwardRef(function Label({ children, ...props }, ref) {
@@ -20628,7 +20871,7 @@ const SubTrigger$1 = /*#__PURE__*/ forwardRef(function TriggerItem({ children, d
20628
20871
  },
20629
20872
  ...props,
20630
20873
  children: [
20631
- getNewChildren(children, props, disabledReason, subTriggerRef),
20874
+ getNewChildren(children, props, disabledReason, getZIndex() + 1),
20632
20875
  /*#__PURE__*/ jsx(HintColumn, {
20633
20876
  css: (theme)=>({
20634
20877
  margin: CONSTANTS.subMenuIconMargin(theme),
@@ -20698,7 +20941,7 @@ const CheckboxItem$1 = /*#__PURE__*/ forwardRef(function CheckboxItem({ children
20698
20941
  },
20699
20942
  ...props,
20700
20943
  ...eventContext.dataComponentProps,
20701
- children: getNewChildren(children, props, disabledReason, checkboxItemRef)
20944
+ children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
20702
20945
  });
20703
20946
  });
20704
20947
  const RadioGroup$1 = /*#__PURE__*/ forwardRef(function RadioGroup({ children, componentId, analyticsEvents, onValueChange, valueHasNoPii, ...props }, ref) {
@@ -20793,7 +21036,7 @@ const RadioItem$1 = /*#__PURE__*/ forwardRef(function RadioItem({ children, disa
20793
21036
  checkboxItemStyles(theme)
20794
21037
  ],
20795
21038
  ...props,
20796
- children: getNewChildren(children, props, disabledReason, radioItemRef)
21039
+ children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
20797
21040
  });
20798
21041
  });
20799
21042
  const SubContext = /*#__PURE__*/ createContext({
@@ -21063,18 +21306,20 @@ const SubTrigger = ({ children, disabledReason, withChevron, ...props })=>{
21063
21306
  props.onKeyDown?.(e);
21064
21307
  },
21065
21308
  children: [
21066
- getNewChildren(children, props, disabledReason, ref),
21309
+ getNewChildren(children, props, disabledReason, getZIndex() + 1),
21067
21310
  withChevron && /*#__PURE__*/ jsx(ContextMenu.Hint, {
21068
21311
  children: /*#__PURE__*/ jsx(ChevronRightIcon, {})
21069
21312
  })
21070
21313
  ]
21071
21314
  });
21072
21315
  };
21073
- const Content$5 = ({ children, minWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, ...childrenProps })=>{
21316
+ const Content$5 = ({ children, minWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, className, style, ...childrenProps })=>{
21074
21317
  const { getPopupContainer } = useDesignSystemContext();
21075
21318
  const { theme } = useDesignSystemTheme();
21076
21319
  const { isInsideModal } = useModalContext();
21077
21320
  const { isOpen, setIsOpen } = useContextMenuProps();
21321
+ const themeClass = useDuboisThemeClass();
21322
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
21078
21323
  return /*#__PURE__*/ jsx(ContextMenuPortal, {
21079
21324
  container: getPopupContainer && getPopupContainer(),
21080
21325
  children: isOpen && /*#__PURE__*/ jsx(ContextMenuContent, {
@@ -21109,13 +21354,20 @@ const Content$5 = ({ children, minWidth, forceCloseOnEscape, onEscapeKeyDown, on
21109
21354
  minWidth
21110
21355
  }
21111
21356
  ],
21357
+ className: classnames(className, themeClass),
21358
+ style: {
21359
+ ...style,
21360
+ ...themeOverrideStyle
21361
+ },
21112
21362
  children: children
21113
21363
  })
21114
21364
  });
21115
21365
  };
21116
- const SubContent = ({ children, minWidth, ...childrenProps })=>{
21366
+ const SubContent = ({ children, minWidth, className, style, ...childrenProps })=>{
21117
21367
  const { getPopupContainer } = useDesignSystemContext();
21118
21368
  const { theme } = useDesignSystemTheme();
21369
+ const themeClass = useDuboisThemeClass();
21370
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
21119
21371
  return /*#__PURE__*/ jsx(ContextMenuPortal, {
21120
21372
  container: getPopupContainer && getPopupContainer(),
21121
21373
  children: /*#__PURE__*/ jsx(ContextMenuSubContent, {
@@ -21140,6 +21392,11 @@ const SubContent = ({ children, minWidth, ...childrenProps })=>{
21140
21392
  }
21141
21393
  childrenProps.onKeyDown?.(e);
21142
21394
  },
21395
+ className: classnames(className, themeClass),
21396
+ style: {
21397
+ ...style,
21398
+ ...themeOverrideStyle
21399
+ },
21143
21400
  children: children
21144
21401
  })
21145
21402
  });
@@ -21184,7 +21441,7 @@ const Item$2 = ({ children, disabledReason, onClick, componentId, analyticsEvent
21184
21441
  props.onKeyDown?.(e);
21185
21442
  },
21186
21443
  ...eventContext.dataComponentProps,
21187
- children: getNewChildren(children, props, disabledReason, ref)
21444
+ children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
21188
21445
  });
21189
21446
  };
21190
21447
  const CheckboxItem = ({ children, disabledReason, onCheckedChange, componentId, analyticsEvents, ...props })=>{
@@ -21235,7 +21492,7 @@ const CheckboxItem = ({ children, disabledReason, onCheckedChange, componentId,
21235
21492
  width: theme.general.iconFontSize + theme.spacing.xs
21236
21493
  }
21237
21494
  }),
21238
- getNewChildren(children, props, disabledReason, ref)
21495
+ getNewChildren(children, props, disabledReason, getZIndex() + 1)
21239
21496
  ]
21240
21497
  });
21241
21498
  };
@@ -21281,7 +21538,7 @@ const RadioItem = ({ children, disabledReason, ...props })=>{
21281
21538
  css: getMemoizedItemIndicatorStyles(theme),
21282
21539
  children: /*#__PURE__*/ jsx(CheckIcon, {})
21283
21540
  }),
21284
- getNewChildren(children, props, disabledReason, ref)
21541
+ getNewChildren(children, props, disabledReason, getZIndex() + 1)
21285
21542
  ]
21286
21543
  });
21287
21544
  };
@@ -24651,11 +24908,13 @@ const getHintColumnStyles = (theme, disabled, textOverflowMode)=>{
24651
24908
 
24652
24909
  const defaultMaxHeight = 'var(--radix-popover-content-available-height)';
24653
24910
  const DialogComboboxContent = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
24654
- ({ children, loading, loadingDescription = 'DialogComboboxContent', matchTriggerWidth, textOverflowMode, maxHeight, maxWidth, minHeight, minWidth = 240, width, align = 'start', side = 'bottom', sideOffset = 4, onEscapeKeyDown, onKeyDown, forceCloseOnEscape, ...restProps }, forwardedRef)=>{
24911
+ ({ children, loading, loadingDescription = 'DialogComboboxContent', matchTriggerWidth, textOverflowMode, maxHeight, maxWidth, minHeight, minWidth = 240, width, align = 'start', side = 'bottom', sideOffset = 4, onEscapeKeyDown, onKeyDown, forceCloseOnEscape, className, style, ...restProps }, forwardedRef)=>{
24655
24912
  const { theme } = useDesignSystemTheme();
24656
24913
  const { label, isInsideDialogCombobox, contentWidth, setContentWidth, textOverflowMode: contextTextOverflowMode, setTextOverflowMode, multiSelect, isOpen, rememberLastScrollPosition, setIsOpen } = useDialogComboboxContext();
24657
24914
  const { isInsideModal } = useModalContext();
24658
24915
  const { getPopupContainer } = useDesignSystemContext();
24916
+ const themeClass = useDuboisThemeClass();
24917
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
24659
24918
  const [lastScrollPosition, setLastScrollPosition] = useState(0);
24660
24919
  if (!isInsideDialogCombobox) {
24661
24920
  throw new Error('`DialogComboboxContent` must be used within `DialogCombobox`');
@@ -24741,6 +25000,11 @@ const DialogComboboxContent = /*#__PURE__*/ forwardRef(// eslint-disable-next-li
24741
25000
  },
24742
25001
  ...restProps,
24743
25002
  ref: contentRef,
25003
+ className: classnames(className, themeClass),
25004
+ style: {
25005
+ ...style,
25006
+ ...themeOverrideStyle
25007
+ },
24744
25008
  children: /*#__PURE__*/ jsx("div", {
24745
25009
  css: {
24746
25010
  display: 'flex',
@@ -24884,261 +25148,6 @@ const useDialogComboboxOptionListContext = ()=>{
24884
25148
  return useContext(DialogComboboxOptionListContext);
24885
25149
  };
24886
25150
 
24887
- // @ts-expect-error `jest` is only available in tests
24888
- const isInsideTest = ()=>typeof jest !== 'undefined';
24889
-
24890
- const DEFAULT_ANALYTICS_EVENTS$4 = [
24891
- DesignSystemEventProviderAnalyticsEventTypes.OnView
24892
- ];
24893
- const slideUpAndFade = /*#__PURE__*/ keyframes({
24894
- from: {
24895
- opacity: 0,
24896
- transform: 'translateY(2px)'
24897
- },
24898
- to: {
24899
- opacity: 1,
24900
- transform: 'translateY(0)'
24901
- }
24902
- });
24903
- const slideRightAndFade = /*#__PURE__*/ keyframes({
24904
- from: {
24905
- opacity: 0,
24906
- transform: 'translateX(-2px)'
24907
- },
24908
- to: {
24909
- opacity: 1,
24910
- transform: 'translateX(0)'
24911
- }
24912
- });
24913
- const slideDownAndFade = /*#__PURE__*/ keyframes({
24914
- from: {
24915
- opacity: 0,
24916
- transform: 'translateY(-2px)'
24917
- },
24918
- to: {
24919
- opacity: 1,
24920
- transform: 'translateY(0)'
24921
- }
24922
- });
24923
- const slideLeftAndFade = /*#__PURE__*/ keyframes({
24924
- from: {
24925
- opacity: 0,
24926
- transform: 'translateX(2px)'
24927
- },
24928
- to: {
24929
- opacity: 1,
24930
- transform: 'translateX(0)'
24931
- }
24932
- });
24933
- const getTooltipStyles = (theme, clsPrefix)=>{
24934
- // Radix uses `data-state` to drive tooltip animations. However, due to a Radix bug, the animation CSS is not
24935
- // well-scoped. If the tooltip wraps another component that uses `data-state` (such as ToggleButton), the animation
24936
- // styles leak into the child component. We work around this by introducing our own `tooltip-data-state` attribute
24937
- // and redefining the animations based on that. This requires a *patch* to the Radix tooltip to swap `data-state`
24938
- // for `tooltip-data-state`: js/yarn/patches/@radix-ui-react-tooltip-npm-1.0.7-c7378e5c03.patch. This patch is applied
24939
- // via `yarn patch`. See https://databricks.atlassian.net/browse/DUBOIS-340 for original context.
24940
- //
24941
- // It is worth highlighting here, however, that we do not have a good way to distribute this patch outside of universe
24942
- // when `@databricks/design-system` is published to npm. Thus, this animation bug may still persist if this Tooltip
24943
- // component is used outside of universe alongside a Radix version that still has the underlying bug.
24944
- const dataStateAttr = 'tooltip-data-state';
24945
- const classTypography = `.${clsPrefix}-typography`;
24946
- const { isDarkMode } = theme;
24947
- const linkColor = isDarkMode ? theme.colors.blue600 : theme.colors.blue500;
24948
- const linkActiveColor = isDarkMode ? theme.colors.blue800 : theme.colors.blue300;
24949
- const linkHoverColor = isDarkMode ? theme.colors.blue700 : theme.colors.blue400;
24950
- return {
24951
- content: {
24952
- backgroundColor: theme.colors.tooltipBackgroundTooltip,
24953
- color: theme.colors.tooltipTextTooltip,
24954
- borderRadius: token(ShapeTokens.POPOVER_BORDER_RADIUS, theme.borders.borderRadiusSm),
24955
- fontSize: theme.typography.fontSizeMd,
24956
- padding: `${theme.spacing.xs}px ${theme.spacing.sm}px`,
24957
- lineHeight: theme.typography.lineHeightLg,
24958
- fontWeight: theme.typography.typographyRegularFontWeight,
24959
- boxShadow: theme.shadows.lg,
24960
- wordWrap: 'break-word',
24961
- whiteSpace: 'normal',
24962
- zIndex: theme.options.zIndexBase + 70,
24963
- willChange: 'transform, opacity',
24964
- [`&[${dataStateAttr}='delayed-open'][data-side='top']`]: {
24965
- animation: `${slideDownAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
24966
- },
24967
- [`&[${dataStateAttr}='delayed-open'][data-side='right']`]: {
24968
- animation: `${slideLeftAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
24969
- },
24970
- [`&[${dataStateAttr}='delayed-open'][data-side='bottom']`]: {
24971
- animation: `${slideUpAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
24972
- },
24973
- [`&[${dataStateAttr}='delayed-open'][data-side='left']`]: {
24974
- animation: `${slideRightAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
24975
- },
24976
- [`& a${classTypography}`]: {
24977
- '&, :focus': {
24978
- color: linkColor,
24979
- '.anticon': {
24980
- color: linkColor
24981
- }
24982
- },
24983
- ':active': {
24984
- color: linkActiveColor,
24985
- '.anticon': {
24986
- color: linkActiveColor
24987
- }
24988
- },
24989
- ':hover': {
24990
- color: linkHoverColor,
24991
- '.anticon': {
24992
- color: linkHoverColor
24993
- }
24994
- }
24995
- }
24996
- },
24997
- arrow: {
24998
- fill: theme.colors.tooltipBackgroundTooltip,
24999
- zIndex: theme.options.zIndexBase + 70,
25000
- visibility: 'visible'
25001
- }
25002
- };
25003
- };
25004
- const getMemoizedTooltipStyles = memoize(getTooltipStyles, (theme, clsPrefix)=>`${themeMemoKey(theme)}|${clsPrefix}`);
25005
- /**
25006
- * Radix's portal only mounts its children while the tooltip is open, so keeping the content work
25007
- * here avoids paying for theme, style, and analytics hooks on every closed tooltip. The portal
25008
- * composes a ref onto whatever it renders, so this has to forward it on to the content.
25009
- */ const TooltipContent = /*#__PURE__*/ forwardRef(function TooltipContent({ content, side, sideOffset, align, maxWidth, componentId, analyticsEvents, zIndex, shouldReportViewRef, ...props }, ref) {
25010
- const { theme, classNamePrefix } = useDesignSystemTheme();
25011
- const tooltipStyles = getMemoizedTooltipStyles(theme, classNamePrefix);
25012
- const contentCss = useMemo(()=>[
25013
- tooltipStyles['content'],
25014
- {
25015
- maxWidth
25016
- },
25017
- zIndex !== undefined ? {
25018
- zIndex
25019
- } : undefined
25020
- ], [
25021
- tooltipStyles,
25022
- maxWidth,
25023
- zIndex
25024
- ]);
25025
- const eventContext = useDesignSystemEventComponentCallbacks({
25026
- componentType: DesignSystemEventProviderComponentTypes.Tooltip,
25027
- componentId,
25028
- analyticsEvents
25029
- });
25030
- useEffect(()=>{
25031
- if (shouldReportViewRef.current) {
25032
- eventContext.onView();
25033
- shouldReportViewRef.current = false;
25034
- }
25035
- }, [
25036
- eventContext,
25037
- shouldReportViewRef
25038
- ]);
25039
- return /*#__PURE__*/ jsxs(RadixTooltip.Content, {
25040
- ref: ref,
25041
- side: side,
25042
- align: align,
25043
- sideOffset: sideOffset ?? theme.spacing.sm,
25044
- arrowPadding: theme.spacing.md,
25045
- css: contentCss,
25046
- ...props,
25047
- ...eventContext.dataComponentProps,
25048
- children: [
25049
- content,
25050
- /*#__PURE__*/ jsx(RadixTooltip.Arrow, {
25051
- css: tooltipStyles['arrow']
25052
- })
25053
- ]
25054
- });
25055
- });
25056
- /**
25057
- * Owns the popup container lookup so that a tooltip which never opens does not subscribe to the
25058
- * design system context.
25059
- */ const TooltipPortal = (props)=>{
25060
- const { getPopupContainer } = useDesignSystemContext();
25061
- return /*#__PURE__*/ jsx(RadixTooltip.Portal, {
25062
- container: getPopupContainer?.(),
25063
- children: /*#__PURE__*/ jsx(TooltipContent, {
25064
- ...props
25065
- })
25066
- });
25067
- };
25068
- /**
25069
- * If the tooltip is not displaying for you, it might be because the child does not accept the onMouseEnter, onMouseLeave, onPointerEnter,
25070
- * onPointerLeave, onFocus, and onClick props. You can add these props to your child component, or wrap it in a `<span>` tag.
25071
- *
25072
- * See go/dubois.
25073
- */ const Tooltip = ({ children, content, defaultOpen = false, delayDuration = 350, side = 'top', sideOffset, align = 'center', maxWidth = 250, componentId, analyticsEvents = DEFAULT_ANALYTICS_EVENTS$4, open, onOpenChange, disableHoverableContent, zIndex, ...props })=>{
25074
- disableHoverableContent ??= true;
25075
- const firstView = useRef(true);
25076
- const shouldReportView = useRef(false);
25077
- // The portal renders nothing while closed, but it and its Presence still mount for every tooltip
25078
- // on the page. Root and Trigger stay put so the child never changes position in the tree.
25079
- const [everOpened, setEverOpened] = useState(defaultOpen);
25080
- // A consumer-controlled `open` never calls onOpenChange, so it has to latch here instead.
25081
- if (open && !everOpened) {
25082
- setEverOpened(true);
25083
- }
25084
- const handleOpenChange = useCallback((open)=>{
25085
- if (open) {
25086
- setEverOpened(true);
25087
- if (firstView.current) {
25088
- shouldReportView.current = true;
25089
- firstView.current = false;
25090
- }
25091
- }
25092
- onOpenChange?.(open);
25093
- }, [
25094
- onOpenChange
25095
- ]);
25096
- const IS_INSIDE_TEST = isInsideTest();
25097
- return /*#__PURE__*/ jsxs(RadixTooltip.Root, {
25098
- defaultOpen: defaultOpen,
25099
- delayDuration: IS_INSIDE_TEST ? 10 : delayDuration,
25100
- open: open,
25101
- onOpenChange: handleOpenChange,
25102
- disableHoverableContent: disableHoverableContent,
25103
- children: [
25104
- /*#__PURE__*/ jsx(RadixTooltip.Trigger, {
25105
- asChild: true,
25106
- children: children
25107
- }),
25108
- content && everOpened ? /*#__PURE__*/ jsx(TooltipPortal, {
25109
- content: content,
25110
- side: side,
25111
- sideOffset: sideOffset,
25112
- align: align,
25113
- maxWidth: maxWidth,
25114
- componentId: componentId,
25115
- analyticsEvents: analyticsEvents,
25116
- zIndex: zIndex,
25117
- shouldReportViewRef: shouldReportView,
25118
- ...props
25119
- }) : null
25120
- ]
25121
- });
25122
- };
25123
-
25124
- const getMemoizedIconCss = memoize((theme)=>({
25125
- color: theme.colors.textSecondary
25126
- }));
25127
- const InfoTooltip = ({ content, iconTitle = 'More information', ...props })=>{
25128
- const { theme } = useDesignSystemTheme();
25129
- return /*#__PURE__*/ jsx(Tooltip, {
25130
- content: content,
25131
- ...props,
25132
- children: /*#__PURE__*/ jsx(InfoSmallIcon, {
25133
- tabIndex: 0,
25134
- "aria-hidden": "false",
25135
- "aria-label": iconTitle,
25136
- alt: iconTitle,
25137
- css: getMemoizedIconCss(theme)
25138
- })
25139
- });
25140
- };
25141
-
25142
25151
  const DuboisDialogComboboxOptionListCheckboxItem = /*#__PURE__*/ forwardRef(({ value, checked, indeterminate, onChange, children, disabledReason, _TYPE, ...props }, ref)=>{
25143
25152
  const { theme } = useDesignSystemTheme();
25144
25153
  const { textOverflowMode, contentWidth, disableMouseOver, setDisableMouseOver } = useDialogComboboxContext();
@@ -26114,6 +26123,8 @@ const DEFAULT_ANALYTICS_EVENTS$3 = [
26114
26123
  const Content$4 = ({ children, footer, title, width, height, position: positionOverride, useCustomScrollBehavior, expandContentToFullHeight, disableOpenAutoFocus, onInteractOutside, seeThrough, hideClose, closeOnClickOutside, onCloseClick, componentId = 'design_system.drawer.content', analyticsEvents = DEFAULT_ANALYTICS_EVENTS$3, size = 'default', ...props })=>{
26115
26124
  const { getPopupContainer } = useDesignSystemContext();
26116
26125
  const { theme } = useDesignSystemTheme();
26126
+ const themeClass = useDuboisThemeClass();
26127
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
26117
26128
  const horizontalContentPadding = size === 'small' ? theme.spacing.md : theme.spacing.lg;
26118
26129
  const [shouldContentBeFocusable, setShouldContentBeFocusable] = useState(false);
26119
26130
  const contentContainerRef = useRef(null);
@@ -26245,8 +26256,10 @@ const Content$4 = ({ children, footer, title, width, height, position: positionO
26245
26256
  } : {
26246
26257
  borderLeft: `1px solid ${theme.colors.borderDecorative}`
26247
26258
  }
26248
- }
26259
+ },
26260
+ ...themeOverrideStyle
26249
26261
  },
26262
+ className: themeClass,
26250
26263
  onKeyDownCapture: handleKeyDownCapture,
26251
26264
  onWheel: (e)=>{
26252
26265
  e.stopPropagation();
@@ -27269,7 +27282,7 @@ const AntDRadioInternal = // eslint-disable-next-line react-component-name/react
27269
27282
  onChange: onChangeWrapper,
27270
27283
  ref: ref,
27271
27284
  "data-component-type": contextualComponentId ? DesignSystemEventProviderComponentTypes.RadioGroup : DesignSystemEventProviderComponentTypes.Radio,
27272
- // eslint-disable-next-line @databricks/no-dynamic-property-value -- Context component ID is validated through the RadioGroup exempt:8b3795a8-d0ff-4b21-888c-a6fbd0f3d7f2
27285
+ // oxlint-disable-next-line @databricks/no-dynamic-property-value -- Context component ID is validated through the RadioGroup exempt:8b3795a8-d0ff-4b21-888c-a6fbd0f3d7f2
27273
27286
  "data-component-id": contextualComponentId ?? componentId,
27274
27287
  children: /*#__PURE__*/ jsx(RestoreAntDDefaultClsPrefix, {
27275
27288
  children: children
@@ -27432,10 +27445,10 @@ function HorizontalGroup({ layout = 'vertical', useEqualColumnWidths, ...props }
27432
27445
  });
27433
27446
  });
27434
27447
 
27435
- const ROOT_CLASS = 'ds-radio';
27436
- const INDICATOR_CLASS = 'ds-radio-indicator';
27437
- const DOT_CLASS = 'ds-radio-dot';
27438
- const LABEL_CLASS = 'ds-radio-label';
27448
+ const ROOT_CLASS = 'db-radio';
27449
+ const INDICATOR_CLASS = 'db-radio-indicator';
27450
+ const DOT_CLASS = 'db-radio-dot';
27451
+ const LABEL_CLASS = 'db-radio-label';
27439
27452
  const NativeRadio = /*#__PURE__*/ forwardRef(function NativeRadio({ children, __INTERNAL_DISABLE_RADIO_ROLE, componentId, analyticsEvents, valueHasNoPii, onChange, className, value, checked, defaultChecked, disabled = false, id, name: nameProp, style, onMouseEnter, onMouseLeave, ...restProps }, ref) {
27440
27453
  const emitOnView = safex('databricks.fe.observability.defaultComponentView.radio', false);
27441
27454
  const groupContext = useContext(RadioGroupContext$1);
@@ -27513,10 +27526,9 @@ const NativeRadio = /*#__PURE__*/ forwardRef(function NativeRadio({ children, __
27513
27526
  effectiveName,
27514
27527
  id
27515
27528
  ]);
27516
- // Self-scope the theme class on the root so the native token cascade resolves dark/light here,
27517
- // with no provider-emitted wrapper node in the consumer tree (DUBOIS-448).
27518
- const themeClass = useDuboisThemeClass();
27519
- const rootClassName = classnames(ROOT_CLASS, themeClass, className);
27529
+ // Inherits the `--db-color-*` scope (theme-class + consumer override) from the DesignSystemProvider
27530
+ // wrapper; no self-scoped theme class, so a consumer override set on that wrapper reaches here.
27531
+ const rootClassName = classnames(ROOT_CLASS, className);
27520
27532
  // In a group, render the GROUP's data-component-* attributes so a Form submission
27521
27533
  // triggered by this radio resolves the group as the referrer (extractReferrerComponent
27522
27534
  // reads document.activeElement.dataset). Standalone radios render their own.
@@ -27586,12 +27598,12 @@ const NativeRadio = /*#__PURE__*/ forwardRef(function NativeRadio({ children, __
27586
27598
  }));
27587
27599
  });
27588
27600
 
27589
- const GROUP_CLASS = 'ds-radio-group';
27590
- // Vertical groups delegate flex-direction + gap to the .ds-stack primitive; horizontal stays a
27601
+ const GROUP_CLASS = 'db-radio-group';
27602
+ // Vertical groups delegate flex-direction + gap to the .db-stack primitive; horizontal stays a
27591
27603
  // bespoke non-wrapping row (see NativeRadio.css).
27592
- const STACK_CLASS = 'ds-stack';
27593
- const HORIZONTAL_CLASS = 'ds-radio-group--horizontal';
27594
- const EQUAL_WIDTH_CLASS = 'ds-radio-group--equal-width';
27604
+ const STACK_CLASS = 'db-stack';
27605
+ const HORIZONTAL_CLASS = 'db-radio-group--horizontal';
27606
+ const EQUAL_WIDTH_CLASS = 'db-radio-group--equal-width';
27595
27607
  const NativeRadioGroup = /*#__PURE__*/ forwardRef(function NativeRadioGroup({ children, componentId, analyticsEvents, valueHasNoPii, onChange, layout = 'vertical', useEqualColumnWidths, name, className, style, id, options, disabled, 'aria-labelledby': ariaLabelledby, ...props }, ref) {
27596
27608
  const emitOnView = safex('databricks.fe.observability.defaultComponentView.radio', false);
27597
27609
  const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents ?? (emitOnView ? [
@@ -27991,7 +28003,7 @@ const getSelectedOptionLabel = (children, value)=>{
27991
28003
  // SimpleSelect emits its own value change events rather than emitting them from the underlying
27992
28004
  // DialogCombobox due to how SimpleSelect sets its initial state. The Select componentId is explicitly
27993
28005
  // set to undefined to prevent it from emitting events if the componentId prop is required in the future.
27994
- // eslint-disable-next-line @databricks/no-dynamic-property-value -- Valid case exempt:e5d37a4d-10cd-4a8f-a964-2223405cc738
28006
+ // oxlint-disable-next-line @databricks/no-dynamic-property-value -- Valid case exempt:e5d37a4d-10cd-4a8f-a964-2223405cc738
27995
28007
  componentId: undefined,
27996
28008
  value: internalValue,
27997
28009
  placeholder: placeholder,
@@ -28096,7 +28108,10 @@ const mapItemsToString = (items, itemToString)=>{
28096
28108
  };
28097
28109
  const TypeaheadComboboxStateChangeTypes = useCombobox.stateChangeTypes;
28098
28110
  const TypeaheadComboboxMultiSelectStateChangeTypes = useMultipleSelection.stateChangeTypes;
28099
- function useComboboxState({ allItems, items, itemToString, onIsOpenChange, allowNewValue = false, formValue, formOnChange, formOnBlur, componentId, valueHasNoPii, analyticsEvents, matcher, preventUnsetOnBlur = false, selectedMatcher, ...props }) {
28111
+ /**
28112
+ * Deprecated in favor of `TypeaheadComboboxV2`.
28113
+ * @deprecated
28114
+ */ function useComboboxState({ allItems, items, itemToString, onIsOpenChange, allowNewValue = false, formValue, formOnChange, formOnBlur, componentId, valueHasNoPii, analyticsEvents, matcher, preventUnsetOnBlur = false, selectedMatcher, ...props }) {
28100
28115
  const getFilteredItems = useCallback((inputValue)=>{
28101
28116
  const lowerCasedInputValue = inputValue?.toLowerCase() ?? '';
28102
28117
  // If the input is empty or if there is no matcher supplied, do not filter
@@ -28247,7 +28262,10 @@ function useComboboxState({ allItems, items, itemToString, onIsOpenChange, allow
28247
28262
  };
28248
28263
  return comboboxState;
28249
28264
  }
28250
- function useMultipleSelectionState(selectedItems, setSelectedItems, { componentId, analyticsEvents = [
28265
+ /**
28266
+ * Deprecated in favor of `TypeaheadComboboxV2`.
28267
+ * @deprecated
28268
+ */ function useMultipleSelectionState(selectedItems, setSelectedItems, { componentId, analyticsEvents = [
28251
28269
  DesignSystemEventProviderAnalyticsEventTypes.OnValueChange
28252
28270
  ], valueHasNoPii, itemToString }) {
28253
28271
  const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents, [
@@ -28312,7 +28330,10 @@ const getLabelStyles$3 = memoize((theme, textOverflowMode)=>/*#__PURE__*/ css({
28312
28330
  whiteSpace: 'nowrap'
28313
28331
  }
28314
28332
  }), (theme, textOverflowMode)=>`${themeMemoKey(theme)}|${textOverflowMode}`);
28315
- const TypeaheadComboboxMenuItem$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
28333
+ /**
28334
+ * Deprecated in favor of `TypeaheadComboboxV2`.
28335
+ * @deprecated
28336
+ */ const TypeaheadComboboxMenuItem$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
28316
28337
  ({ item, index, comboboxState, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, onClick: onClickProp, children, ...restProps }, ref)=>{
28317
28338
  const { selectedItem, highlightedIndex, getItemProps, isOpen } = comboboxState;
28318
28339
  const isSelected = isEqual(selectedItem, item);
@@ -28407,7 +28428,10 @@ TypeaheadComboboxMenuItem$1.defaultProps = {
28407
28428
  _type: 'TypeaheadComboboxMenuItem'
28408
28429
  };
28409
28430
 
28410
- const TypeaheadComboboxCheckboxItem = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
28431
+ /**
28432
+ * Deprecated in favor of `TypeaheadComboboxV2`.
28433
+ * @deprecated
28434
+ */ const TypeaheadComboboxCheckboxItem = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
28411
28435
  ({ item, index, comboboxState, selectedItems, selectedMatcher, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, onClick: onClickProp, children, ...restProps }, ref)=>{
28412
28436
  const { highlightedIndex, getItemProps, isOpen } = comboboxState;
28413
28437
  const isHighlighted = highlightedIndex === index;
@@ -28561,7 +28585,10 @@ const getLabelStyles$2 = memoize((theme, disabled)=>({
28561
28585
  color: theme.colors.actionDisabledText
28562
28586
  }
28563
28587
  }), (theme, disabled)=>`${themeMemoKey(theme)}|${disabled}`);
28564
- const TypeaheadComboboxSelectedItem$1 = /*#__PURE__*/ forwardRef(({ label, item, getSelectedItemProps, removeSelectedItem, disabled, ...restProps }, ref)=>{
28588
+ /**
28589
+ * Deprecated in favor of `TypeaheadComboboxV2`.
28590
+ * @deprecated
28591
+ */ const TypeaheadComboboxSelectedItem$1 = /*#__PURE__*/ forwardRef(({ label, item, getSelectedItemProps, removeSelectedItem, disabled, ...restProps }, ref)=>{
28565
28592
  const { theme } = useDesignSystemTheme();
28566
28593
  return /*#__PURE__*/ jsxs("span", {
28567
28594
  ...getSelectedItemProps({
@@ -28611,7 +28638,10 @@ const CountBadge$1 = ({ countStartAt, totalCount, disabled })=>{
28611
28638
  });
28612
28639
  };
28613
28640
 
28614
- const DuboisTypeaheadComboboxFooter = ({ children, ...restProps })=>{
28641
+ /**
28642
+ * Deprecated in favor of `TypeaheadComboboxV2`.
28643
+ * @deprecated
28644
+ */ const DuboisTypeaheadComboboxFooter = ({ children, ...restProps })=>{
28615
28645
  const { theme } = useDesignSystemTheme();
28616
28646
  const { isInsideTypeaheadCombobox } = useTypeaheadComboboxContext();
28617
28647
  if (!isInsideTypeaheadCombobox) {
@@ -28626,7 +28656,10 @@ const DuboisTypeaheadComboboxFooter = ({ children, ...restProps })=>{
28626
28656
  DuboisTypeaheadComboboxFooter.defaultProps = {
28627
28657
  _type: 'TypeaheadComboboxFooter'
28628
28658
  };
28629
- const TypeaheadComboboxFooter = DuboisTypeaheadComboboxFooter;
28659
+ /**
28660
+ * Deprecated in favor of `TypeaheadComboboxV2`.
28661
+ * @deprecated
28662
+ */ const TypeaheadComboboxFooter = DuboisTypeaheadComboboxFooter;
28630
28663
 
28631
28664
  const getHintStyles = (classNamePrefix, theme)=>{
28632
28665
  const styles = {
@@ -31731,6 +31764,132 @@ const LegacyTable = (props)=>{
31731
31764
  });
31732
31765
  };
31733
31766
 
31767
+ // Module-level caches. Both styles depend only on theme (and zIndex), so share one
31768
+ // object across every LegacyTooltip instance instead of allocating per render.
31769
+ const TRIGGER = [
31770
+ 'hover',
31771
+ 'focus'
31772
+ ];
31773
+ const getMemoizedDefaultOverlayInnerStyle = memoize((theme)=>({
31774
+ backgroundColor: '#2F3941',
31775
+ lineHeight: '22px',
31776
+ padding: '4px 8px',
31777
+ boxShadow: theme.general.shadowLow,
31778
+ ...getDarkModePortalStyles(theme)
31779
+ }));
31780
+ const getMemoizedDefaultOverlayStyle = memoize((theme)=>({
31781
+ zIndex: theme.options.zIndexBase + 70
31782
+ }), (theme)=>String(theme.options.zIndexBase));
31783
+ const getMemoizedAnimationCss = memoize((enableAnimation)=>/*#__PURE__*/ css({
31784
+ ...getAnimationCss(enableAnimation)
31785
+ }));
31786
+ /**
31787
+ * `LegacyTooltip` is deprecated in favor of the new `Tooltip` component
31788
+ * @deprecated
31789
+ */ const LegacyTooltip = ({ children, title, placement = 'top', dataTestId, dangerouslySetAntdProps, silenceScreenReader = false, useAsLabel = false, ...props })=>{
31790
+ const { theme } = useDesignSystemTheme();
31791
+ const tooltipRef = useRef(null);
31792
+ const duboisId = useUniqueId('dubois-tooltip-component-');
31793
+ const id = dangerouslySetAntdProps?.id ? dangerouslySetAntdProps?.id : duboisId;
31794
+ if (!title) {
31795
+ return /*#__PURE__*/ jsx(React__default.Fragment, {
31796
+ children: children
31797
+ });
31798
+ }
31799
+ const titleProps = silenceScreenReader ? {} : {
31800
+ 'aria-live': 'polite',
31801
+ 'aria-relevant': 'additions'
31802
+ };
31803
+ if (dataTestId) {
31804
+ titleProps['data-testid'] = dataTestId;
31805
+ }
31806
+ const liveTitle = title && /*#__PURE__*/ React__default.isValidElement(title) ? /*#__PURE__*/ React__default.cloneElement(title, titleProps) : /*#__PURE__*/ jsx("span", {
31807
+ ...titleProps,
31808
+ children: title
31809
+ });
31810
+ const ariaProps = {
31811
+ 'aria-hidden': false
31812
+ };
31813
+ const addAriaProps = (e)=>{
31814
+ if (!tooltipRef.current || e.currentTarget.hasAttribute('aria-describedby') || e.currentTarget.hasAttribute('aria-labelledby')) {
31815
+ return;
31816
+ }
31817
+ if (id) {
31818
+ e.currentTarget.setAttribute('aria-live', 'polite');
31819
+ if (useAsLabel) {
31820
+ e.currentTarget.setAttribute('aria-labelledby', id);
31821
+ } else {
31822
+ e.currentTarget.setAttribute('aria-describedby', id);
31823
+ }
31824
+ }
31825
+ };
31826
+ const removeAriaProps = (e)=>{
31827
+ if (!tooltipRef || !e.currentTarget.hasAttribute('aria-describedby') && !e.currentTarget.hasAttribute('aria-labelledby')) {
31828
+ return;
31829
+ }
31830
+ if (useAsLabel) {
31831
+ e.currentTarget.removeAttribute('aria-labelledby');
31832
+ } else {
31833
+ e.currentTarget.removeAttribute('aria-describedby');
31834
+ }
31835
+ e.currentTarget.removeAttribute('aria-live');
31836
+ };
31837
+ const interactionProps = {
31838
+ onMouseEnter: (e)=>{
31839
+ addAriaProps(e);
31840
+ },
31841
+ onMouseLeave: (e)=>{
31842
+ removeAriaProps(e);
31843
+ },
31844
+ onFocus: (e)=>{
31845
+ addAriaProps(e);
31846
+ },
31847
+ onBlur: (e)=>{
31848
+ removeAriaProps(e);
31849
+ }
31850
+ };
31851
+ const childWithProps = /*#__PURE__*/ React__default.isValidElement(children) ? /*#__PURE__*/ React__default.cloneElement(children, {
31852
+ ...ariaProps,
31853
+ ...interactionProps,
31854
+ ...children.props
31855
+ }) : isNil(children) ? children : /*#__PURE__*/ jsx("span", {
31856
+ ...ariaProps,
31857
+ ...interactionProps,
31858
+ children: children
31859
+ });
31860
+ const { overlayInnerStyle, overlayStyle, ...delegatedDangerouslySetAntdProps } = dangerouslySetAntdProps || {};
31861
+ // When no overrides are passed, reuse the module-level memoized objects directly so
31862
+ // the same reference is shared across every tooltip instance with the same theme.
31863
+ const mergedOverlayInnerStyle = overlayInnerStyle ? {
31864
+ backgroundColor: '#2F3941',
31865
+ lineHeight: '22px',
31866
+ padding: '4px 8px',
31867
+ boxShadow: theme.general.shadowLow,
31868
+ ...overlayInnerStyle,
31869
+ ...getDarkModePortalStyles(theme)
31870
+ } : getMemoizedDefaultOverlayInnerStyle(theme);
31871
+ const mergedOverlayStyle = overlayStyle ? {
31872
+ zIndex: theme.options.zIndexBase + 70,
31873
+ ...overlayStyle
31874
+ } : getMemoizedDefaultOverlayStyle(theme);
31875
+ return /*#__PURE__*/ jsx(DesignSystemAntDConfigProvider, {
31876
+ children: /*#__PURE__*/ jsx(Tooltip$1, {
31877
+ id: id,
31878
+ ref: tooltipRef,
31879
+ title: liveTitle,
31880
+ placement: placement,
31881
+ // Always trigger on hover and focus
31882
+ trigger: TRIGGER,
31883
+ overlayInnerStyle: mergedOverlayInnerStyle,
31884
+ overlayStyle: mergedOverlayStyle,
31885
+ css: getMemoizedAnimationCss(theme.options.enableAnimation),
31886
+ ...delegatedDangerouslySetAntdProps,
31887
+ ...props,
31888
+ children: childWithProps
31889
+ })
31890
+ });
31891
+ };
31892
+
31734
31893
  const ListboxContext = /*#__PURE__*/ createContext(null);
31735
31894
  const useListboxContext = ()=>{
31736
31895
  const context = useContext(ListboxContext);
@@ -33053,16 +33212,16 @@ const getRadioTileStyles = (theme, classNamePrefix, maxWidth)=>{
33053
33212
  }
33054
33213
  },
33055
33214
  // Native variant (databricks.fe.designsystem.useNativeRadio): the radio's
33056
- // <label class="ds-radio">. Same row-reverse / full-width layout against the
33215
+ // <label class="db-radio">. Same row-reverse / full-width layout against the
33057
33216
  // native DOM. Kept as a separate block so the AntD rule above is unchanged.
33058
- '& .ds-radio': {
33217
+ '& .db-radio': {
33059
33218
  display: 'flex',
33060
33219
  flexDirection: 'row-reverse',
33061
33220
  justifyContent: 'space-between',
33062
33221
  flex: 1,
33063
33222
  margin: 0,
33064
33223
  width: '100%',
33065
- '& .ds-radio-label': {
33224
+ '& .db-radio-label': {
33066
33225
  paddingInline: 0
33067
33226
  }
33068
33227
  }
@@ -34564,6 +34723,19 @@ function requireShim () {
34564
34723
 
34565
34724
  var shimExports = requireShim();
34566
34725
 
34726
+ // eslint-disable-next-line @databricks/no-restricted-imports-regexp -- we can directly import antd icons here in order to wrap them for use elsewhere in the design system
34727
+ function React18CompatibleIconComponent(IconComponent) {
34728
+ return IconComponent;
34729
+ }
34730
+ /**
34731
+ * Antd built-in icons used by the design system's own legacy components, with an interface that has
34732
+ * been made compatible with the React 18 types by removing the props that are no longer present on
34733
+ * the React DOM types.
34734
+ *
34735
+ * These are deliberately NOT reëxported from the design system's public API: product code should
34736
+ * use Du Bois icons from `__generated/icons`.
34737
+ */ const LegacyEllipsisOutlined = React18CompatibleIconComponent(EllipsisOutlined);
34738
+
34567
34739
  const ButtonGroup = Button$2.Group;
34568
34740
  const DropdownButton = (props)=>{
34569
34741
  const { theme } = useDesignSystemTheme();
@@ -35361,7 +35533,7 @@ const List = /*#__PURE__*/ React__default.forwardRef(// eslint-disable-next-line
35361
35533
  "aria-label": "Add tab",
35362
35534
  css: styles['addButton'],
35363
35535
  onClick: addButtonProps.onClick,
35364
- // eslint-disable-next-line @databricks/no-dynamic-property-value -- Is validated through Root exempt:2a2973ea-6130-4b74-82c2-9f5f6b4c7c62
35536
+ // oxlint-disable-next-line @databricks/no-dynamic-property-value -- Is validated through Root exempt:2a2973ea-6130-4b74-82c2-9f5f6b4c7c62
35365
35537
  componentId: `${dataComponentProps['data-component-id']}.add_tab`,
35366
35538
  className: addButtonProps.className
35367
35539
  })
@@ -35793,7 +35965,7 @@ const getStyles = (theme, size, onlyIcon, forceWithBorder)=>{
35793
35965
  '&[data-state="off"] .togglebutton-icon-wrapper': {
35794
35966
  color: theme.colors.textSecondary
35795
35967
  },
35796
- '&[data-state="off"]:hover .togglebutton-icon-wrapper': {
35968
+ '&[data-state="off"]:not(:disabled):hover .togglebutton-icon-wrapper': {
35797
35969
  color: theme.colors.actionDefaultTextHover
35798
35970
  },
35799
35971
  '&[data-state="on"]': {
@@ -36368,9 +36540,10 @@ const defaultRef = {
36368
36540
  current: null
36369
36541
  };
36370
36542
  const defaults = {
36371
- componentId: 'design_system.typeahead_combobox_react_aria.context_default',
36543
+ componentId: 'design_system.typeahead_combobox_v2.context_default',
36372
36544
  isInsideTypeaheadCombobox: false,
36373
36545
  multiSelect: false,
36546
+ showAllOptionsOnOpen: false,
36374
36547
  comboBoxState: null,
36375
36548
  inputProps: {},
36376
36549
  listBoxProps: {},
@@ -36390,8 +36563,8 @@ const defaults = {
36390
36563
  removeByKey: ()=>{},
36391
36564
  clearSelection: ()=>{}
36392
36565
  };
36393
- const TypeaheadComboboxReactAriaContext = /*#__PURE__*/ createContext(defaults);
36394
- const TypeaheadComboboxReactAriaContextProvider = ({ children, value })=>{
36566
+ const TypeaheadComboboxV2Context = /*#__PURE__*/ createContext(defaults);
36567
+ const TypeaheadComboboxV2ContextProvider = ({ children, value })=>{
36395
36568
  const [triggerWidth, setTriggerWidth] = useState();
36396
36569
  // Memoize the merged context value so consumers don't re-render on every provider render from a
36397
36570
  // fresh spread object. `value` is already memoized in TypeaheadComboboxRoot and `setTriggerWidth`
@@ -36404,14 +36577,14 @@ const TypeaheadComboboxReactAriaContextProvider = ({ children, value })=>{
36404
36577
  value,
36405
36578
  triggerWidth
36406
36579
  ]);
36407
- return /*#__PURE__*/ jsx(TypeaheadComboboxReactAriaContext.Provider, {
36580
+ return /*#__PURE__*/ jsx(TypeaheadComboboxV2Context.Provider, {
36408
36581
  value: contextValue,
36409
36582
  children: children
36410
36583
  });
36411
36584
  };
36412
36585
 
36413
- const useTypeaheadComboboxReactAriaContext = ()=>{
36414
- return useContext(TypeaheadComboboxReactAriaContext);
36586
+ const useTypeaheadComboboxV2Context = ()=>{
36587
+ return useContext(TypeaheadComboboxV2Context);
36415
36588
  };
36416
36589
 
36417
36590
  /**
@@ -36474,7 +36647,7 @@ const getLabelStyles$1 = memoize((theme, textOverflowMode)=>/*#__PURE__*/ css({
36474
36647
  }
36475
36648
  }), (theme, textOverflowMode)=>`${themeMemoKey(theme)}|${textOverflowMode}`);
36476
36649
  const TypeaheadComboboxMenuItemInner = ({ item, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, children, ...restProps }, forwardedRef)=>{
36477
- const ctx = useTypeaheadComboboxReactAriaContext();
36650
+ const ctx = useTypeaheadComboboxV2Context();
36478
36651
  if (!ctx.isInsideTypeaheadCombobox || !ctx.comboBoxState) {
36479
36652
  throw new Error('`TypeaheadComboboxMenuItem` must be used within an open `TypeaheadComboboxRoot`');
36480
36653
  }
@@ -36615,7 +36788,7 @@ const getLabelStyles = memoize((theme, disabled)=>({
36615
36788
  }), (theme, disabled)=>`${themeMemoKey(theme)}|${disabled}`);
36616
36789
  const TypeaheadComboboxSelectedItem = /*#__PURE__*/ forwardRef(function TypeaheadComboboxSelectedItem({ label, item, disabled, ...restProps }, ref) {
36617
36790
  const { theme } = useDesignSystemTheme();
36618
- const { getKeyForItem, removeByKey } = useTypeaheadComboboxReactAriaContext();
36791
+ const { getKeyForItem, removeByKey } = useTypeaheadComboboxV2Context();
36619
36792
  return /*#__PURE__*/ jsxs("span", {
36620
36793
  css: getSelectedItemStyles(theme, disabled),
36621
36794
  ref: ref,
@@ -36727,14 +36900,14 @@ function getWizardFooterButtons({ goToNextStepOrDone, isLastStep, currentStepInd
36727
36900
  onCancel: onCancel,
36728
36901
  cancelButtonContent: cancelButtonContent,
36729
36902
  disabled: cancelButtonDisabled,
36730
- // eslint-disable-next-line @databricks/no-dynamic-property-value -- Validated through JSX componentId exempt:4b31acca-dae8-44a7-a7f5-fa3e1bc167c5
36903
+ // oxlint-disable-next-line @databricks/no-dynamic-property-value -- Validated through JSX componentId exempt:4b31acca-dae8-44a7-a7f5-fa3e1bc167c5
36731
36904
  componentId: componentId ? `${componentId}.cancel` : undefined
36732
36905
  })
36733
36906
  }, "cancel") : /*#__PURE__*/ jsx(CancelButton, {
36734
36907
  onCancel: onCancel,
36735
36908
  cancelButtonContent: cancelButtonContent,
36736
36909
  disabled: cancelButtonDisabled,
36737
- // eslint-disable-next-line @databricks/no-dynamic-property-value -- Validated through JSX componentId exempt:acae06b0-d74d-44ee-86db-15b3014e2bcf
36910
+ // oxlint-disable-next-line @databricks/no-dynamic-property-value -- Validated through JSX componentId exempt:acae06b0-d74d-44ee-86db-15b3014e2bcf
36738
36911
  componentId: componentId ? `${componentId}.cancel` : undefined
36739
36912
  }, "cancel")),
36740
36913
  currentStepIndex > 0 && !previousStepButtonHidden && /*#__PURE__*/ jsx(Button$1, {
@@ -37369,5 +37542,5 @@ function WizardStepContentWrapper({ header, title, description, alertContent, de
37369
37542
  });
37370
37543
  }
37371
37544
 
37372
- export { safex as $, Trigger$5 as A, Button$1 as B, CheckCircleFillIcon as C, DocumentationSidebar as D, InfoSmallIcon as E, FIXED_VERTICAL_STEPPER_WIDTH as F, Content$7 as G, Arrow$2 as H, InfoFillIcon as I, SparkleDoubleIcon as J, visuallyHidden as K, LoadingState as L, MAX_VERTICAL_WIZARD_CONTENT_WIDTH as M, genSkeletonAnimatedColor as N, OverflowPopover as O, getOffsets as P, DesignSystemEventSuppressInteractionProviderContext as Q, Root$b as R, ShapeTokens as S, Typography as T, DesignSystemEventSuppressInteractionTrueContextValue as U, tableStyles as V, Wizard as W, repeatingElementsStyles as X, tableClassNames as Y, hideIconButtonRowStyles as Z, hideIconButtonActionCellClassName as _, WizardControlled as a, useRadixModalContext as a$, TitleSkeleton as a0, useDialogComboboxContext as a1, PlusIcon as a2, importantify as a3, getComboboxOptionItemWrapperStyles as a4, getFooterStyles as a5, Tooltip as a6, useDialogComboboxOptionListContext as a7, generateUuidV4 as a8, getContentOptions as a9, DialogComboboxTrigger as aA, DialogComboboxContent as aB, Select as aC, SelectTrigger as aD, SelectContent as aE, SelectOption as aF, LegacySelect as aG, WarningIcon as aH, CheckCircleIcon as aI, DangerIcon as aJ, Hint as aK, Title$1 as aL, CloseIcon as aM, RestoreAntDDefaultClsPrefix as aN, AccessibleContainer as aO, DU_BOIS_ENABLE_ANIMATION_CLASSNAME as aP, CircleOffIcon as aQ, CircleOutlineIcon as aR, CircleIcon as aS, shimExports as aT, SortAscendingIcon as aU, SortDescendingIcon as aV, SortUnsortedIcon as aW, MinusSquareIcon as aX, PlusSquareIcon as aY, TypeaheadComboboxReactAriaContextProvider as aZ, useTypeaheadComboboxReactAriaContext as a_, findHighlightedOption as aa, highlightOption as ab, Input as ac, SearchIcon as ad, EmptyResults as ae, findClosestOptionSibling as af, DialogComboboxOptionListCheckboxItem as ag, DialogComboboxOptionListSelectItem as ah, DialogComboboxOptionListContextProvider as ai, LoadingSpinner as aj, DialogComboboxOptionList as ak, useUniqueId as al, useDuboisThemeClass as am, TypeaheadComboboxContextProvider as an, useTypeaheadComboboxContext as ao, getComboboxContentWrapperStyles as ap, ClearSelectionButton as aq, TypeaheadComboboxSelectedItem$1 as ar, CountBadge$1 as as, getValidationStateColor as at, SectionHeader as au, useComboboxState as av, useMultipleSelectionState as aw, Radio as ax, Checkbox as ay, DialogCombobox as az, WizardModal as b, BookIcon as b$, useIsomorphicLayoutEffect as b0, useScrollOptionIntoView as b1, InfoTooltip as b2, getInfoIconStyles as b3, HintRow as b4, getCheckboxStyles as b5, getMenuItemStyles as b6, TypeaheadComboboxSelectedItem as b7, CountBadge as b8, TypeaheadComboboxMenuItem as b9, ArrowsConnectIcon as bA, ArrowsExpandIcon as bB, ArrowsUpDownIcon as bC, AssistantIcon as bD, AtIcon as bE, Auth0Graphic as bF, Auth0GraphicLarge as bG, AzHorizontalIcon as bH, AzVerticalIcon as bI, BANNER_MAX_HEIGHT as bJ, BANNER_MIN_HEIGHT as bK, BackupIcon as bL, BadgeCodeIcon as bM, BadgeCodeOffIcon as bN, Banner as bO, BarChartIcon as bP, BarGroupedIcon as bQ, BarStackedIcon as bR, BarStackedPercentageIcon as bS, BarsAscendingHorizontalIcon as bT, BarsAscendingVerticalIcon as bU, BarsDescendingHorizontalIcon as bV, BarsDescendingVerticalIcon as bW, BeakerIcon as bX, BinaryIcon as bY, BlockQuoteIcon as bZ, BoldIcon as b_, AccessDeniedGraphic as ba, Accordion as bb, AccordionPanel as bc, AlignCenterIcon as bd, AlignJustifyIcon as be, AlignLeftIcon as bf, AlignRightIcon as bg, AlignVerticalBottomIcon as bh, AlignVerticalCenterIcon as bi, AlignVerticalTopIcon as bj, AppIcon as bk, ApplyDesignSystemContextOverrides as bl, ApplyDesignSystemFlags as bm, ArrowDownDotIcon as bn, ArrowDownFillIcon as bo, ArrowDownIcon as bp, ArrowInIcon as bq, ArrowInTableIcon as br, ArrowLeftIcon as bs, ArrowOutTableIcon as bt, ArrowOverIcon as bu, ArrowRightIcon as bv, ArrowUpDotIcon as bw, ArrowUpFillIcon as bx, ArrowUpIcon as by, ArrowsCollapseIcon as bz, WizardStepContentWrapper as c, CloudKeyIcon as c$, BookmarkFillIcon as c0, BookmarkIcon as c1, BooksIcon as c2, BracketsCheckIcon as c3, BracketsCurlyIcon as c4, BracketsErrorIcon as c5, BracketsSquareIcon as c6, BracketsXIcon as c7, BranchCheckIcon as c8, BranchIcon as c9, ChartLineIcon as cA, CheckCircleBadgeIcon as cB, CheckCircleSmallIcon as cC, CheckIcon as cD, CheckLineIcon as cE, CheckSmallIcon as cF, CheckboxIcon as cG, ChecklistIcon as cH, ChevronDoubleDownIcon as cI, ChevronDoubleLeftIcon as cJ, ChevronDoubleLeftOffIcon as cK, ChevronDoubleRightIcon as cL, ChevronDoubleRightOffIcon as cM, ChevronDoubleUpIcon as cN, ChevronLeftIcon as cO, ChevronUpIcon as cP, ChipIcon as cQ, CircleOffLargeIcon as cR, CircleOutlineLargeIcon as cS, ClipboardIcon as cT, ClockIcon as cU, ClockKeyIcon as cV, ClockOffIcon as cW, CloudCheckIcon as cX, CloudDatabaseIcon as cY, CloudDownloadIcon as cZ, CloudIcon as c_, BranchResetIcon as ca, BriefcaseFillIcon as cb, BriefcaseIcon as cc, BrushIcon as cd, BugIcon as ce, CalendarClockIcon as cf, CalendarEventIcon as cg, CalendarIcon as ch, CalendarRangeIcon as ci, CalendarSyncIcon as cj, CameraIcon as ck, CapitalizeIcon as cl, CaretDownSquareIcon as cm, CaretUpSquareIcon as cn, CatalogCloudIcon as co, CatalogGearIcon as cp, CatalogHomeIcon as cq, CatalogIcon as cr, CatalogOffIcon as cs, CatalogSharedIcon as ct, CatalogUserHomeIcon as cu, CellsSquareIcon as cv, CertifiedFillIcon as cw, CertifiedFillSmallIcon as cx, CertifiedIcon as cy, ChainIcon as cz, DesignSystemEventProvider as d, FaceFrownIcon as d$, CloudModelIcon as d0, CloudOffIcon as d1, CloudUploadIcon as d2, CodeIcon as d3, ColorFillIcon as d4, ColorVars as d5, ColumnIcon as d6, ColumnSplitIcon as d7, ColumnTagIcon as d8, ColumnsIcon as d9, DatabaseIcon as dA, DatabaseImportIcon as dB, DatePicker as dC, DecimalIcon as dD, DeprecatedIcon as dE, DeprecatedSmallIcon as dF, DesignSystemContext as dG, DesignSystemEventProviderComponentSubTypes as dH, DesignSystemProvider as dI, DesignSystemThemeContext as dJ, DesignSystemThemeProvider as dK, DialogComboboxCountBadge as dL, DialogComboboxCustomButtonTriggerWrapper as dM, DialogComboboxSectionHeader as dN, DollarIcon as dO, DomainCirclesThree as dP, DomainsIcon as dQ, DotsCircleIcon as dR, DownloadIcon as dS, DragIcon as dT, Drawer as dU, DropdownMenu as dV, Empty as dW, EmptyDashboardGraphic as dX, ErdIcon as dY, ExpandLessIcon as dZ, ExpandMoreIcon as d_, CommandIcon as da, CommandPaletteIcon as db, CompassIcon as dc, ComponentFinderContext as dd, ConnectIcon as de, Content$2 as df, ContextMenu$1 as dg, CopyIcon as dh, CreditCardIcon as di, CursorClickIcon as dj, CursorIcon as dk, CursorPagination as dl, CursorTypeIcon as dm, CustomAppIcon as dn, DagHorizontalIcon as dp, DagIcon as dq, DagVerticalIcon as dr, DangerModal as ds, DangerSmallIcon as dt, DashIcon as du, DashboardCodeIcon as dv, DashboardIcon as dw, DataIcon as dx, DataMaskiingGraphic as dy, DatabaseClockIcon as dz, useDesignSystemContext as e, H6Icon as e$, FaceNeutralIcon as e0, FaceSmileIcon as e1, FileCodeIcon as e2, FileCubeIcon as e3, FileDocumentIcon as e4, FileIcon as e5, FileImageIcon as e6, FileLockIcon as e7, FileModelIcon as e8, FileNewIcon as e9, ForkHorizontalIcon as eA, ForkIcon as eB, Form as eC, FormContextResetBoundary as eD, FullscreenExitIcon as eE, FullscreenIcon as eF, FunctionIcon as eG, FunctionInputIcon as eH, GavelIcon as eI, GearFillIcon as eJ, GearIcon as eK, GenieCodeIcon as eL, GenieDeepResearchIcon as eM, GiftIcon as eN, GitCommitIcon as eO, GitMergeIcon as eP, GitRebaseIcon as eQ, GlobeIcon as eR, Graphic as eS, GridDashIcon as eT, GridIcon as eU, GroupIcon as eV, H1Icon as eW, H2Icon as eX, H3Icon as eY, H4Icon as eZ, H5Icon as e_, FilePipelineIcon as ea, FilterFillIcon as eb, FilterIcon as ec, FlagPointerIcon as ed, FloatIcon as ee, FlowIcon as ef, FlowsIcon as eg, FolderBranchFillIcon as eh, FolderBranchIcon as ei, FolderCloudFilledIcon as ej, FolderCloudIcon as ek, FolderCubeIcon as el, FolderCubeOutlineIcon as em, FolderFillIcon as en, FolderHomeIcon as eo, FolderIcon as ep, FolderNewIcon as eq, FolderNodeIcon as er, FolderOpenBranchIcon as es, FolderOpenCloudIcon as et, FolderOpenCubeIcon as eu, FolderOpenIcon as ev, FolderOpenPipelineIcon as ew, FolderOutlinePipelineIcon as ex, FolderSolidPipelineIcon as ey, FontIcon as ez, useDesignSystemTheme as f, LegacyPauseCircleFilled as f$, HashIcon as f0, HistoryIcon as f1, HomeIcon as f2, Icon as f3, ImageIcon as f4, IndentDecreaseIcon as f5, IndentIncreaseIcon as f6, InfinityIcon as f7, InfoBookIcon as f8, InfoIcon as f9, LegacyCodeOutlined as fA, LegacyCommentOutlined as fB, LegacyCopyOutlined as fC, LegacyDatabaseOutlined as fD, LegacyDeleteOutlined as fE, LegacyDownOutlined as fF, LegacyEditOutlined as fG, LegacyEllipsisOutlined as fH, LegacyExclamationCircleOutlined as fI, LegacyEyeOutlined as fJ, LegacyFileOutlined as fK, LegacyFileTextOutlined as fL, LegacyFilterOutlined as fM, LegacyFlagOutlined as fN, LegacyFolderOpenOutlined as fO, LegacyFolderOutlined as fP, LegacyForm as fQ, LegacyFormDubois as fR, LegacyFullscreenOutlined as fS, LegacyGithubOutlined as fT, LegacyHourglassOutlined as fU, LegacyInfoCircleOutlined as fV, LegacyLinkOutlined as fW, LegacyLoadingOutlined as fX, LegacyNotificationOutlined as fY, LegacyOptGroup as fZ, LegacyOption as f_, IngestionIcon as fa, ItalicIcon as fb, JoinOperatorIcon as fc, KeyIcon as fd, KeyboardIcon as fe, LakebaseCatalogIcon as ff, LakebaseIcon as fg, LakeflowDesignerIcon as fh, LakewatchAlertIcon as fi, LakewatchDatasourceIcon as fj, LakewatchDetectionRuleIcon as fk, LakewatchParserIcon as fl, LayerGraphIcon as fm, LayerIcon as fn, Layout as fo, LeafIcon as fp, LegacyAppstoreOutlined as fq, LegacyArrowUpOutlined as fr, LegacyBookOutlined as fs, LegacyBugOutlined as ft, LegacyCheckCircleFilled as fu, LegacyCheckCircleOutlined as fv, LegacyClockCircleFilled as fw, LegacyClockCircleOutlined as fx, LegacyCloseCircleFilled as fy, LegacyCloseOutlined as fz, WarningFillIcon as g, NewTabIcon as g$, LegacyPlayCircleOutlined as g0, LegacyPlusOutlined as g1, LegacyQuestionCircleOutlined as g2, LegacyReloadOutlined as g3, LegacyRightOutlined as g4, LegacyRocketOutlined as g5, LegacySearchOutlined as g6, LegacySelectOptGroup as g7, LegacySelectOption as g8, LegacySendOutlined as g9, LockFillIcon as gA, LockIcon as gB, LockShareIcon as gC, LockUnlockedIcon as gD, LoopIcon as gE, LowercaseIcon as gF, MailIcon as gG, MapIcon as gH, MarkdownIcon as gI, McpIcon as gJ, MeasureIcon as gK, MegaphoneIcon as gL, MenuIcon as gM, MinusCircleFillIcon as gN, MinusCircleIcon as gO, MinusCircleSmallIcon as gP, MissingBranchGraphic as gQ, MissingGraphic as gR, ModelsIcon as gS, MonotoneLineIcon as gT, MonthPickerGrid as gU, MoonIcon as gV, Nav as gW, NavButton as gX, NavigationMenu as gY, NeonProjectIcon as gZ, NewChatIcon as g_, LegacySettingOutlined as ga, LegacySlackOutlined as gb, LegacySwapOutlined as gc, LegacySyncOutlined as gd, LegacyTable as ge, LegacyTooltip as gf, LegacyUpOutlined as gg, LegacyVideoCameraOutlined as gh, LetterFormatIcon as gi, LettersIcon as gj, LettersNumbersIcon as gk, LibrariesIcon as gl, LifesaverIcon as gm, LightbulbIcon as gn, LightningCircleFillIcon as go, LightningIcon as gp, LinearLineIcon as gq, LinkIcon as gr, LinkOffIcon as gs, ListBorderIcon as gt, ListClearIcon as gu, ListIcon as gv, ListNumberIcon as gw, Listbox as gx, LoadingIcon as gy, LoadingStateContext as gz, DangerFillIcon as h, QueryIcon as h$, NewWindowIcon as h0, NoCaseIcon as h1, NoIcon as h2, NotebookIcon as h3, NotebookPipelineIcon as h4, NotificationIcon as h5, NotificationOffIcon as h6, NumberFormatIcon as h7, NumbersIcon as h8, OfficeIcon as h9, PinCancelIcon as hA, PinFillIcon as hB, PinIcon as hC, PipelineCodeIcon as hD, PipelineCubeIcon as hE, PipelineIcon as hF, PivotOperatorIcon as hG, PlayCircleFillIcon as hH, PlayCircleIcon as hI, PlayDoubleIcon as hJ, PlayIcon as hK, PlayMultipleIcon as hL, PlugIcon as hM, PlusCircleFillIcon as hN, PlusCircleIcon as hO, PlusCircleSmallIcon as hP, PlusMinusSquareIcon as hQ, Popover as hR, PositionBottomIcon as hS, PositionLeftIcon as hT, PositionRightIcon as hU, PositionTopIcon as hV, PreviewCard as hW, Progress as hX, PullRequestIcon as hY, PuzzleIcon as hZ, QueryEditorIcon as h_, OntologyIcon as ha, OutageGraphic as hb, Overflow as hc, OverflowHorizontalIcon as hd, OverflowIcon as he, PageBottomIcon as hf, PageFirstIcon as hg, PageIcon as hh, PageLastIcon as hi, PageTopIcon as hj, Pagination as hk, Panel as hl, PanelBody as hm, PanelDockedIcon as hn, PanelFloatingIcon as ho, PanelHeader as hp, PanelHeaderButtons as hq, PanelHeaderTitle as hr, PaperclipIcon as hs, PassFailChecklistIcon as ht, PauseIcon as hu, PencilFillIcon as hv, PencilIcon as hw, PencilSparkleIcon as hx, PieChartIcon as hy, PillControl as hz, DesignSystemEventProviderAnalyticsEventTypes as i, Spacer as i$, QuestionMarkFillIcon as i0, QuestionMarkIcon as i1, RadioIcon as i2, RadioTile as i3, RangePicker as i4, ReaderModeIcon as i5, RedoIcon as i6, RefreshIcon as i7, RefreshPlayIcon as i8, RefreshXIcon as i9, ShieldIcon as iA, ShieldOffIcon as iB, ShortcutIcon as iC, Sidebar as iD, SidebarAutoIcon as iE, SidebarClosedIcon as iF, SidebarCollapseIcon as iG, SidebarExpandIcon as iH, SidebarIcon as iI, SidebarOpenIcon as iJ, SidebarSyncIcon as iK, SimpleSelect as iL, SimpleSelectOption as iM, SimpleSelectOptionGroup as iN, SlashSquareIcon as iO, Slider as iP, SlidersIcon as iQ, SnippetIcon as iR, SortCustomHorizontalIcon as iS, SortCustomVerticalIcon as iT, SortHorizontalAscendingIcon as iU, SortHorizontalDescendingIcon as iV, SortLetterHorizontalAscendingIcon as iW, SortLetterHorizontalDescendingIcon as iX, SortLetterUnsortedIcon as iY, SortLetterVerticalAscendingIcon as iZ, SortLetterVerticalDescendingIcon as i_, ReplyIcon as ia, ResizeIcon as ib, RhfForm as ic, RichTextIcon as id, RobotIcon as ie, RocketIcon as ig, RowsIcon as ih, RunIcon as ii, RunningIcon as ij, SMALL_BUTTON_HEIGHT$2 as ik, SaveClockIcon as il, SaveIcon as im, SchemaIcon as io, SchoolIcon as ip, SearchDataIcon as iq, SegmentedControlButton as ir, SegmentedControlGroup as is, SelectContext as it, SelectContextProvider as iu, SelectOptionGroup as iv, SendIcon as iw, ShareIcon as ix, ShareNodesIcon as iy, ShieldCheckIcon as iz, useDesignSystemEventComponentCallbacks as j, Tree as j$, SparkleDoubleFillIcon as j0, SparkleFillIcon as j1, SparkleIcon as j2, SparkleRectangleIcon as j3, SpeechBubbleIcon as j4, SpeechBubblePlusIcon as j5, SpeechBubbleQuestionMarkFillIcon as j6, SpeechBubbleQuestionMarkIcon as j7, SpeechBubbleStarIcon as j8, SpeedometerIcon as j9, TableMeasureIcon as jA, TableModelIcon as jB, TableReportIcon as jC, TableStreamIcon as jD, TableVectorIcon as jE, TableViewIcon as jF, Tabs as jG, Tag as jH, TagColumnIcon as jI, TagIcon as jJ, TagTableIcon as jK, TargetIcon as jL, TerminalIcon as jM, TextBoxIcon as jN, TextColorIcon as jO, TextIcon as jP, TextJustifyIcon as jQ, TextUnderlineIcon as jR, ThreeDotsIcon as jS, ThumbsDownFilledIcon as jT, ThumbsDownIcon as jU, ThumbsUpFilledIcon as jV, ThumbsUpIcon as jW, ToggleButton as jX, TokenIcon as jY, Toolbar as jZ, TrashIcon as j_, Spinner as ja, SplitButton as jb, SqlIcon as jc, StarFillIcon as jd, StarIcon as je, StepAfterLineIcon as jf, StepBeforeLineIcon as jg, Stepper as jh, StopCircleFillIcon as ji, StopCircleIcon as jj, StopIcon as jk, StoredProcedureIcon as jl, StorefrontIcon as jm, StreamIcon as jn, StrikeThroughIcon as jo, SunIcon as jp, SyncIcon as jq, SyncSmallIcon as jr, SyncToFileIcon as js, TableAsteriskIcon as jt, TableClockIcon as ju, TableCombineIcon as jv, TableGlassesIcon as jw, TableGlobeIcon as jx, TableIcon as jy, TableLightningIcon as jz, DesignSystemEventProviderComponentTypes as k, getPanelContainmentStyle as k$, TreeIcon as k0, TrendingFillIcon as k1, TrendingIcon as k2, TriangleIcon as k3, TypeaheadComboboxCheckboxItem as k4, TypeaheadComboboxFooter as k5, TypeaheadComboboxMenuItem$1 as k6, TypeaheadComboboxMultiSelectStateChangeTypes as k7, TypeaheadComboboxStateChangeTypes as k8, UnderlineIcon as k9, XCircleIcon as kA, YearPickerGrid as kB, ZaHorizontalIcon as kC, ZaVerticalIcon as kD, ZeroOpsIcon as kE, ZeroOpsOutlineIcon as kF, ZoomInIcon as kG, ZoomMarqueeSelection as kH, ZoomOutIcon as kI, ZoomToFitIcon as kJ, __INTERNAL_DO_NOT_USE__FormItem as kK, __INTERNAL_DO_NOT_USE__Group as kL, __INTERNAL_DO_NOT_USE__HorizontalGroup as kM, __INTERNAL_DO_NOT_USE__VerticalGroup as kN, __INTERNAL_DO_NOT_USE__wrapLegacyFormRules as kO, augmentWithDataComponentProps as kP, dialogComboboxLookAheadKeyDown as kQ, getBottomOnlyShadowScrollStyles as kR, getButtonEmotionStyles as kS, getComboboxOptionLabelStyles as kT, getDatePickerQuickActionBasic as kU, getDialogComboboxOptionLabelWidth as kV, getHorizontalTabShadowStyles as kW, getInputStyles as kX, getKeyboardNavigationFunctions as kY, getMemoizedButtonEmotionStyles as kZ, getPaginationEmotionStyles as k_, UndoIcon as ka, UploadIcon as kb, UppercaseIcon as kc, UsageOverageGraphic as kd, UsageSpikeGraphic as ke, UsbIcon as kf, UserBadgeIcon as kg, UserCircleIcon as kh, UserGroupFillIcon as ki, UserGroupIcon as kj, UserIcon as kk, UserKeyIconIcon as kl, UserShieldIcon as km, UserSparkleIcon as kn, UserTeamIcon as ko, VisibleFillIcon as kp, VisibleIcon as kq, VisibleOffIcon as kr, WithDesignSystemThemeHoc as ks, WorkflowCodeIcon as kt, WorkflowCubeIcon as ku, WorkflowsIcon as kv, WorkspacesIcon as kw, WrenchIcon as kx, WrenchSparkleIcon as ky, XCircleFillIcon as kz, DesignSystemEventProviderComponentSubTypeMap as l, getRadioStyles as l0, getRangeQuickActionsBasic as l1, getShadowScrollStyles as l2, getTypographyColor as l3, getVirtualListScrollbarStyles as l4, getVirtualListScrollbarThumbColor as l5, getVirtualizedComboboxMenuItemStyles as l6, getWrapperStyle as l7, highlightFirstNonDisabledOption as l8, isOptionDisabled as l9, resetTabIndexToFocusedElement as la, setImplicitContextGetter as lb, skipHideIconButtonActionClassName as lc, themeMemoKey as ld, useAntDConfigProviderContext as le, useCallbackOnEnter as lf, useComponentFinderContext as lg, useDesignSystemEventSuppressInteractionContext as lh, useFormContext as li, useRadioGroupContext as lj, useNotifyOnFirstView as m, useStableUuidV4 as n, ChevronDownIcon as o, primitiveColors as p, ChevronRightIcon as q, DesignSystemAntDConfigProvider as r, CloseSmallIcon as s, addDebugOutlineIfEnabled as t, useWizardCurrentStep as u, Modal as v, getAnimationCss as w, token as x, getDarkModePortalStyles as y, useModalContext as z };
37373
- //# sourceMappingURL=WizardStepContentWrapper-DnwQIMN1.js.map
37545
+ export { hideIconButtonRowStyles as $, useModalContext as A, Button$1 as B, CheckCircleFillIcon as C, DocumentationSidebar as D, Trigger$5 as E, FIXED_VERTICAL_STEPPER_WIDTH as F, InfoSmallIcon as G, Content$7 as H, InfoFillIcon as I, Arrow$2 as J, Tooltip as K, SparkleDoubleIcon as L, MAX_VERTICAL_WIZARD_CONTENT_WIDTH as M, LoadingState as N, OverflowPopover as O, visuallyHidden as P, genSkeletonAnimatedColor as Q, Root$b as R, ShapeTokens as S, Typography as T, getOffsets as U, DesignSystemEventSuppressInteractionProviderContext as V, Wizard as W, DesignSystemEventSuppressInteractionTrueContextValue as X, tableStyles as Y, repeatingElementsStyles as Z, tableClassNames as _, WizardControlled as a, TypeaheadComboboxV2ContextProvider as a$, hideIconButtonActionCellClassName as a0, safex as a1, TitleSkeleton as a2, useDialogComboboxContext as a3, PlusIcon as a4, importantify as a5, getComboboxOptionItemWrapperStyles as a6, getFooterStyles as a7, useDialogComboboxOptionListContext as a8, generateUuidV4 as a9, Checkbox as aA, DialogCombobox as aB, DialogComboboxTrigger as aC, DialogComboboxContent as aD, Select as aE, SelectTrigger as aF, SelectContent as aG, SelectOption as aH, LegacySelect as aI, WarningIcon as aJ, CheckCircleIcon as aK, DangerIcon as aL, Hint as aM, Title$1 as aN, CloseIcon as aO, RestoreAntDDefaultClsPrefix as aP, AccessibleContainer as aQ, DU_BOIS_ENABLE_ANIMATION_CLASSNAME as aR, CircleOffIcon as aS, CircleOutlineIcon as aT, CircleIcon as aU, shimExports as aV, SortAscendingIcon as aW, SortDescendingIcon as aX, SortUnsortedIcon as aY, MinusSquareIcon as aZ, PlusSquareIcon as a_, getContentOptions as aa, findHighlightedOption as ab, highlightOption as ac, Input as ad, SearchIcon as ae, EmptyResults as af, findClosestOptionSibling as ag, DialogComboboxOptionListCheckboxItem as ah, DialogComboboxOptionListSelectItem as ai, DialogComboboxOptionListContextProvider as aj, LoadingSpinner as ak, DialogComboboxOptionList as al, useUniqueId as am, TypeaheadComboboxContextProvider as an, useTypeaheadComboboxContext as ao, useDuboisThemeClass as ap, useDesignTokenOverrideStyles as aq, getComboboxContentWrapperStyles as ar, ClearSelectionButton as as, TypeaheadComboboxSelectedItem$1 as at, CountBadge$1 as au, getValidationStateColor as av, SectionHeader as aw, useComboboxState as ax, useMultipleSelectionState as ay, Radio as az, WizardModal as b, BlockQuoteIcon as b$, useTypeaheadComboboxV2Context as b0, useRadixModalContext as b1, useIsomorphicLayoutEffect as b2, useScrollOptionIntoView as b3, InfoTooltip as b4, getInfoIconStyles as b5, HintRow as b6, getCheckboxStyles as b7, getMenuItemStyles as b8, TypeaheadComboboxSelectedItem as b9, ArrowUpIcon as bA, ArrowsCollapseIcon as bB, ArrowsConnectIcon as bC, ArrowsExpandIcon as bD, ArrowsUpDownIcon as bE, AssistantIcon as bF, AtIcon as bG, Auth0Graphic as bH, Auth0GraphicLarge as bI, AzHorizontalIcon as bJ, AzVerticalIcon as bK, BANNER_MAX_HEIGHT as bL, BANNER_MIN_HEIGHT as bM, BackupIcon as bN, BadgeCodeIcon as bO, BadgeCodeOffIcon as bP, Banner as bQ, BarChartIcon as bR, BarGroupedIcon as bS, BarStackedIcon as bT, BarStackedPercentageIcon as bU, BarsAscendingHorizontalIcon as bV, BarsAscendingVerticalIcon as bW, BarsDescendingHorizontalIcon as bX, BarsDescendingVerticalIcon as bY, BeakerIcon as bZ, BinaryIcon as b_, CountBadge as ba, TypeaheadComboboxMenuItem as bb, AccessDeniedGraphic as bc, Accordion as bd, AccordionPanel as be, AlignCenterIcon as bf, AlignJustifyIcon as bg, AlignLeftIcon as bh, AlignRightIcon as bi, AlignVerticalBottomIcon as bj, AlignVerticalCenterIcon as bk, AlignVerticalTopIcon as bl, AppIcon as bm, ApplyDesignSystemContextOverrides as bn, ApplyDesignSystemFlags as bo, ArrowDownDotIcon as bp, ArrowDownFillIcon as bq, ArrowDownIcon as br, ArrowInIcon as bs, ArrowInTableIcon as bt, ArrowLeftIcon as bu, ArrowOutTableIcon as bv, ArrowOverIcon as bw, ArrowRightIcon as bx, ArrowUpDotIcon as by, ArrowUpFillIcon as bz, WizardStepContentWrapper as c, CloudDownloadIcon as c$, BoldIcon as c0, BookIcon as c1, BookmarkFillIcon as c2, BookmarkIcon as c3, BooksIcon as c4, BracketsCheckIcon as c5, BracketsCurlyIcon as c6, BracketsErrorIcon as c7, BracketsSquareIcon as c8, BracketsXIcon as c9, CertifiedIcon as cA, ChainIcon as cB, ChartLineIcon as cC, CheckCircleBadgeIcon as cD, CheckCircleSmallIcon as cE, CheckIcon as cF, CheckLineIcon as cG, CheckSmallIcon as cH, CheckboxIcon as cI, ChecklistIcon as cJ, ChevronDoubleDownIcon as cK, ChevronDoubleLeftIcon as cL, ChevronDoubleLeftOffIcon as cM, ChevronDoubleRightIcon as cN, ChevronDoubleRightOffIcon as cO, ChevronDoubleUpIcon as cP, ChevronLeftIcon as cQ, ChevronUpIcon as cR, ChipIcon as cS, CircleOffLargeIcon as cT, CircleOutlineLargeIcon as cU, ClipboardIcon as cV, ClockIcon as cW, ClockKeyIcon as cX, ClockOffIcon as cY, CloudCheckIcon as cZ, CloudDatabaseIcon as c_, BranchCheckIcon as ca, BranchIcon as cb, BranchResetIcon as cc, BriefcaseFillIcon as cd, BriefcaseIcon as ce, BrushIcon as cf, BugIcon as cg, CalendarClockIcon as ch, CalendarEventIcon as ci, CalendarIcon as cj, CalendarRangeIcon as ck, CalendarSyncIcon as cl, CameraIcon as cm, CapitalizeIcon as cn, CaretDownSquareIcon as co, CaretUpSquareIcon as cp, CatalogCloudIcon as cq, CatalogGearIcon as cr, CatalogHomeIcon as cs, CatalogIcon as ct, CatalogOffIcon as cu, CatalogSharedIcon as cv, CatalogUserHomeIcon as cw, CellsSquareIcon as cx, CertifiedFillIcon as cy, CertifiedFillSmallIcon as cz, DesignSystemEventProvider as d, ErdIcon as d$, CloudIcon as d0, CloudKeyIcon as d1, CloudModelIcon as d2, CloudOffIcon as d3, CloudUploadIcon as d4, CodeIcon as d5, ColorFillIcon as d6, ColorVars as d7, ColumnIcon as d8, ColumnSplitIcon as d9, DataIcon as dA, DataMaskiingGraphic as dB, DatabaseClockIcon as dC, DatabaseIcon as dD, DatabaseImportIcon as dE, DatePicker as dF, DecimalIcon as dG, DeprecatedIcon as dH, DeprecatedSmallIcon as dI, DesignSystemContext as dJ, DesignSystemEventProviderComponentSubTypes as dK, DesignSystemProvider as dL, DesignSystemThemeContext as dM, DesignSystemThemeProvider as dN, DialogComboboxCountBadge as dO, DialogComboboxCustomButtonTriggerWrapper as dP, DialogComboboxSectionHeader as dQ, DollarIcon as dR, DomainCirclesThree as dS, DomainsIcon as dT, DotsCircleIcon as dU, DownloadIcon as dV, DragIcon as dW, Drawer as dX, DropdownMenu as dY, Empty as dZ, EmptyDashboardGraphic as d_, ColumnTagIcon as da, ColumnsIcon as db, CommandIcon as dc, CommandPaletteIcon as dd, CompassIcon as de, ComponentFinderContext as df, ConnectIcon as dg, Content$2 as dh, ContextMenu$1 as di, CopyIcon as dj, CreditCardIcon as dk, CursorClickIcon as dl, CursorIcon as dm, CursorPagination as dn, CursorTypeIcon as dp, CustomAppIcon as dq, DS_OVERRIDE_TOKENS_WRAPPER_TESTID as dr, DagHorizontalIcon as ds, DagIcon as dt, DagVerticalIcon as du, DangerModal as dv, DangerSmallIcon as dw, DashIcon as dx, DashboardCodeIcon as dy, DashboardIcon as dz, DesignTokenScope as e, H3Icon as e$, ExpandLessIcon as e0, ExpandMoreIcon as e1, FaceFrownIcon as e2, FaceNeutralIcon as e3, FaceSmileIcon as e4, FileCodeIcon as e5, FileCubeIcon as e6, FileDocumentIcon as e7, FileIcon as e8, FileImageIcon as e9, FolderOutlinePipelineIcon as eA, FolderSolidPipelineIcon as eB, FontIcon as eC, ForkHorizontalIcon as eD, ForkIcon as eE, Form as eF, FormContextResetBoundary as eG, FullscreenExitIcon as eH, FullscreenIcon as eI, FunctionIcon as eJ, FunctionInputIcon as eK, GavelIcon as eL, GearFillIcon as eM, GearIcon as eN, GenieCodeIcon as eO, GenieDeepResearchIcon as eP, GiftIcon as eQ, GitCommitIcon as eR, GitMergeIcon as eS, GitRebaseIcon as eT, GlobeIcon as eU, Graphic as eV, GridDashIcon as eW, GridIcon as eX, GroupIcon as eY, H1Icon as eZ, H2Icon as e_, FileLockIcon as ea, FileModelIcon as eb, FileNewIcon as ec, FilePipelineIcon as ed, FilterFillIcon as ee, FilterIcon as ef, FlagPointerIcon as eg, FloatIcon as eh, FlowIcon as ei, FlowsIcon as ej, FolderBranchFillIcon as ek, FolderBranchIcon as el, FolderCloudFilledIcon as em, FolderCloudIcon as en, FolderCubeIcon as eo, FolderCubeOutlineIcon as ep, FolderFillIcon as eq, FolderHomeIcon as er, FolderIcon as es, FolderNewIcon as et, FolderNodeIcon as eu, FolderOpenBranchIcon as ev, FolderOpenCloudIcon as ew, FolderOpenCubeIcon as ex, FolderOpenIcon as ey, FolderOpenPipelineIcon as ez, useDesignSystemContext as f, MarkdownIcon as f$, H4Icon as f0, H5Icon as f1, H6Icon as f2, HashIcon as f3, HistoryIcon as f4, HomeIcon as f5, Icon as f6, ImageIcon as f7, IndentDecreaseIcon as f8, IndentIncreaseIcon as f9, LegacyTooltip as fA, LetterFormatIcon as fB, LettersIcon as fC, LettersNumbersIcon as fD, LibrariesIcon as fE, LifesaverIcon as fF, LightbulbIcon as fG, LightningCircleFillIcon as fH, LightningIcon as fI, LinearLineIcon as fJ, LinkIcon as fK, LinkOffIcon as fL, ListBorderIcon as fM, ListClearIcon as fN, ListIcon as fO, ListNumberIcon as fP, Listbox as fQ, LoadingIcon as fR, LoadingStateContext as fS, LockFillIcon as fT, LockIcon as fU, LockShareIcon as fV, LockUnlockedIcon as fW, LoopIcon as fX, LowercaseIcon as fY, MailIcon as fZ, MapIcon as f_, InfinityIcon as fa, InfoBookIcon as fb, InfoIcon as fc, IngestionIcon as fd, ItalicIcon as fe, JoinOperatorIcon as ff, KeyIcon as fg, KeyboardIcon as fh, LakebaseCatalogIcon as fi, LakebaseIcon as fj, LakeflowDesignerIcon as fk, LakewatchAlertIcon as fl, LakewatchDatasourceIcon as fm, LakewatchDetectionRuleIcon as fn, LakewatchParserIcon as fo, LayerGraphIcon as fp, LayerIcon as fq, Layout as fr, LeafIcon as fs, LegacyForm as ft, LegacyFormDubois as fu, LegacyOptGroup as fv, LegacyOption as fw, LegacySelectOptGroup as fx, LegacySelectOption as fy, LegacyTable as fz, useDesignSystemTheme as g, PlayCircleIcon as g$, McpIcon as g0, MeasureIcon as g1, MegaphoneIcon as g2, MenuIcon as g3, MinusCircleFillIcon as g4, MinusCircleIcon as g5, MinusCircleSmallIcon as g6, MissingBranchGraphic as g7, MissingGraphic as g8, ModelsIcon as g9, PageIcon as gA, PageLastIcon as gB, PageTopIcon as gC, Pagination as gD, Panel as gE, PanelBody as gF, PanelDockedIcon as gG, PanelFloatingIcon as gH, PanelHeader as gI, PanelHeaderButtons as gJ, PanelHeaderTitle as gK, PaperclipIcon as gL, PassFailChecklistIcon as gM, PauseIcon as gN, PencilFillIcon as gO, PencilIcon as gP, PencilSparkleIcon as gQ, PieChartIcon as gR, PillControl as gS, PinCancelIcon as gT, PinFillIcon as gU, PinIcon as gV, PipelineCodeIcon as gW, PipelineCubeIcon as gX, PipelineIcon as gY, PivotOperatorIcon as gZ, PlayCircleFillIcon as g_, MonotoneLineIcon as ga, MonthPickerGrid as gb, MoonIcon as gc, Nav as gd, NavButton as ge, NavigationMenu as gf, NeonProjectIcon as gg, NewChatIcon as gh, NewTabIcon as gi, NewWindowIcon as gj, NoCaseIcon as gk, NoIcon as gl, NotebookIcon as gm, NotebookPipelineIcon as gn, NotificationIcon as go, NotificationOffIcon as gp, NumberFormatIcon as gq, NumbersIcon as gr, OfficeIcon as gs, OntologyIcon as gt, OutageGraphic as gu, Overflow as gv, OverflowHorizontalIcon as gw, OverflowIcon as gx, PageBottomIcon as gy, PageFirstIcon as gz, WarningFillIcon as h, SidebarSyncIcon as h$, PlayDoubleIcon as h0, PlayIcon as h1, PlayMultipleIcon as h2, PlugIcon as h3, PlusCircleFillIcon as h4, PlusCircleIcon as h5, PlusCircleSmallIcon as h6, PlusMinusSquareIcon as h7, Popover as h8, PositionBottomIcon as h9, RunIcon as hA, RunningIcon as hB, SMALL_BUTTON_HEIGHT$2 as hC, SaveClockIcon as hD, SaveIcon as hE, SchemaIcon as hF, SchoolIcon as hG, SearchDataIcon as hH, SegmentedControlButton as hI, SegmentedControlGroup as hJ, SelectContext as hK, SelectContextProvider as hL, SelectOptionGroup as hM, SendIcon as hN, ShareIcon as hO, ShareNodesIcon as hP, ShieldCheckIcon as hQ, ShieldIcon as hR, ShieldOffIcon as hS, ShortcutIcon as hT, Sidebar as hU, SidebarAutoIcon as hV, SidebarClosedIcon as hW, SidebarCollapseIcon as hX, SidebarExpandIcon as hY, SidebarIcon as hZ, SidebarOpenIcon as h_, PositionLeftIcon as ha, PositionRightIcon as hb, PositionTopIcon as hc, PreviewCard as hd, Progress as he, PullRequestIcon as hf, PuzzleIcon as hg, QueryEditorIcon as hh, QueryIcon as hi, QuestionMarkFillIcon as hj, QuestionMarkIcon as hk, RadioIcon as hl, RadioTile as hm, RangePicker as hn, ReaderModeIcon as ho, RedoIcon as hp, RefreshIcon as hq, RefreshPlayIcon as hr, RefreshXIcon as hs, ReplyIcon as ht, ResizeIcon as hu, RhfForm as hv, RichTextIcon as hw, RobotIcon as hx, RocketIcon as hy, RowsIcon as hz, DangerFillIcon as i, TagColumnIcon as i$, SimpleSelect as i0, SimpleSelectOption as i1, SimpleSelectOptionGroup as i2, SlashSquareIcon as i3, Slider as i4, SlidersIcon as i5, SnippetIcon as i6, SortCustomHorizontalIcon as i7, SortCustomVerticalIcon as i8, SortHorizontalAscendingIcon as i9, Stepper as iA, StopCircleFillIcon as iB, StopCircleIcon as iC, StopIcon as iD, StoredProcedureIcon as iE, StorefrontIcon as iF, StreamIcon as iG, StrikeThroughIcon as iH, SunIcon as iI, SyncIcon as iJ, SyncSmallIcon as iK, SyncToFileIcon as iL, TableAsteriskIcon as iM, TableClockIcon as iN, TableCombineIcon as iO, TableGlassesIcon as iP, TableGlobeIcon as iQ, TableIcon as iR, TableLightningIcon as iS, TableMeasureIcon as iT, TableModelIcon as iU, TableReportIcon as iV, TableStreamIcon as iW, TableVectorIcon as iX, TableViewIcon as iY, Tabs as iZ, Tag as i_, SortHorizontalDescendingIcon as ia, SortLetterHorizontalAscendingIcon as ib, SortLetterHorizontalDescendingIcon as ic, SortLetterUnsortedIcon as id, SortLetterVerticalAscendingIcon as ie, SortLetterVerticalDescendingIcon as ig, Spacer as ih, SparkleDoubleFillIcon as ii, SparkleFillIcon as ij, SparkleIcon as ik, SparkleRectangleIcon as il, SpeechBubbleIcon as im, SpeechBubblePlusIcon as io, SpeechBubbleQuestionMarkFillIcon as ip, SpeechBubbleQuestionMarkIcon as iq, SpeechBubbleStarIcon as ir, SpeedometerIcon as is, Spinner as it, SplitButton as iu, SqlIcon as iv, StarFillIcon as iw, StarIcon as ix, StepAfterLineIcon as iy, StepBeforeLineIcon as iz, DesignSystemEventProviderAnalyticsEventTypes as j, ZoomOutIcon as j$, TagIcon as j0, TagTableIcon as j1, TargetIcon as j2, TerminalIcon as j3, TextBoxIcon as j4, TextColorIcon as j5, TextIcon as j6, TextJustifyIcon as j7, TextUnderlineIcon as j8, ThreeDotsIcon as j9, UserCircleIcon as jA, UserGroupFillIcon as jB, UserGroupIcon as jC, UserIcon as jD, UserKeyIconIcon as jE, UserShieldIcon as jF, UserSparkleIcon as jG, UserTeamIcon as jH, VisibleFillIcon as jI, VisibleIcon as jJ, VisibleOffIcon as jK, WithDesignSystemThemeHoc as jL, WorkflowCodeIcon as jM, WorkflowCubeIcon as jN, WorkflowsIcon as jO, WorkspacesIcon as jP, WrenchIcon as jQ, WrenchSparkleIcon as jR, XCircleFillIcon as jS, XCircleIcon as jT, YearPickerGrid as jU, ZaHorizontalIcon as jV, ZaVerticalIcon as jW, ZeroOpsIcon as jX, ZeroOpsOutlineIcon as jY, ZoomInIcon as jZ, ZoomMarqueeSelection as j_, ThumbsDownFilledIcon as ja, ThumbsDownIcon as jb, ThumbsUpFilledIcon as jc, ThumbsUpIcon as jd, ToggleButton as je, TokenIcon as jf, Toolbar as jg, TrashIcon as jh, Tree as ji, TreeIcon as jj, TrendingFillIcon as jk, TrendingIcon as jl, TriangleIcon as jm, TypeaheadComboboxCheckboxItem as jn, TypeaheadComboboxFooter as jo, TypeaheadComboboxMenuItem$1 as jp, TypeaheadComboboxMultiSelectStateChangeTypes as jq, TypeaheadComboboxStateChangeTypes as jr, UnderlineIcon as js, UndoIcon as jt, UploadIcon as ju, UppercaseIcon as jv, UsageOverageGraphic as jw, UsageSpikeGraphic as jx, UsbIcon as jy, UserBadgeIcon as jz, useDesignSystemEventComponentCallbacks as k, ZoomToFitIcon as k0, __INTERNAL_DO_NOT_USE__FormItem as k1, __INTERNAL_DO_NOT_USE__Group as k2, __INTERNAL_DO_NOT_USE__HorizontalGroup as k3, __INTERNAL_DO_NOT_USE__VerticalGroup as k4, __INTERNAL_DO_NOT_USE__wrapLegacyFormRules as k5, augmentWithDataComponentProps as k6, dialogComboboxLookAheadKeyDown as k7, getBottomOnlyShadowScrollStyles as k8, getButtonEmotionStyles as k9, useDesignSystemEventSuppressInteractionContext as kA, useFormContext as kB, useRadioGroupContext as kC, getComboboxOptionLabelStyles as ka, getDatePickerQuickActionBasic as kb, getDialogComboboxOptionLabelWidth as kc, getHorizontalTabShadowStyles as kd, getInputStyles as ke, getKeyboardNavigationFunctions as kf, getMemoizedButtonEmotionStyles as kg, getPaginationEmotionStyles as kh, getPanelContainmentStyle as ki, getRadioStyles as kj, getRangeQuickActionsBasic as kk, getShadowScrollStyles as kl, getTypographyColor as km, getVirtualListScrollbarStyles as kn, getVirtualListScrollbarThumbColor as ko, getVirtualizedComboboxMenuItemStyles as kp, getWrapperStyle as kq, highlightFirstNonDisabledOption as kr, isOptionDisabled as ks, resetTabIndexToFocusedElement as kt, setImplicitContextGetter as ku, skipHideIconButtonActionClassName as kv, themeMemoKey as kw, useAntDConfigProviderContext as kx, useCallbackOnEnter as ky, useComponentFinderContext as kz, DesignSystemEventProviderComponentTypes as l, DesignSystemEventProviderComponentSubTypeMap as m, useNotifyOnFirstView as n, useStableUuidV4 as o, primitiveColors as p, ChevronDownIcon as q, ChevronRightIcon as r, DesignSystemAntDConfigProvider as s, CloseSmallIcon as t, useWizardCurrentStep as u, addDebugOutlineIfEnabled as v, Modal as w, getAnimationCss as x, token as y, getDarkModePortalStyles as z };
37546
+ //# sourceMappingURL=WizardStepContentWrapper-8bs2FwRi.js.map