@databricks/design-system 2.0.2 → 2.0.3

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 (75) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/{WizardStepContentWrapper-DnwQIMN1.js → WizardStepContentWrapper-DsAS2ZAT.js} +600 -511
  3. package/dist/WizardStepContentWrapper-DsAS2ZAT.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 +298 -200
  7. package/dist/index-dark.mitigated.css +298 -200
  8. package/dist/index.css +383 -271
  9. package/dist/index.js +230 -157
  10. package/dist/index.js.map +1 -1
  11. package/dist/index.mitigated.css +392 -280
  12. package/dist/patterns.js +3 -2
  13. package/dist/patterns.js.map +1 -1
  14. package/dist-types/design-system/ContextMenu/ContextMenu.d.ts +2 -2
  15. package/dist-types/design-system/DesignSystemProvider/DesignSystemProvider.d.ts +44 -0
  16. package/dist-types/design-system/Grid/Col.d.ts +1 -3
  17. package/dist-types/design-system/Grid/NativeCol.d.ts +10 -0
  18. package/dist-types/design-system/Grid/NativeGridContext.d.ts +11 -0
  19. package/dist-types/design-system/Grid/NativeRow.d.ts +13 -0
  20. package/dist-types/design-system/Grid/Row.d.ts +3 -4
  21. package/dist-types/design-system/Grid/grid-styling.d.ts +22 -0
  22. package/dist-types/design-system/Grid/gridConstants.d.ts +2 -0
  23. package/dist-types/design-system/Grid/index.d.ts +1 -0
  24. package/dist-types/design-system/Grid/rowConstants.d.ts +7 -0
  25. package/dist-types/design-system/Grid/types.d.ts +49 -0
  26. package/dist-types/design-system/Hooks/index.d.ts +1 -1
  27. package/dist-types/design-system/Hooks/useDesignSystemTheme.d.ts +7 -7
  28. package/dist-types/design-system/Icon/LegacyAntDIcon.d.ts +21 -0
  29. package/dist-types/design-system/Icon/index.d.ts +0 -1
  30. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxAddButton.d.ts +4 -0
  31. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxCheckboxItem.d.ts +8 -0
  32. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxFooter.d.ts +12 -0
  33. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxInput.d.ts +8 -0
  34. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxMenu.d.ts +8 -0
  35. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxMenuItem.d.ts +8 -0
  36. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxMultiSelectInput.d.ts +8 -0
  37. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxRoot.d.ts +8 -0
  38. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxSectionHeader.d.ts +4 -0
  39. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxSelectedItem.d.ts +8 -0
  40. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxSeparator.d.ts +4 -0
  41. package/dist-types/design-system/TypeaheadCombobox/TypeaheadComboboxToggleButton.d.ts +8 -0
  42. package/dist-types/design-system/TypeaheadCombobox/hooks/downshiftHookWrappers.d.ts +8 -0
  43. package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useComboboxState.d.ts +6 -0
  44. package/dist-types/design-system/TypeaheadComboboxV2/hooks/useRestoreHighlightedOption.d.ts +18 -0
  45. package/dist-types/design-system/TypeaheadComboboxV2/hooks/useTypeaheadComboboxContext.d.ts +2 -0
  46. package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/providers/TypeaheadComboboxContext.d.ts +6 -4
  47. package/dist-types/design-system/_shared_/Menu/index.d.ts +1 -1
  48. package/dist-types/design-system/fonts.d.ts +1 -0
  49. package/dist-types/design-system/index.d.ts +1 -1
  50. package/package.json +3 -2
  51. package/dist/WizardStepContentWrapper-DnwQIMN1.js.map +0 -1
  52. package/dist-types/design-system/Icon/AntdIcon.d.ts +0 -114
  53. package/dist-types/design-system/TypeaheadComboboxReactAria/hooks/useTypeaheadComboboxContext.d.ts +0 -2
  54. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/CountBadge.d.ts +0 -0
  55. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxAddButton.d.ts +0 -0
  56. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxCheckboxItem.d.ts +0 -0
  57. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxControls.d.ts +0 -0
  58. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxFooter.d.ts +0 -0
  59. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxInput.d.ts +0 -0
  60. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxMenu.d.ts +0 -0
  61. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxMenuItem.d.ts +0 -0
  62. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxMultiSelectInput.d.ts +0 -0
  63. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxRoot.d.ts +0 -0
  64. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxSectionHeader.d.ts +0 -0
  65. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxSelectedItem.d.ts +0 -0
  66. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxSeparator.d.ts +0 -0
  67. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/TypeaheadComboboxToggleButton.d.ts +0 -0
  68. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/footerFocus.d.ts +0 -0
  69. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/index.d.ts +0 -0
  70. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useComboboxItems.d.ts +0 -0
  71. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useComboboxStateProps.d.ts +0 -0
  72. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useMultipleSelectionState.d.ts +0 -0
  73. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useScrollOptionIntoView.d.ts +0 -0
  74. /package/dist-types/design-system/{TypeaheadComboboxReactAria → TypeaheadComboboxV2}/hooks/useVirtualizedComboboxScroll.d.ts +0 -0
  75. /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,57 @@ 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
+ }
1770
1818
  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 })=>{
1819
+ disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefined, disableTokenScopeWrapper = false })=>{
1772
1820
  const { isDarkMode, semanticColors } = useContext(DesignSystemThemeContext);
1773
1821
  const theme = useMemo(()=>getTheme(isDarkMode, {
1774
1822
  enableAnimation,
@@ -1817,6 +1865,7 @@ disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefi
1817
1865
  themeOverrides
1818
1866
  ]);
1819
1867
  const classNamePrefix = getClassNamePrefix(mergedTheme);
1868
+ const designTokenOverrideStyle = useDesignTokenOverrideStyles();
1820
1869
  const value = useMemo(()=>{
1821
1870
  return {
1822
1871
  enableAnimation,
@@ -1851,7 +1900,15 @@ disableLegacyAntVirtualization = process.env.NODE_ENV === 'test' ? true : undefi
1851
1900
  children: /*#__PURE__*/ jsx(TooltipProvider, {
1852
1901
  children: /*#__PURE__*/ jsx(DesignSystemContext.Provider, {
1853
1902
  value: value,
1854
- children: children
1903
+ children: disableTokenScopeWrapper ? children : /*#__PURE__*/ jsx("div", {
1904
+ "data-testid": DS_OVERRIDE_TOKENS_WRAPPER_TESTID,
1905
+ className: classNamePrefix,
1906
+ style: {
1907
+ display: 'contents',
1908
+ ...designTokenOverrideStyle
1909
+ },
1910
+ children: children
1911
+ })
1855
1912
  })
1856
1913
  })
1857
1914
  })
@@ -1890,8 +1947,11 @@ const ApplyDesignSystemContextOverrides = ({ enableAnimation, zIndexBase, getPop
1890
1947
  flags,
1891
1948
  themeOverrides
1892
1949
  ]);
1950
+ // Only overrides context props — the token scope is inherited from an ancestor (in-tree) or
1951
+ // re-applied on the portal root — so it must not emit a second scope wrapper. See the prop's docs.
1893
1952
  return /*#__PURE__*/ jsx(DesignSystemProvider, {
1894
1953
  ...newProps,
1954
+ disableTokenScopeWrapper: true,
1895
1955
  children: children
1896
1956
  });
1897
1957
  };
@@ -1911,8 +1971,10 @@ const ApplyDesignSystemFlags = ({ flags, children })=>{
1911
1971
  parentDesignSystemProviderProps,
1912
1972
  flags
1913
1973
  ]);
1974
+ // Context-only override (flags): inherits the ancestor's token scope, so no second wrapper.
1914
1975
  return /*#__PURE__*/ jsx(DesignSystemProvider, {
1915
1976
  ...newProps,
1977
+ disableTokenScopeWrapper: true,
1916
1978
  children: children
1917
1979
  });
1918
1980
  };
@@ -1944,64 +2006,6 @@ const useAntDConfigProviderContext = ()=>{
1944
2006
  });
1945
2007
  };
1946
2008
 
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
2009
  function useDesignSystemContext() {
2006
2010
  return useContext(DesignSystemContext);
2007
2011
  }
@@ -17464,7 +17468,7 @@ const Button$1 = /* #__PURE__ */ (()=>{
17464
17468
  inheritColor: true,
17465
17469
  label: "loading",
17466
17470
  "aria-label": "loading",
17467
- // eslint-disable-next-line @databricks/no-dynamic-property-value -- DUBOIS INTERNAL EXEMPTION exempt:b7289367-ddfb-4cf6-b8d1-22b27cdff2d2
17471
+ // oxlint-disable-next-line @databricks/no-dynamic-property-value -- DUBOIS INTERNAL EXEMPTION exempt:b7289367-ddfb-4cf6-b8d1-22b27cdff2d2
17468
17472
  loadingDescription: loadingDescription ?? componentId,
17469
17473
  css: getMemoizedLoadingSpinnerCss(iconOnly, Boolean(dangerouslySetForceIconStyles))
17470
17474
  }) : null;
@@ -18232,9 +18236,9 @@ const modalFooterStyles = (theme, prefixCls, hasCustomFooter)=>{
18232
18236
  // Right-align footer buttons. For a custom footer (`display: block`) this is what aligns the
18233
18237
  // inline-block buttons.
18234
18238
  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
- '& > * + *': {
18239
+ // 8px gap between adjacent footer buttons. Descendant selector so it reaches buttons that a
18240
+ // custom footer nests inside wrapper elements, not just the footer's direct children.
18241
+ '& button + button': {
18238
18242
  marginLeft: theme.spacing.sm
18239
18243
  },
18240
18244
  height: footerHeight,
@@ -18305,6 +18309,8 @@ function ModalInternal({ componentId, analyticsEvents = [
18305
18309
  DesignSystemEventProviderAnalyticsEventTypes.OnView
18306
18310
  ], 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
18311
  const { theme, classNamePrefix } = useDesignSystemTheme();
18312
+ const themeClass = useDuboisThemeClass();
18313
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
18308
18314
  const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents, [
18309
18315
  analyticsEvents
18310
18316
  ]);
@@ -18631,7 +18637,8 @@ function ModalInternal({ componentId, analyticsEvents = [
18631
18637
  ref: modalRootRef,
18632
18638
  "aria-hidden": !open,
18633
18639
  css: wrapperStyles,
18634
- className: classnames(wrapClassName),
18640
+ className: classnames(wrapClassName, themeClass),
18641
+ style: themeOverrideStyle,
18635
18642
  children: /*#__PURE__*/ jsx(RadixModalContext.Provider, {
18636
18643
  value: {
18637
18644
  modalRootElement: modalRootRef.current?.firstChild
@@ -18723,132 +18730,6 @@ const ModalContext = /*#__PURE__*/ createContext({
18723
18730
  });
18724
18731
  const useModalContext = ()=>useContext(ModalContext);
18725
18732
 
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
18733
  // WRAPPED RADIX-UI-COMPONENTS
18853
18734
  const Anchor = Popover$1.Anchor; // Behavioral component only
18854
18735
  const DEFAULT_ANALYTICS_EVENTS$5 = [
@@ -18894,10 +18775,12 @@ const Root$b = ({ children, onOpenChange, componentId, analyticsEvents = DEFAULT
18894
18775
  })
18895
18776
  });
18896
18777
  };
18897
- const Content$7 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, maxWidth, ...props }, ref) {
18778
+ const Content$7 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, maxWidth, className, style, ...props }, ref) {
18898
18779
  const { getPopupContainer } = useDesignSystemContext();
18899
18780
  const { theme } = useDesignSystemTheme();
18900
18781
  const dataComponentProps = useComponentFinderContext(DesignSystemEventProviderComponentTypes.Popover);
18782
+ const themeClass = useDuboisThemeClass();
18783
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
18901
18784
  return /*#__PURE__*/ jsx(Popover$1.Portal, {
18902
18785
  container: getPopupContainer && getPopupContainer(),
18903
18786
  children: /*#__PURE__*/ jsx(Popover$1.Content, {
@@ -18914,6 +18797,11 @@ const Content$7 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth
18914
18797
  "aria-label": "Popover content",
18915
18798
  ...props,
18916
18799
  ...dataComponentProps,
18800
+ className: classnames(className, themeClass),
18801
+ style: {
18802
+ ...style,
18803
+ ...themeOverrideStyle
18804
+ },
18917
18805
  children: children
18918
18806
  })
18919
18807
  });
@@ -19006,6 +18894,261 @@ var Popover = /*#__PURE__*/Object.freeze({
19006
18894
  Trigger: Trigger$5
19007
18895
  });
19008
18896
 
18897
+ // @ts-expect-error `jest` is only available in tests
18898
+ const isInsideTest = ()=>typeof jest !== 'undefined';
18899
+
18900
+ const DEFAULT_ANALYTICS_EVENTS$4 = [
18901
+ DesignSystemEventProviderAnalyticsEventTypes.OnView
18902
+ ];
18903
+ const slideUpAndFade = /*#__PURE__*/ keyframes({
18904
+ from: {
18905
+ opacity: 0,
18906
+ transform: 'translateY(2px)'
18907
+ },
18908
+ to: {
18909
+ opacity: 1,
18910
+ transform: 'translateY(0)'
18911
+ }
18912
+ });
18913
+ const slideRightAndFade = /*#__PURE__*/ keyframes({
18914
+ from: {
18915
+ opacity: 0,
18916
+ transform: 'translateX(-2px)'
18917
+ },
18918
+ to: {
18919
+ opacity: 1,
18920
+ transform: 'translateX(0)'
18921
+ }
18922
+ });
18923
+ const slideDownAndFade = /*#__PURE__*/ keyframes({
18924
+ from: {
18925
+ opacity: 0,
18926
+ transform: 'translateY(-2px)'
18927
+ },
18928
+ to: {
18929
+ opacity: 1,
18930
+ transform: 'translateY(0)'
18931
+ }
18932
+ });
18933
+ const slideLeftAndFade = /*#__PURE__*/ keyframes({
18934
+ from: {
18935
+ opacity: 0,
18936
+ transform: 'translateX(2px)'
18937
+ },
18938
+ to: {
18939
+ opacity: 1,
18940
+ transform: 'translateX(0)'
18941
+ }
18942
+ });
18943
+ const getTooltipStyles = (theme, clsPrefix)=>{
18944
+ // Radix uses `data-state` to drive tooltip animations. However, due to a Radix bug, the animation CSS is not
18945
+ // well-scoped. If the tooltip wraps another component that uses `data-state` (such as ToggleButton), the animation
18946
+ // styles leak into the child component. We work around this by introducing our own `tooltip-data-state` attribute
18947
+ // and redefining the animations based on that. This requires a *patch* to the Radix tooltip to swap `data-state`
18948
+ // for `tooltip-data-state`: js/yarn/patches/@radix-ui-react-tooltip-npm-1.0.7-c7378e5c03.patch. This patch is applied
18949
+ // via `yarn patch`. See https://databricks.atlassian.net/browse/DUBOIS-340 for original context.
18950
+ //
18951
+ // It is worth highlighting here, however, that we do not have a good way to distribute this patch outside of universe
18952
+ // when `@databricks/design-system` is published to npm. Thus, this animation bug may still persist if this Tooltip
18953
+ // component is used outside of universe alongside a Radix version that still has the underlying bug.
18954
+ const dataStateAttr = 'tooltip-data-state';
18955
+ const classTypography = `.${clsPrefix}-typography`;
18956
+ const { isDarkMode } = theme;
18957
+ const linkColor = isDarkMode ? theme.colors.blue600 : theme.colors.blue500;
18958
+ const linkActiveColor = isDarkMode ? theme.colors.blue800 : theme.colors.blue300;
18959
+ const linkHoverColor = isDarkMode ? theme.colors.blue700 : theme.colors.blue400;
18960
+ return {
18961
+ content: {
18962
+ backgroundColor: theme.colors.tooltipBackgroundTooltip,
18963
+ color: theme.colors.tooltipTextTooltip,
18964
+ borderRadius: token(ShapeTokens.POPOVER_BORDER_RADIUS, theme.borders.borderRadiusSm),
18965
+ fontSize: theme.typography.fontSizeMd,
18966
+ padding: `${theme.spacing.xs}px ${theme.spacing.sm}px`,
18967
+ lineHeight: theme.typography.lineHeightLg,
18968
+ fontWeight: theme.typography.typographyRegularFontWeight,
18969
+ boxShadow: theme.shadows.lg,
18970
+ wordWrap: 'break-word',
18971
+ whiteSpace: 'normal',
18972
+ zIndex: theme.options.zIndexBase + 70,
18973
+ willChange: 'transform, opacity',
18974
+ [`&[${dataStateAttr}='delayed-open'][data-side='top']`]: {
18975
+ animation: `${slideDownAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
18976
+ },
18977
+ [`&[${dataStateAttr}='delayed-open'][data-side='right']`]: {
18978
+ animation: `${slideLeftAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
18979
+ },
18980
+ [`&[${dataStateAttr}='delayed-open'][data-side='bottom']`]: {
18981
+ animation: `${slideUpAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
18982
+ },
18983
+ [`&[${dataStateAttr}='delayed-open'][data-side='left']`]: {
18984
+ animation: `${slideRightAndFade} 400ms cubic-bezier(0.16, 1, 0.3, 1)`
18985
+ },
18986
+ [`& a${classTypography}`]: {
18987
+ '&, :focus': {
18988
+ color: linkColor,
18989
+ '.anticon': {
18990
+ color: linkColor
18991
+ }
18992
+ },
18993
+ ':active': {
18994
+ color: linkActiveColor,
18995
+ '.anticon': {
18996
+ color: linkActiveColor
18997
+ }
18998
+ },
18999
+ ':hover': {
19000
+ color: linkHoverColor,
19001
+ '.anticon': {
19002
+ color: linkHoverColor
19003
+ }
19004
+ }
19005
+ }
19006
+ },
19007
+ arrow: {
19008
+ fill: theme.colors.tooltipBackgroundTooltip,
19009
+ zIndex: theme.options.zIndexBase + 70,
19010
+ visibility: 'visible'
19011
+ }
19012
+ };
19013
+ };
19014
+ const getMemoizedTooltipStyles = memoize(getTooltipStyles, (theme, clsPrefix)=>`${themeMemoKey(theme)}|${clsPrefix}`);
19015
+ /**
19016
+ * Radix's portal only mounts its children while the tooltip is open, so keeping the content work
19017
+ * here avoids paying for theme, style, and analytics hooks on every closed tooltip. The portal
19018
+ * composes a ref onto whatever it renders, so this has to forward it on to the content.
19019
+ */ const TooltipContent = /*#__PURE__*/ forwardRef(function TooltipContent({ content, side, sideOffset, align, maxWidth, componentId, analyticsEvents, zIndex, shouldReportViewRef, ...props }, ref) {
19020
+ const { theme, classNamePrefix } = useDesignSystemTheme();
19021
+ const tooltipStyles = getMemoizedTooltipStyles(theme, classNamePrefix);
19022
+ const contentCss = useMemo(()=>[
19023
+ tooltipStyles['content'],
19024
+ {
19025
+ maxWidth
19026
+ },
19027
+ zIndex !== undefined ? {
19028
+ zIndex
19029
+ } : undefined
19030
+ ], [
19031
+ tooltipStyles,
19032
+ maxWidth,
19033
+ zIndex
19034
+ ]);
19035
+ const eventContext = useDesignSystemEventComponentCallbacks({
19036
+ componentType: DesignSystemEventProviderComponentTypes.Tooltip,
19037
+ componentId,
19038
+ analyticsEvents
19039
+ });
19040
+ useEffect(()=>{
19041
+ if (shouldReportViewRef.current) {
19042
+ eventContext.onView();
19043
+ shouldReportViewRef.current = false;
19044
+ }
19045
+ }, [
19046
+ eventContext,
19047
+ shouldReportViewRef
19048
+ ]);
19049
+ return /*#__PURE__*/ jsxs(RadixTooltip.Content, {
19050
+ ref: ref,
19051
+ side: side,
19052
+ align: align,
19053
+ sideOffset: sideOffset ?? theme.spacing.sm,
19054
+ arrowPadding: theme.spacing.md,
19055
+ css: contentCss,
19056
+ ...props,
19057
+ ...eventContext.dataComponentProps,
19058
+ children: [
19059
+ content,
19060
+ /*#__PURE__*/ jsx(RadixTooltip.Arrow, {
19061
+ css: tooltipStyles['arrow']
19062
+ })
19063
+ ]
19064
+ });
19065
+ });
19066
+ /**
19067
+ * Owns the popup container lookup so that a tooltip which never opens does not subscribe to the
19068
+ * design system context.
19069
+ */ const TooltipPortal = (props)=>{
19070
+ const { getPopupContainer } = useDesignSystemContext();
19071
+ return /*#__PURE__*/ jsx(RadixTooltip.Portal, {
19072
+ container: getPopupContainer?.(),
19073
+ children: /*#__PURE__*/ jsx(TooltipContent, {
19074
+ ...props
19075
+ })
19076
+ });
19077
+ };
19078
+ /**
19079
+ * If the tooltip is not displaying for you, it might be because the child does not accept the onMouseEnter, onMouseLeave, onPointerEnter,
19080
+ * onPointerLeave, onFocus, and onClick props. You can add these props to your child component, or wrap it in a `<span>` tag.
19081
+ *
19082
+ * See go/dubois.
19083
+ */ 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 })=>{
19084
+ disableHoverableContent ??= true;
19085
+ const firstView = useRef(true);
19086
+ const shouldReportView = useRef(false);
19087
+ // The portal renders nothing while closed, but it and its Presence still mount for every tooltip
19088
+ // on the page. Root and Trigger stay put so the child never changes position in the tree.
19089
+ const [everOpened, setEverOpened] = useState(defaultOpen);
19090
+ // A consumer-controlled `open` never calls onOpenChange, so it has to latch here instead.
19091
+ if (open && !everOpened) {
19092
+ setEverOpened(true);
19093
+ }
19094
+ const handleOpenChange = useCallback((open)=>{
19095
+ if (open) {
19096
+ setEverOpened(true);
19097
+ if (firstView.current) {
19098
+ shouldReportView.current = true;
19099
+ firstView.current = false;
19100
+ }
19101
+ }
19102
+ onOpenChange?.(open);
19103
+ }, [
19104
+ onOpenChange
19105
+ ]);
19106
+ const IS_INSIDE_TEST = isInsideTest();
19107
+ return /*#__PURE__*/ jsxs(RadixTooltip.Root, {
19108
+ defaultOpen: defaultOpen,
19109
+ delayDuration: IS_INSIDE_TEST ? 10 : delayDuration,
19110
+ open: open,
19111
+ onOpenChange: handleOpenChange,
19112
+ disableHoverableContent: disableHoverableContent,
19113
+ children: [
19114
+ /*#__PURE__*/ jsx(RadixTooltip.Trigger, {
19115
+ asChild: true,
19116
+ children: children
19117
+ }),
19118
+ content && everOpened ? /*#__PURE__*/ jsx(TooltipPortal, {
19119
+ content: content,
19120
+ side: side,
19121
+ sideOffset: sideOffset,
19122
+ align: align,
19123
+ maxWidth: maxWidth,
19124
+ componentId: componentId,
19125
+ analyticsEvents: analyticsEvents,
19126
+ zIndex: zIndex,
19127
+ shouldReportViewRef: shouldReportView,
19128
+ ...props
19129
+ }) : null
19130
+ ]
19131
+ });
19132
+ };
19133
+
19134
+ const getMemoizedIconCss = memoize((theme)=>({
19135
+ color: theme.colors.textSecondary
19136
+ }));
19137
+ const InfoTooltip = ({ content, iconTitle = 'More information', ...props })=>{
19138
+ const { theme } = useDesignSystemTheme();
19139
+ return /*#__PURE__*/ jsx(Tooltip, {
19140
+ content: content,
19141
+ ...props,
19142
+ children: /*#__PURE__*/ jsx(InfoSmallIcon, {
19143
+ tabIndex: 0,
19144
+ "aria-hidden": "false",
19145
+ "aria-label": iconTitle,
19146
+ alt: iconTitle,
19147
+ css: getMemoizedIconCss(theme)
19148
+ })
19149
+ });
19150
+ };
19151
+
19009
19152
  const OverflowPopover = ({ items, renderLabel, tooltipText, ariaLabel = 'More items', ...props })=>{
19010
19153
  const { theme } = useDesignSystemTheme();
19011
19154
  const [showTooltip, setShowTooltip] = useState(true);
@@ -19025,8 +19168,9 @@ const OverflowPopover = ({ items, renderLabel, tooltipText, ariaLabel = 'More it
19025
19168
  })
19026
19169
  });
19027
19170
  if (showTooltip) {
19028
- trigger = /*#__PURE__*/ jsx(LegacyTooltip, {
19029
- title: tooltipText || 'See more items',
19171
+ trigger = /*#__PURE__*/ jsx(Tooltip, {
19172
+ componentId: "design-system.overflow-popover.tooltip",
19173
+ content: tooltipText || 'See more items',
19030
19174
  children: trigger
19031
19175
  });
19032
19176
  }
@@ -20096,10 +20240,9 @@ disabled: htmlDisabledProp, id, ...restProps }, ref) {
20096
20240
  value
20097
20241
  ]);
20098
20242
  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);
20243
+ // Inherits the `--db-color-*` scope (theme-class + consumer override) from the DesignSystemProvider
20244
+ // wrapper; no self-scoped theme class, so a consumer override set on that wrapper reaches here.
20245
+ const rootClassName = classnames(ROOT_CLASS$1, className);
20103
20246
  // Skip `checked` when uncontrolled (avoids React's controlled-vs-uncontrolled warning when
20104
20247
  // a `defaultChecked` is also passed). Indeterminate drives controlled mode with checked=false.
20105
20248
  const checkedProp = isIndeterminate ? false : effectiveChecked;
@@ -20292,14 +20435,16 @@ const infoIconStyles = (theme)=>({
20292
20435
  color: theme.colors.textSecondary,
20293
20436
  pointerEvents: 'all'
20294
20437
  });
20295
- const getNewChildren = (children, props, disabledReason, ref)=>{
20438
+ const getNewChildren = (children, props, disabledReason, // Supplied by the menu component so the tooltip renders above its content: the Du Bois Tooltip
20439
+ // portals to document.body at zIndexBase + 70 (~1070), which is below the menu's own z-index, so
20440
+ // without this it renders behind the open menu.
20441
+ zIndex)=>{
20296
20442
  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
- },
20443
+ const tooltip = /*#__PURE__*/ jsx(Tooltip, {
20444
+ componentId: "design-system.menu.disabled-reason.tooltip",
20445
+ content: disabledReason,
20446
+ side: "right",
20447
+ zIndex: zIndex,
20303
20448
  children: /*#__PURE__*/ jsx("span", {
20304
20449
  "data-disabled-tooltip": true,
20305
20450
  css: (theme)=>infoIconStyles(theme),
@@ -20384,11 +20529,13 @@ const Root$a = ({ children, itemHtmlType, ...props })=>{
20384
20529
  })
20385
20530
  });
20386
20531
  };
20387
- const Content$6 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, matchTriggerWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, ...props }, ref) {
20532
+ const Content$6 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, matchTriggerWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, className, style, ...props }, ref) {
20388
20533
  const { getPopupContainer } = useDesignSystemContext();
20389
20534
  const { theme } = useDesignSystemTheme();
20390
20535
  const { setIsOpen } = useDropdownContext();
20391
20536
  const { isInsideModal } = useModalContext();
20537
+ const themeClass = useDuboisThemeClass();
20538
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
20392
20539
  return /*#__PURE__*/ jsx(DropdownMenu$1.Portal, {
20393
20540
  container: getPopupContainer && getPopupContainer(),
20394
20541
  children: /*#__PURE__*/ jsx(DropdownMenu$1.Content, {
@@ -20431,11 +20578,16 @@ const Content$6 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth
20431
20578
  e.stopPropagation();
20432
20579
  props?.onTouchMove?.(e);
20433
20580
  },
20581
+ className: classnames(className, themeClass),
20582
+ style: {
20583
+ ...style,
20584
+ ...themeOverrideStyle
20585
+ },
20434
20586
  children: children
20435
20587
  })
20436
20588
  });
20437
20589
  });
20438
- const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, onKeyDown, ...props }, ref) {
20590
+ const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWidth = 220, onKeyDown, className, style, ...props }, ref) {
20439
20591
  const { getPopupContainer } = useDesignSystemContext();
20440
20592
  const { theme } = useDesignSystemTheme();
20441
20593
  const [contentFitsInViewport, setContentFitsInViewport] = React__default.useState(true);
@@ -20480,6 +20632,8 @@ const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWi
20480
20632
  isOpen,
20481
20633
  checkAvailableWidth
20482
20634
  ]);
20635
+ const themeClass = useDuboisThemeClass();
20636
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
20483
20637
  let transformCalc = `calc(var(--radix-dropdown-menu-content-available-width) + var(--radix-dropdown-menu-trigger-width) * -1)`;
20484
20638
  if (dataSide === 'left') {
20485
20639
  transformCalc = `calc(var(--radix-dropdown-menu-trigger-width) - var(--radix-dropdown-menu-content-available-width))`;
@@ -20511,6 +20665,11 @@ const SubContent$1 = /*#__PURE__*/ forwardRef(function Content({ children, minWi
20511
20665
  onKeyDown?.(e);
20512
20666
  },
20513
20667
  ...props,
20668
+ className: classnames(className, themeClass),
20669
+ style: {
20670
+ ...style,
20671
+ ...themeOverrideStyle
20672
+ },
20514
20673
  children: children
20515
20674
  })
20516
20675
  });
@@ -20580,7 +20739,7 @@ const Item$3 = /*#__PURE__*/ forwardRef(function Item({ children, disabledReason
20580
20739
  },
20581
20740
  ...props,
20582
20741
  ...eventContext.dataComponentProps,
20583
- children: getNewChildren(children, props, disabledReason, itemRef)
20742
+ children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
20584
20743
  });
20585
20744
  });
20586
20745
  const Label$1 = /*#__PURE__*/ forwardRef(function Label({ children, ...props }, ref) {
@@ -20628,7 +20787,7 @@ const SubTrigger$1 = /*#__PURE__*/ forwardRef(function TriggerItem({ children, d
20628
20787
  },
20629
20788
  ...props,
20630
20789
  children: [
20631
- getNewChildren(children, props, disabledReason, subTriggerRef),
20790
+ getNewChildren(children, props, disabledReason, getZIndex() + 1),
20632
20791
  /*#__PURE__*/ jsx(HintColumn, {
20633
20792
  css: (theme)=>({
20634
20793
  margin: CONSTANTS.subMenuIconMargin(theme),
@@ -20698,7 +20857,7 @@ const CheckboxItem$1 = /*#__PURE__*/ forwardRef(function CheckboxItem({ children
20698
20857
  },
20699
20858
  ...props,
20700
20859
  ...eventContext.dataComponentProps,
20701
- children: getNewChildren(children, props, disabledReason, checkboxItemRef)
20860
+ children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
20702
20861
  });
20703
20862
  });
20704
20863
  const RadioGroup$1 = /*#__PURE__*/ forwardRef(function RadioGroup({ children, componentId, analyticsEvents, onValueChange, valueHasNoPii, ...props }, ref) {
@@ -20793,7 +20952,7 @@ const RadioItem$1 = /*#__PURE__*/ forwardRef(function RadioItem({ children, disa
20793
20952
  checkboxItemStyles(theme)
20794
20953
  ],
20795
20954
  ...props,
20796
- children: getNewChildren(children, props, disabledReason, radioItemRef)
20955
+ children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
20797
20956
  });
20798
20957
  });
20799
20958
  const SubContext = /*#__PURE__*/ createContext({
@@ -21063,18 +21222,20 @@ const SubTrigger = ({ children, disabledReason, withChevron, ...props })=>{
21063
21222
  props.onKeyDown?.(e);
21064
21223
  },
21065
21224
  children: [
21066
- getNewChildren(children, props, disabledReason, ref),
21225
+ getNewChildren(children, props, disabledReason, getZIndex() + 1),
21067
21226
  withChevron && /*#__PURE__*/ jsx(ContextMenu.Hint, {
21068
21227
  children: /*#__PURE__*/ jsx(ChevronRightIcon, {})
21069
21228
  })
21070
21229
  ]
21071
21230
  });
21072
21231
  };
21073
- const Content$5 = ({ children, minWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, ...childrenProps })=>{
21232
+ const Content$5 = ({ children, minWidth, forceCloseOnEscape, onEscapeKeyDown, onKeyDown, className, style, ...childrenProps })=>{
21074
21233
  const { getPopupContainer } = useDesignSystemContext();
21075
21234
  const { theme } = useDesignSystemTheme();
21076
21235
  const { isInsideModal } = useModalContext();
21077
21236
  const { isOpen, setIsOpen } = useContextMenuProps();
21237
+ const themeClass = useDuboisThemeClass();
21238
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
21078
21239
  return /*#__PURE__*/ jsx(ContextMenuPortal, {
21079
21240
  container: getPopupContainer && getPopupContainer(),
21080
21241
  children: isOpen && /*#__PURE__*/ jsx(ContextMenuContent, {
@@ -21109,13 +21270,20 @@ const Content$5 = ({ children, minWidth, forceCloseOnEscape, onEscapeKeyDown, on
21109
21270
  minWidth
21110
21271
  }
21111
21272
  ],
21273
+ className: classnames(className, themeClass),
21274
+ style: {
21275
+ ...style,
21276
+ ...themeOverrideStyle
21277
+ },
21112
21278
  children: children
21113
21279
  })
21114
21280
  });
21115
21281
  };
21116
- const SubContent = ({ children, minWidth, ...childrenProps })=>{
21282
+ const SubContent = ({ children, minWidth, className, style, ...childrenProps })=>{
21117
21283
  const { getPopupContainer } = useDesignSystemContext();
21118
21284
  const { theme } = useDesignSystemTheme();
21285
+ const themeClass = useDuboisThemeClass();
21286
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
21119
21287
  return /*#__PURE__*/ jsx(ContextMenuPortal, {
21120
21288
  container: getPopupContainer && getPopupContainer(),
21121
21289
  children: /*#__PURE__*/ jsx(ContextMenuSubContent, {
@@ -21140,6 +21308,11 @@ const SubContent = ({ children, minWidth, ...childrenProps })=>{
21140
21308
  }
21141
21309
  childrenProps.onKeyDown?.(e);
21142
21310
  },
21311
+ className: classnames(className, themeClass),
21312
+ style: {
21313
+ ...style,
21314
+ ...themeOverrideStyle
21315
+ },
21143
21316
  children: children
21144
21317
  })
21145
21318
  });
@@ -21184,7 +21357,7 @@ const Item$2 = ({ children, disabledReason, onClick, componentId, analyticsEvent
21184
21357
  props.onKeyDown?.(e);
21185
21358
  },
21186
21359
  ...eventContext.dataComponentProps,
21187
- children: getNewChildren(children, props, disabledReason, ref)
21360
+ children: getNewChildren(children, props, disabledReason, getZIndex() + 1)
21188
21361
  });
21189
21362
  };
21190
21363
  const CheckboxItem = ({ children, disabledReason, onCheckedChange, componentId, analyticsEvents, ...props })=>{
@@ -21235,7 +21408,7 @@ const CheckboxItem = ({ children, disabledReason, onCheckedChange, componentId,
21235
21408
  width: theme.general.iconFontSize + theme.spacing.xs
21236
21409
  }
21237
21410
  }),
21238
- getNewChildren(children, props, disabledReason, ref)
21411
+ getNewChildren(children, props, disabledReason, getZIndex() + 1)
21239
21412
  ]
21240
21413
  });
21241
21414
  };
@@ -21281,7 +21454,7 @@ const RadioItem = ({ children, disabledReason, ...props })=>{
21281
21454
  css: getMemoizedItemIndicatorStyles(theme),
21282
21455
  children: /*#__PURE__*/ jsx(CheckIcon, {})
21283
21456
  }),
21284
- getNewChildren(children, props, disabledReason, ref)
21457
+ getNewChildren(children, props, disabledReason, getZIndex() + 1)
21285
21458
  ]
21286
21459
  });
21287
21460
  };
@@ -24651,11 +24824,13 @@ const getHintColumnStyles = (theme, disabled, textOverflowMode)=>{
24651
24824
 
24652
24825
  const defaultMaxHeight = 'var(--radix-popover-content-available-height)';
24653
24826
  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)=>{
24827
+ ({ 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
24828
  const { theme } = useDesignSystemTheme();
24656
24829
  const { label, isInsideDialogCombobox, contentWidth, setContentWidth, textOverflowMode: contextTextOverflowMode, setTextOverflowMode, multiSelect, isOpen, rememberLastScrollPosition, setIsOpen } = useDialogComboboxContext();
24657
24830
  const { isInsideModal } = useModalContext();
24658
24831
  const { getPopupContainer } = useDesignSystemContext();
24832
+ const themeClass = useDuboisThemeClass();
24833
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
24659
24834
  const [lastScrollPosition, setLastScrollPosition] = useState(0);
24660
24835
  if (!isInsideDialogCombobox) {
24661
24836
  throw new Error('`DialogComboboxContent` must be used within `DialogCombobox`');
@@ -24741,6 +24916,11 @@ const DialogComboboxContent = /*#__PURE__*/ forwardRef(// eslint-disable-next-li
24741
24916
  },
24742
24917
  ...restProps,
24743
24918
  ref: contentRef,
24919
+ className: classnames(className, themeClass),
24920
+ style: {
24921
+ ...style,
24922
+ ...themeOverrideStyle
24923
+ },
24744
24924
  children: /*#__PURE__*/ jsx("div", {
24745
24925
  css: {
24746
24926
  display: 'flex',
@@ -24884,261 +25064,6 @@ const useDialogComboboxOptionListContext = ()=>{
24884
25064
  return useContext(DialogComboboxOptionListContext);
24885
25065
  };
24886
25066
 
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
25067
  const DuboisDialogComboboxOptionListCheckboxItem = /*#__PURE__*/ forwardRef(({ value, checked, indeterminate, onChange, children, disabledReason, _TYPE, ...props }, ref)=>{
25143
25068
  const { theme } = useDesignSystemTheme();
25144
25069
  const { textOverflowMode, contentWidth, disableMouseOver, setDisableMouseOver } = useDialogComboboxContext();
@@ -26114,6 +26039,8 @@ const DEFAULT_ANALYTICS_EVENTS$3 = [
26114
26039
  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
26040
  const { getPopupContainer } = useDesignSystemContext();
26116
26041
  const { theme } = useDesignSystemTheme();
26042
+ const themeClass = useDuboisThemeClass();
26043
+ const themeOverrideStyle = useDesignTokenOverrideStyles();
26117
26044
  const horizontalContentPadding = size === 'small' ? theme.spacing.md : theme.spacing.lg;
26118
26045
  const [shouldContentBeFocusable, setShouldContentBeFocusable] = useState(false);
26119
26046
  const contentContainerRef = useRef(null);
@@ -26245,8 +26172,10 @@ const Content$4 = ({ children, footer, title, width, height, position: positionO
26245
26172
  } : {
26246
26173
  borderLeft: `1px solid ${theme.colors.borderDecorative}`
26247
26174
  }
26248
- }
26175
+ },
26176
+ ...themeOverrideStyle
26249
26177
  },
26178
+ className: themeClass,
26250
26179
  onKeyDownCapture: handleKeyDownCapture,
26251
26180
  onWheel: (e)=>{
26252
26181
  e.stopPropagation();
@@ -27269,7 +27198,7 @@ const AntDRadioInternal = // eslint-disable-next-line react-component-name/react
27269
27198
  onChange: onChangeWrapper,
27270
27199
  ref: ref,
27271
27200
  "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
27201
+ // oxlint-disable-next-line @databricks/no-dynamic-property-value -- Context component ID is validated through the RadioGroup exempt:8b3795a8-d0ff-4b21-888c-a6fbd0f3d7f2
27273
27202
  "data-component-id": contextualComponentId ?? componentId,
27274
27203
  children: /*#__PURE__*/ jsx(RestoreAntDDefaultClsPrefix, {
27275
27204
  children: children
@@ -27513,10 +27442,9 @@ const NativeRadio = /*#__PURE__*/ forwardRef(function NativeRadio({ children, __
27513
27442
  effectiveName,
27514
27443
  id
27515
27444
  ]);
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);
27445
+ // Inherits the `--db-color-*` scope (theme-class + consumer override) from the DesignSystemProvider
27446
+ // wrapper; no self-scoped theme class, so a consumer override set on that wrapper reaches here.
27447
+ const rootClassName = classnames(ROOT_CLASS, className);
27520
27448
  // In a group, render the GROUP's data-component-* attributes so a Form submission
27521
27449
  // triggered by this radio resolves the group as the referrer (extractReferrerComponent
27522
27450
  // reads document.activeElement.dataset). Standalone radios render their own.
@@ -27991,7 +27919,7 @@ const getSelectedOptionLabel = (children, value)=>{
27991
27919
  // SimpleSelect emits its own value change events rather than emitting them from the underlying
27992
27920
  // DialogCombobox due to how SimpleSelect sets its initial state. The Select componentId is explicitly
27993
27921
  // 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
27922
+ // oxlint-disable-next-line @databricks/no-dynamic-property-value -- Valid case exempt:e5d37a4d-10cd-4a8f-a964-2223405cc738
27995
27923
  componentId: undefined,
27996
27924
  value: internalValue,
27997
27925
  placeholder: placeholder,
@@ -28096,7 +28024,10 @@ const mapItemsToString = (items, itemToString)=>{
28096
28024
  };
28097
28025
  const TypeaheadComboboxStateChangeTypes = useCombobox.stateChangeTypes;
28098
28026
  const TypeaheadComboboxMultiSelectStateChangeTypes = useMultipleSelection.stateChangeTypes;
28099
- function useComboboxState({ allItems, items, itemToString, onIsOpenChange, allowNewValue = false, formValue, formOnChange, formOnBlur, componentId, valueHasNoPii, analyticsEvents, matcher, preventUnsetOnBlur = false, selectedMatcher, ...props }) {
28027
+ /**
28028
+ * Deprecated in favor of `TypeaheadComboboxV2`.
28029
+ * @deprecated
28030
+ */ function useComboboxState({ allItems, items, itemToString, onIsOpenChange, allowNewValue = false, formValue, formOnChange, formOnBlur, componentId, valueHasNoPii, analyticsEvents, matcher, preventUnsetOnBlur = false, selectedMatcher, ...props }) {
28100
28031
  const getFilteredItems = useCallback((inputValue)=>{
28101
28032
  const lowerCasedInputValue = inputValue?.toLowerCase() ?? '';
28102
28033
  // If the input is empty or if there is no matcher supplied, do not filter
@@ -28247,7 +28178,10 @@ function useComboboxState({ allItems, items, itemToString, onIsOpenChange, allow
28247
28178
  };
28248
28179
  return comboboxState;
28249
28180
  }
28250
- function useMultipleSelectionState(selectedItems, setSelectedItems, { componentId, analyticsEvents = [
28181
+ /**
28182
+ * Deprecated in favor of `TypeaheadComboboxV2`.
28183
+ * @deprecated
28184
+ */ function useMultipleSelectionState(selectedItems, setSelectedItems, { componentId, analyticsEvents = [
28251
28185
  DesignSystemEventProviderAnalyticsEventTypes.OnValueChange
28252
28186
  ], valueHasNoPii, itemToString }) {
28253
28187
  const memoizedAnalyticsEvents = useMemo(()=>analyticsEvents, [
@@ -28312,7 +28246,10 @@ const getLabelStyles$3 = memoize((theme, textOverflowMode)=>/*#__PURE__*/ css({
28312
28246
  whiteSpace: 'nowrap'
28313
28247
  }
28314
28248
  }), (theme, textOverflowMode)=>`${themeMemoKey(theme)}|${textOverflowMode}`);
28315
- const TypeaheadComboboxMenuItem$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
28249
+ /**
28250
+ * Deprecated in favor of `TypeaheadComboboxV2`.
28251
+ * @deprecated
28252
+ */ const TypeaheadComboboxMenuItem$1 = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
28316
28253
  ({ item, index, comboboxState, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, onClick: onClickProp, children, ...restProps }, ref)=>{
28317
28254
  const { selectedItem, highlightedIndex, getItemProps, isOpen } = comboboxState;
28318
28255
  const isSelected = isEqual(selectedItem, item);
@@ -28407,7 +28344,10 @@ TypeaheadComboboxMenuItem$1.defaultProps = {
28407
28344
  _type: 'TypeaheadComboboxMenuItem'
28408
28345
  };
28409
28346
 
28410
- const TypeaheadComboboxCheckboxItem = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
28347
+ /**
28348
+ * Deprecated in favor of `TypeaheadComboboxV2`.
28349
+ * @deprecated
28350
+ */ const TypeaheadComboboxCheckboxItem = /*#__PURE__*/ forwardRef(// eslint-disable-next-line react-component-name/react-component-name -- TODO(FEINF-4716)
28411
28351
  ({ item, index, comboboxState, selectedItems, selectedMatcher, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, onClick: onClickProp, children, ...restProps }, ref)=>{
28412
28352
  const { highlightedIndex, getItemProps, isOpen } = comboboxState;
28413
28353
  const isHighlighted = highlightedIndex === index;
@@ -28561,7 +28501,10 @@ const getLabelStyles$2 = memoize((theme, disabled)=>({
28561
28501
  color: theme.colors.actionDisabledText
28562
28502
  }
28563
28503
  }), (theme, disabled)=>`${themeMemoKey(theme)}|${disabled}`);
28564
- const TypeaheadComboboxSelectedItem$1 = /*#__PURE__*/ forwardRef(({ label, item, getSelectedItemProps, removeSelectedItem, disabled, ...restProps }, ref)=>{
28504
+ /**
28505
+ * Deprecated in favor of `TypeaheadComboboxV2`.
28506
+ * @deprecated
28507
+ */ const TypeaheadComboboxSelectedItem$1 = /*#__PURE__*/ forwardRef(({ label, item, getSelectedItemProps, removeSelectedItem, disabled, ...restProps }, ref)=>{
28565
28508
  const { theme } = useDesignSystemTheme();
28566
28509
  return /*#__PURE__*/ jsxs("span", {
28567
28510
  ...getSelectedItemProps({
@@ -28611,7 +28554,10 @@ const CountBadge$1 = ({ countStartAt, totalCount, disabled })=>{
28611
28554
  });
28612
28555
  };
28613
28556
 
28614
- const DuboisTypeaheadComboboxFooter = ({ children, ...restProps })=>{
28557
+ /**
28558
+ * Deprecated in favor of `TypeaheadComboboxV2`.
28559
+ * @deprecated
28560
+ */ const DuboisTypeaheadComboboxFooter = ({ children, ...restProps })=>{
28615
28561
  const { theme } = useDesignSystemTheme();
28616
28562
  const { isInsideTypeaheadCombobox } = useTypeaheadComboboxContext();
28617
28563
  if (!isInsideTypeaheadCombobox) {
@@ -28626,7 +28572,10 @@ const DuboisTypeaheadComboboxFooter = ({ children, ...restProps })=>{
28626
28572
  DuboisTypeaheadComboboxFooter.defaultProps = {
28627
28573
  _type: 'TypeaheadComboboxFooter'
28628
28574
  };
28629
- const TypeaheadComboboxFooter = DuboisTypeaheadComboboxFooter;
28575
+ /**
28576
+ * Deprecated in favor of `TypeaheadComboboxV2`.
28577
+ * @deprecated
28578
+ */ const TypeaheadComboboxFooter = DuboisTypeaheadComboboxFooter;
28630
28579
 
28631
28580
  const getHintStyles = (classNamePrefix, theme)=>{
28632
28581
  const styles = {
@@ -31731,6 +31680,132 @@ const LegacyTable = (props)=>{
31731
31680
  });
31732
31681
  };
31733
31682
 
31683
+ // Module-level caches. Both styles depend only on theme (and zIndex), so share one
31684
+ // object across every LegacyTooltip instance instead of allocating per render.
31685
+ const TRIGGER = [
31686
+ 'hover',
31687
+ 'focus'
31688
+ ];
31689
+ const getMemoizedDefaultOverlayInnerStyle = memoize((theme)=>({
31690
+ backgroundColor: '#2F3941',
31691
+ lineHeight: '22px',
31692
+ padding: '4px 8px',
31693
+ boxShadow: theme.general.shadowLow,
31694
+ ...getDarkModePortalStyles(theme)
31695
+ }));
31696
+ const getMemoizedDefaultOverlayStyle = memoize((theme)=>({
31697
+ zIndex: theme.options.zIndexBase + 70
31698
+ }), (theme)=>String(theme.options.zIndexBase));
31699
+ const getMemoizedAnimationCss = memoize((enableAnimation)=>/*#__PURE__*/ css({
31700
+ ...getAnimationCss(enableAnimation)
31701
+ }));
31702
+ /**
31703
+ * `LegacyTooltip` is deprecated in favor of the new `Tooltip` component
31704
+ * @deprecated
31705
+ */ const LegacyTooltip = ({ children, title, placement = 'top', dataTestId, dangerouslySetAntdProps, silenceScreenReader = false, useAsLabel = false, ...props })=>{
31706
+ const { theme } = useDesignSystemTheme();
31707
+ const tooltipRef = useRef(null);
31708
+ const duboisId = useUniqueId('dubois-tooltip-component-');
31709
+ const id = dangerouslySetAntdProps?.id ? dangerouslySetAntdProps?.id : duboisId;
31710
+ if (!title) {
31711
+ return /*#__PURE__*/ jsx(React__default.Fragment, {
31712
+ children: children
31713
+ });
31714
+ }
31715
+ const titleProps = silenceScreenReader ? {} : {
31716
+ 'aria-live': 'polite',
31717
+ 'aria-relevant': 'additions'
31718
+ };
31719
+ if (dataTestId) {
31720
+ titleProps['data-testid'] = dataTestId;
31721
+ }
31722
+ const liveTitle = title && /*#__PURE__*/ React__default.isValidElement(title) ? /*#__PURE__*/ React__default.cloneElement(title, titleProps) : /*#__PURE__*/ jsx("span", {
31723
+ ...titleProps,
31724
+ children: title
31725
+ });
31726
+ const ariaProps = {
31727
+ 'aria-hidden': false
31728
+ };
31729
+ const addAriaProps = (e)=>{
31730
+ if (!tooltipRef.current || e.currentTarget.hasAttribute('aria-describedby') || e.currentTarget.hasAttribute('aria-labelledby')) {
31731
+ return;
31732
+ }
31733
+ if (id) {
31734
+ e.currentTarget.setAttribute('aria-live', 'polite');
31735
+ if (useAsLabel) {
31736
+ e.currentTarget.setAttribute('aria-labelledby', id);
31737
+ } else {
31738
+ e.currentTarget.setAttribute('aria-describedby', id);
31739
+ }
31740
+ }
31741
+ };
31742
+ const removeAriaProps = (e)=>{
31743
+ if (!tooltipRef || !e.currentTarget.hasAttribute('aria-describedby') && !e.currentTarget.hasAttribute('aria-labelledby')) {
31744
+ return;
31745
+ }
31746
+ if (useAsLabel) {
31747
+ e.currentTarget.removeAttribute('aria-labelledby');
31748
+ } else {
31749
+ e.currentTarget.removeAttribute('aria-describedby');
31750
+ }
31751
+ e.currentTarget.removeAttribute('aria-live');
31752
+ };
31753
+ const interactionProps = {
31754
+ onMouseEnter: (e)=>{
31755
+ addAriaProps(e);
31756
+ },
31757
+ onMouseLeave: (e)=>{
31758
+ removeAriaProps(e);
31759
+ },
31760
+ onFocus: (e)=>{
31761
+ addAriaProps(e);
31762
+ },
31763
+ onBlur: (e)=>{
31764
+ removeAriaProps(e);
31765
+ }
31766
+ };
31767
+ const childWithProps = /*#__PURE__*/ React__default.isValidElement(children) ? /*#__PURE__*/ React__default.cloneElement(children, {
31768
+ ...ariaProps,
31769
+ ...interactionProps,
31770
+ ...children.props
31771
+ }) : isNil(children) ? children : /*#__PURE__*/ jsx("span", {
31772
+ ...ariaProps,
31773
+ ...interactionProps,
31774
+ children: children
31775
+ });
31776
+ const { overlayInnerStyle, overlayStyle, ...delegatedDangerouslySetAntdProps } = dangerouslySetAntdProps || {};
31777
+ // When no overrides are passed, reuse the module-level memoized objects directly so
31778
+ // the same reference is shared across every tooltip instance with the same theme.
31779
+ const mergedOverlayInnerStyle = overlayInnerStyle ? {
31780
+ backgroundColor: '#2F3941',
31781
+ lineHeight: '22px',
31782
+ padding: '4px 8px',
31783
+ boxShadow: theme.general.shadowLow,
31784
+ ...overlayInnerStyle,
31785
+ ...getDarkModePortalStyles(theme)
31786
+ } : getMemoizedDefaultOverlayInnerStyle(theme);
31787
+ const mergedOverlayStyle = overlayStyle ? {
31788
+ zIndex: theme.options.zIndexBase + 70,
31789
+ ...overlayStyle
31790
+ } : getMemoizedDefaultOverlayStyle(theme);
31791
+ return /*#__PURE__*/ jsx(DesignSystemAntDConfigProvider, {
31792
+ children: /*#__PURE__*/ jsx(Tooltip$1, {
31793
+ id: id,
31794
+ ref: tooltipRef,
31795
+ title: liveTitle,
31796
+ placement: placement,
31797
+ // Always trigger on hover and focus
31798
+ trigger: TRIGGER,
31799
+ overlayInnerStyle: mergedOverlayInnerStyle,
31800
+ overlayStyle: mergedOverlayStyle,
31801
+ css: getMemoizedAnimationCss(theme.options.enableAnimation),
31802
+ ...delegatedDangerouslySetAntdProps,
31803
+ ...props,
31804
+ children: childWithProps
31805
+ })
31806
+ });
31807
+ };
31808
+
31734
31809
  const ListboxContext = /*#__PURE__*/ createContext(null);
31735
31810
  const useListboxContext = ()=>{
31736
31811
  const context = useContext(ListboxContext);
@@ -34564,6 +34639,19 @@ function requireShim () {
34564
34639
 
34565
34640
  var shimExports = requireShim();
34566
34641
 
34642
+ // 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
34643
+ function React18CompatibleIconComponent(IconComponent) {
34644
+ return IconComponent;
34645
+ }
34646
+ /**
34647
+ * Antd built-in icons used by the design system's own legacy components, with an interface that has
34648
+ * been made compatible with the React 18 types by removing the props that are no longer present on
34649
+ * the React DOM types.
34650
+ *
34651
+ * These are deliberately NOT reëxported from the design system's public API: product code should
34652
+ * use Du Bois icons from `__generated/icons`.
34653
+ */ const LegacyEllipsisOutlined = React18CompatibleIconComponent(EllipsisOutlined);
34654
+
34567
34655
  const ButtonGroup = Button$2.Group;
34568
34656
  const DropdownButton = (props)=>{
34569
34657
  const { theme } = useDesignSystemTheme();
@@ -35361,7 +35449,7 @@ const List = /*#__PURE__*/ React__default.forwardRef(// eslint-disable-next-line
35361
35449
  "aria-label": "Add tab",
35362
35450
  css: styles['addButton'],
35363
35451
  onClick: addButtonProps.onClick,
35364
- // eslint-disable-next-line @databricks/no-dynamic-property-value -- Is validated through Root exempt:2a2973ea-6130-4b74-82c2-9f5f6b4c7c62
35452
+ // oxlint-disable-next-line @databricks/no-dynamic-property-value -- Is validated through Root exempt:2a2973ea-6130-4b74-82c2-9f5f6b4c7c62
35365
35453
  componentId: `${dataComponentProps['data-component-id']}.add_tab`,
35366
35454
  className: addButtonProps.className
35367
35455
  })
@@ -36368,9 +36456,10 @@ const defaultRef = {
36368
36456
  current: null
36369
36457
  };
36370
36458
  const defaults = {
36371
- componentId: 'design_system.typeahead_combobox_react_aria.context_default',
36459
+ componentId: 'design_system.typeahead_combobox_v2.context_default',
36372
36460
  isInsideTypeaheadCombobox: false,
36373
36461
  multiSelect: false,
36462
+ showAllOptionsOnOpen: false,
36374
36463
  comboBoxState: null,
36375
36464
  inputProps: {},
36376
36465
  listBoxProps: {},
@@ -36390,8 +36479,8 @@ const defaults = {
36390
36479
  removeByKey: ()=>{},
36391
36480
  clearSelection: ()=>{}
36392
36481
  };
36393
- const TypeaheadComboboxReactAriaContext = /*#__PURE__*/ createContext(defaults);
36394
- const TypeaheadComboboxReactAriaContextProvider = ({ children, value })=>{
36482
+ const TypeaheadComboboxV2Context = /*#__PURE__*/ createContext(defaults);
36483
+ const TypeaheadComboboxV2ContextProvider = ({ children, value })=>{
36395
36484
  const [triggerWidth, setTriggerWidth] = useState();
36396
36485
  // Memoize the merged context value so consumers don't re-render on every provider render from a
36397
36486
  // fresh spread object. `value` is already memoized in TypeaheadComboboxRoot and `setTriggerWidth`
@@ -36404,14 +36493,14 @@ const TypeaheadComboboxReactAriaContextProvider = ({ children, value })=>{
36404
36493
  value,
36405
36494
  triggerWidth
36406
36495
  ]);
36407
- return /*#__PURE__*/ jsx(TypeaheadComboboxReactAriaContext.Provider, {
36496
+ return /*#__PURE__*/ jsx(TypeaheadComboboxV2Context.Provider, {
36408
36497
  value: contextValue,
36409
36498
  children: children
36410
36499
  });
36411
36500
  };
36412
36501
 
36413
- const useTypeaheadComboboxReactAriaContext = ()=>{
36414
- return useContext(TypeaheadComboboxReactAriaContext);
36502
+ const useTypeaheadComboboxV2Context = ()=>{
36503
+ return useContext(TypeaheadComboboxV2Context);
36415
36504
  };
36416
36505
 
36417
36506
  /**
@@ -36474,7 +36563,7 @@ const getLabelStyles$1 = memoize((theme, textOverflowMode)=>/*#__PURE__*/ css({
36474
36563
  }
36475
36564
  }), (theme, textOverflowMode)=>`${themeMemoKey(theme)}|${textOverflowMode}`);
36476
36565
  const TypeaheadComboboxMenuItemInner = ({ item, textOverflowMode = 'multiline', isDisabled, disabledReason, hintContent, children, ...restProps }, forwardedRef)=>{
36477
- const ctx = useTypeaheadComboboxReactAriaContext();
36566
+ const ctx = useTypeaheadComboboxV2Context();
36478
36567
  if (!ctx.isInsideTypeaheadCombobox || !ctx.comboBoxState) {
36479
36568
  throw new Error('`TypeaheadComboboxMenuItem` must be used within an open `TypeaheadComboboxRoot`');
36480
36569
  }
@@ -36615,7 +36704,7 @@ const getLabelStyles = memoize((theme, disabled)=>({
36615
36704
  }), (theme, disabled)=>`${themeMemoKey(theme)}|${disabled}`);
36616
36705
  const TypeaheadComboboxSelectedItem = /*#__PURE__*/ forwardRef(function TypeaheadComboboxSelectedItem({ label, item, disabled, ...restProps }, ref) {
36617
36706
  const { theme } = useDesignSystemTheme();
36618
- const { getKeyForItem, removeByKey } = useTypeaheadComboboxReactAriaContext();
36707
+ const { getKeyForItem, removeByKey } = useTypeaheadComboboxV2Context();
36619
36708
  return /*#__PURE__*/ jsxs("span", {
36620
36709
  css: getSelectedItemStyles(theme, disabled),
36621
36710
  ref: ref,
@@ -36727,14 +36816,14 @@ function getWizardFooterButtons({ goToNextStepOrDone, isLastStep, currentStepInd
36727
36816
  onCancel: onCancel,
36728
36817
  cancelButtonContent: cancelButtonContent,
36729
36818
  disabled: cancelButtonDisabled,
36730
- // eslint-disable-next-line @databricks/no-dynamic-property-value -- Validated through JSX componentId exempt:4b31acca-dae8-44a7-a7f5-fa3e1bc167c5
36819
+ // oxlint-disable-next-line @databricks/no-dynamic-property-value -- Validated through JSX componentId exempt:4b31acca-dae8-44a7-a7f5-fa3e1bc167c5
36731
36820
  componentId: componentId ? `${componentId}.cancel` : undefined
36732
36821
  })
36733
36822
  }, "cancel") : /*#__PURE__*/ jsx(CancelButton, {
36734
36823
  onCancel: onCancel,
36735
36824
  cancelButtonContent: cancelButtonContent,
36736
36825
  disabled: cancelButtonDisabled,
36737
- // eslint-disable-next-line @databricks/no-dynamic-property-value -- Validated through JSX componentId exempt:acae06b0-d74d-44ee-86db-15b3014e2bcf
36826
+ // oxlint-disable-next-line @databricks/no-dynamic-property-value -- Validated through JSX componentId exempt:acae06b0-d74d-44ee-86db-15b3014e2bcf
36738
36827
  componentId: componentId ? `${componentId}.cancel` : undefined
36739
36828
  }, "cancel")),
36740
36829
  currentStepIndex > 0 && !previousStepButtonHidden && /*#__PURE__*/ jsx(Button$1, {
@@ -37369,5 +37458,5 @@ function WizardStepContentWrapper({ header, title, description, alertContent, de
37369
37458
  });
37370
37459
  }
37371
37460
 
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
37461
+ export { hideIconButtonActionCellClassName 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, Tooltip as J, SparkleDoubleIcon as K, LoadingState as L, MAX_VERTICAL_WIZARD_CONTENT_WIDTH as M, visuallyHidden as N, OverflowPopover as O, genSkeletonAnimatedColor as P, getOffsets as Q, Root$b as R, ShapeTokens as S, Typography as T, DesignSystemEventSuppressInteractionProviderContext as U, DesignSystemEventSuppressInteractionTrueContextValue as V, Wizard as W, tableStyles as X, repeatingElementsStyles as Y, tableClassNames as Z, hideIconButtonRowStyles as _, WizardControlled as a, useTypeaheadComboboxV2Context as a$, safex as a0, TitleSkeleton as a1, useDialogComboboxContext as a2, PlusIcon as a3, importantify as a4, getComboboxOptionItemWrapperStyles as a5, getFooterStyles as a6, useDialogComboboxOptionListContext as a7, generateUuidV4 as a8, getContentOptions as a9, DialogCombobox as aA, DialogComboboxTrigger as aB, DialogComboboxContent as aC, Select as aD, SelectTrigger as aE, SelectContent as aF, SelectOption as aG, LegacySelect as aH, WarningIcon as aI, CheckCircleIcon as aJ, DangerIcon as aK, Hint as aL, Title$1 as aM, CloseIcon as aN, RestoreAntDDefaultClsPrefix as aO, AccessibleContainer as aP, DU_BOIS_ENABLE_ANIMATION_CLASSNAME as aQ, CircleOffIcon as aR, CircleOutlineIcon as aS, CircleIcon as aT, shimExports as aU, SortAscendingIcon as aV, SortDescendingIcon as aW, SortUnsortedIcon as aX, MinusSquareIcon as aY, PlusSquareIcon as aZ, TypeaheadComboboxV2ContextProvider 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, TypeaheadComboboxContextProvider as am, useTypeaheadComboboxContext as an, useDuboisThemeClass as ao, useDesignTokenOverrideStyles as ap, getComboboxContentWrapperStyles as aq, ClearSelectionButton as ar, TypeaheadComboboxSelectedItem$1 as as, CountBadge$1 as at, getValidationStateColor as au, SectionHeader as av, useComboboxState as aw, useMultipleSelectionState as ax, Radio as ay, Checkbox as az, WizardModal as b, BoldIcon as b$, useRadixModalContext as b0, useIsomorphicLayoutEffect as b1, useScrollOptionIntoView as b2, InfoTooltip as b3, getInfoIconStyles as b4, HintRow as b5, getCheckboxStyles as b6, getMenuItemStyles as b7, TypeaheadComboboxSelectedItem as b8, CountBadge as b9, ArrowsCollapseIcon as bA, ArrowsConnectIcon as bB, ArrowsExpandIcon as bC, ArrowsUpDownIcon as bD, AssistantIcon as bE, AtIcon as bF, Auth0Graphic as bG, Auth0GraphicLarge as bH, AzHorizontalIcon as bI, AzVerticalIcon as bJ, BANNER_MAX_HEIGHT as bK, BANNER_MIN_HEIGHT as bL, BackupIcon as bM, BadgeCodeIcon as bN, BadgeCodeOffIcon as bO, Banner as bP, BarChartIcon as bQ, BarGroupedIcon as bR, BarStackedIcon as bS, BarStackedPercentageIcon as bT, BarsAscendingHorizontalIcon as bU, BarsAscendingVerticalIcon as bV, BarsDescendingHorizontalIcon as bW, BarsDescendingVerticalIcon as bX, BeakerIcon as bY, BinaryIcon as bZ, BlockQuoteIcon as b_, TypeaheadComboboxMenuItem as ba, AccessDeniedGraphic as bb, Accordion as bc, AccordionPanel as bd, AlignCenterIcon as be, AlignJustifyIcon as bf, AlignLeftIcon as bg, AlignRightIcon as bh, AlignVerticalBottomIcon as bi, AlignVerticalCenterIcon as bj, AlignVerticalTopIcon as bk, AppIcon as bl, ApplyDesignSystemContextOverrides as bm, ApplyDesignSystemFlags as bn, ArrowDownDotIcon as bo, ArrowDownFillIcon as bp, ArrowDownIcon as bq, ArrowInIcon as br, ArrowInTableIcon as bs, ArrowLeftIcon as bt, ArrowOutTableIcon as bu, ArrowOverIcon as bv, ArrowRightIcon as bw, ArrowUpDotIcon as bx, ArrowUpFillIcon as by, ArrowUpIcon as bz, WizardStepContentWrapper as c, CloudIcon as c$, BookIcon as c0, BookmarkFillIcon as c1, BookmarkIcon as c2, BooksIcon as c3, BracketsCheckIcon as c4, BracketsCurlyIcon as c5, BracketsErrorIcon as c6, BracketsSquareIcon as c7, BracketsXIcon as c8, BranchCheckIcon as c9, ChainIcon as cA, ChartLineIcon as cB, CheckCircleBadgeIcon as cC, CheckCircleSmallIcon as cD, CheckIcon as cE, CheckLineIcon as cF, CheckSmallIcon as cG, CheckboxIcon as cH, ChecklistIcon as cI, ChevronDoubleDownIcon as cJ, ChevronDoubleLeftIcon as cK, ChevronDoubleLeftOffIcon as cL, ChevronDoubleRightIcon as cM, ChevronDoubleRightOffIcon as cN, ChevronDoubleUpIcon as cO, ChevronLeftIcon as cP, ChevronUpIcon as cQ, ChipIcon as cR, CircleOffLargeIcon as cS, CircleOutlineLargeIcon as cT, ClipboardIcon as cU, ClockIcon as cV, ClockKeyIcon as cW, ClockOffIcon as cX, CloudCheckIcon as cY, CloudDatabaseIcon as cZ, CloudDownloadIcon as c_, BranchIcon as ca, BranchResetIcon as cb, BriefcaseFillIcon as cc, BriefcaseIcon as cd, BrushIcon as ce, BugIcon as cf, CalendarClockIcon as cg, CalendarEventIcon as ch, CalendarIcon as ci, CalendarRangeIcon as cj, CalendarSyncIcon as ck, CameraIcon as cl, CapitalizeIcon as cm, CaretDownSquareIcon as cn, CaretUpSquareIcon as co, CatalogCloudIcon as cp, CatalogGearIcon as cq, CatalogHomeIcon as cr, CatalogIcon as cs, CatalogOffIcon as ct, CatalogSharedIcon as cu, CatalogUserHomeIcon as cv, CellsSquareIcon as cw, CertifiedFillIcon as cx, CertifiedFillSmallIcon as cy, CertifiedIcon as cz, DesignSystemEventProvider as d, ExpandLessIcon as d$, CloudKeyIcon as d0, CloudModelIcon as d1, CloudOffIcon as d2, CloudUploadIcon as d3, CodeIcon as d4, ColorFillIcon as d5, ColorVars as d6, ColumnIcon as d7, ColumnSplitIcon as d8, ColumnTagIcon as d9, DataMaskiingGraphic as dA, DatabaseClockIcon as dB, DatabaseIcon as dC, DatabaseImportIcon as dD, DatePicker as dE, DecimalIcon as dF, DeprecatedIcon as dG, DeprecatedSmallIcon as dH, DesignSystemContext as dI, DesignSystemEventProviderComponentSubTypes as dJ, DesignSystemProvider as dK, DesignSystemThemeContext as dL, DesignSystemThemeProvider as dM, DialogComboboxCountBadge as dN, DialogComboboxCustomButtonTriggerWrapper as dO, DialogComboboxSectionHeader as dP, DollarIcon as dQ, DomainCirclesThree as dR, DomainsIcon as dS, DotsCircleIcon as dT, DownloadIcon as dU, DragIcon as dV, Drawer as dW, DropdownMenu as dX, Empty as dY, EmptyDashboardGraphic as dZ, ErdIcon as d_, ColumnsIcon as da, CommandIcon as db, CommandPaletteIcon as dc, CompassIcon as dd, ComponentFinderContext as de, ConnectIcon as df, Content$2 as dg, ContextMenu$1 as dh, CopyIcon as di, CreditCardIcon as dj, CursorClickIcon as dk, CursorIcon as dl, CursorPagination as dm, CursorTypeIcon as dn, CustomAppIcon as dp, DS_OVERRIDE_TOKENS_WRAPPER_TESTID as dq, DagHorizontalIcon as dr, DagIcon as ds, DagVerticalIcon as dt, DangerModal as du, DangerSmallIcon as dv, DashIcon as dw, DashboardCodeIcon as dx, DashboardIcon as dy, DataIcon as dz, useDesignSystemContext as e, H4Icon as e$, ExpandMoreIcon as e0, FaceFrownIcon as e1, FaceNeutralIcon as e2, FaceSmileIcon as e3, FileCodeIcon as e4, FileCubeIcon as e5, FileDocumentIcon as e6, FileIcon as e7, FileImageIcon as e8, FileLockIcon as e9, FolderSolidPipelineIcon as eA, FontIcon as eB, ForkHorizontalIcon as eC, ForkIcon as eD, Form as eE, FormContextResetBoundary as eF, FullscreenExitIcon as eG, FullscreenIcon as eH, FunctionIcon as eI, FunctionInputIcon as eJ, GavelIcon as eK, GearFillIcon as eL, GearIcon as eM, GenieCodeIcon as eN, GenieDeepResearchIcon as eO, GiftIcon as eP, GitCommitIcon as eQ, GitMergeIcon as eR, GitRebaseIcon as eS, GlobeIcon as eT, Graphic as eU, GridDashIcon as eV, GridIcon as eW, GroupIcon as eX, H1Icon as eY, H2Icon as eZ, H3Icon as e_, FileModelIcon as ea, FileNewIcon as eb, FilePipelineIcon as ec, FilterFillIcon as ed, FilterIcon as ee, FlagPointerIcon as ef, FloatIcon as eg, FlowIcon as eh, FlowsIcon as ei, FolderBranchFillIcon as ej, FolderBranchIcon as ek, FolderCloudFilledIcon as el, FolderCloudIcon as em, FolderCubeIcon as en, FolderCubeOutlineIcon as eo, FolderFillIcon as ep, FolderHomeIcon as eq, FolderIcon as er, FolderNewIcon as es, FolderNodeIcon as et, FolderOpenBranchIcon as eu, FolderOpenCloudIcon as ev, FolderOpenCubeIcon as ew, FolderOpenIcon as ex, FolderOpenPipelineIcon as ey, FolderOutlinePipelineIcon as ez, useDesignSystemTheme as f, McpIcon as f$, H5Icon as f0, H6Icon as f1, HashIcon as f2, HistoryIcon as f3, HomeIcon as f4, Icon as f5, ImageIcon as f6, IndentDecreaseIcon as f7, IndentIncreaseIcon as f8, InfinityIcon as f9, LetterFormatIcon as fA, LettersIcon as fB, LettersNumbersIcon as fC, LibrariesIcon as fD, LifesaverIcon as fE, LightbulbIcon as fF, LightningCircleFillIcon as fG, LightningIcon as fH, LinearLineIcon as fI, LinkIcon as fJ, LinkOffIcon as fK, ListBorderIcon as fL, ListClearIcon as fM, ListIcon as fN, ListNumberIcon as fO, Listbox as fP, LoadingIcon as fQ, LoadingStateContext as fR, LockFillIcon as fS, LockIcon as fT, LockShareIcon as fU, LockUnlockedIcon as fV, LoopIcon as fW, LowercaseIcon as fX, MailIcon as fY, MapIcon as fZ, MarkdownIcon as f_, InfoBookIcon as fa, InfoIcon as fb, IngestionIcon as fc, ItalicIcon as fd, JoinOperatorIcon as fe, KeyIcon as ff, KeyboardIcon as fg, LakebaseCatalogIcon as fh, LakebaseIcon as fi, LakeflowDesignerIcon as fj, LakewatchAlertIcon as fk, LakewatchDatasourceIcon as fl, LakewatchDetectionRuleIcon as fm, LakewatchParserIcon as fn, LayerGraphIcon as fo, LayerIcon as fp, Layout as fq, LeafIcon as fr, LegacyForm as fs, LegacyFormDubois as ft, LegacyOptGroup as fu, LegacyOption as fv, LegacySelectOptGroup as fw, LegacySelectOption as fx, LegacyTable as fy, LegacyTooltip as fz, WarningFillIcon as g, PlayDoubleIcon as g$, MeasureIcon as g0, MegaphoneIcon as g1, MenuIcon as g2, MinusCircleFillIcon as g3, MinusCircleIcon as g4, MinusCircleSmallIcon as g5, MissingBranchGraphic as g6, MissingGraphic as g7, ModelsIcon as g8, MonotoneLineIcon as g9, PageLastIcon as gA, PageTopIcon as gB, Pagination as gC, Panel as gD, PanelBody as gE, PanelDockedIcon as gF, PanelFloatingIcon as gG, PanelHeader as gH, PanelHeaderButtons as gI, PanelHeaderTitle as gJ, PaperclipIcon as gK, PassFailChecklistIcon as gL, PauseIcon as gM, PencilFillIcon as gN, PencilIcon as gO, PencilSparkleIcon as gP, PieChartIcon as gQ, PillControl as gR, PinCancelIcon as gS, PinFillIcon as gT, PinIcon as gU, PipelineCodeIcon as gV, PipelineCubeIcon as gW, PipelineIcon as gX, PivotOperatorIcon as gY, PlayCircleFillIcon as gZ, PlayCircleIcon as g_, MonthPickerGrid as ga, MoonIcon as gb, Nav as gc, NavButton as gd, NavigationMenu as ge, NeonProjectIcon as gf, NewChatIcon as gg, NewTabIcon as gh, NewWindowIcon as gi, NoCaseIcon as gj, NoIcon as gk, NotebookIcon as gl, NotebookPipelineIcon as gm, NotificationIcon as gn, NotificationOffIcon as go, NumberFormatIcon as gp, NumbersIcon as gq, OfficeIcon as gr, OntologyIcon as gs, OutageGraphic as gt, Overflow as gu, OverflowHorizontalIcon as gv, OverflowIcon as gw, PageBottomIcon as gx, PageFirstIcon as gy, PageIcon as gz, DangerFillIcon as h, SimpleSelect as h$, PlayIcon as h0, PlayMultipleIcon as h1, PlugIcon as h2, PlusCircleFillIcon as h3, PlusCircleIcon as h4, PlusCircleSmallIcon as h5, PlusMinusSquareIcon as h6, Popover as h7, PositionBottomIcon as h8, PositionLeftIcon as h9, RunningIcon as hA, SMALL_BUTTON_HEIGHT$2 as hB, SaveClockIcon as hC, SaveIcon as hD, SchemaIcon as hE, SchoolIcon as hF, SearchDataIcon as hG, SegmentedControlButton as hH, SegmentedControlGroup as hI, SelectContext as hJ, SelectContextProvider as hK, SelectOptionGroup as hL, SendIcon as hM, ShareIcon as hN, ShareNodesIcon as hO, ShieldCheckIcon as hP, ShieldIcon as hQ, ShieldOffIcon as hR, ShortcutIcon as hS, Sidebar as hT, SidebarAutoIcon as hU, SidebarClosedIcon as hV, SidebarCollapseIcon as hW, SidebarExpandIcon as hX, SidebarIcon as hY, SidebarOpenIcon as hZ, SidebarSyncIcon as h_, PositionRightIcon as ha, PositionTopIcon as hb, PreviewCard as hc, Progress as hd, PullRequestIcon as he, PuzzleIcon as hf, QueryEditorIcon as hg, QueryIcon as hh, QuestionMarkFillIcon as hi, QuestionMarkIcon as hj, RadioIcon as hk, RadioTile as hl, RangePicker as hm, ReaderModeIcon as hn, RedoIcon as ho, RefreshIcon as hp, RefreshPlayIcon as hq, RefreshXIcon as hr, ReplyIcon as hs, ResizeIcon as ht, RhfForm as hu, RichTextIcon as hv, RobotIcon as hw, RocketIcon as hx, RowsIcon as hy, RunIcon as hz, DesignSystemEventProviderAnalyticsEventTypes as i, TagIcon as i$, SimpleSelectOption as i0, SimpleSelectOptionGroup as i1, SlashSquareIcon as i2, Slider as i3, SlidersIcon as i4, SnippetIcon as i5, SortCustomHorizontalIcon as i6, SortCustomVerticalIcon as i7, SortHorizontalAscendingIcon as i8, SortHorizontalDescendingIcon as i9, StopCircleFillIcon as iA, StopCircleIcon as iB, StopIcon as iC, StoredProcedureIcon as iD, StorefrontIcon as iE, StreamIcon as iF, StrikeThroughIcon as iG, SunIcon as iH, SyncIcon as iI, SyncSmallIcon as iJ, SyncToFileIcon as iK, TableAsteriskIcon as iL, TableClockIcon as iM, TableCombineIcon as iN, TableGlassesIcon as iO, TableGlobeIcon as iP, TableIcon as iQ, TableLightningIcon as iR, TableMeasureIcon as iS, TableModelIcon as iT, TableReportIcon as iU, TableStreamIcon as iV, TableVectorIcon as iW, TableViewIcon as iX, Tabs as iY, Tag as iZ, TagColumnIcon as i_, SortLetterHorizontalAscendingIcon as ia, SortLetterHorizontalDescendingIcon as ib, SortLetterUnsortedIcon as ic, SortLetterVerticalAscendingIcon as id, SortLetterVerticalDescendingIcon as ie, Spacer as ig, SparkleDoubleFillIcon as ih, SparkleFillIcon as ii, SparkleIcon as ij, SparkleRectangleIcon as ik, SpeechBubbleIcon as il, SpeechBubblePlusIcon as im, SpeechBubbleQuestionMarkFillIcon as io, SpeechBubbleQuestionMarkIcon as ip, SpeechBubbleStarIcon as iq, SpeedometerIcon as ir, Spinner as is, SplitButton as it, SqlIcon as iu, StarFillIcon as iv, StarIcon as iw, StepAfterLineIcon as ix, StepBeforeLineIcon as iy, Stepper as iz, useDesignSystemEventComponentCallbacks as j, ZoomToFitIcon as j$, TagTableIcon as j0, TargetIcon as j1, TerminalIcon as j2, TextBoxIcon as j3, TextColorIcon as j4, TextIcon as j5, TextJustifyIcon as j6, TextUnderlineIcon as j7, ThreeDotsIcon as j8, ThumbsDownFilledIcon as j9, UserGroupFillIcon as jA, UserGroupIcon as jB, UserIcon as jC, UserKeyIconIcon as jD, UserShieldIcon as jE, UserSparkleIcon as jF, UserTeamIcon as jG, VisibleFillIcon as jH, VisibleIcon as jI, VisibleOffIcon as jJ, WithDesignSystemThemeHoc as jK, WorkflowCodeIcon as jL, WorkflowCubeIcon as jM, WorkflowsIcon as jN, WorkspacesIcon as jO, WrenchIcon as jP, WrenchSparkleIcon as jQ, XCircleFillIcon as jR, XCircleIcon as jS, YearPickerGrid as jT, ZaHorizontalIcon as jU, ZaVerticalIcon as jV, ZeroOpsIcon as jW, ZeroOpsOutlineIcon as jX, ZoomInIcon as jY, ZoomMarqueeSelection as jZ, ZoomOutIcon as j_, ThumbsDownIcon as ja, ThumbsUpFilledIcon as jb, ThumbsUpIcon as jc, ToggleButton as jd, TokenIcon as je, Toolbar as jf, TrashIcon as jg, Tree as jh, TreeIcon as ji, TrendingFillIcon as jj, TrendingIcon as jk, TriangleIcon as jl, TypeaheadComboboxCheckboxItem as jm, TypeaheadComboboxFooter as jn, TypeaheadComboboxMenuItem$1 as jo, TypeaheadComboboxMultiSelectStateChangeTypes as jp, TypeaheadComboboxStateChangeTypes as jq, UnderlineIcon as jr, UndoIcon as js, UploadIcon as jt, UppercaseIcon as ju, UsageOverageGraphic as jv, UsageSpikeGraphic as jw, UsbIcon as jx, UserBadgeIcon as jy, UserCircleIcon as jz, DesignSystemEventProviderComponentTypes as k, __INTERNAL_DO_NOT_USE__FormItem as k0, __INTERNAL_DO_NOT_USE__Group as k1, __INTERNAL_DO_NOT_USE__HorizontalGroup as k2, __INTERNAL_DO_NOT_USE__VerticalGroup as k3, __INTERNAL_DO_NOT_USE__wrapLegacyFormRules as k4, augmentWithDataComponentProps as k5, dialogComboboxLookAheadKeyDown as k6, getBottomOnlyShadowScrollStyles as k7, getButtonEmotionStyles as k8, getComboboxOptionLabelStyles as k9, useFormContext as kA, useRadioGroupContext as kB, getDatePickerQuickActionBasic as ka, getDialogComboboxOptionLabelWidth as kb, getHorizontalTabShadowStyles as kc, getInputStyles as kd, getKeyboardNavigationFunctions as ke, getMemoizedButtonEmotionStyles as kf, getPaginationEmotionStyles as kg, getPanelContainmentStyle as kh, getRadioStyles as ki, getRangeQuickActionsBasic as kj, getShadowScrollStyles as kk, getTypographyColor as kl, getVirtualListScrollbarStyles as km, getVirtualListScrollbarThumbColor as kn, getVirtualizedComboboxMenuItemStyles as ko, getWrapperStyle as kp, highlightFirstNonDisabledOption as kq, isOptionDisabled as kr, resetTabIndexToFocusedElement as ks, setImplicitContextGetter as kt, skipHideIconButtonActionClassName as ku, themeMemoKey as kv, useAntDConfigProviderContext as kw, useCallbackOnEnter as kx, useComponentFinderContext as ky, useDesignSystemEventSuppressInteractionContext as kz, DesignSystemEventProviderComponentSubTypeMap as l, 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 };
37462
+ //# sourceMappingURL=WizardStepContentWrapper-DsAS2ZAT.js.map