@carbon/react 1.90.0 → 1.91.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 (118) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +921 -921
  2. package/es/components/CodeSnippet/CodeSnippet.d.ts +1 -1
  3. package/es/components/CodeSnippet/CodeSnippet.js +1 -1
  4. package/es/components/ComboBox/ComboBox.js +1 -12
  5. package/es/components/ComboButton/index.js +1 -1
  6. package/es/components/ComposedModal/ComposedModal.js +1 -1
  7. package/es/components/Copy/Copy.d.ts +1 -1
  8. package/es/components/Copy/Copy.js +1 -1
  9. package/es/components/CopyButton/CopyButton.d.ts +1 -1
  10. package/es/components/CopyButton/CopyButton.js +1 -1
  11. package/es/components/DataTable/DataTable.d.ts +60 -15
  12. package/es/components/DataTable/DataTable.js +106 -179
  13. package/es/components/DataTable/Table.d.ts +2 -2
  14. package/es/components/DataTable/Table.js +1 -1
  15. package/es/components/DataTable/TableExpandHeader.d.ts +1 -1
  16. package/es/components/DataTable/TableExpandHeader.js +1 -1
  17. package/es/components/DatePicker/DatePicker.d.ts +0 -12
  18. package/es/components/DatePicker/DatePicker.js +3 -3
  19. package/es/components/DatePicker/plugins/rangePlugin.d.ts +19 -2
  20. package/es/components/DatePicker/plugins/rangePlugin.js +18 -14
  21. package/es/components/Dropdown/Dropdown.js +1 -12
  22. package/es/components/FeatureFlags/index.js +1 -0
  23. package/es/components/IconButton/index.js +1 -1
  24. package/es/components/Menu/MenuItem.d.ts +1 -1
  25. package/es/components/Menu/MenuItem.js +5 -5
  26. package/es/components/Modal/Modal.js +1 -1
  27. package/es/components/MultiSelect/FilterableMultiSelect.js +1 -1
  28. package/es/components/MultiSelect/MultiSelect.js +1 -12
  29. package/es/components/Notification/Notification.d.ts +6 -6
  30. package/es/components/Notification/Notification.js +6 -6
  31. package/es/components/OverflowMenu/OverflowMenu.js +1 -1
  32. package/es/components/OverflowMenu/next/index.js +1 -1
  33. package/es/components/Popover/index.js +1 -1
  34. package/es/components/Search/Search.d.ts +4 -2
  35. package/es/components/Search/Search.js +5 -4
  36. package/es/components/Slider/Slider.d.ts +144 -188
  37. package/es/components/Slider/Slider.js +787 -710
  38. package/es/components/Slider/index.d.ts +2 -2
  39. package/es/components/Tabs/Tabs.d.ts +4 -0
  40. package/es/components/TextArea/TextArea.js +13 -6
  41. package/es/components/TextInput/ControlledPasswordInput.js +2 -2
  42. package/es/components/TextInput/PasswordInput.js +2 -2
  43. package/es/components/TextInput/TextInput.js +2 -2
  44. package/es/components/TextInput/util.d.ts +17 -5
  45. package/es/components/TextInput/util.js +2 -7
  46. package/es/components/UIShell/HeaderPanel.d.ts +1 -1
  47. package/es/index.d.ts +12 -13
  48. package/es/index.js +25 -24
  49. package/es/internal/defaultItemToString.d.ts +7 -0
  50. package/es/internal/defaultItemToString.js +17 -0
  51. package/es/internal/index.d.ts +1 -0
  52. package/es/prop-types/deprecateValuesWithin.d.ts +8 -1
  53. package/es/prop-types/deprecateValuesWithin.js +6 -6
  54. package/es/prop-types/requiredIfGivenPropIsTruthy.d.ts +8 -7
  55. package/es/prop-types/requiredIfGivenPropIsTruthy.js +10 -10
  56. package/lib/components/CodeSnippet/CodeSnippet.d.ts +1 -1
  57. package/lib/components/CodeSnippet/CodeSnippet.js +1 -1
  58. package/lib/components/ComboBox/ComboBox.js +3 -14
  59. package/lib/components/ComboButton/index.js +1 -1
  60. package/lib/components/ComposedModal/ComposedModal.js +1 -1
  61. package/lib/components/Copy/Copy.d.ts +1 -1
  62. package/lib/components/Copy/Copy.js +1 -1
  63. package/lib/components/CopyButton/CopyButton.d.ts +1 -1
  64. package/lib/components/CopyButton/CopyButton.js +1 -1
  65. package/lib/components/DataTable/DataTable.d.ts +60 -15
  66. package/lib/components/DataTable/DataTable.js +106 -179
  67. package/lib/components/DataTable/Table.d.ts +2 -2
  68. package/lib/components/DataTable/Table.js +1 -1
  69. package/lib/components/DataTable/TableExpandHeader.d.ts +1 -1
  70. package/lib/components/DataTable/TableExpandHeader.js +3 -3
  71. package/lib/components/DatePicker/DatePicker.d.ts +0 -12
  72. package/lib/components/DatePicker/DatePicker.js +2 -2
  73. package/lib/components/DatePicker/plugins/rangePlugin.d.ts +19 -2
  74. package/lib/components/DatePicker/plugins/rangePlugin.js +18 -16
  75. package/lib/components/Dropdown/Dropdown.js +3 -14
  76. package/lib/components/FeatureFlags/index.js +1 -0
  77. package/lib/components/IconButton/index.js +1 -1
  78. package/lib/components/Menu/MenuItem.d.ts +1 -1
  79. package/lib/components/Menu/MenuItem.js +6 -6
  80. package/lib/components/Modal/Modal.js +1 -1
  81. package/lib/components/MultiSelect/FilterableMultiSelect.js +8 -8
  82. package/lib/components/MultiSelect/MultiSelect.js +2 -13
  83. package/lib/components/Notification/Notification.d.ts +6 -6
  84. package/lib/components/Notification/Notification.js +6 -6
  85. package/lib/components/OverflowMenu/OverflowMenu.js +1 -1
  86. package/lib/components/OverflowMenu/next/index.js +1 -1
  87. package/lib/components/Popover/index.js +1 -1
  88. package/lib/components/Search/Search.d.ts +4 -2
  89. package/lib/components/Search/Search.js +5 -4
  90. package/lib/components/Slider/Slider.d.ts +144 -188
  91. package/lib/components/Slider/Slider.js +784 -709
  92. package/lib/components/Slider/index.d.ts +2 -2
  93. package/lib/components/Tabs/Tabs.d.ts +4 -0
  94. package/lib/components/TextArea/TextArea.js +13 -6
  95. package/lib/components/TextInput/ControlledPasswordInput.js +1 -1
  96. package/lib/components/TextInput/PasswordInput.js +1 -1
  97. package/lib/components/TextInput/TextInput.js +1 -1
  98. package/lib/components/TextInput/util.d.ts +17 -5
  99. package/lib/components/TextInput/util.js +2 -7
  100. package/lib/components/UIShell/HeaderPanel.d.ts +1 -1
  101. package/lib/index.d.ts +12 -13
  102. package/lib/index.js +51 -28
  103. package/lib/internal/defaultItemToString.d.ts +7 -0
  104. package/lib/internal/defaultItemToString.js +19 -0
  105. package/lib/internal/index.d.ts +1 -0
  106. package/lib/prop-types/deprecateValuesWithin.d.ts +8 -1
  107. package/lib/prop-types/deprecateValuesWithin.js +6 -8
  108. package/lib/prop-types/requiredIfGivenPropIsTruthy.d.ts +8 -7
  109. package/lib/prop-types/requiredIfGivenPropIsTruthy.js +10 -12
  110. package/package.json +8 -7
  111. package/es/components/MultiSelect/tools/itemToString.d.ts +0 -1
  112. package/es/components/MultiSelect/tools/itemToString.js +0 -21
  113. package/es/components/Slider/index.js +0 -14
  114. package/es/internal/createClassWrapper.js +0 -23
  115. package/lib/components/MultiSelect/tools/itemToString.d.ts +0 -1
  116. package/lib/components/MultiSelect/tools/itemToString.js +0 -23
  117. package/lib/components/Slider/index.js +0 -20
  118. package/lib/internal/createClassWrapper.js +0 -25
@@ -1,10 +1,10 @@
1
1
  /**
2
- * Copyright IBM Corp. 2016, 2023
2
+ * Copyright IBM Corp. 2016, 2025
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.
6
6
  */
7
- declare const Slider: import("react").FunctionComponent<import("./Slider").SliderProps>;
7
+ import { Slider } from './Slider';
8
8
  export { default as SliderSkeleton } from './Slider.Skeleton';
9
9
  export default Slider;
10
10
  export { Slider };
@@ -367,6 +367,10 @@ export interface IconTabProps extends DivAttributes {
367
367
  * Specify whether the tooltip for the icon should be open when it first renders
368
368
  */
369
369
  defaultOpen?: boolean;
370
+ /**
371
+ * Specify whether your IconTab is disabled.
372
+ */
373
+ disabled?: boolean;
370
374
  /**
371
375
  * Specify the duration in milliseconds to delay before displaying the tooltip for the icon.
372
376
  */
@@ -84,19 +84,26 @@ const TextArea = frFn((props, forwardRef) => {
84
84
  // eslint-disable-next-line react-hooks/exhaustive-deps
85
85
  }, [value, defaultValue, counterMode]);
86
86
  useIsomorphicEffect.default(() => {
87
- const measuredWidth = wrapperRef.current?.scrollWidth;
88
87
  if (other.cols && textareaRef.current) {
89
88
  textareaRef.current.style.width = '';
90
89
  textareaRef.current.style.resize = 'none';
91
90
  } else if (textareaRef.current) {
92
91
  textareaRef.current.style.width = `100%`;
93
92
  }
94
- [helperTextRef, errorTextRef, warnTextRef].forEach(r => {
95
- if (r.current) {
96
- r.current.style.maxWidth = `${measuredWidth}px`;
97
- r.current.style.overflowWrap = 'break-word';
98
- }
93
+ if (!wrapperRef.current) return;
94
+ const applyWidth = width => {
95
+ [helperTextRef, errorTextRef, warnTextRef].forEach(r => {
96
+ if (r.current) {
97
+ r.current.style.maxWidth = `${width}px`;
98
+ r.current.style.overflowWrap = 'break-word';
99
+ }
100
+ });
101
+ };
102
+ const resizeObserver = new ResizeObserver(([entry]) => {
103
+ applyWidth(entry.contentRect.width);
99
104
  });
105
+ resizeObserver.observe(wrapperRef.current);
106
+ return () => resizeObserver && resizeObserver.disconnect();
100
107
  }, [other.cols, invalid, warn]);
101
108
  const textareaProps = {
102
109
  id,
@@ -94,7 +94,7 @@ const ControlledPasswordInput = /*#__PURE__*/React.forwardRef(({
94
94
  [`${prefix}--tooltip--align-${tooltipAlignment}`]: tooltipAlignment
95
95
  });
96
96
  const helperId = !helperText ? undefined : `controlled-password-helper-text-${controlledPasswordInstanceId}`;
97
- const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, util.textInputProps({
97
+ const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, util.getTextInputProps({
98
98
  invalid,
99
99
  sharedTextInputProps,
100
100
  invalidId: errorId,
@@ -161,7 +161,7 @@ const PasswordInput = /*#__PURE__*/React.forwardRef(({
161
161
  // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20071
162
162
  console.warn('Warning: The "showPasswordLabel" should not be blank.');
163
163
  }
164
- const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, util.textInputProps({
164
+ const input = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, util.getTextInputProps({
165
165
  sharedTextInputProps,
166
166
  invalid: normalizedProps.invalid,
167
167
  invalidId: normalizedProps.invalidId,
@@ -158,7 +158,7 @@ const TextInput = /*#__PURE__*/React.forwardRef(({
158
158
  id: normalizedProps.helperId,
159
159
  className: helperTextClasses
160
160
  }, helperText) : null;
161
- const input = /*#__PURE__*/React.createElement("input", util.textInputProps({
161
+ const input = /*#__PURE__*/React.createElement("input", util.getTextInputProps({
162
162
  sharedTextInputProps,
163
163
  invalid: normalizedProps.invalid,
164
164
  invalidId: normalizedProps.invalidId,
@@ -1,9 +1,21 @@
1
- export function textInputProps({ sharedTextInputProps, invalid, invalidId, warn, warnId, hasHelper, helperId, }: {
2
- sharedTextInputProps: object;
3
- invalid?: boolean;
4
- invalidId?: string;
1
+ /**
2
+ * Copyright IBM Corp. 2025
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ interface TextInputPropsConfig {
8
+ sharedTextInputProps: Record<string, unknown>;
9
+ invalid: boolean;
10
+ invalidId: string;
5
11
  warn?: boolean;
6
12
  warnId?: string;
7
13
  hasHelper?: boolean;
8
14
  helperId?: string;
9
- }): object;
15
+ }
16
+ export declare const getTextInputProps: ({ sharedTextInputProps, invalid, invalidId, warn, warnId, hasHelper, helperId, }: TextInputPropsConfig) => {
17
+ 'aria-describedby'?: string | undefined;
18
+ 'data-invalid'?: boolean | undefined;
19
+ 'aria-invalid'?: boolean | undefined;
20
+ };
21
+ export {};
@@ -18,12 +18,7 @@ const warnProps = warnId => ({
18
18
  const helperProps = helperId => ({
19
19
  'aria-describedby': helperId
20
20
  });
21
-
22
- /**
23
- * @param {{sharedTextInputProps: object, invalid?: boolean, invalidId?: string, warn?: boolean, warnId?: string, hasHelper?: boolean, helperId?: string}} config
24
- * @returns {object}
25
- */
26
- const textInputProps = ({
21
+ const getTextInputProps = ({
27
22
  sharedTextInputProps,
28
23
  invalid,
29
24
  invalidId,
@@ -38,4 +33,4 @@ const textInputProps = ({
38
33
  ...(hasHelper ? helperProps(helperId) : {})
39
34
  });
40
35
 
41
- exports.textInputProps = textInputProps;
36
+ exports.getTextInputProps = getTextInputProps;
@@ -32,5 +32,5 @@ export interface HeaderPanelProps {
32
32
  */
33
33
  onHeaderPanelFocus?: () => void;
34
34
  }
35
- declare const HeaderPanel: React.FC<HeaderPanelProps>;
35
+ declare const HeaderPanel: React.ForwardRefExoticComponent<HeaderPanelProps & React.RefAttributes<HTMLDivElement>>;
36
36
  export default HeaderPanel;
package/lib/index.d.ts CHANGED
@@ -99,18 +99,18 @@ export * from './components/Toggletip';
99
99
  export * from './components/TreeView';
100
100
  export * from './components/UIShell';
101
101
  export * from './components/UnorderedList';
102
- export { FluidComboBox as unstable__FluidComboBox, FluidComboBoxSkeleton as unstable__FluidComboBoxSkeleton, } from './components/FluidComboBox';
103
- export { FluidDatePicker as unstable__FluidDatePicker, FluidDatePickerSkeleton as unstable__FluidDatePickerSkeleton, } from './components/FluidDatePicker';
104
- export { FluidDatePickerInput as unstable__FluidDatePickerInput } from './components/FluidDatePickerInput';
105
- export { FluidDropdown as unstable__FluidDropdown, FluidDropdownSkeleton as unstable__FluidDropdownSkeleton, } from './components/FluidDropdown';
106
- export { FluidMultiSelect as unstable__FluidMultiSelect, FluidMultiSelectSkeleton as unstable__FluidMultiSelectSkeleton, } from './components/FluidMultiSelect';
107
- export { FluidSelect as unstable__FluidSelect, FluidSelectSkeleton as unstable__FluidSelectSkeleton, } from './components/FluidSelect';
108
- export { FluidSearch as unstable__FluidSearch, FluidSearchSkeleton as unstable__FluidSearchSkeleton, } from './components/FluidSearch';
109
- export { FluidTextArea as unstable__FluidTextArea, FluidTextAreaSkeleton as unstable__FluidTextAreaSkeleton, } from './components/FluidTextArea';
110
- export { FluidTextInput as unstable__FluidTextInput, FluidTextInputSkeleton as unstable__FluidTextInputSkeleton, } from './components/FluidTextInput';
111
- export { FluidNumberInput as unstable__FluidNumberInput, FluidNumberInputSkeleton as unstable__FluidNumberInputSkeleton, } from './components/FluidNumberInput';
112
- export { FluidTimePicker as unstable__FluidTimePicker, FluidTimePickerSkeleton as unstable__FluidTimePickerSkeleton, } from './components/FluidTimePicker';
113
- export { FluidTimePickerSelect as unstable__FluidTimePickerSelect } from './components/FluidTimePickerSelect';
102
+ export { FluidComboBox, FluidComboBoxSkeleton, FluidComboBox as unstable__FluidComboBox, FluidComboBoxSkeleton as unstable__FluidComboBoxSkeleton, } from './components/FluidComboBox';
103
+ export { FluidDatePicker, FluidDatePickerSkeleton, FluidDatePicker as unstable__FluidDatePicker, FluidDatePickerSkeleton as unstable__FluidDatePickerSkeleton, } from './components/FluidDatePicker';
104
+ export { FluidDatePickerInput, FluidDatePickerInput as unstable__FluidDatePickerInput, } from './components/FluidDatePickerInput';
105
+ export { FluidDropdown, FluidDropdownSkeleton, FluidDropdown as unstable__FluidDropdown, FluidDropdownSkeleton as unstable__FluidDropdownSkeleton, } from './components/FluidDropdown';
106
+ export { FluidMultiSelect, FluidMultiSelectSkeleton, FluidMultiSelect as unstable__FluidMultiSelect, FluidMultiSelectSkeleton as unstable__FluidMultiSelectSkeleton, } from './components/FluidMultiSelect';
107
+ export { FluidSelect, FluidSelectSkeleton, FluidSelect as unstable__FluidSelect, FluidSelectSkeleton as unstable__FluidSelectSkeleton, } from './components/FluidSelect';
108
+ export { FluidSearch, FluidSearchSkeleton, FluidSearch as unstable__FluidSearch, FluidSearchSkeleton as unstable__FluidSearchSkeleton, } from './components/FluidSearch';
109
+ export { FluidTextArea, FluidTextAreaSkeleton, FluidTextArea as unstable__FluidTextArea, FluidTextAreaSkeleton as unstable__FluidTextAreaSkeleton, } from './components/FluidTextArea';
110
+ export { FluidTextInput, FluidTextInputSkeleton, FluidTextInput as unstable__FluidTextInput, FluidTextInputSkeleton as unstable__FluidTextInputSkeleton, } from './components/FluidTextInput';
111
+ export { FluidNumberInput, FluidNumberInputSkeleton, FluidNumberInput as unstable__FluidNumberInput, FluidNumberInputSkeleton as unstable__FluidNumberInputSkeleton, } from './components/FluidNumberInput';
112
+ export { FluidTimePicker, FluidTimePickerSkeleton, FluidTimePicker as unstable__FluidTimePicker, FluidTimePickerSkeleton as unstable__FluidTimePickerSkeleton, } from './components/FluidTimePicker';
113
+ export { FluidTimePickerSelect, FluidTimePickerSelect as unstable__FluidTimePickerSelect, } from './components/FluidTimePickerSelect';
114
114
  export * from './components/Heading';
115
115
  export * from './components/IconButton';
116
116
  export * from './components/Layer';
@@ -127,7 +127,6 @@ export { AILabel as unstable__Slug, AILabelContent as unstable__SlugContent, AIL
127
127
  export { ChatButton as unstable__ChatButton, ChatButtonSkeleton as unstable__ChatButtonSkeleton, } from './components/ChatButton';
128
128
  export { AISkeletonText, AISkeletonIcon, AISkeletonPlaceholder, } from './components/AISkeleton';
129
129
  export { AISkeletonText as unstable__AiSkeletonText, AISkeletonIcon as unstable__AiSkeletonIcon, AISkeletonPlaceholder as unstable__AiSkeletonPlaceholder, } from './components/AISkeleton';
130
- export * from './components/Stack';
131
130
  export * from './components/Tooltip';
132
131
  export { Text as unstable_Text, TextDirection as unstable_TextDirection, } from './components/Text';
133
132
  export * from './components/Tooltip/DefinitionTooltip';
package/lib/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  /**
2
3
  * Copyright IBM Corp. 2016, 2023
3
4
  *
@@ -129,7 +130,8 @@ var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js')
129
130
  var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
130
131
  var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
131
132
  var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
132
- var index$d = require('./components/Slider/index.js');
133
+ var Slider = require('./components/Slider/Slider.js');
134
+ var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
133
135
  var HStack = require('./components/Stack/HStack.js');
134
136
  var Stack = require('./components/Stack/Stack.js');
135
137
  var VStack = require('./components/Stack/VStack.js');
@@ -156,7 +158,7 @@ var TimePickerSelect = require('./components/TimePickerSelect/TimePickerSelect.j
156
158
  var Toggle = require('./components/Toggle/Toggle.js');
157
159
  var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
158
160
  var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
159
- var index$e = require('./components/Toggletip/index.js');
161
+ var index$d = require('./components/Toggletip/index.js');
160
162
  var TreeNode = require('./components/TreeView/TreeNode.js');
161
163
  var TreeView = require('./components/TreeView/TreeView.js');
162
164
  var Content = require('./components/UIShell/Content.js');
@@ -212,14 +214,14 @@ var FluidNumberInput_Skeleton = require('./components/FluidNumberInput/FluidNumb
212
214
  var FluidTimePicker = require('./components/FluidTimePicker/FluidTimePicker.js');
213
215
  var FluidTimePicker_Skeleton = require('./components/FluidTimePicker/FluidTimePicker.Skeleton.js');
214
216
  var FluidTimePickerSelect = require('./components/FluidTimePickerSelect/FluidTimePickerSelect.js');
215
- var index$f = require('./components/Heading/index.js');
216
- var index$g = require('./components/IconButton/index.js');
217
- var index$h = require('./components/Layer/index.js');
217
+ var index$e = require('./components/Heading/index.js');
218
+ var index$f = require('./components/IconButton/index.js');
219
+ var index$g = require('./components/Layer/index.js');
218
220
  var index$3 = require('./components/Layout/index.js');
219
221
  var LayoutDirection = require('./components/LayoutDirection/LayoutDirection.js');
220
222
  var useLayoutDirection = require('./components/LayoutDirection/useLayoutDirection.js');
221
223
  var index$4 = require('./components/OverflowMenuV2/index.js');
222
- var index$i = require('./components/Popover/index.js');
224
+ var index$h = require('./components/Popover/index.js');
223
225
  var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
224
226
  var index$5 = require('./components/AILabel/index.js');
225
227
  var index$6 = require('./components/IconIndicator/index.js');
@@ -232,14 +234,13 @@ var AISkeletonText = require('./components/AISkeleton/AISkeletonText.js');
232
234
  var DefinitionTooltip = require('./components/Tooltip/DefinitionTooltip.js');
233
235
  var Tooltip = require('./components/Tooltip/Tooltip.js');
234
236
  require('./components/Text/index.js');
235
- var index$j = require('./components/Theme/index.js');
237
+ var index$i = require('./components/Theme/index.js');
236
238
  var usePrefix = require('./internal/usePrefix.js');
237
239
  var useIdPrefix = require('./internal/useIdPrefix.js');
238
240
  var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
239
241
  var Pagination = require('./components/Pagination/experimental/Pagination.js');
240
242
  var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
241
243
  var ContainedList = require('./components/ContainedList/ContainedList.js');
242
- var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
243
244
  var Text = require('./components/Text/Text.js');
244
245
  var TextDirection = require('./components/Text/TextDirection.js');
245
246
 
@@ -386,7 +387,8 @@ exports.SelectItemGroup = SelectItemGroup.default;
386
387
  exports.SkeletonIcon = SkeletonIcon.default;
387
388
  exports.SkeletonPlaceholder = SkeletonPlaceholder.default;
388
389
  exports.SkeletonText = SkeletonText.default;
389
- exports.Slider = index$d.default;
390
+ exports.Slider = Slider.Slider;
391
+ exports.SliderSkeleton = Slider_Skeleton.default;
390
392
  exports.HStack = HStack.HStack;
391
393
  exports.Stack = Stack.Stack;
392
394
  exports.VStack = VStack.VStack;
@@ -430,11 +432,11 @@ exports.TimePickerSelect = TimePickerSelect.default;
430
432
  exports.Toggle = Toggle.Toggle;
431
433
  exports.ToggleSkeleton = Toggle_Skeleton.default;
432
434
  exports.ToggleSmallSkeleton = ToggleSmall_Skeleton.ToggleSmallSkeleton;
433
- exports.Toggletip = index$e.Toggletip;
434
- exports.ToggletipActions = index$e.ToggletipActions;
435
- exports.ToggletipButton = index$e.ToggletipButton;
436
- exports.ToggletipContent = index$e.ToggletipContent;
437
- exports.ToggletipLabel = index$e.ToggletipLabel;
435
+ exports.Toggletip = index$d.Toggletip;
436
+ exports.ToggletipActions = index$d.ToggletipActions;
437
+ exports.ToggletipButton = index$d.ToggletipButton;
438
+ exports.ToggletipContent = index$d.ToggletipContent;
439
+ exports.ToggletipLabel = index$d.ToggletipLabel;
438
440
  exports.TreeNode = TreeNode.default;
439
441
  exports.TreeView = TreeView.default;
440
442
  exports.Content = Content.default;
@@ -467,40 +469,62 @@ exports.SideNavMenu = SideNavMenu.default;
467
469
  exports.SideNavMenuItem = SideNavMenuItem.default;
468
470
  exports.SideNavSwitcher = SideNavSwitcher.default;
469
471
  exports.UnorderedList = UnorderedList.default;
472
+ exports.FluidComboBox = FluidComboBox.default;
470
473
  exports.unstable__FluidComboBox = FluidComboBox.default;
474
+ exports.FluidComboBoxSkeleton = FluidComboBox_Skeleton.default;
471
475
  exports.unstable__FluidComboBoxSkeleton = FluidComboBox_Skeleton.default;
476
+ exports.FluidDatePicker = FluidDatePicker.default;
472
477
  exports.unstable__FluidDatePicker = FluidDatePicker.default;
478
+ exports.FluidDatePickerSkeleton = FluidDatePicker_Skeleton.default;
473
479
  exports.unstable__FluidDatePickerSkeleton = FluidDatePicker_Skeleton.default;
480
+ exports.FluidDatePickerInput = FluidDatePickerInput.default;
474
481
  exports.unstable__FluidDatePickerInput = FluidDatePickerInput.default;
482
+ exports.FluidDropdown = FluidDropdown.default;
475
483
  exports.unstable__FluidDropdown = FluidDropdown.default;
484
+ exports.FluidDropdownSkeleton = FluidDropdown_Skeleton.default;
476
485
  exports.unstable__FluidDropdownSkeleton = FluidDropdown_Skeleton.default;
486
+ exports.FluidMultiSelect = FluidMultiSelect.default;
477
487
  exports.unstable__FluidMultiSelect = FluidMultiSelect.default;
488
+ exports.FluidMultiSelectSkeleton = FluidMultiSelect_Skeleton.default;
478
489
  exports.unstable__FluidMultiSelectSkeleton = FluidMultiSelect_Skeleton.default;
490
+ exports.FluidSelect = FluidSelect.default;
479
491
  exports.unstable__FluidSelect = FluidSelect.default;
492
+ exports.FluidSelectSkeleton = FluidSelect_Skeleton.default;
480
493
  exports.unstable__FluidSelectSkeleton = FluidSelect_Skeleton.default;
494
+ exports.FluidSearch = FluidSearch.default;
481
495
  exports.unstable__FluidSearch = FluidSearch.default;
496
+ exports.FluidSearchSkeleton = FluidSearch_Skeleton.default;
482
497
  exports.unstable__FluidSearchSkeleton = FluidSearch_Skeleton.default;
498
+ exports.FluidTextArea = FluidTextArea.default;
483
499
  exports.unstable__FluidTextArea = FluidTextArea.default;
500
+ exports.FluidTextAreaSkeleton = FluidTextArea_Skeleton.default;
484
501
  exports.unstable__FluidTextAreaSkeleton = FluidTextArea_Skeleton.default;
502
+ exports.FluidTextInput = FluidTextInput.default;
485
503
  exports.unstable__FluidTextInput = FluidTextInput.default;
504
+ exports.FluidTextInputSkeleton = FluidTextInput_Skeleton.default;
486
505
  exports.unstable__FluidTextInputSkeleton = FluidTextInput_Skeleton.default;
506
+ exports.FluidNumberInput = FluidNumberInput.default;
487
507
  exports.unstable__FluidNumberInput = FluidNumberInput.default;
508
+ exports.FluidNumberInputSkeleton = FluidNumberInput_Skeleton.default;
488
509
  exports.unstable__FluidNumberInputSkeleton = FluidNumberInput_Skeleton.default;
510
+ exports.FluidTimePicker = FluidTimePicker.default;
489
511
  exports.unstable__FluidTimePicker = FluidTimePicker.default;
512
+ exports.FluidTimePickerSkeleton = FluidTimePicker_Skeleton.default;
490
513
  exports.unstable__FluidTimePickerSkeleton = FluidTimePicker_Skeleton.default;
514
+ exports.FluidTimePickerSelect = FluidTimePickerSelect.default;
491
515
  exports.unstable__FluidTimePickerSelect = FluidTimePickerSelect.default;
492
- exports.Heading = index$f.Heading;
493
- exports.Section = index$f.Section;
494
- exports.IconButton = index$g.IconButton;
495
- exports.IconButtonKinds = index$g.IconButtonKinds;
496
- exports.Layer = index$h.Layer;
497
- exports.useLayer = index$h.useLayer;
516
+ exports.Heading = index$e.Heading;
517
+ exports.Section = index$e.Section;
518
+ exports.IconButton = index$f.IconButton;
519
+ exports.IconButtonKinds = index$f.IconButtonKinds;
520
+ exports.Layer = index$g.Layer;
521
+ exports.useLayer = index$g.useLayer;
498
522
  exports.unstable_Layout = index$3.Layout;
499
523
  exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
500
524
  exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
501
525
  exports.unstable_OverflowMenuV2 = index$4.OverflowMenuV2;
502
- exports.Popover = index$i.Popover;
503
- exports.PopoverContent = index$i.PopoverContent;
526
+ exports.Popover = index$h.Popover;
527
+ exports.PopoverContent = index$h.PopoverContent;
504
528
  exports.ProgressBar = ProgressBar.default;
505
529
  exports.AILabel = index$5.AILabel;
506
530
  exports.AILabelActions = index$5.AILabelActions;
@@ -520,11 +544,11 @@ exports.AISkeletonText = AISkeletonText.default;
520
544
  exports.unstable__AiSkeletonText = AISkeletonText.default;
521
545
  exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
522
546
  exports.Tooltip = Tooltip.Tooltip;
523
- exports.GlobalTheme = index$j.GlobalTheme;
524
- exports.Theme = index$j.Theme;
525
- exports.ThemeContext = index$j.ThemeContext;
526
- exports.usePrefersDarkScheme = index$j.usePrefersDarkScheme;
527
- exports.useTheme = index$j.useTheme;
547
+ exports.GlobalTheme = index$i.GlobalTheme;
548
+ exports.Theme = index$i.Theme;
549
+ exports.ThemeContext = index$i.ThemeContext;
550
+ exports.usePrefersDarkScheme = index$i.usePrefersDarkScheme;
551
+ exports.useTheme = index$i.useTheme;
528
552
  exports.PrefixContext = usePrefix.PrefixContext;
529
553
  exports.usePrefix = usePrefix.usePrefix;
530
554
  exports.useIdPrefix = useIdPrefix.useIdPrefix;
@@ -532,6 +556,5 @@ exports.unstable_PageSelector = PageSelector.default;
532
556
  exports.unstable_Pagination = Pagination.default;
533
557
  exports.ContainedListItem = ContainedListItem.default;
534
558
  exports.ContainedList = ContainedList.default;
535
- exports.SliderSkeleton = Slider_Skeleton.default;
536
559
  exports.unstable_Text = Text.Text;
537
560
  exports.unstable_TextDirection = TextDirection.TextDirection;
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Copyright IBM Corp. 2016, 2025
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ export declare const defaultItemToString: <ItemType>(item: ItemType | null) => string;
@@ -0,0 +1,19 @@
1
+ /**
2
+ * Copyright IBM Corp. 2016, 2023
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ 'use strict';
9
+
10
+ const defaultItemToString = item => {
11
+ if (typeof item === 'string') return item;
12
+ if (typeof item === 'number') return `${item}`;
13
+ if (item && typeof item === 'object' && 'label' in item && typeof item.label === 'string') {
14
+ return item.label;
15
+ }
16
+ return '';
17
+ };
18
+
19
+ exports.defaultItemToString = defaultItemToString;
@@ -4,4 +4,5 @@
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.
6
6
  */
7
+ export * from './defaultItemToString';
7
8
  export * from './utils';
@@ -1 +1,8 @@
1
- export default function deprecateValuesWithin(propType: any, allowedValues: any, propMappingFunction: any): (props: any, propName: any, componentName: any, ...rest: any[]) => any;
1
+ /**
2
+ * Copyright IBM Corp. 2016, 2025
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import type { Requireable, Validator } from 'prop-types';
8
+ export declare const deprecateValuesWithin: <T>(propType: Requireable<T>, allowedValues?: readonly unknown[], propMappingFunction?: (deprecatedValue: T) => T) => Validator<T> | Requireable<T>;
@@ -7,15 +7,13 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var warning = require('../internal/warning.js');
13
11
 
14
12
  const didWarnAboutDeprecation = {};
15
- function deprecateValuesWithin(propType, allowedValues, propMappingFunction) {
16
- return function checker(props, propName, componentName, ...rest) {
17
- if (props[propName] === undefined) {
18
- return;
13
+ const deprecateValuesWithin = (propType, allowedValues, propMappingFunction) => {
14
+ return (props, propName, componentName, ...rest) => {
15
+ if (typeof props[propName] === 'undefined') {
16
+ return null;
19
17
  }
20
18
  if (!didWarnAboutDeprecation[componentName] || !didWarnAboutDeprecation[componentName][propName]) {
21
19
  didWarnAboutDeprecation[componentName] = {
@@ -31,6 +29,6 @@ function deprecateValuesWithin(propType, allowedValues, propMappingFunction) {
31
29
  }
32
30
  return propType(props, propName, componentName, ...rest);
33
31
  };
34
- }
32
+ };
35
33
 
36
- exports.default = deprecateValuesWithin;
34
+ exports.deprecateValuesWithin = deprecateValuesWithin;
@@ -1,14 +1,15 @@
1
1
  /**
2
- * Copyright IBM Corp. 2016, 2023
2
+ * Copyright IBM Corp. 2016, 2025
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.
6
6
  */
7
+ import type { Validator } from 'prop-types';
7
8
  /**
8
- * @param {string} name The name of the prop that must exist to validate
9
- * the current prop.
10
- * @param {React.Validator} propType The original prop type checker.
11
- * @returns {React.Validator} The new prop type checker for the current prop that
12
- * becomes required if the prop corresponding to the provided prop name exists.
9
+ * @param name The name of the prop that must exist to validate the current
10
+ * prop.
11
+ * @param propType The original prop type checker.
12
+ * @returns The new prop type checker for the current prop that becomes required
13
+ * if the prop corresponding to the provided prop name exists.
13
14
  */
14
- export default function requiredIfGivenPropIsTruthy(name: string, propType: React.Validator): React.Validator;
15
+ export declare const requiredIfGivenPropIsTruthy: <T>(name: string, propType: Validator<T>) => Validator<T>;
@@ -7,22 +7,20 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  /**
13
- * @param {string} name The name of the prop that must exist to validate
14
- * the current prop.
15
- * @param {React.Validator} propType The original prop type checker.
16
- * @returns {React.Validator} The new prop type checker for the current prop that
17
- * becomes required if the prop corresponding to the provided prop name exists.
11
+ * @param name The name of the prop that must exist to validate the current
12
+ * prop.
13
+ * @param propType The original prop type checker.
14
+ * @returns The new prop type checker for the current prop that becomes required
15
+ * if the prop corresponding to the provided prop name exists.
18
16
  */
19
- function requiredIfGivenPropIsTruthy(name, propType) {
20
- return function check(props, propName, componentName, ...rest) {
21
- if (process.env.NODE_ENV !== 'production' && props[name] == true && props[propName] == null) {
17
+ const requiredIfGivenPropIsTruthy = (name, propType) => {
18
+ return (props, propName, componentName, ...rest) => {
19
+ if (process.env.NODE_ENV !== 'production' && props[name] === true && props[propName] === null) {
22
20
  return new Error(`You must provide a value for \`${propName}\` in \`${componentName}\` if \`${name}\` exists.`);
23
21
  }
24
22
  return propType(props, propName, componentName, ...rest);
25
23
  };
26
- }
24
+ };
27
25
 
28
- exports.default = requiredIfGivenPropIsTruthy;
26
+ exports.requiredIfGivenPropIsTruthy = requiredIfGivenPropIsTruthy;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/react",
3
3
  "description": "React components for the Carbon Design System",
4
- "version": "1.90.0",
4
+ "version": "1.91.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "types": "lib/index.d.ts",
@@ -53,10 +53,10 @@
53
53
  "dependencies": {
54
54
  "@babel/runtime": "^7.27.3",
55
55
  "@carbon/feature-flags": "^0.30.0",
56
- "@carbon/icons-react": "^11.66.0",
57
- "@carbon/layout": "^11.40.0",
58
- "@carbon/styles": "^1.89.0",
59
- "@carbon/utilities": "^0.9.0",
56
+ "@carbon/icons-react": "^11.67.0-rc.0",
57
+ "@carbon/layout": "^11.41.0-rc.0",
58
+ "@carbon/styles": "^1.90.0-rc.0",
59
+ "@carbon/utilities": "^0.10.0-rc.0",
60
60
  "@floating-ui/react": "^0.27.4",
61
61
  "@ibm/telemetry-js": "^1.5.0",
62
62
  "classnames": "2.5.1",
@@ -80,7 +80,7 @@
80
80
  "@babel/preset-react": "^7.27.1",
81
81
  "@babel/preset-typescript": "^7.27.1",
82
82
  "@carbon/test-utils": "^10.38.0",
83
- "@carbon/themes": "^11.59.0",
83
+ "@carbon/themes": "^11.60.0-rc.0",
84
84
  "@figma/code-connect": "^1.3.2",
85
85
  "@rollup/plugin-babel": "^6.0.0",
86
86
  "@rollup/plugin-commonjs": "^28.0.3",
@@ -116,6 +116,7 @@
116
116
  "remark-gfm": "^4.0.0",
117
117
  "rimraf": "^6.0.1",
118
118
  "rollup": "^4.41.1",
119
+ "rollup-plugin-preserve-directives": "^0.4.0",
119
120
  "rollup-plugin-strip-banner": "^3.0.0",
120
121
  "sass": "^1.77.7",
121
122
  "sass-loader": "^16.0.0",
@@ -138,5 +139,5 @@
138
139
  "**/*.scss",
139
140
  "**/*.css"
140
141
  ],
141
- "gitHead": "7c8548ba752bea350cc1c6a4955b1b5184429015"
142
+ "gitHead": "d70cdbd45cfce813ce7ec6b396fcfa95ad2a81b6"
142
143
  }
@@ -1 +0,0 @@
1
- export function defaultItemToString(item: any): any;
@@ -1,21 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2016, 2023
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- import invariant from 'invariant';
9
-
10
- const itemToString = item => {
11
- !(typeof item.label === 'string') ? process.env.NODE_ENV !== "production" ? invariant(false, '[MultiSelect] the default `itemToString` method expected to receive ' + 'an item with a `label` field of type `string`. Instead received: `%s`', typeof item.label) : invariant(false) : void 0;
12
- return item.label || '';
13
- };
14
- const defaultItemToString = item => {
15
- if (Array.isArray(item)) {
16
- return item.map(itemToString);
17
- }
18
- return itemToString(item);
19
- };
20
-
21
- export { defaultItemToString };
@@ -1,14 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2016, 2023
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- import Slider$1 from './Slider.js';
9
- import { createClassWrapper } from '../../internal/createClassWrapper.js';
10
- export { default as SliderSkeleton } from './Slider.Skeleton.js';
11
-
12
- const Slider = createClassWrapper(Slider$1);
13
-
14
- export { Slider, Slider as default };
@@ -1,23 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2016, 2023
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- import React from 'react';
9
-
10
- /**
11
- * Wrap a class component with a functional component. This prevents an end-user
12
- * from being able to pass `ref` and access the underlying class instance.
13
- */
14
- const createClassWrapper = Component => {
15
- const ClassWrapper = props => {
16
- return /*#__PURE__*/React.createElement(Component, props);
17
- };
18
- const name = Component.displayName || Component.name;
19
- ClassWrapper.displayName = `ClassWrapper(${name})`;
20
- return ClassWrapper;
21
- };
22
-
23
- export { createClassWrapper };
@@ -1 +0,0 @@
1
- export function defaultItemToString(item: any): any;