@carbon/react 1.114.0-rc.0 → 1.115.0-rc.0

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 (144) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +2816 -1339
  2. package/es/components/BigNumber/BigNumber.d.ts +82 -0
  3. package/es/components/BigNumber/BigNumberSkeleton.d.ts +16 -0
  4. package/es/components/BigNumber/constants.d.ts +19 -0
  5. package/es/components/BigNumber/index.d.ts +9 -0
  6. package/es/components/Card/Card.d.ts +48 -0
  7. package/es/components/Card/Card.js +160 -0
  8. package/es/components/Card/Card.types.d.ts +119 -0
  9. package/es/components/Card/CardAction.d.ts +37 -0
  10. package/es/components/Card/CardAction.js +32 -0
  11. package/es/components/Card/CardActions.d.ts +30 -0
  12. package/es/components/Card/CardActions.js +93 -0
  13. package/es/components/Card/CardBody.d.ts +12 -0
  14. package/es/components/Card/CardBody.js +35 -0
  15. package/es/components/Card/CardContext.d.ts +17 -0
  16. package/es/components/Card/CardContext.js +31 -0
  17. package/es/components/Card/CardFooter.d.ts +15 -0
  18. package/es/components/Card/CardFooter.js +45 -0
  19. package/es/components/Card/CardHeader.d.ts +11 -0
  20. package/es/components/Card/CardHeader.js +44 -0
  21. package/es/components/Card/CardHeaderMedia.d.ts +21 -0
  22. package/es/components/Card/CardHeaderMedia.js +24 -0
  23. package/es/components/Card/CardMedia.d.ts +35 -0
  24. package/es/components/Card/CardMedia.js +42 -0
  25. package/es/components/Card/CardTitle.d.ts +72 -0
  26. package/es/components/Card/CardTitle.js +86 -0
  27. package/es/components/Card/CardTitleMedia.d.ts +23 -0
  28. package/es/components/Card/CardTitleMedia.js +36 -0
  29. package/es/components/Card/_story-assets/data.d.ts +6 -0
  30. package/es/components/Card/_story-assets/options.d.ts +47 -0
  31. package/es/components/Card/index.d.ts +8 -0
  32. package/es/components/Card/index.js +33 -0
  33. package/es/components/Checkbox/Checkbox.js +1 -1
  34. package/es/components/CheckboxGroup/CheckboxGroup.js +1 -1
  35. package/es/components/ComboBox/ComboBox.js +2 -2
  36. package/es/components/ComboButton/index.js +1 -1
  37. package/es/components/ComposedModal/ComposedModal.js +1 -1
  38. package/es/components/DatePicker/DatePicker.d.ts +1 -1
  39. package/es/components/DatePicker/DatePicker.js +1 -1
  40. package/es/components/DatePicker/plugins/rangePlugin.d.ts +1 -1
  41. package/es/components/DatePickerInput/DatePickerInput.js +1 -1
  42. package/es/components/Dropdown/Dropdown.js +2 -2
  43. package/es/components/ExpandableSearch/ExpandableSearch.js +1 -1
  44. package/es/components/FileUploader/FileUploaderDropContainer.js +11 -5
  45. package/es/components/FormLabel/FormLabel.d.ts +2 -2
  46. package/es/components/FormLabel/FormLabel.js +1 -1
  47. package/es/components/MenuButton/index.js +1 -1
  48. package/es/components/MultiSelect/FilterableMultiSelect.js +2 -2
  49. package/es/components/MultiSelect/MultiSelect.js +2 -2
  50. package/es/components/NumberInput/NumberInput.js +2 -2
  51. package/es/components/OverflowMenu/next/index.js +1 -1
  52. package/es/components/RadioButton/RadioButton.js +1 -1
  53. package/es/components/RadioButtonGroup/RadioButtonGroup.js +1 -1
  54. package/es/components/Select/Select.js +1 -1
  55. package/es/components/Tabs/Tabs.js +13 -2
  56. package/es/components/Tag/SelectableTag.js +1 -1
  57. package/es/components/TextArea/TextArea.js +1 -1
  58. package/es/components/TextInput/TextInput.js +1 -1
  59. package/es/components/Tile/Tile.js +1 -1
  60. package/es/index.d.ts +3 -1
  61. package/es/index.js +7 -6
  62. package/es/internal/DisplayBox.d.ts +14 -0
  63. package/es/internal/getSupportedLocale.d.ts +12 -0
  64. package/lib/components/BigNumber/BigNumber.d.ts +82 -0
  65. package/lib/components/BigNumber/BigNumberSkeleton.d.ts +16 -0
  66. package/lib/components/BigNumber/constants.d.ts +19 -0
  67. package/lib/components/BigNumber/index.d.ts +9 -0
  68. package/lib/components/Card/Card.d.ts +48 -0
  69. package/lib/components/Card/Card.js +173 -0
  70. package/lib/components/Card/Card.types.d.ts +119 -0
  71. package/lib/components/Card/CardAction.d.ts +37 -0
  72. package/lib/components/Card/CardAction.js +41 -0
  73. package/lib/components/Card/CardActions.d.ts +30 -0
  74. package/lib/components/Card/CardActions.js +96 -0
  75. package/lib/components/Card/CardBody.d.ts +12 -0
  76. package/lib/components/Card/CardBody.js +38 -0
  77. package/lib/components/Card/CardContext.d.ts +17 -0
  78. package/lib/components/Card/CardContext.js +32 -0
  79. package/lib/components/Card/CardFooter.d.ts +15 -0
  80. package/lib/components/Card/CardFooter.js +48 -0
  81. package/lib/components/Card/CardHeader.d.ts +11 -0
  82. package/lib/components/Card/CardHeader.js +47 -0
  83. package/lib/components/Card/CardHeaderMedia.d.ts +21 -0
  84. package/lib/components/Card/CardHeaderMedia.js +33 -0
  85. package/lib/components/Card/CardMedia.d.ts +35 -0
  86. package/lib/components/Card/CardMedia.js +51 -0
  87. package/lib/components/Card/CardTitle.d.ts +72 -0
  88. package/lib/components/Card/CardTitle.js +89 -0
  89. package/lib/components/Card/CardTitleMedia.d.ts +23 -0
  90. package/lib/components/Card/CardTitleMedia.js +39 -0
  91. package/lib/components/Card/_story-assets/data.d.ts +6 -0
  92. package/lib/components/Card/_story-assets/options.d.ts +47 -0
  93. package/lib/components/Card/index.d.ts +8 -0
  94. package/lib/components/Card/index.js +48 -0
  95. package/lib/components/Checkbox/Checkbox.js +1 -1
  96. package/lib/components/CheckboxGroup/CheckboxGroup.js +1 -1
  97. package/lib/components/ComboBox/ComboBox.js +2 -2
  98. package/lib/components/ComboButton/index.js +1 -1
  99. package/lib/components/ComposedModal/ComposedModal.js +1 -1
  100. package/lib/components/DatePicker/DatePicker.d.ts +1 -1
  101. package/lib/components/DatePicker/DatePicker.js +1 -1
  102. package/lib/components/DatePicker/plugins/rangePlugin.d.ts +1 -1
  103. package/lib/components/DatePickerInput/DatePickerInput.js +1 -1
  104. package/lib/components/Dropdown/Dropdown.js +2 -2
  105. package/lib/components/ExpandableSearch/ExpandableSearch.js +1 -1
  106. package/lib/components/FileUploader/FileUploaderDropContainer.js +11 -5
  107. package/lib/components/FormLabel/FormLabel.d.ts +2 -2
  108. package/lib/components/FormLabel/FormLabel.js +1 -1
  109. package/lib/components/MenuButton/index.js +1 -1
  110. package/lib/components/MultiSelect/FilterableMultiSelect.js +2 -2
  111. package/lib/components/MultiSelect/MultiSelect.js +2 -2
  112. package/lib/components/NumberInput/NumberInput.js +2 -2
  113. package/lib/components/OverflowMenu/next/index.js +1 -1
  114. package/lib/components/RadioButton/RadioButton.js +1 -1
  115. package/lib/components/RadioButtonGroup/RadioButtonGroup.js +1 -1
  116. package/lib/components/Select/Select.js +1 -1
  117. package/lib/components/Tabs/Tabs.js +13 -2
  118. package/lib/components/Tag/SelectableTag.js +1 -1
  119. package/lib/components/TextArea/TextArea.js +1 -1
  120. package/lib/components/TextInput/TextInput.js +1 -1
  121. package/lib/components/Tile/Tile.js +1 -1
  122. package/lib/index.d.ts +3 -1
  123. package/lib/index.js +55 -48
  124. package/lib/internal/DisplayBox.d.ts +14 -0
  125. package/lib/internal/getSupportedLocale.d.ts +12 -0
  126. package/package.json +20 -20
  127. package/scss/_border-radius.scss +9 -0
  128. package/scss/components/OptionsTile/_index.scss +5 -0
  129. package/scss/components/OptionsTile/_options-tile.scss +5 -0
  130. package/scss/components/big-number/_big-number.scss +9 -0
  131. package/scss/components/big-number/_index.scss +9 -0
  132. package/scss/components/coachmark/_coachmark.scss +5 -0
  133. package/scss/components/coachmark/_index.scss +5 -0
  134. package/scss/components/edit-in-place/_edit-in-place.scss +5 -0
  135. package/scss/components/edit-in-place/_index.scss +5 -0
  136. package/scss/components/full-page-error/_full-page-error.scss +5 -0
  137. package/scss/components/full-page-error/_index.scss +5 -0
  138. package/scss/components/interstitial-screen/_index.scss +6 -0
  139. package/scss/components/interstitial-screen/_interstitial-screen.scss +12 -0
  140. package/scss/components/scroll-gradient/_index.scss +9 -0
  141. package/scss/components/scroll-gradient/_scroll-gradient.scss +9 -0
  142. package/scss/components/user-avatar/_index.scss +9 -0
  143. package/scss/components/user-avatar/_user-avatar.scss +9 -0
  144. package/telemetry.yml +107 -3
@@ -6,7 +6,7 @@
6
6
  */
7
7
  import React, { type ReactNode } from 'react';
8
8
  import flatpickr from 'flatpickr';
9
- import { DateLimit, DateOption } from 'flatpickr/dist/types/options';
9
+ import type { DateLimit, DateOption } from 'flatpickr/dist/types/options';
10
10
  import { type SupportedLocale } from './DatePickerLocales';
11
11
  export type DatePickerTypes = 'simple' | 'single' | 'range';
12
12
  export interface DatePickerProps {
@@ -25,11 +25,11 @@ classnames = require_runtime.__toESM(classnames);
25
25
  let prop_types = require("prop-types");
26
26
  prop_types = require_runtime.__toESM(prop_types);
27
27
  let react_jsx_runtime = require("react/jsx-runtime");
28
+ let _carbon_utilities = require("@carbon/utilities");
28
29
  let flatpickr = require("flatpickr");
29
30
  flatpickr = require_runtime.__toESM(flatpickr);
30
31
  let flatpickr_dist_l10n_index = require("flatpickr/dist/l10n/index");
31
32
  flatpickr_dist_l10n_index = require_runtime.__toESM(flatpickr_dist_l10n_index);
32
- let _carbon_utilities = require("@carbon/utilities");
33
33
  //#region src/components/DatePicker/DatePicker.tsx
34
34
  /**
35
35
  * Copyright IBM Corp. 2016, 2026
@@ -5,7 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
  import { type Config } from 'flatpickr/dist/plugins/rangePlugin';
8
- import { Instance } from 'flatpickr/dist/types/instance';
8
+ import type { Instance } from 'flatpickr/dist/types/instance';
9
9
  /**
10
10
  * @param config Plugin configuration.
11
11
  * @returns An extension of Flatpickr `rangePlugin` that does the following:
@@ -12,8 +12,8 @@ const require_Text = require("../Text/Text.js");
12
12
  const require_useId = require("../../internal/useId.js");
13
13
  const require_deprecate = require("../../prop-types/deprecate.js");
14
14
  const require_utils = require("../../internal/utils.js");
15
- const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
16
15
  const require_index = require("../AILabel/index.js");
16
+ const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
17
17
  const require_FormContext = require("../FluidForm/FormContext.js");
18
18
  let react = require("react");
19
19
  react = require_runtime.__toESM(react);
@@ -12,12 +12,12 @@ const require_defaultItemToString = require("../../internal/defaultItemToString.
12
12
  const require_isItemDisabled = require("../../internal/isItemDisabled.js");
13
13
  const require_utils = require("../../internal/utils.js");
14
14
  const require_index = require("../FeatureFlags/index.js");
15
- const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
16
15
  const require_index$1 = require("../AILabel/index.js");
16
+ const require_mergeRefs = require("../../tools/mergeRefs.js");
17
+ const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
17
18
  const require_ListBoxPropTypes = require("../ListBox/ListBoxPropTypes.js");
18
19
  const require_FormContext = require("../FluidForm/FormContext.js");
19
20
  const require_index$2 = require("../ListBox/index.js");
20
- const require_mergeRefs = require("../../tools/mergeRefs.js");
21
21
  let react = require("react");
22
22
  react = require_runtime.__toESM(react);
23
23
  let classnames = require("classnames");
@@ -9,8 +9,8 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
9
9
  const require_usePrefix = require("../../internal/usePrefix.js");
10
10
  const require_keys = require("../../internal/keyboard/keys.js");
11
11
  const require_match = require("../../internal/keyboard/match.js");
12
- const require_events = require("../../tools/events.js");
13
12
  const require_mergeRefs = require("../../tools/mergeRefs.js");
13
+ const require_events = require("../../tools/events.js");
14
14
  const require_utils = require("../Search/utils.js");
15
15
  const require_index = require("../Search/index.js");
16
16
  let react = require("react");
@@ -57,13 +57,13 @@ function FileUploaderDropContainer({ accept = [], className, id, disabled, label
57
57
  return acc.concat([curr]);
58
58
  }, []);
59
59
  }
60
- const handleFiles = (event, files) => {
61
- if (!files.length) return onAddFiles(event, { addedFiles: [] });
62
- return onAddFiles(event, { addedFiles: validateFiles(multiple ? files : [files[0]]) });
60
+ const getAddedFiles = (files) => {
61
+ if (!files.length) return [];
62
+ return validateFiles(multiple ? files : [files[0]]);
63
63
  };
64
64
  const handleChange = (event) => {
65
65
  const files = [...event.target.files ?? []];
66
- return handleFiles(event, files);
66
+ return onAddFiles(event, { addedFiles: getAddedFiles(files) });
67
67
  };
68
68
  const handleDrop = (event) => {
69
69
  const items = [...event.dataTransfer.items ?? []];
@@ -74,7 +74,13 @@ function FileUploaderDropContainer({ accept = [], className, id, disabled, label
74
74
  if (file) acc.push(file);
75
75
  return acc;
76
76
  }, []) : [...event.dataTransfer.files];
77
- return handleFiles(event, files);
77
+ const addedFiles = getAddedFiles(files);
78
+ if (inputRef.current) try {
79
+ const dataTransfer = new DataTransfer();
80
+ addedFiles.forEach((file) => dataTransfer.items.add(file));
81
+ inputRef.current.files = dataTransfer.files;
82
+ } catch {}
83
+ return onAddFiles(event, { addedFiles });
78
84
  };
79
85
  const handleClick = () => {
80
86
  if (!disabled) inputRef.current?.click();
@@ -16,7 +16,7 @@ export interface FormLabelProps extends Omit<React.LabelHTMLAttributes<HTMLLabel
16
16
  */
17
17
  className?: string;
18
18
  /**
19
- * Provide a unique id for the given <FormLabel>
19
+ * Provide a unique id for the given `FormLabel`
20
20
  */
21
21
  id?: string;
22
22
  }
@@ -32,7 +32,7 @@ declare namespace FormLabel {
32
32
  */
33
33
  className: PropTypes.Requireable<string>;
34
34
  /**
35
- * Provide a unique id for the given <FormLabel>
35
+ * Provide a unique id for the given `FormLabel`
36
36
  */
37
37
  id: PropTypes.Requireable<string>;
38
38
  };
@@ -42,7 +42,7 @@ FormLabel.propTypes = {
42
42
  */
43
43
  className: prop_types.default.string,
44
44
  /**
45
- * Provide a unique id for the given <FormLabel>
45
+ * Provide a unique id for the given `FormLabel`
46
46
  */
47
47
  id: prop_types.default.string
48
48
  };
@@ -11,8 +11,8 @@ const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.
11
11
  const require_useId = require("../../internal/useId.js");
12
12
  const require_index = require("../FeatureFlags/index.js");
13
13
  const require_index$1 = require("../Button/index.js");
14
- const require_mergeRefs = require("../../tools/mergeRefs.js");
15
14
  const require_Menu = require("../Menu/Menu.js");
15
+ const require_mergeRefs = require("../../tools/mergeRefs.js");
16
16
  const require_useAttachedMenu = require("../../internal/useAttachedMenu.js");
17
17
  let react = require("react");
18
18
  react = require_runtime.__toESM(react);
@@ -15,16 +15,16 @@ const require_deprecate = require("../../prop-types/deprecate.js");
15
15
  const require_defaultItemToString = require("../../internal/defaultItemToString.js");
16
16
  const require_isItemDisabled = require("../../internal/isItemDisabled.js");
17
17
  const require_utils = require("../../internal/utils.js");
18
+ const require_index = require("../AILabel/index.js");
19
+ const require_mergeRefs = require("../../tools/mergeRefs.js");
18
20
  const require_hasHelperText = require("../../internal/hasHelperText.js");
19
21
  const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
20
- const require_index = require("../AILabel/index.js");
21
22
  const require_index$1 = require("../Checkbox/index.js");
22
23
  const require_ListBoxPropTypes = require("../ListBox/ListBoxPropTypes.js");
23
24
  const require_FormContext = require("../FluidForm/FormContext.js");
24
25
  const require_index$2 = require("../ListBox/index.js");
25
26
  const require_ListBoxSelection = require("../ListBox/next/ListBoxSelection.js");
26
27
  const require_ListBoxTrigger = require("../ListBox/next/ListBoxTrigger.js");
27
- const require_mergeRefs = require("../../tools/mergeRefs.js");
28
28
  const require_filter = require("./filter.js");
29
29
  const require_MultiSelectPropTypes = require("./MultiSelectPropTypes.js");
30
30
  const require_isSelectAllItem = require("./tools/isSelectAllItem.js");
@@ -17,13 +17,13 @@ const require_defaultItemToString = require("../../internal/defaultItemToString.
17
17
  const require_isItemDisabled = require("../../internal/isItemDisabled.js");
18
18
  const require_utils = require("../../internal/utils.js");
19
19
  const require_index = require("../FeatureFlags/index.js");
20
- const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
21
20
  const require_index$1 = require("../AILabel/index.js");
21
+ const require_mergeRefs = require("../../tools/mergeRefs.js");
22
+ const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
22
23
  const require_index$2 = require("../Checkbox/index.js");
23
24
  const require_ListBoxPropTypes = require("../ListBox/ListBoxPropTypes.js");
24
25
  const require_FormContext = require("../FluidForm/FormContext.js");
25
26
  const require_index$3 = require("../ListBox/index.js");
26
- const require_mergeRefs = require("../../tools/mergeRefs.js");
27
27
  const require_MultiSelectPropTypes = require("./MultiSelectPropTypes.js");
28
28
  const require_isSelectAllItem = require("./tools/isSelectAllItem.js");
29
29
  const require_sorting = require("./tools/sorting.js");
@@ -13,10 +13,10 @@ const require_match = require("../../internal/keyboard/match.js");
13
13
  const require_deprecate = require("../../prop-types/deprecate.js");
14
14
  const require_utils = require("../../internal/utils.js");
15
15
  const require_useMergedRefs = require("../../internal/useMergedRefs.js");
16
- const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
17
16
  const require_index = require("../AILabel/index.js");
18
- const require_FormContext = require("../FluidForm/FormContext.js");
19
17
  const require_useControllableState = require("../../internal/useControllableState.js");
18
+ const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
19
+ const require_FormContext = require("../FluidForm/FormContext.js");
20
20
  const require_clamp = require("../../internal/clamp.js");
21
21
  const require_NumberFormatPropTypes = require("./NumberFormatPropTypes.js");
22
22
  let react = require("react");
@@ -12,8 +12,8 @@ const require_deprecateValuesWithin = require("../../../prop-types/deprecateValu
12
12
  const require_mapPopoverAlign = require("../../../tools/mapPopoverAlign.js");
13
13
  const require_index = require("../../FeatureFlags/index.js");
14
14
  const require_index$1 = require("../../IconButton/index.js");
15
- const require_mergeRefs = require("../../../tools/mergeRefs.js");
16
15
  const require_Menu = require("../../Menu/Menu.js");
16
+ const require_mergeRefs = require("../../../tools/mergeRefs.js");
17
17
  const require_useAttachedMenu = require("../../../internal/useAttachedMenu.js");
18
18
  let react = require("react");
19
19
  react = require_runtime.__toESM(react);
@@ -11,9 +11,9 @@ const require_Text = require("../Text/Text.js");
11
11
  const require_useId = require("../../internal/useId.js");
12
12
  const require_deprecate = require("../../prop-types/deprecate.js");
13
13
  const require_utils = require("../../internal/utils.js");
14
- const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
15
14
  const require_index = require("../AILabel/index.js");
16
15
  const require_mergeRefs = require("../../tools/mergeRefs.js");
16
+ const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
17
17
  let react = require("react");
18
18
  react = require_runtime.__toESM(react);
19
19
  let classnames = require("classnames");
@@ -10,9 +10,9 @@ const require_usePrefix = require("../../internal/usePrefix.js");
10
10
  const require_useId = require("../../internal/useId.js");
11
11
  const require_deprecate = require("../../prop-types/deprecate.js");
12
12
  const require_utils = require("../../internal/utils.js");
13
- const require_hasHelperText = require("../../internal/hasHelperText.js");
14
13
  const require_index = require("../AILabel/index.js");
15
14
  const require_mergeRefs = require("../../tools/mergeRefs.js");
15
+ const require_hasHelperText = require("../../internal/hasHelperText.js");
16
16
  const require_index$1 = require("../RadioButton/index.js");
17
17
  const require_createTextComponent = require("../Text/createTextComponent.js");
18
18
  let react = require("react");
@@ -10,9 +10,9 @@ const require_usePrefix = require("../../internal/usePrefix.js");
10
10
  const require_Text = require("../Text/Text.js");
11
11
  const require_deprecate = require("../../prop-types/deprecate.js");
12
12
  const require_utils = require("../../internal/utils.js");
13
+ const require_index = require("../AILabel/index.js");
13
14
  const require_hasHelperText = require("../../internal/hasHelperText.js");
14
15
  const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
15
- const require_index = require("../AILabel/index.js");
16
16
  const require_events = require("../../tools/events.js");
17
17
  const require_FormContext = require("../FluidForm/FormContext.js");
18
18
  let react = require("react");
@@ -197,6 +197,7 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
197
197
  const ref = (0, react.useRef)(null);
198
198
  const previousButton = (0, react.useRef)(null);
199
199
  const nextButton = (0, react.useRef)(null);
200
+ const resizeAnimationFrame = (0, react.useRef)(null);
200
201
  const [isScrollable, setIsScrollable] = (0, react.useState)(false);
201
202
  const [scrollLeft, setScrollLeft] = (0, react.useState)(0);
202
203
  const hasSecondaryLabelTabs = contained && react.Children.toArray(children).some((child) => require_utils.isComponentElement(child, Tab) && typeof child.props.secondaryLabel !== "undefined");
@@ -302,9 +303,19 @@ function TabList({ activation = "automatic", "aria-label": label, children, clas
302
303
  const element = containerRef.current;
303
304
  if (!element) return;
304
305
  updateOverflowState();
305
- const resizeObserver = new ResizeObserver(updateOverflowState);
306
+ const resizeObserver = new ResizeObserver(() => {
307
+ if (resizeAnimationFrame.current !== null) cancelAnimationFrame(resizeAnimationFrame.current);
308
+ resizeAnimationFrame.current = requestAnimationFrame(() => {
309
+ resizeAnimationFrame.current = null;
310
+ updateOverflowState();
311
+ });
312
+ });
306
313
  resizeObserver.observe(element);
307
314
  return () => {
315
+ if (resizeAnimationFrame.current !== null) {
316
+ cancelAnimationFrame(resizeAnimationFrame.current);
317
+ resizeAnimationFrame.current = null;
318
+ }
308
319
  resizeObserver.disconnect();
309
320
  };
310
321
  }, [updateOverflowState]);
@@ -865,7 +876,7 @@ const IconTab = react.default.forwardRef(({ badgeIndicator, children, className:
865
876
  className: `${prefix}--icon-tooltip`,
866
877
  enterDelayMs,
867
878
  label,
868
- leaveDelayMs,
879
+ leaveDelayMs: leaveDelayMs ?? 0,
869
880
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tab, {
870
881
  className: classNames,
871
882
  ref,
@@ -11,8 +11,8 @@ const require_Text = require("../Text/Text.js");
11
11
  const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
12
12
  const require_useId = require("../../internal/useId.js");
13
13
  const require_Tooltip = require("../Tooltip/Tooltip.js");
14
- const require_mergeRefs = require("../../tools/mergeRefs.js");
15
14
  const require_useControllableState = require("../../internal/useControllableState.js");
15
+ const require_mergeRefs = require("../../tools/mergeRefs.js");
16
16
  const require_isEllipsisActive = require("./isEllipsisActive.js");
17
17
  const require_Tag = require("./Tag.js");
18
18
  let react = require("react");
@@ -14,8 +14,8 @@ const require_useId = require("../../internal/useId.js");
14
14
  const require_deprecate = require("../../prop-types/deprecate.js");
15
15
  const require_utils = require("../../internal/utils.js");
16
16
  const require_useMergedRefs = require("../../internal/useMergedRefs.js");
17
- const require_hasHelperText = require("../../internal/hasHelperText.js");
18
17
  const require_index = require("../AILabel/index.js");
18
+ const require_hasHelperText = require("../../internal/hasHelperText.js");
19
19
  const require_FormContext = require("../FluidForm/FormContext.js");
20
20
  const require_getAnnouncement = require("../../internal/getAnnouncement.js");
21
21
  let react = require("react");
@@ -11,9 +11,9 @@ const require_Text = require("../Text/Text.js");
11
11
  const require_deprecate = require("../../prop-types/deprecate.js");
12
12
  const require_utils = require("../../internal/utils.js");
13
13
  const require_useMergedRefs = require("../../internal/useMergedRefs.js");
14
+ const require_index = require("../AILabel/index.js");
14
15
  const require_hasHelperText = require("../../internal/hasHelperText.js");
15
16
  const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
16
- const require_index = require("../AILabel/index.js");
17
17
  const require_FormContext = require("../FluidForm/FormContext.js");
18
18
  const require_util = require("./util.js");
19
19
  const require_getAnnouncement = require("../../internal/getAnnouncement.js");
@@ -201,7 +201,7 @@ ClickableTile.propTypes = {
201
201
  */
202
202
  renderIcon: prop_types.default.oneOfType([prop_types.default.func, prop_types.default.object])
203
203
  };
204
- const SelectableTile = react.default.forwardRef(({ children, className, decorator, disabled, id, light, onClick = () => {}, onChange = () => {}, onKeyDown = () => {}, selected = false, tabIndex = 0, title = "title", slug, hasRoundedCorners, ...rest }, ref) => {
204
+ const SelectableTile = react.default.forwardRef(({ children, className, decorator, disabled, id, light, onClick = () => {}, onChange = () => {}, onKeyDown = () => {}, selected = false, tabIndex = 0, title, slug, hasRoundedCorners, ...rest }, ref) => {
205
205
  const prefix = require_usePrefix.usePrefix();
206
206
  const clickHandler = onClick;
207
207
  const keyDownHandler = onKeyDown;
package/lib/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2016, 2025
2
+ * Copyright IBM Corp. 2016, 2026
3
3
  *
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
@@ -7,11 +7,13 @@
7
7
  import './feature-flags';
8
8
  import './internal/warnAboutDeprecatedReactVersion';
9
9
  export * from './components/Accordion';
10
+ export type { BigNumberProps as preview__BigNumberProps } from './components/BigNumber';
10
11
  export * from './components/AccordionItem';
11
12
  export * from './components/AspectRatio';
12
13
  export * from './components/Breadcrumb';
13
14
  export * from './components/Button';
14
15
  export * from './components/ButtonSet';
16
+ export * as preview__Card from './components/Card';
15
17
  export * from './components/Checkbox';
16
18
  export * from './components/CheckboxGroup';
17
19
  export * from './components/ClassPrefix';