@carbon/react 1.86.0 → 1.87.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 (506) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +871 -871
  2. package/es/_virtual/_rollupPluginBabelHelpers.js +4 -4
  3. package/es/components/Button/Button.Skeleton.js +2 -1
  4. package/es/components/Button/Button.d.ts +1 -1
  5. package/es/components/Button/Button.js +3 -3
  6. package/es/components/Button/ButtonBase.js +2 -0
  7. package/es/components/Button/index.js +5 -1
  8. package/es/components/ButtonSet/index.js +4 -1
  9. package/es/components/Checkbox/index.js +4 -1
  10. package/es/components/CodeSnippet/CodeSnippet.js +1 -0
  11. package/es/components/ComboBox/ComboBox.d.ts +7 -0
  12. package/es/components/ComboBox/ComboBox.js +11 -2
  13. package/es/components/ComboBox/index.js +4 -1
  14. package/es/components/ComposedModal/ComposedModal.js +18 -8
  15. package/es/components/ContainedList/ContainedList.d.ts +1 -1
  16. package/es/components/ContainedList/ContainedList.js +3 -3
  17. package/es/components/ContainedList/ContainedListItem/index.js +4 -1
  18. package/es/components/ContainedList/index.js +2 -2
  19. package/es/components/Copy/Copy.js +1 -1
  20. package/es/components/Copy/index.js +4 -1
  21. package/es/components/CopyButton/index.js +4 -1
  22. package/es/components/DataTable/Table.js +1 -1
  23. package/es/components/DataTable/state/getDerivedStateFromProps.d.ts +19 -0
  24. package/es/components/DataTable/state/getDerivedStateFromProps.js +1 -2
  25. package/es/components/DataTable/state/sorting.d.ts +15 -0
  26. package/es/components/DataTable/state/sorting.js +1 -2
  27. package/es/components/DataTable/tools/denormalize.d.ts +22 -0
  28. package/es/components/DataTable/tools/denormalize.js +1 -2
  29. package/es/components/DataTable/tools/normalize.d.ts +9 -0
  30. package/es/components/DataTable/tools/normalize.js +1 -2
  31. package/es/components/DatePicker/DatePicker.js +18 -11
  32. package/es/components/DatePicker/index.js +4 -1
  33. package/es/components/DatePicker/plugins/fixEventsPlugin.d.ts +2 -0
  34. package/es/components/DatePicker/plugins/rangePlugin.d.ts +2 -0
  35. package/es/components/DatePickerInput/DatePickerInput.js +6 -0
  36. package/es/components/DatePickerInput/index.js +4 -1
  37. package/es/components/Dialog/index.js +2 -2
  38. package/es/components/Dropdown/Dropdown.Skeleton.js +4 -4
  39. package/es/components/Dropdown/Dropdown.js +2 -2
  40. package/es/components/Dropdown/index.js +4 -1
  41. package/es/components/FeatureFlags/index.js +2 -2
  42. package/es/components/FluidNumberInput/FluidNumberInput.d.ts +3 -2
  43. package/es/components/FluidNumberInput/FluidNumberInput.js +3 -2
  44. package/es/components/FluidSelect/index.js +4 -1
  45. package/es/components/FluidTextInput/index.js +4 -1
  46. package/es/components/IconButton/index.d.ts +1 -1
  47. package/es/components/IconIndicator/index.js +1 -1
  48. package/es/components/InlineCheckbox/index.js +4 -1
  49. package/es/components/InlineLoading/index.js +4 -1
  50. package/es/components/LayoutDirection/LayoutDirection.js +1 -2
  51. package/es/components/Link/index.js +4 -1
  52. package/es/components/ListBox/ListBox.js +1 -1
  53. package/es/components/Loading/index.js +4 -1
  54. package/es/components/Menu/Menu.d.ts +3 -1
  55. package/es/components/Menu/Menu.js +3 -1
  56. package/es/components/Menu/MenuItem.js +1 -1
  57. package/es/components/Modal/Modal.js +16 -5
  58. package/es/components/Modal/index.js +4 -1
  59. package/es/components/MultiSelect/FilterableMultiSelect.d.ts +7 -0
  60. package/es/components/MultiSelect/FilterableMultiSelect.js +20 -10
  61. package/es/components/MultiSelect/MultiSelect.js +2 -2
  62. package/es/components/MultiSelect/filter.js +0 -4
  63. package/es/components/MultiSelect/tools/itemToString.d.ts +1 -0
  64. package/es/components/MultiSelect/tools/sorting.d.ts +9 -0
  65. package/es/components/Notification/Notification.js +2 -2
  66. package/es/components/NumberInput/NumberInput.d.ts +3 -2
  67. package/es/components/NumberInput/NumberInput.js +5 -4
  68. package/es/components/OverflowMenu/next/index.js +1 -1
  69. package/es/components/OverflowMenuItem/index.js +4 -1
  70. package/es/components/OverflowMenuV2/index.d.ts +1 -0
  71. package/es/components/PageHeader/PageHeader.js +1 -1
  72. package/es/components/Pagination/experimental/PageSelector.d.ts +19 -0
  73. package/es/components/Pagination/experimental/Pagination.d.ts +43 -0
  74. package/es/components/Pagination/experimental/index.d.ts +3 -0
  75. package/es/components/Popover/index.js +26 -8
  76. package/es/components/RadioButton/index.js +4 -1
  77. package/es/components/RadioTile/index.js +4 -1
  78. package/es/components/Search/Search.js +1 -1
  79. package/es/components/Search/index.js +4 -1
  80. package/es/components/Select/index.js +4 -1
  81. package/es/components/SelectItem/index.js +4 -1
  82. package/es/components/ShapeIndicator/index.js +1 -1
  83. package/es/components/SkeletonText/index.js +4 -1
  84. package/es/components/Slider/Slider.js +1 -1
  85. package/es/components/Switch/IconSwitch.d.ts +3 -0
  86. package/es/components/Switch/IconSwitch.js +1 -2
  87. package/es/components/TabContent/TabContent.js +2 -22
  88. package/es/components/Tabs/Tabs.js +5 -5
  89. package/es/components/Tag/DismissibleTag.js +1 -1
  90. package/es/components/TextArea/TextArea.js +1 -1
  91. package/es/components/TextArea/index.js +4 -1
  92. package/es/components/TextInput/index.js +4 -1
  93. package/es/components/TextInput/util.d.ts +9 -0
  94. package/es/components/Toggletip/index.d.ts +1 -1
  95. package/es/components/Toggletip/index.js +3 -3
  96. package/es/components/UIShell/HeaderMenu.js +2 -2
  97. package/es/components/UIShell/SideNav.js +1 -1
  98. package/es/components/UIShell/_utils.d.ts +7 -0
  99. package/es/feature-flags.d.ts +1 -0
  100. package/es/internal/FloatingMenu.js +1 -1
  101. package/es/internal/deprecateFieldOnObject.js +1 -1
  102. package/es/internal/useEvent.d.ts +2 -2
  103. package/es/internal/useEvent.js +4 -3
  104. package/es/internal/useId.d.ts +21 -0
  105. package/es/internal/useId.js +27 -1
  106. package/es/internal/useOverflowItems.js +0 -6
  107. package/es/node_modules/es-toolkit/dist/compat/function/{debounce.mjs.js → debounce.js} +1 -1
  108. package/es/node_modules/es-toolkit/dist/compat/function/{throttle.mjs.js → throttle.js} +1 -1
  109. package/es/prop-types/deprecateComponent.d.ts +1 -0
  110. package/es/prop-types/deprecateComponent.js +1 -4
  111. package/es/prop-types/deprecateValuesWithin.d.ts +1 -0
  112. package/es/prop-types/requiredIfGivenPropIsTruthy.d.ts +14 -0
  113. package/es/tools/mergeRefs.d.ts +12 -0
  114. package/es/tools/mergeRefs.js +1 -2
  115. package/icons/index.js +1 -3
  116. package/lib/_virtual/_rollupPluginBabelHelpers.js +5 -7
  117. package/lib/components/AILabel/index.js +35 -43
  118. package/lib/components/AISkeleton/AISkeletonIcon.js +5 -11
  119. package/lib/components/AISkeleton/AISkeletonPlaceholder.js +4 -10
  120. package/lib/components/AISkeleton/AISkeletonText.js +8 -14
  121. package/lib/components/Accordion/Accordion.Skeleton.js +21 -27
  122. package/lib/components/Accordion/Accordion.js +11 -17
  123. package/lib/components/Accordion/AccordionItem.js +19 -25
  124. package/lib/components/Accordion/AccordionProvider.js +1 -7
  125. package/lib/components/AspectRatio/AspectRatio.js +7 -13
  126. package/lib/components/BadgeIndicator/index.js +7 -13
  127. package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js +7 -13
  128. package/lib/components/Breadcrumb/Breadcrumb.js +9 -15
  129. package/lib/components/Breadcrumb/BreadcrumbItem.js +16 -22
  130. package/lib/components/Button/Button.Skeleton.js +9 -14
  131. package/lib/components/Button/Button.d.ts +1 -1
  132. package/lib/components/Button/Button.js +32 -37
  133. package/lib/components/Button/ButtonBase.js +8 -11
  134. package/lib/components/Button/index.js +3 -3
  135. package/lib/components/ButtonSet/ButtonSet.js +6 -12
  136. package/lib/components/ButtonSet/index.js +2 -2
  137. package/lib/components/ChatButton/ChatButton.Skeleton.js +5 -11
  138. package/lib/components/ChatButton/ChatButton.js +12 -18
  139. package/lib/components/Checkbox/Checkbox.Skeleton.js +6 -12
  140. package/lib/components/Checkbox/Checkbox.js +33 -39
  141. package/lib/components/Checkbox/index.js +3 -3
  142. package/lib/components/CheckboxGroup/CheckboxGroup.js +24 -30
  143. package/lib/components/ClassPrefix/index.js +3 -10
  144. package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js +10 -16
  145. package/lib/components/CodeSnippet/CodeSnippet.js +40 -46
  146. package/lib/components/ComboBox/ComboBox.d.ts +7 -0
  147. package/lib/components/ComboBox/ComboBox.js +65 -63
  148. package/lib/components/ComboBox/index.js +2 -2
  149. package/lib/components/ComboButton/index.js +20 -28
  150. package/lib/components/ComposedModal/ComposedModal.js +61 -57
  151. package/lib/components/ComposedModal/ModalFooter.js +37 -45
  152. package/lib/components/ComposedModal/ModalHeader.js +23 -31
  153. package/lib/components/ContainedList/ContainedList.d.ts +1 -1
  154. package/lib/components/ContainedList/ContainedList.js +19 -25
  155. package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js +14 -20
  156. package/lib/components/ContainedList/ContainedListItem/index.js +2 -2
  157. package/lib/components/ContainedList/index.js +5 -5
  158. package/lib/components/ContentSwitcher/ContentSwitcher.js +11 -19
  159. package/lib/components/ContextMenu/useContextMenu.js +1 -1
  160. package/lib/components/Copy/Copy.js +12 -18
  161. package/lib/components/Copy/index.js +2 -2
  162. package/lib/components/CopyButton/CopyButton.js +12 -18
  163. package/lib/components/CopyButton/index.js +2 -2
  164. package/lib/components/DangerButton/DangerButton.js +2 -6
  165. package/lib/components/DataTable/DataTable.js +48 -55
  166. package/lib/components/DataTable/Table.js +18 -24
  167. package/lib/components/DataTable/TableActionList.js +2 -2
  168. package/lib/components/DataTable/TableBatchAction.js +4 -9
  169. package/lib/components/DataTable/TableBatchActions.js +19 -25
  170. package/lib/components/DataTable/TableBody.js +5 -10
  171. package/lib/components/DataTable/TableCell.js +8 -14
  172. package/lib/components/DataTable/TableContainer.js +14 -20
  173. package/lib/components/DataTable/TableContext.js +0 -2
  174. package/lib/components/DataTable/TableDecoratorRow.js +5 -11
  175. package/lib/components/DataTable/TableExpandHeader.js +16 -22
  176. package/lib/components/DataTable/TableExpandRow.js +20 -26
  177. package/lib/components/DataTable/TableExpandedRow.js +8 -14
  178. package/lib/components/DataTable/TableHead.js +2 -2
  179. package/lib/components/DataTable/TableHeader.js +26 -32
  180. package/lib/components/DataTable/TableRow.js +8 -14
  181. package/lib/components/DataTable/TableSelectAll.js +13 -19
  182. package/lib/components/DataTable/TableSelectRow.js +15 -21
  183. package/lib/components/DataTable/TableSlugRow.js +7 -13
  184. package/lib/components/DataTable/TableToolbar.js +7 -13
  185. package/lib/components/DataTable/TableToolbarAction.js +5 -10
  186. package/lib/components/DataTable/TableToolbarContent.js +2 -2
  187. package/lib/components/DataTable/TableToolbarMenu.js +9 -15
  188. package/lib/components/DataTable/TableToolbarSearch.js +22 -28
  189. package/lib/components/DataTable/state/getDerivedStateFromProps.d.ts +19 -0
  190. package/lib/components/DataTable/state/getDerivedStateFromProps.js +2 -3
  191. package/lib/components/DataTable/state/sortStates.js +0 -2
  192. package/lib/components/DataTable/state/sorting.d.ts +15 -0
  193. package/lib/components/DataTable/state/sorting.js +0 -2
  194. package/lib/components/DataTable/tools/cells.js +0 -2
  195. package/lib/components/DataTable/tools/denormalize.d.ts +22 -0
  196. package/lib/components/DataTable/tools/denormalize.js +1 -2
  197. package/lib/components/DataTable/tools/filter.js +0 -2
  198. package/lib/components/DataTable/tools/normalize.d.ts +9 -0
  199. package/lib/components/DataTable/tools/normalize.js +1 -2
  200. package/lib/components/DataTable/tools/sorting.js +0 -2
  201. package/lib/components/DataTableSkeleton/DataTableSkeleton.js +25 -31
  202. package/lib/components/DatePicker/DatePicker.Skeleton.js +14 -20
  203. package/lib/components/DatePicker/DatePicker.js +65 -66
  204. package/lib/components/DatePicker/index.js +3 -3
  205. package/lib/components/DatePicker/plugins/appendToPlugin.js +0 -2
  206. package/lib/components/DatePicker/plugins/fixEventsPlugin.d.ts +2 -0
  207. package/lib/components/DatePicker/plugins/fixEventsPlugin.js +1 -1
  208. package/lib/components/DatePicker/plugins/rangePlugin.d.ts +2 -0
  209. package/lib/components/DatePicker/plugins/rangePlugin.js +2 -6
  210. package/lib/components/DatePickerInput/DatePickerInput.js +49 -49
  211. package/lib/components/DatePickerInput/index.js +2 -2
  212. package/lib/components/Dialog/index.js +72 -80
  213. package/lib/components/Dropdown/Dropdown.Skeleton.js +10 -16
  214. package/lib/components/Dropdown/Dropdown.js +49 -55
  215. package/lib/components/Dropdown/index.js +3 -3
  216. package/lib/components/ErrorBoundary/ErrorBoundary.js +4 -9
  217. package/lib/components/ErrorBoundary/ErrorBoundaryContext.js +0 -2
  218. package/lib/components/ExpandableSearch/ExpandableSearch.js +6 -11
  219. package/lib/components/FeatureFlags/index.js +10 -17
  220. package/lib/components/FileUploader/FileUploader.Skeleton.js +7 -13
  221. package/lib/components/FileUploader/FileUploader.js +30 -36
  222. package/lib/components/FileUploader/FileUploaderButton.js +19 -25
  223. package/lib/components/FileUploader/FileUploaderDropContainer.js +18 -24
  224. package/lib/components/FileUploader/FileUploaderItem.js +23 -29
  225. package/lib/components/FileUploader/Filename.js +13 -18
  226. package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +7 -13
  227. package/lib/components/FluidComboBox/FluidComboBox.js +24 -30
  228. package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +14 -20
  229. package/lib/components/FluidDatePicker/FluidDatePicker.js +12 -18
  230. package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js +4 -8
  231. package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +7 -13
  232. package/lib/components/FluidDropdown/FluidDropdown.js +24 -30
  233. package/lib/components/FluidForm/FluidForm.js +6 -12
  234. package/lib/components/FluidForm/FormContext.js +0 -2
  235. package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +7 -13
  236. package/lib/components/FluidMultiSelect/FluidMultiSelect.js +36 -42
  237. package/lib/components/FluidNumberInput/FluidNumberInput.Skeleton.js +7 -13
  238. package/lib/components/FluidNumberInput/FluidNumberInput.d.ts +3 -2
  239. package/lib/components/FluidNumberInput/FluidNumberInput.js +33 -38
  240. package/lib/components/FluidSearch/FluidSearch.Skeleton.js +7 -13
  241. package/lib/components/FluidSearch/FluidSearch.js +19 -25
  242. package/lib/components/FluidSelect/FluidSelect.Skeleton.js +7 -13
  243. package/lib/components/FluidSelect/FluidSelect.js +17 -23
  244. package/lib/components/FluidSelect/index.js +3 -3
  245. package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js +7 -13
  246. package/lib/components/FluidTextArea/FluidTextArea.js +25 -31
  247. package/lib/components/FluidTextInput/FluidPasswordInput.js +18 -22
  248. package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js +7 -13
  249. package/lib/components/FluidTextInput/FluidTextInput.js +23 -29
  250. package/lib/components/FluidTextInput/index.js +3 -3
  251. package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js +6 -12
  252. package/lib/components/FluidTimePicker/FluidTimePicker.js +23 -29
  253. package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js +10 -15
  254. package/lib/components/Form/Form.js +5 -11
  255. package/lib/components/FormGroup/FormGroup.js +13 -19
  256. package/lib/components/FormItem/FormItem.js +5 -11
  257. package/lib/components/FormLabel/FormLabel.js +6 -12
  258. package/lib/components/Grid/CSSGrid.js +20 -28
  259. package/lib/components/Grid/Column.js +31 -37
  260. package/lib/components/Grid/ColumnHang.js +5 -13
  261. package/lib/components/Grid/FlexGrid.js +10 -18
  262. package/lib/components/Grid/Grid.js +9 -16
  263. package/lib/components/Grid/GridContext.js +7 -14
  264. package/lib/components/Grid/Row.js +8 -14
  265. package/lib/components/Heading/index.js +14 -21
  266. package/lib/components/Icon/Icon.Skeleton.js +4 -10
  267. package/lib/components/IconButton/index.d.ts +1 -1
  268. package/lib/components/IconButton/index.js +25 -33
  269. package/lib/components/IconIndicator/index.js +9 -15
  270. package/lib/components/IdPrefix/index.js +3 -10
  271. package/lib/components/InlineCheckbox/InlineCheckbox.js +17 -22
  272. package/lib/components/InlineCheckbox/index.js +2 -2
  273. package/lib/components/InlineLoading/InlineLoading.js +17 -23
  274. package/lib/components/InlineLoading/index.js +2 -2
  275. package/lib/components/Layer/LayerContext.js +1 -7
  276. package/lib/components/Layer/LayerLevel.js +0 -2
  277. package/lib/components/Layer/index.js +11 -19
  278. package/lib/components/Layout/index.js +22 -30
  279. package/lib/components/LayoutDirection/LayoutDirection.js +6 -13
  280. package/lib/components/LayoutDirection/LayoutDirectionContext.js +1 -7
  281. package/lib/components/LayoutDirection/useLayoutDirection.js +0 -2
  282. package/lib/components/Link/Link.js +15 -21
  283. package/lib/components/Link/index.js +2 -2
  284. package/lib/components/ListBox/ListBox.js +17 -23
  285. package/lib/components/ListBox/ListBoxField.js +7 -12
  286. package/lib/components/ListBox/ListBoxMenu.js +7 -12
  287. package/lib/components/ListBox/ListBoxMenuIcon.js +7 -13
  288. package/lib/components/ListBox/ListBoxMenuItem.js +9 -15
  289. package/lib/components/ListBox/ListBoxPropTypes.js +2 -8
  290. package/lib/components/ListBox/ListBoxSelection.js +14 -20
  291. package/lib/components/ListBox/index.js +7 -7
  292. package/lib/components/ListBox/next/ListBoxSelection.js +18 -24
  293. package/lib/components/ListBox/next/ListBoxTrigger.js +7 -13
  294. package/lib/components/ListItem/ListItem.js +5 -11
  295. package/lib/components/Loading/Loading.js +14 -20
  296. package/lib/components/Loading/index.js +2 -2
  297. package/lib/components/Menu/Menu.d.ts +3 -1
  298. package/lib/components/Menu/Menu.js +18 -24
  299. package/lib/components/Menu/MenuContext.js +0 -2
  300. package/lib/components/Menu/MenuItem.js +44 -52
  301. package/lib/components/MenuButton/index.js +16 -24
  302. package/lib/components/Modal/Modal.js +91 -86
  303. package/lib/components/Modal/index.js +2 -2
  304. package/lib/components/ModalWrapper/ModalWrapper.js +30 -35
  305. package/lib/components/MultiSelect/FilterableMultiSelect.d.ts +7 -0
  306. package/lib/components/MultiSelect/FilterableMultiSelect.js +71 -71
  307. package/lib/components/MultiSelect/MultiSelect.js +61 -70
  308. package/lib/components/MultiSelect/MultiSelectPropTypes.js +2 -8
  309. package/lib/components/MultiSelect/filter.js +0 -6
  310. package/lib/components/MultiSelect/tools/itemToString.d.ts +1 -0
  311. package/lib/components/MultiSelect/tools/itemToString.js +1 -7
  312. package/lib/components/MultiSelect/tools/sorting.d.ts +9 -0
  313. package/lib/components/MultiSelect/tools/sorting.js +0 -2
  314. package/lib/components/Notification/Notification.js +118 -126
  315. package/lib/components/NumberInput/NumberFormatPropTypes.js +21 -27
  316. package/lib/components/NumberInput/NumberInput.Skeleton.js +8 -14
  317. package/lib/components/NumberInput/NumberInput.d.ts +3 -2
  318. package/lib/components/NumberInput/NumberInput.js +70 -77
  319. package/lib/components/OrderedList/OrderedList.js +8 -14
  320. package/lib/components/OverflowMenu/OverflowMenu.js +42 -49
  321. package/lib/components/OverflowMenu/index.js +3 -7
  322. package/lib/components/OverflowMenu/next/index.js +18 -26
  323. package/lib/components/OverflowMenuItem/OverflowMenuItem.js +27 -33
  324. package/lib/components/OverflowMenuItem/index.js +2 -2
  325. package/lib/components/OverflowMenuV2/index.d.ts +1 -0
  326. package/lib/components/OverflowMenuV2/index.js +2 -8
  327. package/lib/components/PageHeader/PageHeader.js +70 -78
  328. package/lib/components/PageHeader/index.js +0 -2
  329. package/lib/components/Pagination/Pagination.Skeleton.js +10 -16
  330. package/lib/components/Pagination/Pagination.js +44 -51
  331. package/lib/components/Pagination/experimental/PageSelector.d.ts +19 -0
  332. package/lib/components/Pagination/experimental/PageSelector.js +9 -15
  333. package/lib/components/Pagination/experimental/Pagination.d.ts +43 -0
  334. package/lib/components/Pagination/experimental/Pagination.js +34 -40
  335. package/lib/components/Pagination/experimental/index.d.ts +3 -0
  336. package/lib/components/PaginationNav/PaginationNav.js +54 -60
  337. package/lib/components/Popover/index.js +60 -50
  338. package/lib/components/PrimaryButton/PrimaryButton.js +2 -6
  339. package/lib/components/ProgressBar/ProgressBar.js +25 -31
  340. package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js +10 -16
  341. package/lib/components/ProgressIndicator/ProgressIndicator.js +41 -49
  342. package/lib/components/RadioButton/RadioButton.Skeleton.js +6 -12
  343. package/lib/components/RadioButton/RadioButton.js +26 -32
  344. package/lib/components/RadioButton/index.js +2 -2
  345. package/lib/components/RadioButtonGroup/RadioButtonGroup.js +37 -43
  346. package/lib/components/RadioTile/RadioTile.js +25 -31
  347. package/lib/components/RadioTile/index.js +2 -2
  348. package/lib/components/Search/Search.Skeleton.js +7 -13
  349. package/lib/components/Search/Search.js +33 -39
  350. package/lib/components/Search/index.js +3 -3
  351. package/lib/components/SecondaryButton/SecondaryButton.js +2 -6
  352. package/lib/components/Select/Select.Skeleton.js +8 -14
  353. package/lib/components/Select/Select.js +42 -48
  354. package/lib/components/Select/index.js +3 -3
  355. package/lib/components/SelectItem/SelectItem.js +8 -14
  356. package/lib/components/SelectItem/index.js +2 -2
  357. package/lib/components/SelectItemGroup/SelectItemGroup.js +7 -13
  358. package/lib/components/ShapeIndicator/index.js +12 -18
  359. package/lib/components/SkeletonIcon/SkeletonIcon.js +4 -10
  360. package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +4 -10
  361. package/lib/components/SkeletonText/SkeletonText.js +11 -17
  362. package/lib/components/SkeletonText/index.js +2 -2
  363. package/lib/components/Slider/Slider.Skeleton.js +29 -35
  364. package/lib/components/Slider/Slider.js +84 -90
  365. package/lib/components/Slider/SliderHandles.js +18 -24
  366. package/lib/components/Slider/index.js +3 -3
  367. package/lib/components/Stack/HStack.js +1 -7
  368. package/lib/components/Stack/Stack.js +7 -15
  369. package/lib/components/Stack/VStack.js +1 -7
  370. package/lib/components/StructuredList/StructuredList.Skeleton.js +15 -21
  371. package/lib/components/StructuredList/StructuredList.js +60 -68
  372. package/lib/components/Switch/IconSwitch.d.ts +3 -0
  373. package/lib/components/Switch/IconSwitch.js +18 -25
  374. package/lib/components/Switch/Switch.js +14 -20
  375. package/lib/components/TabContent/TabContent.js +7 -33
  376. package/lib/components/Tabs/Tabs.Skeleton.js +10 -16
  377. package/lib/components/Tabs/Tabs.js +121 -129
  378. package/lib/components/Tabs/usePressable.js +0 -2
  379. package/lib/components/Tag/DismissibleTag.js +24 -30
  380. package/lib/components/Tag/OperationalTag.js +16 -22
  381. package/lib/components/Tag/SelectableTag.js +19 -25
  382. package/lib/components/Tag/Tag.Skeleton.js +5 -11
  383. package/lib/components/Tag/Tag.js +28 -34
  384. package/lib/components/Tag/isEllipsisActive.js +0 -2
  385. package/lib/components/Text/Text.js +6 -13
  386. package/lib/components/Text/TextDirection.js +4 -11
  387. package/lib/components/Text/TextDirectionContext.js +0 -2
  388. package/lib/components/Text/createTextComponent.js +1 -7
  389. package/lib/components/Text/index.js +0 -2
  390. package/lib/components/TextArea/TextArea.Skeleton.js +7 -13
  391. package/lib/components/TextArea/TextArea.js +49 -55
  392. package/lib/components/TextArea/index.js +3 -3
  393. package/lib/components/TextInput/ControlledPasswordInput.js +36 -42
  394. package/lib/components/TextInput/PasswordInput.js +48 -54
  395. package/lib/components/TextInput/TextInput.Skeleton.js +7 -13
  396. package/lib/components/TextInput/TextInput.js +47 -53
  397. package/lib/components/TextInput/index.js +3 -3
  398. package/lib/components/TextInput/util.d.ts +9 -0
  399. package/lib/components/TextInput/util.js +0 -2
  400. package/lib/components/Theme/index.js +16 -24
  401. package/lib/components/Tile/Tile.js +92 -100
  402. package/lib/components/TileGroup/TileGroup.js +15 -22
  403. package/lib/components/TimePicker/TimePicker.js +39 -45
  404. package/lib/components/TimePickerSelect/TimePickerSelect.js +10 -16
  405. package/lib/components/Toggle/Toggle.Skeleton.js +7 -13
  406. package/lib/components/Toggle/Toggle.js +28 -34
  407. package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js +12 -20
  408. package/lib/components/Toggletip/index.d.ts +1 -1
  409. package/lib/components/Toggletip/index.js +33 -41
  410. package/lib/components/Tooltip/DefinitionTooltip.js +14 -22
  411. package/lib/components/Tooltip/Tooltip.js +19 -27
  412. package/lib/components/TreeView/TreeContext.js +0 -2
  413. package/lib/components/TreeView/TreeNode.js +41 -47
  414. package/lib/components/TreeView/TreeView.js +17 -23
  415. package/lib/components/UIShell/Content.js +6 -12
  416. package/lib/components/UIShell/Header.js +4 -10
  417. package/lib/components/UIShell/HeaderContainer.js +4 -9
  418. package/lib/components/UIShell/HeaderGlobalAction.js +11 -17
  419. package/lib/components/UIShell/HeaderGlobalBar.js +2 -2
  420. package/lib/components/UIShell/HeaderMenu.js +17 -23
  421. package/lib/components/UIShell/HeaderMenuButton.js +9 -15
  422. package/lib/components/UIShell/HeaderMenuItem.js +11 -17
  423. package/lib/components/UIShell/HeaderName.js +8 -14
  424. package/lib/components/UIShell/HeaderNavigation.js +6 -12
  425. package/lib/components/UIShell/HeaderPanel.js +11 -17
  426. package/lib/components/UIShell/HeaderSideNavItems.js +6 -12
  427. package/lib/components/UIShell/Link.js +6 -11
  428. package/lib/components/UIShell/SideNav.js +23 -29
  429. package/lib/components/UIShell/SideNavDetails.js +7 -13
  430. package/lib/components/UIShell/SideNavDivider.js +5 -11
  431. package/lib/components/UIShell/SideNavFooter.js +12 -18
  432. package/lib/components/UIShell/SideNavHeader.js +8 -14
  433. package/lib/components/UIShell/SideNavIcon.js +6 -12
  434. package/lib/components/UIShell/SideNavItem.js +6 -12
  435. package/lib/components/UIShell/SideNavItems.js +9 -15
  436. package/lib/components/UIShell/SideNavLink.js +13 -19
  437. package/lib/components/UIShell/SideNavLinkText.js +5 -11
  438. package/lib/components/UIShell/SideNavMenu.js +20 -26
  439. package/lib/components/UIShell/SideNavMenuItem.js +13 -19
  440. package/lib/components/UIShell/SideNavSwitcher.js +13 -19
  441. package/lib/components/UIShell/SkipToContent.js +7 -13
  442. package/lib/components/UIShell/Switcher.js +9 -15
  443. package/lib/components/UIShell/SwitcherDivider.js +4 -10
  444. package/lib/components/UIShell/SwitcherItem.js +15 -21
  445. package/lib/components/UIShell/_utils.d.ts +7 -0
  446. package/lib/components/UIShell/_utils.js +0 -2
  447. package/lib/components/UnorderedList/UnorderedList.js +7 -13
  448. package/lib/feature-flags.d.ts +1 -0
  449. package/lib/feature-flags.js +3 -4
  450. package/lib/index.js +180 -182
  451. package/lib/internal/FloatingMenu.js +10 -18
  452. package/lib/internal/OptimizedResize.js +2 -8
  453. package/lib/internal/Selection.js +1 -7
  454. package/lib/internal/clamp.js +0 -2
  455. package/lib/internal/createClassWrapper.js +1 -7
  456. package/lib/internal/deprecateFieldOnObject.js +1 -3
  457. package/lib/internal/environment.js +0 -2
  458. package/lib/internal/getAnnouncement.js +0 -2
  459. package/lib/internal/keyboard/keys.js +0 -2
  460. package/lib/internal/keyboard/match.js +0 -2
  461. package/lib/internal/keyboard/navigation.js +0 -2
  462. package/lib/internal/noopFn.js +0 -2
  463. package/lib/internal/useAttachedMenu.js +0 -2
  464. package/lib/internal/useControllableState.js +0 -2
  465. package/lib/internal/useDelayedState.js +0 -2
  466. package/lib/internal/useEvent.d.ts +2 -2
  467. package/lib/internal/useEvent.js +4 -5
  468. package/lib/internal/useId.d.ts +21 -0
  469. package/lib/internal/useId.js +27 -7
  470. package/lib/internal/useIdPrefix.js +2 -8
  471. package/lib/internal/useIsomorphicEffect.js +1 -1
  472. package/lib/internal/useMatchMedia.js +0 -2
  473. package/lib/internal/useMergedRefs.js +0 -2
  474. package/lib/internal/useNoInteractiveChildren.js +0 -2
  475. package/lib/internal/useNormalizedInputProps.js +2 -8
  476. package/lib/internal/useOutsideClick.js +0 -2
  477. package/lib/internal/useOverflowItems.js +1 -7
  478. package/lib/internal/usePrefix.js +2 -8
  479. package/lib/internal/usePreviousValue.js +0 -2
  480. package/lib/internal/useResizeObserver.js +0 -2
  481. package/lib/internal/useSavedCallback.js +0 -2
  482. package/lib/internal/utils.js +0 -2
  483. package/lib/internal/warning.js +0 -2
  484. package/lib/internal/wrapFocus.js +0 -2
  485. package/lib/node_modules/es-toolkit/dist/compat/function/{debounce.mjs.js → debounce.js} +1 -3
  486. package/lib/node_modules/es-toolkit/dist/compat/function/{throttle.mjs.js → throttle.js} +1 -3
  487. package/lib/node_modules/es-toolkit/dist/function/{debounce.mjs.js → debounce.js} +0 -2
  488. package/lib/prop-types/AriaPropTypes.js +2 -8
  489. package/lib/prop-types/deprecate.js +0 -2
  490. package/lib/prop-types/deprecateComponent.d.ts +1 -0
  491. package/lib/prop-types/deprecateComponent.js +2 -5
  492. package/lib/prop-types/deprecateValuesWithin.d.ts +1 -0
  493. package/lib/prop-types/deprecateValuesWithin.js +1 -1
  494. package/lib/prop-types/isRequiredOneOf.js +0 -2
  495. package/lib/prop-types/requiredIfGivenPropIsTruthy.d.ts +14 -0
  496. package/lib/prop-types/requiredIfGivenPropIsTruthy.js +1 -1
  497. package/lib/tools/events.js +0 -2
  498. package/lib/tools/mapPopoverAlign.js +0 -2
  499. package/lib/tools/mergeRefs.d.ts +12 -0
  500. package/lib/tools/mergeRefs.js +1 -2
  501. package/lib/tools/setupGetInstanceId.js +0 -2
  502. package/lib/tools/toggleClass.js +0 -2
  503. package/lib/tools/wrapComponent.js +4 -10
  504. package/package.json +12 -12
  505. package/telemetry.yml +1 -0
  506. /package/es/node_modules/es-toolkit/dist/function/{debounce.mjs.js → debounce.js} +0 -0
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
11
  var cx = require('classnames');
14
12
  var PropTypes = require('prop-types');
@@ -22,20 +20,14 @@ var iconsReact = require('@carbon/icons-react');
22
20
  var useId = require('../../internal/useId.js');
23
21
  var deprecate = require('../../prop-types/deprecate.js');
24
22
 
25
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
26
-
27
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
28
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
29
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
30
-
31
23
  var _Undo;
32
- const AILabelContent = /*#__PURE__*/React__default["default"].forwardRef(function AILabelContent({
24
+ const AILabelContent = /*#__PURE__*/React.forwardRef(function AILabelContent({
33
25
  className,
34
26
  children,
35
27
  ...rest
36
28
  }, ref) {
37
29
  const prefix = usePrefix.usePrefix();
38
- const hasAILabelActions = React__default["default"].Children.toArray(children).some(child => {
30
+ const hasAILabelActions = React.Children.toArray(children).some(child => {
39
31
  const item = child;
40
32
  // TODO: Is there supposed to be a `return` here? If so, this issue would
41
33
  // have been caught by ESLint. It's concerning that this code is 7 months
@@ -44,11 +36,11 @@ const AILabelContent = /*#__PURE__*/React__default["default"].forwardRef(functio
44
36
  // https://github.com/carbon-design-system/carbon/issues/18991
45
37
  item.type === AILabelActions;
46
38
  });
47
- const aiLabelContentClasses = cx__default["default"](className, {
39
+ const aiLabelContentClasses = cx(className, {
48
40
  [`${prefix}--ai-label-content`]: true,
49
41
  [`${prefix}--ai-label-content--with-actions`]: hasAILabelActions
50
42
  });
51
- return /*#__PURE__*/React__default["default"].createElement(index.ToggletipContent, {
43
+ return /*#__PURE__*/React.createElement(index.ToggletipContent, {
52
44
  className: aiLabelContentClasses
53
45
  }, children);
54
46
  });
@@ -57,22 +49,22 @@ AILabelContent.propTypes = {
57
49
  /**
58
50
  * Specify the content you want rendered inside the AILabel ToggleTip
59
51
  */
60
- children: PropTypes__default["default"].node,
52
+ children: PropTypes.node,
61
53
  /**
62
54
  * Specify an optional className to be added to the AILabel callout
63
55
  */
64
- className: PropTypes__default["default"].string
56
+ className: PropTypes.string
65
57
  };
66
- const AILabelActions = /*#__PURE__*/React__default["default"].forwardRef(function AILabelActions({
58
+ const AILabelActions = /*#__PURE__*/React.forwardRef(function AILabelActions({
67
59
  className,
68
60
  children,
69
61
  ...rest
70
62
  }, ref) {
71
63
  const prefix = usePrefix.usePrefix();
72
- const aiLabelActionsClasses = cx__default["default"](className, {
64
+ const aiLabelActionsClasses = cx(className, {
73
65
  [`${prefix}--ai-label-actions`]: true
74
66
  });
75
- return /*#__PURE__*/React__default["default"].createElement(index.ToggletipActions, {
67
+ return /*#__PURE__*/React.createElement(index.ToggletipActions, {
76
68
  className: aiLabelActionsClasses
77
69
  }, children);
78
70
  });
@@ -81,11 +73,11 @@ AILabelActions.propTypes = {
81
73
  /**
82
74
  * Specify the content you want rendered inside the AILabel callout toolbar
83
75
  */
84
- children: PropTypes__default["default"].node,
76
+ children: PropTypes.node,
85
77
  /**
86
78
  * Specify an optional className to be added to the AILabel toolbar
87
79
  */
88
- className: PropTypes__default["default"].string
80
+ className: PropTypes.string
89
81
  };
90
82
 
91
83
  /**
@@ -93,7 +85,7 @@ AILabelActions.propTypes = {
93
85
  * @deprecated Use NewPopoverAlignment instead.
94
86
  */
95
87
 
96
- const AILabel = /*#__PURE__*/React__default["default"].forwardRef(function AILabel({
88
+ const AILabel = /*#__PURE__*/React.forwardRef(function AILabel({
97
89
  aiText = 'AI',
98
90
  aiTextLabel,
99
91
  textLabel,
@@ -112,11 +104,11 @@ const AILabel = /*#__PURE__*/React__default["default"].forwardRef(function AILab
112
104
  }, ref) {
113
105
  const prefix = usePrefix.usePrefix();
114
106
  const id = useId.useId('AILabel');
115
- const aiLabelClasses = cx__default["default"](className, {
107
+ const aiLabelClasses = cx(className, {
116
108
  [`${prefix}--ai-label`]: true,
117
109
  [`${prefix}--ai-label--revert`]: revertActive
118
110
  });
119
- const aiLabelButtonClasses = cx__default["default"]({
111
+ const aiLabelButtonClasses = cx({
120
112
  [`${prefix}--ai-label__button`]: true,
121
113
  [`${prefix}--ai-label__button--${size}`]: size,
122
114
  [`${prefix}--ai-label__button--${kind}`]: kind,
@@ -129,25 +121,25 @@ const AILabel = /*#__PURE__*/React__default["default"].forwardRef(function AILab
129
121
  };
130
122
  const ariaLabelText = !aiTextLabel && !textLabel ? `${aiText} ${slugLabel || ariaLabel}` : `${aiText} ${aiTextLabel || textLabel}`;
131
123
  const isSmallIcon = ['xs', '2xs', 'mini'].includes(size);
132
- return /*#__PURE__*/React__default["default"].createElement("div", {
124
+ return /*#__PURE__*/React.createElement("div", {
133
125
  className: aiLabelClasses,
134
126
  ref: ref,
135
127
  id: id
136
- }, revertActive ? /*#__PURE__*/React__default["default"].createElement(index$1.IconButton, _rollupPluginBabelHelpers["extends"]({
128
+ }, revertActive ? /*#__PURE__*/React.createElement(index$1.IconButton, _rollupPluginBabelHelpers.extends({
137
129
  onClick: handleOnRevertClick,
138
130
  kind: "ghost",
139
131
  size: "sm",
140
132
  label: revertLabel
141
- }, rest), _Undo || (_Undo = /*#__PURE__*/React__default["default"].createElement(iconsReact.Undo, null))) : /*#__PURE__*/React__default["default"].createElement(index.Toggletip, _rollupPluginBabelHelpers["extends"]({
133
+ }, rest), _Undo || (_Undo = /*#__PURE__*/React.createElement(iconsReact.Undo, null))) : /*#__PURE__*/React.createElement(index.Toggletip, _rollupPluginBabelHelpers.extends({
142
134
  align: align,
143
135
  autoAlign: autoAlign,
144
136
  alignmentAxisOffset: isSmallIcon ? -24 : 0
145
- }, rest), /*#__PURE__*/React__default["default"].createElement(index.ToggletipButton, {
137
+ }, rest), /*#__PURE__*/React.createElement(index.ToggletipButton, {
146
138
  className: aiLabelButtonClasses,
147
139
  label: kind === 'inline' ? '' : ariaLabelText
148
- }, /*#__PURE__*/React__default["default"].createElement("span", {
140
+ }, /*#__PURE__*/React.createElement("span", {
149
141
  className: `${prefix}--ai-label__text`
150
- }, aiText), kind === 'inline' && (aiTextLabel || textLabel) && /*#__PURE__*/React__default["default"].createElement("span", {
142
+ }, aiText), kind === 'inline' && (aiTextLabel || textLabel) && /*#__PURE__*/React.createElement("span", {
151
143
  className: `${prefix}--ai-label__additional-text`
152
144
  }, aiTextLabel || textLabel)), children));
153
145
  });
@@ -156,20 +148,20 @@ AILabel.propTypes = {
156
148
  /**
157
149
  * Specify the content you want rendered inside the `AILabel` ToggleTip
158
150
  */
159
- AILabelContent: PropTypes__default["default"].node,
151
+ AILabelContent: PropTypes.node,
160
152
  /**
161
153
  * Specify the correct translation of the AI text
162
154
  */
163
- aiText: PropTypes__default["default"].string,
155
+ aiText: PropTypes.string,
164
156
  /**
165
157
  * @deprecated
166
158
  * Specify additional text to be rendered next to the AI label in the inline variant
167
159
  */
168
- aiTextLabel: deprecate.deprecate(PropTypes__default["default"].string, '`aiTextLabel` on `AILabel` has been deprecated - Please use the `textLabel` prop instead'),
160
+ aiTextLabel: deprecate.deprecate(PropTypes.string, '`aiTextLabel` on `AILabel` has been deprecated - Please use the `textLabel` prop instead'),
169
161
  /**
170
162
  * Specify how the popover should align with the button
171
163
  */
172
- align: deprecateValuesWithin["default"](PropTypes__default["default"].oneOf(['top', 'top-left',
164
+ align: deprecateValuesWithin.default(PropTypes.oneOf(['top', 'top-left',
173
165
  // deprecated use top-start instead
174
166
  'top-right',
175
167
  // deprecated use top-end instead
@@ -194,48 +186,48 @@ AILabel.propTypes = {
194
186
  /**
195
187
  * Specify the text that will be provided to the aria-label of the `AILabel` button
196
188
  */
197
- 'aria-label': PropTypes__default["default"].string,
189
+ 'aria-label': PropTypes.string,
198
190
  /**
199
191
  * Will auto-align the popover. This prop is currently experimental and is subject to future changes.
200
192
  */
201
- autoAlign: PropTypes__default["default"].bool,
193
+ autoAlign: PropTypes.bool,
202
194
  /**
203
195
  * Specify the content you want rendered inside the `AILabel` ToggleTip
204
196
  */
205
- children: PropTypes__default["default"].node,
197
+ children: PropTypes.node,
206
198
  /**
207
199
  * Specify an optional className to be added to the `AILabel`
208
200
  */
209
- className: PropTypes__default["default"].string,
201
+ className: PropTypes.string,
210
202
  /**
211
203
  * Specify the type of `AILabel`, from the following list of types:
212
204
  */
213
- kind: PropTypes__default["default"].oneOf(['default', 'inline']),
205
+ kind: PropTypes.oneOf(['default', 'inline']),
214
206
  /**
215
207
  * Callback function that fires when the revert button is clicked
216
208
  */
217
- onRevertClick: PropTypes__default["default"].func,
209
+ onRevertClick: PropTypes.func,
218
210
  /**
219
211
  * Specify whether the revert button should be visible
220
212
  */
221
- revertActive: PropTypes__default["default"].bool,
213
+ revertActive: PropTypes.bool,
222
214
  /**
223
215
  * Specify the text that should be shown when the revert button is hovered
224
216
  */
225
- revertLabel: PropTypes__default["default"].string,
217
+ revertLabel: PropTypes.string,
226
218
  /**
227
219
  * Specify the size of the button, from the following list of sizes:
228
220
  */
229
- size: PropTypes__default["default"].oneOf(['mini', '2xs', 'xs', 'sm', 'md', 'lg', 'xl']),
221
+ size: PropTypes.oneOf(['mini', '2xs', 'xs', 'sm', 'md', 'lg', 'xl']),
230
222
  /**
231
223
  * @deprecated
232
224
  * Specify the text that will be provided to the aria-label of the `AILabel` button
233
225
  */
234
- slugLabel: deprecate.deprecate(PropTypes__default["default"].string, '`slugLabel` on `AILabel` has been deprecated - Please use the `ariaLabel` prop instead'),
226
+ slugLabel: deprecate.deprecate(PropTypes.string, '`slugLabel` on `AILabel` has been deprecated - Please use the `ariaLabel` prop instead'),
235
227
  /**
236
228
  * Specify additional text to be rendered next to the AI label in the inline variant
237
229
  */
238
- textLabel: PropTypes__default["default"].string
230
+ textLabel: PropTypes.string
239
231
  };
240
232
 
241
233
  exports.AILabel = AILabel;
@@ -16,21 +16,15 @@ var cx = require('classnames');
16
16
  var usePrefix = require('../../internal/usePrefix.js');
17
17
  var SkeletonIcon = require('../SkeletonIcon/SkeletonIcon.js');
18
18
 
19
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
-
21
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
22
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
24
-
25
19
  const AISkeletonIcon = ({
26
20
  className,
27
21
  ...rest
28
22
  }) => {
29
23
  const prefix = usePrefix.usePrefix();
30
- const AISkeletonIconClasses = cx__default["default"](className, {
24
+ const AISkeletonIconClasses = cx(className, {
31
25
  [`${prefix}--skeleton__icon--ai`]: true
32
26
  });
33
- return /*#__PURE__*/React__default["default"].createElement(SkeletonIcon["default"], _rollupPluginBabelHelpers["extends"]({
27
+ return /*#__PURE__*/React.createElement(SkeletonIcon.default, _rollupPluginBabelHelpers.extends({
34
28
  className: AISkeletonIconClasses
35
29
  }, rest));
36
30
  };
@@ -38,11 +32,11 @@ AISkeletonIcon.propTypes = {
38
32
  /**
39
33
  * Specify an optional className to add.
40
34
  */
41
- className: PropTypes__default["default"].string,
35
+ className: PropTypes.string,
42
36
  /**
43
37
  * The CSS styles.
44
38
  */
45
- style: PropTypes__default["default"].object
39
+ style: PropTypes.object
46
40
  };
47
41
 
48
- exports["default"] = AISkeletonIcon;
42
+ exports.default = AISkeletonIcon;
@@ -16,22 +16,16 @@ var cx = require('classnames');
16
16
  var usePrefix = require('../../internal/usePrefix.js');
17
17
  var SkeletonPlaceholder = require('../SkeletonPlaceholder/SkeletonPlaceholder.js');
18
18
 
19
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
-
21
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
23
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
24
-
25
19
  const AISkeletonPlaceholder = ({
26
20
  className,
27
21
  ...other
28
22
  }) => {
29
23
  const prefix = usePrefix.usePrefix();
30
- const AISkeletonPlaceholderClasses = cx__default["default"]({
24
+ const AISkeletonPlaceholderClasses = cx({
31
25
  className,
32
26
  [`${prefix}--skeleton__placeholder--ai`]: true
33
27
  }, className);
34
- return /*#__PURE__*/React__default["default"].createElement(SkeletonPlaceholder["default"], _rollupPluginBabelHelpers["extends"]({
28
+ return /*#__PURE__*/React.createElement(SkeletonPlaceholder.default, _rollupPluginBabelHelpers.extends({
35
29
  className: AISkeletonPlaceholderClasses
36
30
  }, other));
37
31
  };
@@ -40,7 +34,7 @@ AISkeletonPlaceholder.propTypes = {
40
34
  * Add a custom class to the component
41
35
  * to set the height and width
42
36
  */
43
- className: PropTypes__default["default"].string
37
+ className: PropTypes.string
44
38
  };
45
39
 
46
- exports["default"] = AISkeletonPlaceholder;
40
+ exports.default = AISkeletonPlaceholder;
@@ -16,21 +16,15 @@ var cx = require('classnames');
16
16
  var usePrefix = require('../../internal/usePrefix.js');
17
17
  var SkeletonText = require('../SkeletonText/SkeletonText.js');
18
18
 
19
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
-
21
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
22
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
24
-
25
19
  const AISkeletonText = ({
26
20
  className,
27
21
  ...rest
28
22
  }) => {
29
23
  const prefix = usePrefix.usePrefix();
30
- const aiSkeletonTextClasses = cx__default["default"](className, {
24
+ const aiSkeletonTextClasses = cx(className, {
31
25
  [`${prefix}--skeleton__text--ai`]: true
32
26
  });
33
- return /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], _rollupPluginBabelHelpers["extends"]({
27
+ return /*#__PURE__*/React.createElement(SkeletonText.default, _rollupPluginBabelHelpers.extends({
34
28
  className: aiSkeletonTextClasses
35
29
  }, rest));
36
30
  };
@@ -38,23 +32,23 @@ AISkeletonText.propTypes = {
38
32
  /**
39
33
  * Specify an optional className to be applied to the container node
40
34
  */
41
- className: PropTypes__default["default"].string,
35
+ className: PropTypes.string,
42
36
  /**
43
37
  * generates skeleton text at a larger size
44
38
  */
45
- heading: PropTypes__default["default"].bool,
39
+ heading: PropTypes.bool,
46
40
  /**
47
41
  * the number of lines shown if paragraph is true
48
42
  */
49
- lineCount: PropTypes__default["default"].number,
43
+ lineCount: PropTypes.number,
50
44
  /**
51
45
  * will generate multiple lines of text
52
46
  */
53
- paragraph: PropTypes__default["default"].bool,
47
+ paragraph: PropTypes.bool,
54
48
  /**
55
49
  * width (in px or %) of single line of text or max-width of paragraph lines
56
50
  */
57
- width: PropTypes__default["default"].string
51
+ width: PropTypes.string
58
52
  };
59
53
 
60
- exports["default"] = AISkeletonText;
54
+ exports.default = AISkeletonText;
@@ -17,12 +17,6 @@ var iconsReact = require('@carbon/icons-react');
17
17
  var SkeletonText = require('../SkeletonText/SkeletonText.js');
18
18
  var usePrefix = require('../../internal/usePrefix.js');
19
19
 
20
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
21
-
22
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
23
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
25
-
26
20
  var _SkeletonText, _SkeletonText2, _SkeletonText3;
27
21
  function AccordionSkeleton({
28
22
  align = 'end',
@@ -34,33 +28,33 @@ function AccordionSkeleton({
34
28
  ...rest
35
29
  }) {
36
30
  const prefix = usePrefix.usePrefix();
37
- const classes = cx__default["default"](`${prefix}--accordion`, `${prefix}--skeleton`, className, {
31
+ const classes = cx(`${prefix}--accordion`, `${prefix}--skeleton`, className, {
38
32
  [`${prefix}--accordion--${align}`]: align,
39
33
  [`${prefix}--accordion--flush`]: isFlush && align !== 'start'
40
34
  });
41
35
  const numSkeletonItems = open ? count - 1 : count;
42
36
  const ListTag = ordered ? 'ol' : 'ul';
43
- return /*#__PURE__*/React__default["default"].createElement(ListTag, _rollupPluginBabelHelpers["extends"]({
37
+ return /*#__PURE__*/React.createElement(ListTag, _rollupPluginBabelHelpers.extends({
44
38
  className: classes
45
- }, rest), open && /*#__PURE__*/React__default["default"].createElement("li", {
39
+ }, rest), open && /*#__PURE__*/React.createElement("li", {
46
40
  className: `${prefix}--accordion__item ${prefix}--accordion__item--active`
47
- }, /*#__PURE__*/React__default["default"].createElement("span", {
41
+ }, /*#__PURE__*/React.createElement("span", {
48
42
  className: `${prefix}--accordion__heading`
49
- }, /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronRight, {
43
+ }, /*#__PURE__*/React.createElement(iconsReact.ChevronRight, {
50
44
  className: `${prefix}--accordion__arrow`
51
- }), /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
45
+ }), /*#__PURE__*/React.createElement(SkeletonText.default, {
52
46
  className: `${prefix}--accordion__title`
53
- })), /*#__PURE__*/React__default["default"].createElement("div", {
47
+ })), /*#__PURE__*/React.createElement("div", {
54
48
  className: `${prefix}--accordion__content`
55
- }, _SkeletonText || (_SkeletonText = /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
49
+ }, _SkeletonText || (_SkeletonText = /*#__PURE__*/React.createElement(SkeletonText.default, {
56
50
  width: "90%"
57
- })), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
51
+ })), _SkeletonText2 || (_SkeletonText2 = /*#__PURE__*/React.createElement(SkeletonText.default, {
58
52
  width: "80%"
59
- })), _SkeletonText3 || (_SkeletonText3 = /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
53
+ })), _SkeletonText3 || (_SkeletonText3 = /*#__PURE__*/React.createElement(SkeletonText.default, {
60
54
  width: "95%"
61
55
  })))), Array.from({
62
56
  length: numSkeletonItems
63
- }).map((_, i) => /*#__PURE__*/React__default["default"].createElement(AccordionSkeletonItem, {
57
+ }).map((_, i) => /*#__PURE__*/React.createElement(AccordionSkeletonItem, {
64
58
  key: i
65
59
  })));
66
60
  }
@@ -68,36 +62,36 @@ AccordionSkeleton.propTypes = {
68
62
  /**
69
63
  * Specify the alignment of the accordion heading title and chevron.
70
64
  */
71
- align: PropTypes__default["default"].oneOf(['start', 'end']),
65
+ align: PropTypes.oneOf(['start', 'end']),
72
66
  /**
73
67
  * Specify an optional className to add.
74
68
  */
75
- className: PropTypes__default["default"].string,
69
+ className: PropTypes.string,
76
70
  /**
77
71
  * Set number of items to render
78
72
  */
79
- count: PropTypes__default["default"].number,
73
+ count: PropTypes.number,
80
74
  /**
81
75
  * Specify whether an individual AccordionItem should be flush, default is false
82
76
  */
83
- isFlush: PropTypes__default["default"].bool,
77
+ isFlush: PropTypes.bool,
84
78
  /**
85
79
  * `false` to not display the first item opened
86
80
  */
87
- open: PropTypes__default["default"].bool
81
+ open: PropTypes.bool
88
82
  };
89
83
  function AccordionSkeletonItem() {
90
84
  const prefix = usePrefix.usePrefix();
91
- return /*#__PURE__*/React__default["default"].createElement("li", {
85
+ return /*#__PURE__*/React.createElement("li", {
92
86
  className: `${prefix}--accordion__item`
93
- }, /*#__PURE__*/React__default["default"].createElement("span", {
87
+ }, /*#__PURE__*/React.createElement("span", {
94
88
  className: `${prefix}--accordion__heading`
95
- }, /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronRight, {
89
+ }, /*#__PURE__*/React.createElement(iconsReact.ChevronRight, {
96
90
  className: `${prefix}--accordion__arrow`
97
- }), /*#__PURE__*/React__default["default"].createElement(SkeletonText["default"], {
91
+ }), /*#__PURE__*/React.createElement(SkeletonText.default, {
98
92
  className: `${prefix}--accordion__title`
99
93
  })));
100
94
  }
101
95
 
102
96
  exports.AccordionSkeleton = AccordionSkeleton;
103
- exports["default"] = AccordionSkeleton;
97
+ exports.default = AccordionSkeleton;
@@ -16,12 +16,6 @@ var PropTypes = require('prop-types');
16
16
  var React = require('react');
17
17
  var AccordionProvider = require('./AccordionProvider.js');
18
18
 
19
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
-
21
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
22
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
23
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
-
25
19
  function Accordion({
26
20
  align = 'end',
27
21
  children,
@@ -33,7 +27,7 @@ function Accordion({
33
27
  ...rest
34
28
  }) {
35
29
  const prefix = usePrefix.usePrefix();
36
- const className = cx__default["default"](`${prefix}--accordion`, customClassName, {
30
+ const className = cx(`${prefix}--accordion`, customClassName, {
37
31
  [`${prefix}--accordion--${align}`]: align,
38
32
  [`${prefix}--accordion--${size}`]: size,
39
33
  // TODO: V12 - Remove this class
@@ -41,9 +35,9 @@ function Accordion({
41
35
  [`${prefix}--accordion--flush`]: isFlush && align !== 'start'
42
36
  });
43
37
  const ListTag = ordered ? 'ol' : 'ul';
44
- return /*#__PURE__*/React__default["default"].createElement(AccordionProvider.AccordionProvider, {
38
+ return /*#__PURE__*/React.createElement(AccordionProvider.AccordionProvider, {
45
39
  disabled: disabled
46
- }, /*#__PURE__*/React__default["default"].createElement(ListTag, _rollupPluginBabelHelpers["extends"]({
40
+ }, /*#__PURE__*/React.createElement(ListTag, _rollupPluginBabelHelpers.extends({
47
41
  className: className
48
42
  }, rest), children));
49
43
  }
@@ -51,32 +45,32 @@ Accordion.propTypes = {
51
45
  /**
52
46
  * Specify the alignment of the accordion heading title and chevron.
53
47
  */
54
- align: PropTypes__default["default"].oneOf(['start', 'end']),
48
+ align: PropTypes.oneOf(['start', 'end']),
55
49
  /**
56
50
  * Pass in the children that will be rendered within the Accordion
57
51
  */
58
- children: PropTypes__default["default"].node,
52
+ children: PropTypes.node,
59
53
  /**
60
54
  * Specify an optional className to be applied to the container node
61
55
  */
62
- className: PropTypes__default["default"].string,
56
+ className: PropTypes.string,
63
57
  /**
64
58
  * Specify whether an individual AccordionItem should be disabled
65
59
  */
66
- disabled: PropTypes__default["default"].bool,
60
+ disabled: PropTypes.bool,
67
61
  /**
68
62
  * Specify whether Accordion text should be flush, default is false, does not work with align="start"
69
63
  */
70
- isFlush: PropTypes__default["default"].bool,
64
+ isFlush: PropTypes.bool,
71
65
  /**
72
66
  * Specify if the Accordion should be an ordered list,
73
67
  * default is `false`
74
68
  */
75
- ordered: PropTypes__default["default"].bool,
69
+ ordered: PropTypes.bool,
76
70
  /**
77
71
  * Specify the size of the Accordion. Currently supports the following:
78
72
  */
79
- size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])
73
+ size: PropTypes.oneOf(['sm', 'md', 'lg'])
80
74
  };
81
75
 
82
- exports["default"] = Accordion;
76
+ exports.default = Accordion;
@@ -23,13 +23,7 @@ var usePrefix = require('../../internal/usePrefix.js');
23
23
  var AccordionProvider = require('./AccordionProvider.js');
24
24
  var Text = require('../Text/Text.js');
25
25
 
26
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
27
-
28
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
29
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
30
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
31
-
32
- const defaultRenderToggle = props => /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
26
+ const defaultRenderToggle = props => /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
33
27
  type: "button"
34
28
  }, props));
35
29
  function AccordionItem({
@@ -52,7 +46,7 @@ function AccordionItem({
52
46
  const disabled = disabledIsControlled ? controlledDisabled : accordionState.disabled;
53
47
  const id = useId.useId('accordion-item');
54
48
  const prefix = usePrefix.usePrefix();
55
- const className = cx__default["default"]({
49
+ const className = cx({
56
50
  [`${prefix}--accordion__item`]: true,
57
51
  [`${prefix}--accordion__item--active`]: isOpen && !disabled,
58
52
  [`${prefix}--accordion__item--disabled`]: disabled,
@@ -60,7 +54,7 @@ function AccordionItem({
60
54
  });
61
55
  const Toggle = renderToggle || renderExpando; // remove renderExpando in next major release
62
56
 
63
- const content = React__default["default"].useCallback(node => {
57
+ const content = React.useCallback(node => {
64
58
  if (!node) {
65
59
  return;
66
60
  }
@@ -100,9 +94,9 @@ function AccordionItem({
100
94
  handleAnimationEnd(event);
101
95
  }
102
96
  }
103
- return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
97
+ return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({
104
98
  className: className
105
- }, rest), /*#__PURE__*/React__default["default"].createElement(Toggle, {
99
+ }, rest), /*#__PURE__*/React.createElement(Toggle, {
106
100
  disabled: disabled,
107
101
  "aria-controls": id,
108
102
  "aria-expanded": isOpen,
@@ -110,16 +104,16 @@ function AccordionItem({
110
104
  onClick: onClick,
111
105
  onKeyDown: onKeyDown,
112
106
  type: "button"
113
- }, /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronRight, {
107
+ }, /*#__PURE__*/React.createElement(iconsReact.ChevronRight, {
114
108
  className: `${prefix}--accordion__arrow`
115
- }), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
109
+ }), /*#__PURE__*/React.createElement(Text.Text, {
116
110
  as: "div",
117
111
  className: `${prefix}--accordion__title`
118
- }, title)), /*#__PURE__*/React__default["default"].createElement("div", {
112
+ }, title)), /*#__PURE__*/React.createElement("div", {
119
113
  ref: content,
120
114
  className: `${prefix}--accordion__wrapper`,
121
115
  onTransitionEnd: onAnimationEnd
122
- }, /*#__PURE__*/React__default["default"].createElement("div", {
116
+ }, /*#__PURE__*/React.createElement("div", {
123
117
  id: id,
124
118
  className: `${prefix}--accordion__content`
125
119
  }, children)));
@@ -128,41 +122,41 @@ AccordionItem.propTypes = {
128
122
  /**
129
123
  * Provide the contents of your AccordionItem
130
124
  */
131
- children: PropTypes__default["default"].node,
125
+ children: PropTypes.node,
132
126
  /**
133
127
  * Specify an optional className to be applied to the container node
134
128
  */
135
- className: PropTypes__default["default"].string,
129
+ className: PropTypes.string,
136
130
  /**
137
131
  * Specify whether an individual AccordionItem should be disabled
138
132
  */
139
- disabled: PropTypes__default["default"].bool,
133
+ disabled: PropTypes.bool,
140
134
  /**
141
135
  * The handler of the massaged `click` event.
142
136
  */
143
- onClick: PropTypes__default["default"].func,
137
+ onClick: PropTypes.func,
144
138
  /**
145
139
  * The handler of the massaged `click` event on the heading.
146
140
  */
147
- onHeadingClick: PropTypes__default["default"].func,
141
+ onHeadingClick: PropTypes.func,
148
142
  /**
149
143
  * `true` to open the expand.
150
144
  */
151
- open: PropTypes__default["default"].bool,
145
+ open: PropTypes.bool,
152
146
  /**
153
147
  * The callback function to render the expand button.
154
148
  * Can be a React component class.
155
149
  */
156
- renderExpando: deprecate.deprecate(PropTypes__default["default"].func, 'The `renderExpando` prop has been deprecated and will be removed in the next major release of Carbon. Use the `renderToggle` prop instead.'),
150
+ renderExpando: deprecate.deprecate(PropTypes.func, 'The `renderExpando` prop has been deprecated and will be removed in the next major release of Carbon. Use the `renderToggle` prop instead.'),
157
151
  /**
158
152
  * The callback function to render the expand button.
159
153
  * Can be a React component class.
160
154
  */
161
- renderToggle: PropTypes__default["default"].func,
155
+ renderToggle: PropTypes.func,
162
156
  /**
163
157
  * The accordion title.
164
158
  */
165
- title: PropTypes__default["default"].node
159
+ title: PropTypes.node
166
160
  };
167
161
 
168
- exports["default"] = AccordionItem;
162
+ exports.default = AccordionItem;