@carbon/react 1.113.0 → 1.114.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 (143) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +962 -962
  2. package/es/components/Card/Card.d.ts +48 -0
  3. package/es/components/Card/Card.js +148 -0
  4. package/es/components/Card/Card.types.d.ts +88 -0
  5. package/es/components/Card/CardAction.d.ts +37 -0
  6. package/es/components/Card/CardAction.js +32 -0
  7. package/es/components/Card/CardActions.d.ts +30 -0
  8. package/es/components/Card/CardActions.js +93 -0
  9. package/es/components/Card/CardBody.d.ts +11 -0
  10. package/es/components/Card/CardBody.js +34 -0
  11. package/es/components/Card/CardContext.d.ts +17 -0
  12. package/es/components/Card/CardContext.js +31 -0
  13. package/es/components/Card/CardFooter.d.ts +11 -0
  14. package/es/components/Card/CardFooter.js +34 -0
  15. package/es/components/Card/CardHeader.d.ts +11 -0
  16. package/es/components/Card/CardHeader.js +44 -0
  17. package/es/components/Card/CardHeaderMedia.d.ts +21 -0
  18. package/es/components/Card/CardHeaderMedia.js +24 -0
  19. package/es/components/Card/CardMedia.d.ts +35 -0
  20. package/es/components/Card/CardMedia.js +42 -0
  21. package/es/components/Card/CardTitle.d.ts +72 -0
  22. package/es/components/Card/CardTitle.js +86 -0
  23. package/es/components/Card/CardTitleMedia.d.ts +23 -0
  24. package/es/components/Card/CardTitleMedia.js +36 -0
  25. package/es/components/Card/_story-assets/data.d.ts +6 -0
  26. package/es/components/Card/_story-assets/options.d.ts +47 -0
  27. package/es/components/Card/index.d.ts +8 -0
  28. package/es/components/Card/index.js +33 -0
  29. package/es/components/Checkbox/Checkbox.js +1 -1
  30. package/es/components/CheckboxGroup/CheckboxGroup.js +1 -1
  31. package/es/components/ComboBox/ComboBox.js +2 -2
  32. package/es/components/ComboButton/index.js +1 -1
  33. package/es/components/ComposedModal/ComposedModal.js +1 -1
  34. package/es/components/DatePicker/DatePicker.d.ts +10 -0
  35. package/es/components/DatePicker/DatePicker.js +7 -6
  36. package/es/components/DatePicker/next/components/Calendar.d.ts +40 -0
  37. package/es/components/DatePicker/next/components/Calendar.js +181 -0
  38. package/es/components/DatePicker/next/components/DatePicker.d.ts +86 -0
  39. package/es/components/DatePicker/next/components/DatePicker.js +147 -0
  40. package/es/components/DatePicker/next/components/DatePickerInput.d.ts +143 -0
  41. package/es/components/DatePicker/next/components/DatePickerInput.js +124 -0
  42. package/es/components/DatePicker/next/components/DatePickerSkeleton.d.ts +22 -0
  43. package/es/components/DatePicker/next/components/DatePickerSkeleton.js +32 -0
  44. package/es/components/DatePicker/next/hooks/useDatePicker.d.ts +144 -0
  45. package/es/components/DatePicker/next/hooks/useDatePicker.js +286 -0
  46. package/es/components/DatePicker/next/index.d.ts +12 -0
  47. package/es/components/DatePicker/next/index.js +19 -0
  48. package/es/components/DatePickerInput/DatePickerInput.js +1 -1
  49. package/es/components/Dropdown/Dropdown.js +2 -2
  50. package/es/components/ExpandableSearch/ExpandableSearch.js +1 -1
  51. package/es/components/MenuButton/index.js +1 -1
  52. package/es/components/MultiSelect/FilterableMultiSelect.js +2 -2
  53. package/es/components/MultiSelect/MultiSelect.js +2 -2
  54. package/es/components/NumberInput/NumberInput.js +2 -2
  55. package/es/components/OverflowMenu/next/index.js +1 -1
  56. package/es/components/RadioButton/RadioButton.js +1 -1
  57. package/es/components/RadioButtonGroup/RadioButtonGroup.js +1 -1
  58. package/es/components/Select/Select.js +1 -1
  59. package/es/components/Tag/SelectableTag.js +1 -1
  60. package/es/components/TextArea/TextArea.js +1 -1
  61. package/es/components/TextInput/TextInput.js +1 -1
  62. package/es/index.d.ts +2 -0
  63. package/es/index.js +7 -5
  64. package/es/internal/checkForOverflow.d.ts +5 -0
  65. package/es/internal/useFocus.d.ts +23 -0
  66. package/es/internal/usePrefersReducedMotion.d.ts +11 -0
  67. package/es/internal/useSidePanelPresence.d.ts +21 -0
  68. package/lib/components/Card/Card.d.ts +48 -0
  69. package/lib/components/Card/Card.js +161 -0
  70. package/lib/components/Card/Card.types.d.ts +88 -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 +11 -0
  76. package/lib/components/Card/CardBody.js +37 -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 +11 -0
  80. package/lib/components/Card/CardFooter.js +37 -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 +10 -0
  101. package/lib/components/DatePicker/DatePicker.js +7 -6
  102. package/lib/components/DatePicker/next/components/Calendar.d.ts +40 -0
  103. package/lib/components/DatePicker/next/components/Calendar.js +184 -0
  104. package/lib/components/DatePicker/next/components/DatePicker.d.ts +86 -0
  105. package/lib/components/DatePicker/next/components/DatePicker.js +150 -0
  106. package/lib/components/DatePicker/next/components/DatePickerInput.d.ts +143 -0
  107. package/lib/components/DatePicker/next/components/DatePickerInput.js +127 -0
  108. package/lib/components/DatePicker/next/components/DatePickerSkeleton.d.ts +22 -0
  109. package/lib/components/DatePicker/next/components/DatePickerSkeleton.js +41 -0
  110. package/lib/components/DatePicker/next/hooks/useDatePicker.d.ts +144 -0
  111. package/lib/components/DatePicker/next/hooks/useDatePicker.js +286 -0
  112. package/lib/components/DatePicker/next/index.d.ts +12 -0
  113. package/lib/components/DatePicker/next/index.js +27 -0
  114. package/lib/components/DatePickerInput/DatePickerInput.js +1 -1
  115. package/lib/components/Dropdown/Dropdown.js +2 -2
  116. package/lib/components/ExpandableSearch/ExpandableSearch.js +1 -1
  117. package/lib/components/MenuButton/index.js +1 -1
  118. package/lib/components/MultiSelect/FilterableMultiSelect.js +2 -2
  119. package/lib/components/MultiSelect/MultiSelect.js +2 -2
  120. package/lib/components/NumberInput/NumberInput.js +2 -2
  121. package/lib/components/OverflowMenu/next/index.js +1 -1
  122. package/lib/components/RadioButton/RadioButton.js +1 -1
  123. package/lib/components/RadioButtonGroup/RadioButtonGroup.js +1 -1
  124. package/lib/components/Select/Select.js +1 -1
  125. package/lib/components/Tag/SelectableTag.js +1 -1
  126. package/lib/components/TextArea/TextArea.js +1 -1
  127. package/lib/components/TextInput/TextInput.js +1 -1
  128. package/lib/index.d.ts +2 -0
  129. package/lib/index.js +59 -45
  130. package/lib/internal/checkForOverflow.d.ts +5 -0
  131. package/lib/internal/useFocus.d.ts +23 -0
  132. package/lib/internal/usePrefersReducedMotion.d.ts +11 -0
  133. package/lib/internal/useSidePanelPresence.d.ts +21 -0
  134. package/package.json +11 -11
  135. package/scss/components/action-set/_action-set.scss +9 -0
  136. package/scss/components/action-set/_index.scss +9 -0
  137. package/scss/components/resizer/_index.scss +9 -0
  138. package/scss/components/resizer/_resizer.scss +9 -0
  139. package/scss/components/side-panel/_index.scss +9 -0
  140. package/scss/components/side-panel/_side-panel.scss +9 -0
  141. package/scss/components/truncated-text/_index.scss +9 -0
  142. package/scss/components/truncated-text/_truncated-text.scss +9 -0
  143. package/telemetry.yml +57 -1
package/lib/index.js CHANGED
@@ -32,12 +32,17 @@ const require_Button_Skeleton = require("./components/Button/Button.Skeleton.js"
32
32
  const require_ButtonSet = require("./components/ButtonSet/ButtonSet.js");
33
33
  const require_index$3 = require("./components/Toggletip/index.js");
34
34
  const require_index$4 = require("./components/AILabel/index.js");
35
+ const require_LayoutDirection = require("./components/LayoutDirection/LayoutDirection.js");
36
+ const require_useLayoutDirection = require("./components/LayoutDirection/useLayoutDirection.js");
37
+ const require_Menu = require("./components/Menu/Menu.js");
38
+ const require_MenuItem = require("./components/Menu/MenuItem.js");
39
+ const require_index$5 = require("./components/Card/index.js");
35
40
  const require_Checkbox = require("./components/Checkbox/Checkbox.js");
36
41
  const require_Checkbox_Skeleton = require("./components/Checkbox/Checkbox.Skeleton.js");
37
42
  const require_CheckboxGroup = require("./components/CheckboxGroup/CheckboxGroup.js");
38
- const require_index$5 = require("./components/ClassPrefix/index.js");
43
+ const require_index$6 = require("./components/ClassPrefix/index.js");
39
44
  const require_Copy = require("./components/Copy/Copy.js");
40
- const require_index$6 = require("./components/Layout/index.js");
45
+ const require_index$7 = require("./components/Layout/index.js");
41
46
  const require_CopyButton = require("./components/CopyButton/CopyButton.js");
42
47
  const require_CodeSnippet = require("./components/CodeSnippet/CodeSnippet.js");
43
48
  const require_CodeSnippet_Skeleton = require("./components/CodeSnippet/CodeSnippet.Skeleton.js");
@@ -45,20 +50,16 @@ const require_Form = require("./components/Form/Form.js");
45
50
  const require_FormContext = require("./components/FluidForm/FormContext.js");
46
51
  const require_FluidForm = require("./components/FluidForm/FluidForm.js");
47
52
  const require_ComboBox = require("./components/ComboBox/ComboBox.js");
48
- const require_LayoutDirection = require("./components/LayoutDirection/LayoutDirection.js");
49
- const require_useLayoutDirection = require("./components/LayoutDirection/useLayoutDirection.js");
50
- const require_Menu = require("./components/Menu/Menu.js");
51
- const require_MenuItem = require("./components/Menu/MenuItem.js");
52
- const require_index$7 = require("./components/ComboButton/index.js");
53
- const require_index$8 = require("./components/Layer/index.js");
53
+ const require_index$8 = require("./components/ComboButton/index.js");
54
+ const require_index$9 = require("./components/Layer/index.js");
54
55
  const require_ModalHeader = require("./components/ComposedModal/ModalHeader.js");
55
56
  const require_Loading = require("./components/Loading/Loading.js");
56
57
  const require_InlineLoading = require("./components/InlineLoading/InlineLoading.js");
57
58
  const require_ModalFooter = require("./components/ComposedModal/ModalFooter.js");
58
- const require_index$9 = require("./components/Dialog/index.js");
59
+ const require_index$10 = require("./components/Dialog/index.js");
59
60
  const require_ComposedModalPresence = require("./components/ComposedModal/ComposedModalPresence.js");
60
61
  const require_ComposedModal = require("./components/ComposedModal/ComposedModal.js");
61
- const require_index$10 = require("./components/ContainedList/ContainedListItem/index.js");
62
+ const require_index$11 = require("./components/ContainedList/ContainedListItem/index.js");
62
63
  const require_Search = require("./components/Search/Search.js");
63
64
  const require_Search_Skeleton = require("./components/Search/Search.Skeleton.js");
64
65
  const require_ExpandableSearch = require("./components/ExpandableSearch/ExpandableSearch.js");
@@ -74,7 +75,7 @@ const require_TableBatchAction = require("./components/DataTable/TableBatchActio
74
75
  const require_TableBatchActions = require("./components/DataTable/TableBatchActions.js");
75
76
  const require_TableBody = require("./components/DataTable/TableBody.js");
76
77
  const require_TableCell = require("./components/DataTable/TableCell.js");
77
- const require_index$11 = require("./components/Heading/index.js");
78
+ const require_index$12 = require("./components/Heading/index.js");
78
79
  const require_TableContainer = require("./components/DataTable/TableContainer.js");
79
80
  const require_TableDecoratorRow = require("./components/DataTable/TableDecoratorRow.js");
80
81
  const require_TableExpandHeader = require("./components/DataTable/TableExpandHeader.js");
@@ -93,13 +94,14 @@ const require_OverflowMenuItem = require("./components/OverflowMenuItem/Overflow
93
94
  const require_TableToolbarAction = require("./components/DataTable/TableToolbarAction.js");
94
95
  const require_TableToolbarContent = require("./components/DataTable/TableToolbarContent.js");
95
96
  const require_TableToolbarSearch = require("./components/DataTable/TableToolbarSearch.js");
96
- const require_index$12 = require("./components/OverflowMenu/index.js");
97
+ const require_index$13 = require("./components/OverflowMenu/index.js");
97
98
  const require_TableToolbarMenu = require("./components/DataTable/TableToolbarMenu.js");
98
99
  const require_DataTable = require("./components/DataTable/DataTable.js");
99
100
  const require_DataTableSkeleton = require("./components/DataTableSkeleton/DataTableSkeleton.js");
100
101
  const require_DatePickerInput = require("./components/DatePickerInput/DatePickerInput.js");
101
102
  const require_DatePicker = require("./components/DatePicker/DatePicker.js");
102
103
  const require_DatePicker_Skeleton = require("./components/DatePicker/DatePicker.Skeleton.js");
104
+ const require_index$14 = require("./components/DatePicker/next/index.js");
103
105
  const require_Dropdown = require("./components/Dropdown/Dropdown.js");
104
106
  const require_Dropdown_Skeleton = require("./components/Dropdown/Dropdown.Skeleton.js");
105
107
  const require_ErrorBoundaryContext = require("./components/ErrorBoundary/ErrorBoundaryContext.js");
@@ -120,9 +122,9 @@ const require_Row = require("./components/Grid/Row.js");
120
122
  const require_Column = require("./components/Grid/Column.js");
121
123
  const require_ColumnHang = require("./components/Grid/ColumnHang.js");
122
124
  const require_Icon_Skeleton = require("./components/Icon/Icon.Skeleton.js");
123
- const require_index$13 = require("./components/IdPrefix/index.js");
125
+ const require_index$15 = require("./components/IdPrefix/index.js");
124
126
  const require_ListItem = require("./components/ListItem/ListItem.js");
125
- const require_index$14 = require("./components/MenuButton/index.js");
127
+ const require_index$16 = require("./components/MenuButton/index.js");
126
128
  const require_ModalPresence = require("./components/Modal/ModalPresence.js");
127
129
  const require_Modal = require("./components/Modal/Modal.js");
128
130
  const require_ModalWrapper = require("./components/ModalWrapper/ModalWrapper.js");
@@ -137,7 +139,7 @@ const require_DismissibleTag = require("./components/Tag/DismissibleTag.js");
137
139
  const require_OperationalTag = require("./components/Tag/OperationalTag.js");
138
140
  const require_SelectableTag = require("./components/Tag/SelectableTag.js");
139
141
  const require_Tag_Skeleton = require("./components/Tag/Tag.Skeleton.js");
140
- const require_index$15 = require("./components/PageHeader/index.js");
142
+ const require_index$17 = require("./components/PageHeader/index.js");
141
143
  const require_Select = require("./components/Select/Select.js");
142
144
  const require_Select_Skeleton = require("./components/Select/Select.Skeleton.js");
143
145
  const require_SelectItem = require("./components/SelectItem/SelectItem.js");
@@ -232,18 +234,18 @@ const require_FluidNumberInput_Skeleton = require("./components/FluidNumberInput
232
234
  const require_FluidTimePickerSelect = require("./components/FluidTimePickerSelect/FluidTimePickerSelect.js");
233
235
  const require_FluidTimePicker = require("./components/FluidTimePicker/FluidTimePicker.js");
234
236
  const require_FluidTimePicker_Skeleton = require("./components/FluidTimePicker/FluidTimePicker.Skeleton.js");
235
- const require_index$16 = require("./components/OverflowMenuV2/index.js");
237
+ const require_index$18 = require("./components/OverflowMenuV2/index.js");
236
238
  const require_Pagination$1 = require("./components/Pagination/experimental/Pagination.js");
237
239
  const require_PageSelector = require("./components/Pagination/experimental/PageSelector.js");
238
240
  const require_ProgressBar = require("./components/ProgressBar/ProgressBar.js");
239
- const require_index$17 = require("./components/IconIndicator/index.js");
240
- const require_index$18 = require("./components/ShapeIndicator/index.js");
241
+ const require_index$19 = require("./components/IconIndicator/index.js");
242
+ const require_index$20 = require("./components/ShapeIndicator/index.js");
241
243
  const require_ChatButton = require("./components/ChatButton/ChatButton.js");
242
244
  const require_ChatButton_Skeleton = require("./components/ChatButton/ChatButton.Skeleton.js");
243
245
  const require_AISkeletonPlaceholder = require("./components/AISkeleton/AISkeletonPlaceholder.js");
244
246
  const require_AISkeletonIcon = require("./components/AISkeleton/AISkeletonIcon.js");
245
247
  const require_AISkeletonText = require("./components/AISkeleton/AISkeletonText.js");
246
- const require_index$19 = require("./components/Theme/index.js");
248
+ const require_index$21 = require("./components/Theme/index.js");
247
249
  //#region src/index.ts
248
250
  /**
249
251
  * Copyright IBM Corp. 2016, 2025
@@ -277,18 +279,18 @@ exports.Callout = require_Notification.Callout;
277
279
  exports.Checkbox = require_Checkbox.default;
278
280
  exports.CheckboxGroup = require_CheckboxGroup.default;
279
281
  exports.CheckboxSkeleton = require_Checkbox_Skeleton.CheckboxSkeleton;
280
- exports.ClassPrefix = require_index$5.ClassPrefix;
282
+ exports.ClassPrefix = require_index$6.ClassPrefix;
281
283
  exports.ClickableTile = require_Tile.ClickableTile;
282
284
  exports.CodeSnippet = require_CodeSnippet.default;
283
285
  exports.CodeSnippetSkeleton = require_CodeSnippet_Skeleton.CodeSnippetSkeleton;
284
286
  exports.Column = require_Column.default;
285
287
  exports.ColumnHang = require_ColumnHang.ColumnHang;
286
288
  exports.ComboBox = require_ComboBox.default;
287
- exports.ComboButton = require_index$7.ComboButton;
289
+ exports.ComboButton = require_index$8.ComboButton;
288
290
  exports.ComposedModal = require_ComposedModal.default;
289
291
  exports.ComposedModalPresence = require_ComposedModalPresence.ComposedModalPresence;
290
292
  exports.ContainedList = require_ContainedList.default;
291
- exports.ContainedListItem = require_index$10.default;
293
+ exports.ContainedListItem = require_index$11.default;
292
294
  exports.Content = require_Content.default;
293
295
  exports.ContentSwitcher = require_ContentSwitcher.ContentSwitcher;
294
296
  exports.ControlledPasswordInput = require_ControlledPasswordInput.default;
@@ -346,7 +348,7 @@ exports.FormContext = require_FormContext.FormContext;
346
348
  exports.FormGroup = require_FormGroup.default;
347
349
  exports.FormItem = require_FormItem.default;
348
350
  exports.FormLabel = require_FormLabel.default;
349
- exports.GlobalTheme = require_index$19.GlobalTheme;
351
+ exports.GlobalTheme = require_index$21.GlobalTheme;
350
352
  exports.Grid = require_Grid.Grid;
351
353
  exports.GridSettings = require_GridContext.GridSettings;
352
354
  exports.HStack = require_HStack.HStack;
@@ -361,22 +363,22 @@ exports.HeaderName = require_HeaderName.default;
361
363
  exports.HeaderNavigation = require_HeaderNavigation.default;
362
364
  exports.HeaderPanel = require_HeaderPanel.default;
363
365
  exports.HeaderSideNavItems = require_HeaderSideNavItems.default;
364
- exports.Heading = require_index$11.Heading;
366
+ exports.Heading = require_index$12.Heading;
365
367
  exports.IconButton = require_index$2.IconButton;
366
368
  exports.IconButtonKinds = require_index$2.IconButtonKinds;
367
369
  exports.IconSkeleton = require_Icon_Skeleton.IconSkeleton;
368
370
  exports.IconSwitch = require_IconSwitch.default;
369
371
  exports.IconTab = require_Tabs.IconTab;
370
- exports.IdPrefix = require_index$13.IdPrefix;
372
+ exports.IdPrefix = require_index$15.IdPrefix;
371
373
  exports.InlineCheckbox = require_InlineCheckbox.default;
372
374
  exports.InlineLoading = require_InlineLoading.default;
373
375
  exports.InlineNotification = require_Notification.InlineNotification;
374
- exports.Layer = require_index$8.Layer;
376
+ exports.Layer = require_index$9.Layer;
375
377
  exports.Link = require_Link.default;
376
378
  exports.ListItem = require_ListItem.default;
377
379
  exports.Loading = require_Loading.default;
378
380
  exports.Menu = require_Menu.Menu;
379
- exports.MenuButton = require_index$14.MenuButton;
381
+ exports.MenuButton = require_index$16.MenuButton;
380
382
  exports.MenuItem = require_MenuItem.MenuItem;
381
383
  exports.MenuItemDivider = require_MenuItem.MenuItemDivider;
382
384
  exports.MenuItemGroup = require_MenuItem.MenuItemGroup;
@@ -395,7 +397,7 @@ exports.NumberInput = require_NumberInput.NumberInput;
395
397
  exports.NumberInputSkeleton = require_NumberInput_Skeleton.default;
396
398
  exports.OperationalTag = require_OperationalTag.default;
397
399
  exports.OrderedList = require_OrderedList.default;
398
- exports.OverflowMenu = require_index$12.OverflowMenu;
400
+ exports.OverflowMenu = require_index$13.OverflowMenu;
399
401
  exports.OverflowMenuItem = require_OverflowMenuItem.default;
400
402
  exports.Pagination = require_Pagination.default;
401
403
  exports.PaginationNav = require_PaginationNav.default;
@@ -417,7 +419,7 @@ exports.Row = require_Row.default;
417
419
  exports.Search = require_Search.default;
418
420
  exports.SearchSkeleton = require_Search_Skeleton.SearchSkeleton;
419
421
  exports.SecondaryButton = require_SecondaryButton.default;
420
- exports.Section = require_index$11.Section;
422
+ exports.Section = require_index$12.Section;
421
423
  exports.Select = require_Select.default;
422
424
  exports.SelectItem = require_SelectItem.default;
423
425
  exports.SelectItemGroup = require_SelectItemGroup.default;
@@ -493,8 +495,8 @@ exports.TextArea = require_TextArea.default;
493
495
  exports.TextAreaSkeleton = require_TextArea_Skeleton.TextAreaSkeleton;
494
496
  exports.TextInput = require_TextInput.default;
495
497
  exports.TextInputSkeleton = require_TextInput_Skeleton.TextInputSkeleton;
496
- exports.Theme = require_index$19.Theme;
497
- exports.ThemeContext = require_index$19.ThemeContext;
498
+ exports.Theme = require_index$21.Theme;
499
+ exports.ThemeContext = require_index$21.ThemeContext;
498
500
  exports.Tile = require_Tile.Tile;
499
501
  exports.TileAboveTheFoldContent = require_Tile.TileAboveTheFoldContent;
500
502
  exports.TileBelowTheFoldContent = require_Tile.TileBelowTheFoldContent;
@@ -516,9 +518,9 @@ exports.TreeView = require_TreeView.default;
516
518
  exports.UnorderedList = require_UnorderedList.default;
517
519
  exports.VStack = require_VStack.VStack;
518
520
  exports.preview_FeatureFlags = require_index.FeatureFlags;
519
- exports.preview_Layout = require_index$6.Layout;
521
+ exports.preview_Layout = require_index$7.Layout;
520
522
  exports.preview_LayoutDirection = require_LayoutDirection.LayoutDirection;
521
- exports.preview_OverflowMenuV2 = require_index$16.OverflowMenuV2;
523
+ exports.preview_OverflowMenuV2 = require_index$18.OverflowMenuV2;
522
524
  exports.preview_PageSelector = require_PageSelector.default;
523
525
  exports.preview_Pagination = require_Pagination$1.default;
524
526
  exports.preview_Text = require_Text.Text;
@@ -526,12 +528,24 @@ exports.preview_TextDirection = require_TextDirection.TextDirection;
526
528
  exports.preview__AiSkeletonIcon = require_AISkeletonIcon.default;
527
529
  exports.preview__AiSkeletonPlaceholder = require_AISkeletonPlaceholder.default;
528
530
  exports.preview__AiSkeletonText = require_AISkeletonText.default;
531
+ Object.defineProperty(exports, "preview__Card", {
532
+ enumerable: true,
533
+ get: function() {
534
+ return require_index$5.Card_exports;
535
+ }
536
+ });
529
537
  exports.preview__ChatButton = require_ChatButton.default;
530
538
  exports.preview__ChatButtonSkeleton = require_ChatButton_Skeleton.default;
539
+ Object.defineProperty(exports, "preview__DatePicker", {
540
+ enumerable: true,
541
+ get: function() {
542
+ return require_index$14.next_exports;
543
+ }
544
+ });
531
545
  Object.defineProperty(exports, "preview__Dialog", {
532
546
  enumerable: true,
533
547
  get: function() {
534
- return require_index$9.Dialog_exports;
548
+ return require_index$10.Dialog_exports;
535
549
  }
536
550
  });
537
551
  exports.preview__FluidComboBox = require_FluidComboBox.default;
@@ -556,14 +570,14 @@ exports.preview__FluidTextInputSkeleton = require_FluidTextInput_Skeleton.defaul
556
570
  exports.preview__FluidTimePicker = require_FluidTimePicker.default;
557
571
  exports.preview__FluidTimePickerSelect = require_FluidTimePickerSelect.default;
558
572
  exports.preview__FluidTimePickerSkeleton = require_FluidTimePicker_Skeleton.default;
559
- exports.preview__IconIndicator = require_index$17.IconIndicator;
573
+ exports.preview__IconIndicator = require_index$19.IconIndicator;
560
574
  Object.defineProperty(exports, "preview__PageHeader", {
561
575
  enumerable: true,
562
576
  get: function() {
563
- return require_index$15.PageHeader_exports;
577
+ return require_index$17.PageHeader_exports;
564
578
  }
565
579
  });
566
- exports.preview__ShapeIndicator = require_index$18.ShapeIndicator;
580
+ exports.preview__ShapeIndicator = require_index$20.ShapeIndicator;
567
581
  exports.preview__Slug = require_index$4.AILabel;
568
582
  exports.preview__SlugActions = require_index$4.AILabelActions;
569
583
  exports.preview__SlugContent = require_index$4.AILabelContent;
@@ -571,9 +585,9 @@ exports.preview_useFeatureFlag = require_index.useFeatureFlag;
571
585
  exports.preview_useFeatureFlags = require_index.useFeatureFlags;
572
586
  exports.preview_useLayoutDirection = require_useLayoutDirection.useLayoutDirection;
573
587
  exports.unstable_FeatureFlags = require_index.FeatureFlags;
574
- exports.unstable_Layout = require_index$6.Layout;
588
+ exports.unstable_Layout = require_index$7.Layout;
575
589
  exports.unstable_LayoutDirection = require_LayoutDirection.LayoutDirection;
576
- exports.unstable_OverflowMenuV2 = require_index$16.OverflowMenuV2;
590
+ exports.unstable_OverflowMenuV2 = require_index$18.OverflowMenuV2;
577
591
  exports.unstable_PageSelector = require_PageSelector.default;
578
592
  exports.unstable_Pagination = require_Pagination$1.default;
579
593
  exports.unstable_Text = require_Text.Text;
@@ -605,14 +619,14 @@ exports.unstable__FluidTextInputSkeleton = require_FluidTextInput_Skeleton.defau
605
619
  exports.unstable__FluidTimePicker = require_FluidTimePicker.default;
606
620
  exports.unstable__FluidTimePickerSelect = require_FluidTimePickerSelect.default;
607
621
  exports.unstable__FluidTimePickerSkeleton = require_FluidTimePicker_Skeleton.default;
608
- exports.unstable__IconIndicator = require_index$17.IconIndicator;
622
+ exports.unstable__IconIndicator = require_index$19.IconIndicator;
609
623
  Object.defineProperty(exports, "unstable__PageHeader", {
610
624
  enumerable: true,
611
625
  get: function() {
612
- return require_index$15.PageHeader_exports;
626
+ return require_index$17.PageHeader_exports;
613
627
  }
614
628
  });
615
- exports.unstable__ShapeIndicator = require_index$18.ShapeIndicator;
629
+ exports.unstable__ShapeIndicator = require_index$20.ShapeIndicator;
616
630
  exports.unstable__Slug = require_index$4.AILabel;
617
631
  exports.unstable__SlugActions = require_index$4.AILabelActions;
618
632
  exports.unstable__SlugContent = require_index$4.AILabelContent;
@@ -623,10 +637,10 @@ exports.useContextMenu = require_useContextMenu.default;
623
637
  exports.useFeatureFlag = require_index.useFeatureFlag;
624
638
  exports.useFeatureFlags = require_index.useFeatureFlags;
625
639
  exports.useIdPrefix = require_useIdPrefix.useIdPrefix;
626
- exports.useLayer = require_index$8.useLayer;
627
- exports.usePrefersDarkScheme = require_index$19.usePrefersDarkScheme;
640
+ exports.useLayer = require_index$9.useLayer;
641
+ exports.usePrefersDarkScheme = require_index$21.usePrefersDarkScheme;
628
642
  exports.usePrefix = require_usePrefix.usePrefix;
629
- exports.useTheme = require_index$19.useTheme;
643
+ exports.useTheme = require_index$21.useTheme;
630
644
  exports.validateNumberSeparators = require_NumberInput.validateNumberSeparators;
631
645
  exports.withComposedModalPresence = require_ComposedModalPresence.withComposedModalPresence;
632
646
  exports.withModalPresence = require_ModalPresence.withModalPresence;
@@ -0,0 +1,5 @@
1
+ /**
2
+ * used to calculate if a element is overflowing the width or height of an area
3
+ */
4
+ export declare const checkWidthOverflow: (el: HTMLElement | null) => boolean;
5
+ export declare const checkHeightOverflow: (el: HTMLElement | null) => boolean;
@@ -0,0 +1,23 @@
1
+ /**
2
+ * Copyright IBM Corp. 2021, 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 { RefObject } from 'react';
8
+ /**
9
+ * Returns the first element matching `selector` within `container`, or null.
10
+ TO DO: This hook will be removed https://github.com/carbon-design-system/ibm-products/issues/7731
11
+ */
12
+ export declare const getSpecificElement: (container: HTMLElement | null, selector: string) => HTMLElement | null;
13
+ /**
14
+ * Provides focus-trap helpers for a panel/modal container.
15
+ *
16
+ * - `firstElement` – the first tabbable element inside the container.
17
+ * - `keyDownListener` – an `onKeyDown` handler that cycles focus between the
18
+ * first and last tabbable elements (Tab / Shift+Tab wrap-around).
19
+ */
20
+ export declare const useFocus: (ref: RefObject<HTMLElement | null>) => {
21
+ firstElement: HTMLElement | null;
22
+ keyDownListener: (event: React.KeyboardEvent | KeyboardEvent) => void;
23
+ };
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Copyright IBM Corp. 2021, 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
+ /**
8
+ * Returns `true` when the user has requested reduced motion via the
9
+ * `prefers-reduced-motion: reduce` media query.
10
+ */
11
+ export declare const usePrefersReducedMotion: () => boolean;
@@ -0,0 +1,21 @@
1
+ /**
2
+ * Copyright IBM Corp. 2021, 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 { RefObject } from 'react';
8
+ /**
9
+ * Controls the presence (mount/unmount) of a panel element, waiting for a
10
+ * named CSS exit animation to finish before removing it from the DOM.
11
+ *
12
+ * Signature mirrors the `usePresence` hook from `@carbon/ibm-products`:
13
+ * `usePresence(open, ref, exitAnimationName)` → `{ shouldRender }`
14
+ *
15
+ * @param open - Whether the panel is currently open.
16
+ * @param ref - Ref to the panel's root DOM element.
17
+ * @param exitAnimationName - The CSS `animation-name` value used on exit.
18
+ */
19
+ export declare const useSidePanelPresence: (open: boolean, ref: RefObject<HTMLElement | null>, exitAnimationName: string) => {
20
+ shouldRender: boolean;
21
+ };
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.113.0",
4
+ "version": "1.114.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "types": "lib/index.d.ts",
@@ -55,16 +55,16 @@
55
55
  },
56
56
  "dependencies": {
57
57
  "@babel/runtime": "^7.27.3",
58
- "@carbon/feature-flags": "^1.6.0",
59
- "@carbon/icons-react": "^11.85.0",
60
- "@carbon/layout": "^11.56.0",
61
- "@carbon/motion": "^11.49.0",
62
- "@carbon/styles": "^1.112.0",
63
- "@carbon/utilities": "^0.23.0",
58
+ "@carbon/feature-flags": "^1.7.0",
59
+ "@carbon/icons-react": "^11.86.0",
60
+ "@carbon/layout": "^11.57.0",
61
+ "@carbon/motion": "^11.50.0",
62
+ "@carbon/styles": "^1.113.0",
63
+ "@carbon/utilities": "^0.24.0",
64
64
  "@floating-ui/react": "^0.27.4",
65
65
  "@ibm/telemetry-js": "^1.5.0",
66
66
  "classnames": "2.5.1",
67
- "copy-to-clipboard": "^3.3.1",
67
+ "copy-to-clipboard": "^4.0.0",
68
68
  "downshift": "9.4.0",
69
69
  "es-toolkit": "^1.27.0",
70
70
  "flatpickr": "4.6.13",
@@ -84,8 +84,8 @@
84
84
  "@babel/preset-react": "^7.27.1",
85
85
  "@babel/preset-typescript": "^7.27.1",
86
86
  "@carbon/test-utils": "^10.41.0",
87
- "@carbon/themes": "^11.78.0",
88
- "@figma/code-connect": "^1.4.9",
87
+ "@carbon/themes": "^11.79.0",
88
+ "@figma/code-connect": "^1.5.2",
89
89
  "@rolldown/plugin-babel": "^0.2.0",
90
90
  "@stackblitz/sdk": "^1.11.0",
91
91
  "@storybook/addon-a11y": "^10.3.5",
@@ -132,5 +132,5 @@
132
132
  "**/*.scss",
133
133
  "**/*.css"
134
134
  ],
135
- "gitHead": "a57cf8a896fe3fe09c5ab27648cd58947f37360a"
135
+ "gitHead": "188d23202ec1092322dee92cf0df9d9958224ae4"
136
136
  }
@@ -0,0 +1,9 @@
1
+ // Code generated by @carbon/react. DO NOT EDIT.
2
+ //
3
+ // Copyright IBM Corp. 2025
4
+ //
5
+ // This source code is licensed under the Apache-2.0 license found in the
6
+ // LICENSE file in the root directory of this source tree.
7
+ //
8
+
9
+ @forward '@carbon/styles/scss/components/action-set/action-set';
@@ -0,0 +1,9 @@
1
+ // Code generated by @carbon/react. DO NOT EDIT.
2
+ //
3
+ // Copyright IBM Corp. 2025
4
+ //
5
+ // This source code is licensed under the Apache-2.0 license found in the
6
+ // LICENSE file in the root directory of this source tree.
7
+ //
8
+
9
+ @forward '@carbon/styles/scss/components/action-set';
@@ -0,0 +1,9 @@
1
+ // Code generated by @carbon/react. DO NOT EDIT.
2
+ //
3
+ // Copyright IBM Corp. 2025
4
+ //
5
+ // This source code is licensed under the Apache-2.0 license found in the
6
+ // LICENSE file in the root directory of this source tree.
7
+ //
8
+
9
+ @forward '@carbon/styles/scss/components/resizer';
@@ -0,0 +1,9 @@
1
+ // Code generated by @carbon/react. DO NOT EDIT.
2
+ //
3
+ // Copyright IBM Corp. 2025
4
+ //
5
+ // This source code is licensed under the Apache-2.0 license found in the
6
+ // LICENSE file in the root directory of this source tree.
7
+ //
8
+
9
+ @forward '@carbon/styles/scss/components/resizer/resizer';
@@ -0,0 +1,9 @@
1
+ // Code generated by @carbon/react. DO NOT EDIT.
2
+ //
3
+ // Copyright IBM Corp. 2025
4
+ //
5
+ // This source code is licensed under the Apache-2.0 license found in the
6
+ // LICENSE file in the root directory of this source tree.
7
+ //
8
+
9
+ @forward '@carbon/styles/scss/components/side-panel';
@@ -0,0 +1,9 @@
1
+ // Code generated by @carbon/react. DO NOT EDIT.
2
+ //
3
+ // Copyright IBM Corp. 2025
4
+ //
5
+ // This source code is licensed under the Apache-2.0 license found in the
6
+ // LICENSE file in the root directory of this source tree.
7
+ //
8
+
9
+ @forward '@carbon/styles/scss/components/side-panel/side-panel';
@@ -0,0 +1,9 @@
1
+ // Code generated by @carbon/react. DO NOT EDIT.
2
+ //
3
+ // Copyright IBM Corp. 2025
4
+ //
5
+ // This source code is licensed under the Apache-2.0 license found in the
6
+ // LICENSE file in the root directory of this source tree.
7
+ //
8
+
9
+ @forward '@carbon/styles/scss/components/truncated-text';
@@ -0,0 +1,9 @@
1
+ // Code generated by @carbon/react. DO NOT EDIT.
2
+ //
3
+ // Copyright IBM Corp. 2025
4
+ //
5
+ // This source code is licensed under the Apache-2.0 license found in the
6
+ // LICENSE file in the root directory of this source tree.
7
+ //
8
+
9
+ @forward '@carbon/styles/scss/components/truncated-text/truncated-text';
package/telemetry.yml CHANGED
@@ -13,6 +13,7 @@ collect:
13
13
  - accept
14
14
  - action
15
15
  - actionButtonLabel
16
+ - actions
16
17
  - activation
17
18
  - active
18
19
  - addFocusListeners
@@ -263,6 +264,9 @@ collect:
263
264
  # ActionableNotification
264
265
  - closeOnEscape
265
266
  - hasFocus
267
+ # ActionSet
268
+ - buttonSize
269
+ - disableStacking
266
270
  # AILabel
267
271
  - AILabelContent
268
272
  - aiText
@@ -279,6 +283,24 @@ collect:
279
283
  # ButtonSet
280
284
  - fluid
281
285
  - stacked
286
+ # Calendar
287
+ - context
288
+ - onDateSelect
289
+ - onNavigate
290
+ # Card
291
+ - clickable
292
+ - horizontal
293
+ # CardActions
294
+ - overflowMenuLabel
295
+ # CardMedia
296
+ - mediaWidth
297
+ # CardTitle
298
+ - descriptionTruncate
299
+ - labelTruncate
300
+ - maxWidth
301
+ - titleEnd
302
+ - titleStart
303
+ - titleTruncate
282
304
  # ChatButton
283
305
  - isQuickAction
284
306
  # ClickableTile
@@ -326,6 +348,9 @@ collect:
326
348
  - parseDate
327
349
  - prevMonthAriaLabel
328
350
  - short
351
+ # DatePickerInput
352
+ - hideIcon
353
+ - onIconClick
329
354
  # DatePickerSkeleton
330
355
  - range
331
356
  # DefinitionTooltip
@@ -486,7 +511,6 @@ collect:
486
511
  # PageHeaderContent
487
512
  - contextualActions
488
513
  # PageHeaderContentPageActions
489
- - actions
490
514
  - menuButtonLabel
491
515
  # PageHeaderTabBar
492
516
  - tags
@@ -529,6 +553,11 @@ collect:
529
553
  - current
530
554
  - overflowTooltipProps
531
555
  - tooltipId
556
+ # Resizer
557
+ - onDoubleClick
558
+ - onResize
559
+ - onResizeEnd
560
+ - thickness
532
561
  # Select
533
562
  - noLabel
534
563
  # SelectItem
@@ -547,6 +576,20 @@ collect:
547
576
  - assistiveText
548
577
  # SideNavSwitcher
549
578
  - options
579
+ # SidePanel
580
+ - actionToolbarButtons
581
+ - aiLabel
582
+ - animateTitle
583
+ - closeIconDescription
584
+ - closeIconTooltipAlignment
585
+ - condensedActions
586
+ - currentStep
587
+ - includeOverlay
588
+ - navigationBackIconDescription
589
+ - placement
590
+ - resizable
591
+ - selectorPageContent
592
+ - slideIn
550
593
  # Slider
551
594
  - ariaLabelInput
552
595
  - formatLabel
@@ -640,6 +683,12 @@ collect:
640
683
  # TreeView
641
684
  - multiselect
642
685
  - onActivate
686
+ # TruncatedText
687
+ - collapseLabel
688
+ - expandLabel
689
+ - lines
690
+ # WithCustomContext
691
+ - onLog
643
692
  # React
644
693
  - key
645
694
  - ref
@@ -697,7 +746,9 @@ collect:
697
746
  - single
698
747
  # General - density
699
748
  - condensed
749
+ - expressive
700
750
  - normal
751
+ - productive
701
752
  # General - dir
702
753
  - auto
703
754
  - ltr
@@ -890,6 +941,7 @@ collect:
890
941
  - cool-gray
891
942
  - cyan
892
943
  - default
944
+ - expand
893
945
  - gray
894
946
  - green
895
947
  - high-contrast
@@ -907,6 +959,7 @@ collect:
907
959
  - submit
908
960
  - teal
909
961
  - text
962
+ - tooltip
910
963
  - warm-gray
911
964
  # AspectRatio - ratio
912
965
  - 16x9
@@ -969,6 +1022,9 @@ collect:
969
1022
  # ShapeIndicator - textSize
970
1023
  - "12"
971
1024
  - "14"
1025
+ # SidePanel - placement
1026
+ - left
1027
+ - right
972
1028
  # TableBody - aria-live
973
1029
  - assertive
974
1030
  - off