@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
@@ -14,12 +14,7 @@ var cx = require('classnames');
14
14
  var usePrefix = require('../../internal/usePrefix.js');
15
15
  var useId = require('../../internal/useId.js');
16
16
 
17
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
18
-
19
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
20
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
21
-
22
- const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function ButtonBase({
17
+ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase({
23
18
  as,
24
19
  children,
25
20
  className,
@@ -43,8 +38,10 @@ const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function Bu
43
38
  ...rest
44
39
  }, ref) {
45
40
  const prefix = usePrefix.usePrefix();
46
- const buttonClasses = cx__default["default"](className, {
41
+ const buttonClasses = cx(className, {
47
42
  [`${prefix}--btn`]: true,
43
+ [`${prefix}--btn--xs`]: size === 'xs' && !isExpressive,
44
+ // TODO: V12 - Remove this class
48
45
  [`${prefix}--btn--sm`]: size === 'sm' && !isExpressive,
49
46
  // TODO: V12 - Remove this class
50
47
  [`${prefix}--btn--md`]: size === 'md' && !isExpressive,
@@ -67,7 +64,7 @@ const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function Bu
67
64
  className: buttonClasses,
68
65
  ref
69
66
  };
70
- const buttonImage = !ButtonImageElement ? null : /*#__PURE__*/React__default["default"].createElement(ButtonImageElement, {
67
+ const buttonImage = !ButtonImageElement ? null : /*#__PURE__*/React.createElement(ButtonImageElement, {
71
68
  "aria-label": iconDescription,
72
69
  className: `${prefix}--btn__icon`,
73
70
  "aria-hidden": "true"
@@ -90,7 +87,7 @@ const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function Bu
90
87
  };
91
88
  let assistiveText = null;
92
89
  if (dangerButtonVariants.includes(kind)) {
93
- assistiveText = /*#__PURE__*/React__default["default"].createElement("span", {
90
+ assistiveText = /*#__PURE__*/React.createElement("span", {
94
91
  id: assistiveId,
95
92
  className: `${prefix}--visually-hidden`
96
93
  }, dangerDescription);
@@ -105,7 +102,7 @@ const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function Bu
105
102
  component = 'a';
106
103
  otherProps = anchorProps;
107
104
  }
108
- return /*#__PURE__*/React__default["default"].createElement(component, {
105
+ return /*#__PURE__*/React.createElement(component, {
109
106
  onMouseEnter,
110
107
  onMouseLeave,
111
108
  onFocus,
@@ -117,4 +114,4 @@ const ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function Bu
117
114
  }, assistiveText, children, buttonImage);
118
115
  });
119
116
 
120
- exports["default"] = ButtonBase;
117
+ exports.default = ButtonBase;
@@ -14,10 +14,10 @@ var Button_Skeleton = require('./Button.Skeleton.js');
14
14
 
15
15
 
16
16
 
17
- exports.Button = Button["default"];
17
+ exports.Button = Button.default;
18
18
  exports.ButtonKinds = Button.ButtonKinds;
19
19
  exports.ButtonSizes = Button.ButtonSizes;
20
20
  exports.ButtonTooltipAlignments = Button.ButtonTooltipAlignments;
21
21
  exports.ButtonTooltipPositions = Button.ButtonTooltipPositions;
22
- exports["default"] = Button["default"];
23
- exports.ButtonSkeleton = Button_Skeleton["default"];
22
+ exports.default = Button.default;
23
+ exports.ButtonSkeleton = Button_Skeleton.default;
@@ -15,12 +15,6 @@ var PropTypes = require('prop-types');
15
15
  var cx = require('classnames');
16
16
  var usePrefix = require('../../internal/usePrefix.js');
17
17
 
18
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
19
-
20
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
22
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
23
-
24
18
  const ButtonSet = /*#__PURE__*/React.forwardRef((props, ref) => {
25
19
  const {
26
20
  children,
@@ -29,10 +23,10 @@ const ButtonSet = /*#__PURE__*/React.forwardRef((props, ref) => {
29
23
  ...rest
30
24
  } = props;
31
25
  const prefix = usePrefix.usePrefix();
32
- const buttonSetClasses = cx__default["default"](className, `${prefix}--btn-set`, {
26
+ const buttonSetClasses = cx(className, `${prefix}--btn-set`, {
33
27
  [`${prefix}--btn-set--stacked`]: stacked
34
28
  });
35
- return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
29
+ return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
36
30
  className: buttonSetClasses,
37
31
  ref: ref
38
32
  }), children);
@@ -42,16 +36,16 @@ ButtonSet.propTypes = {
42
36
  /**
43
37
  * Specify the content of your ButtonSet
44
38
  */
45
- children: PropTypes__default["default"].node,
39
+ children: PropTypes.node,
46
40
  /**
47
41
  * Specify an optional className to be added to your ButtonSet
48
42
  */
49
- className: PropTypes__default["default"].string,
43
+ className: PropTypes.string,
50
44
  /**
51
45
  * Specify the button arrangement of the set (vertically stacked or
52
46
  * horizontal)
53
47
  */
54
- stacked: PropTypes__default["default"].bool
48
+ stacked: PropTypes.bool
55
49
  };
56
50
 
57
- exports["default"] = ButtonSet;
51
+ exports.default = ButtonSet;
@@ -13,5 +13,5 @@ var ButtonSet = require('./ButtonSet.js');
13
13
 
14
14
 
15
15
 
16
- exports.ButtonSet = ButtonSet["default"];
17
- exports["default"] = ButtonSet["default"];
16
+ exports.ButtonSet = ButtonSet.default;
17
+ exports.default = ButtonSet.default;
@@ -15,22 +15,16 @@ var React = require('react');
15
15
  var cx = require('classnames');
16
16
  var usePrefix = require('../../internal/usePrefix.js');
17
17
 
18
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
19
-
20
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
21
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
23
-
24
18
  const ChatButtonSkeleton = ({
25
19
  className,
26
20
  size,
27
21
  ...rest
28
22
  }) => {
29
23
  const prefix = usePrefix.usePrefix();
30
- const skeletonClasses = cx__default["default"](className, `${prefix}--skeleton`, `${prefix}--btn`, `${prefix}--chat-btn`, {
24
+ const skeletonClasses = cx(className, `${prefix}--skeleton`, `${prefix}--btn`, `${prefix}--chat-btn`, {
31
25
  [`${prefix}--layout--size-${size}`]: size
32
26
  });
33
- return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
27
+ return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
34
28
  className: skeletonClasses
35
29
  }, rest));
36
30
  };
@@ -38,11 +32,11 @@ ChatButtonSkeleton.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
  * Specify the size of the `ChatButtonSkeleton`, from the following list of sizes:
44
38
  */
45
- size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])
39
+ size: PropTypes.oneOf(['sm', 'md', 'lg'])
46
40
  };
47
41
 
48
- exports["default"] = ChatButtonSkeleton;
42
+ exports.default = ChatButtonSkeleton;
@@ -17,13 +17,7 @@ var Button = require('../Button/Button.js');
17
17
  require('../Button/Button.Skeleton.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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
24
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
25
-
26
- const ChatButton = /*#__PURE__*/React__default["default"].forwardRef(function ChatButton({
20
+ const ChatButton = /*#__PURE__*/React.forwardRef(function ChatButton({
27
21
  className,
28
22
  children,
29
23
  disabled,
@@ -35,7 +29,7 @@ const ChatButton = /*#__PURE__*/React__default["default"].forwardRef(function Ch
35
29
  ...other
36
30
  }, ref) {
37
31
  const prefix = usePrefix.usePrefix();
38
- const classNames = cx__default["default"](className, {
32
+ const classNames = cx(className, {
39
33
  [`${prefix}--chat-btn`]: true,
40
34
  [`${prefix}--chat-btn--with-icon`]: renderIcon,
41
35
  [`${prefix}--chat-btn--quick-action`]: isQuickAction,
@@ -52,7 +46,7 @@ const ChatButton = /*#__PURE__*/React__default["default"].forwardRef(function Ch
52
46
  size = 'lg';
53
47
  }
54
48
  }
55
- return /*#__PURE__*/React__default["default"].createElement(Button["default"], _rollupPluginBabelHelpers["extends"]({
49
+ return /*#__PURE__*/React.createElement(Button.default, _rollupPluginBabelHelpers.extends({
56
50
  disabled: disabled,
57
51
  className: classNames,
58
52
  kind: kind,
@@ -65,35 +59,35 @@ ChatButton.propTypes = {
65
59
  /**
66
60
  * Provide the contents of your Select
67
61
  */
68
- children: PropTypes__default["default"].node,
62
+ children: PropTypes.node,
69
63
  /**
70
64
  * Specify an optional className to be applied to the node containing the label and the select box
71
65
  */
72
- className: PropTypes__default["default"].string,
66
+ className: PropTypes.string,
73
67
  /**
74
68
  * Specify whether the `ChatButton` should be disabled
75
69
  */
76
- disabled: PropTypes__default["default"].bool,
70
+ disabled: PropTypes.bool,
77
71
  /**
78
72
  * Specify whether the `ChatButton` should be rendered as a quick action button
79
73
  */
80
- isQuickAction: PropTypes__default["default"].bool,
74
+ isQuickAction: PropTypes.bool,
81
75
  /**
82
76
  * Specify whether the quick action `ChatButton` should be rendered as selected. This disables the input
83
77
  */
84
- isSelected: PropTypes__default["default"].bool,
78
+ isSelected: PropTypes.bool,
85
79
  /**
86
80
  * Specify the kind of `ChatButton` you want to create
87
81
  */
88
- kind: PropTypes__default["default"].oneOf(['primary', 'secondary', 'danger', 'ghost', 'tertiary']),
82
+ kind: PropTypes.oneOf(['primary', 'secondary', 'danger', 'ghost', 'tertiary']),
89
83
  /**
90
84
  * A component used to render an icon.
91
85
  */
92
- renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
86
+ renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
93
87
  /**
94
88
  * Specify the size of the `ChatButton`, from the following list of sizes:
95
89
  */
96
- size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])
90
+ size: PropTypes.oneOf(['sm', 'md', 'lg'])
97
91
  };
98
92
 
99
- exports["default"] = ChatButton;
93
+ exports.default = ChatButton;
@@ -15,22 +15,16 @@ var React = require('react');
15
15
  var cx = require('classnames');
16
16
  var usePrefix = require('../../internal/usePrefix.js');
17
17
 
18
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
19
-
20
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
21
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
23
-
24
18
  const CheckboxSkeleton = ({
25
19
  className,
26
20
  ...rest
27
21
  }) => {
28
22
  const prefix = usePrefix.usePrefix();
29
- return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
30
- className: cx__default["default"](`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, `${prefix}--checkbox-skeleton`, className)
31
- }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
23
+ return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
24
+ className: cx(`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, `${prefix}--checkbox-skeleton`, className)
25
+ }, rest), /*#__PURE__*/React.createElement("div", {
32
26
  className: `${prefix}--checkbox-label`
33
- }, /*#__PURE__*/React__default["default"].createElement("span", {
27
+ }, /*#__PURE__*/React.createElement("span", {
34
28
  className: `${prefix}--checkbox-label-text ${prefix}--skeleton`
35
29
  })));
36
30
  };
@@ -38,8 +32,8 @@ CheckboxSkeleton.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
 
44
38
  exports.CheckboxSkeleton = CheckboxSkeleton;
45
- exports["default"] = CheckboxSkeleton;
39
+ exports.default = CheckboxSkeleton;
@@ -23,13 +23,7 @@ var index = require('../AILabel/index.js');
23
23
  var utils = require('../../internal/utils.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 PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
29
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
30
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
31
-
32
- const Checkbox = /*#__PURE__*/React__default["default"].forwardRef(({
26
+ const Checkbox = /*#__PURE__*/React.forwardRef(({
33
27
  className,
34
28
  decorator,
35
29
  helperText,
@@ -53,18 +47,18 @@ const Checkbox = /*#__PURE__*/React__default["default"].forwardRef(({
53
47
  const showHelper = !invalid && !warn;
54
48
  const checkboxGroupInstanceId = useId.useId();
55
49
  const helperId = !helperText ? undefined : `checkbox-helper-text-${checkboxGroupInstanceId}`;
56
- const helper = helperText ? /*#__PURE__*/React__default["default"].createElement("div", {
50
+ const helper = helperText ? /*#__PURE__*/React.createElement("div", {
57
51
  id: helperId,
58
52
  className: `${prefix}--form__helper-text`
59
53
  }, helperText) : null;
60
- const wrapperClasses = cx__default["default"](`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, className, {
54
+ const wrapperClasses = cx(`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, className, {
61
55
  [`${prefix}--checkbox-wrapper--readonly`]: readOnly,
62
56
  [`${prefix}--checkbox-wrapper--invalid`]: !readOnly && invalid,
63
57
  [`${prefix}--checkbox-wrapper--warning`]: showWarning,
64
58
  [`${prefix}--checkbox-wrapper--slug`]: slug,
65
59
  [`${prefix}--checkbox-wrapper--decorator`]: decorator
66
60
  });
67
- const innerLabelClasses = cx__default["default"](`${prefix}--checkbox-label-text`, {
61
+ const innerLabelClasses = cx(`${prefix}--checkbox-label-text`, {
68
62
  [`${prefix}--visually-hidden`]: hideLabel
69
63
  });
70
64
  const candidate = slug ?? decorator;
@@ -72,9 +66,9 @@ const Checkbox = /*#__PURE__*/React__default["default"].forwardRef(({
72
66
  const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/React.cloneElement(candidate, {
73
67
  size: candidate.props.kind === 'inline' ? 'md' : 'mini'
74
68
  }) : null;
75
- return /*#__PURE__*/React__default["default"].createElement("div", {
69
+ return /*#__PURE__*/React.createElement("div", {
76
70
  className: wrapperClasses
77
- }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, {
71
+ }, /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, other, {
78
72
  type: "checkbox",
79
73
  "data-invalid": invalid ? true : undefined,
80
74
  onChange: evt => {
@@ -111,23 +105,23 @@ const Checkbox = /*#__PURE__*/React__default["default"].forwardRef(({
111
105
  onClick(evt);
112
106
  }
113
107
  }
114
- })), /*#__PURE__*/React__default["default"].createElement("label", {
108
+ })), /*#__PURE__*/React.createElement("label", {
115
109
  htmlFor: id,
116
110
  className: `${prefix}--checkbox-label`,
117
111
  title: title
118
- }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
112
+ }, /*#__PURE__*/React.createElement(Text.Text, {
119
113
  className: innerLabelClasses
120
- }, labelText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
114
+ }, labelText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
121
115
  className: `${prefix}--checkbox-wrapper-inner--decorator`
122
- }, normalizedDecorator) : '')), /*#__PURE__*/React__default["default"].createElement("div", {
116
+ }, normalizedDecorator) : '')), /*#__PURE__*/React.createElement("div", {
123
117
  className: `${prefix}--checkbox__validation-msg`
124
- }, !readOnly && invalid && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
118
+ }, !readOnly && invalid && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
125
119
  className: `${prefix}--checkbox__invalid-icon`
126
- }), /*#__PURE__*/React__default["default"].createElement("div", {
120
+ }), /*#__PURE__*/React.createElement("div", {
127
121
  className: `${prefix}--form-requirement`
128
- }, invalidText)), showWarning && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
122
+ }, invalidText)), showWarning && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
129
123
  className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`
130
- }), /*#__PURE__*/React__default["default"].createElement("div", {
124
+ }), /*#__PURE__*/React.createElement("div", {
131
125
  className: `${prefix}--form-requirement`
132
126
  }, warnText))), showHelper && helper);
133
127
  });
@@ -135,79 +129,79 @@ Checkbox.propTypes = {
135
129
  /**
136
130
  * Specify whether the underlying input should be checked
137
131
  */
138
- checked: PropTypes__default["default"].bool,
132
+ checked: PropTypes.bool,
139
133
  /**
140
134
  * Specify an optional className to be applied to the <label> node
141
135
  */
142
- className: PropTypes__default["default"].string,
136
+ className: PropTypes.string,
143
137
  /**
144
138
  * **Experimental**: Provide a decorator component to be rendered inside the `Checkbox` component
145
139
  */
146
- decorator: PropTypes__default["default"].node,
140
+ decorator: PropTypes.node,
147
141
  /**
148
142
  * Specify whether the underlying input should be checked by default
149
143
  */
150
- defaultChecked: PropTypes__default["default"].bool,
144
+ defaultChecked: PropTypes.bool,
151
145
  /**
152
146
  * Specify whether the Checkbox should be disabled
153
147
  */
154
- disabled: PropTypes__default["default"].bool,
148
+ disabled: PropTypes.bool,
155
149
  /**
156
150
  * Provide text for the form group for additional help
157
151
  */
158
- helperText: PropTypes__default["default"].node,
152
+ helperText: PropTypes.node,
159
153
  /**
160
154
  * Specify whether the label should be hidden, or not
161
155
  */
162
- hideLabel: PropTypes__default["default"].bool,
156
+ hideLabel: PropTypes.bool,
163
157
  /**
164
158
  * Provide an `id` to uniquely identify the Checkbox input
165
159
  */
166
- id: PropTypes__default["default"].string.isRequired,
160
+ id: PropTypes.string.isRequired,
167
161
  /**
168
162
  * Specify whether the Checkbox is in an indeterminate state
169
163
  */
170
- indeterminate: PropTypes__default["default"].bool,
164
+ indeterminate: PropTypes.bool,
171
165
  /**
172
166
  * Specify whether the Checkbox is currently invalid
173
167
  */
174
- invalid: PropTypes__default["default"].bool,
168
+ invalid: PropTypes.bool,
175
169
  /**
176
170
  * Provide the text that is displayed when the Checkbox is in an invalid state
177
171
  */
178
- invalidText: PropTypes__default["default"].node,
172
+ invalidText: PropTypes.node,
179
173
  /**
180
174
  * Provide a label to provide a description of the Checkbox input that you are
181
175
  * exposing to the user
182
176
  */
183
- labelText: PropTypes__default["default"].node.isRequired,
177
+ labelText: PropTypes.node.isRequired,
184
178
  /**
185
179
  * Provide an optional handler that is called when the internal state of
186
180
  * Checkbox changes. This handler is called with event and state info.
187
181
  * `(event, { checked, id }) => void`
188
182
  */
189
- onChange: PropTypes__default["default"].func,
183
+ onChange: PropTypes.func,
190
184
  /**
191
185
  * Specify whether the Checkbox is read-only
192
186
  */
193
- readOnly: PropTypes__default["default"].bool,
187
+ readOnly: PropTypes.bool,
194
188
  /**
195
189
  * **Experimental**: Provide a `Slug` component to be rendered inside the `Checkbox` component
196
190
  */
197
- slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
191
+ slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
198
192
  /**
199
193
  * Specify a title for the <label> node for the Checkbox
200
194
  */
201
- title: PropTypes__default["default"].string,
195
+ title: PropTypes.string,
202
196
  /**
203
197
  * Specify whether the Checkbox is currently in warning state
204
198
  */
205
- warn: PropTypes__default["default"].bool,
199
+ warn: PropTypes.bool,
206
200
  /**
207
201
  * Provide the text that is displayed when the Checkbox is in warning state
208
202
  */
209
- warnText: PropTypes__default["default"].node
203
+ warnText: PropTypes.node
210
204
  };
211
205
  Checkbox.displayName = 'Checkbox';
212
206
 
213
- exports["default"] = Checkbox;
207
+ exports.default = Checkbox;
@@ -14,6 +14,6 @@ var Checkbox_Skeleton = require('./Checkbox.Skeleton.js');
14
14
 
15
15
 
16
16
 
17
- exports.Checkbox = Checkbox["default"];
18
- exports["default"] = Checkbox["default"];
19
- exports.CheckboxSkeleton = Checkbox_Skeleton["default"];
17
+ exports.Checkbox = Checkbox.default;
18
+ exports.default = Checkbox.default;
19
+ exports.CheckboxSkeleton = Checkbox_Skeleton.default;
@@ -20,12 +20,6 @@ var useId = require('../../internal/useId.js');
20
20
  var index = require('../AILabel/index.js');
21
21
  var utils = require('../../internal/utils.js');
22
22
 
23
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
-
25
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
26
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
27
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
28
-
29
23
  const CheckboxGroup = ({
30
24
  children,
31
25
  className,
@@ -47,11 +41,11 @@ const CheckboxGroup = ({
47
41
  const showHelper = !invalid && !warn;
48
42
  const checkboxGroupInstanceId = useId.useId();
49
43
  const helperId = !helperText ? undefined : `checkbox-group-helper-text-${checkboxGroupInstanceId}`;
50
- const helper = helperText ? /*#__PURE__*/React__default["default"].createElement("div", {
44
+ const helper = helperText ? /*#__PURE__*/React.createElement("div", {
51
45
  id: helperId,
52
46
  className: `${prefix}--form__helper-text`
53
47
  }, helperText) : null;
54
- const fieldsetClasses = cx__default["default"](`${prefix}--checkbox-group`, className, {
48
+ const fieldsetClasses = cx(`${prefix}--checkbox-group`, className, {
55
49
  [`${prefix}--checkbox-group--${orientation}`]: orientation === 'horizontal',
56
50
  [`${prefix}--checkbox-group--readonly`]: readOnly,
57
51
  [`${prefix}--checkbox-group--invalid`]: !readOnly && invalid,
@@ -67,26 +61,26 @@ const CheckboxGroup = ({
67
61
  size: 'mini',
68
62
  kind: 'default'
69
63
  }) : null;
70
- return /*#__PURE__*/React__default["default"].createElement("fieldset", _rollupPluginBabelHelpers["extends"]({
64
+ return /*#__PURE__*/React.createElement("fieldset", _rollupPluginBabelHelpers.extends({
71
65
  className: fieldsetClasses,
72
66
  "data-invalid": invalid ? true : undefined,
73
67
  "aria-labelledby": rest['aria-labelledby'] || legendId,
74
68
  "aria-readonly": readOnly,
75
69
  "aria-describedby": !invalid && !warn && helper ? helperId : undefined
76
- }, rest), /*#__PURE__*/React__default["default"].createElement("legend", {
70
+ }, rest), /*#__PURE__*/React.createElement("legend", {
77
71
  className: `${prefix}--label`,
78
72
  id: legendId || rest['aria-labelledby']
79
- }, legendText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
73
+ }, legendText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
80
74
  className: `${prefix}--checkbox-group-inner--decorator`
81
- }, normalizedDecorator) : ''), children, /*#__PURE__*/React__default["default"].createElement("div", {
75
+ }, normalizedDecorator) : ''), children, /*#__PURE__*/React.createElement("div", {
82
76
  className: `${prefix}--checkbox-group__validation-msg`
83
- }, !readOnly && invalid && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
77
+ }, !readOnly && invalid && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
84
78
  className: `${prefix}--checkbox__invalid-icon`
85
- }), /*#__PURE__*/React__default["default"].createElement("div", {
79
+ }), /*#__PURE__*/React.createElement("div", {
86
80
  className: `${prefix}--form-requirement`
87
- }, invalidText)), showWarning && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
81
+ }, invalidText)), showWarning && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
88
82
  className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`
89
- }), /*#__PURE__*/React__default["default"].createElement("div", {
83
+ }), /*#__PURE__*/React.createElement("div", {
90
84
  className: `${prefix}--form-requirement`
91
85
  }, warnText))), showHelper && helper);
92
86
  };
@@ -94,56 +88,56 @@ CheckboxGroup.propTypes = {
94
88
  /**
95
89
  * Provide the children form elements to be rendered inside of the <fieldset>
96
90
  */
97
- children: PropTypes__default["default"].node,
91
+ children: PropTypes.node,
98
92
  /**
99
93
  * Provide a custom className to be applied to the containing <fieldset> node
100
94
  */
101
- className: PropTypes__default["default"].string,
95
+ className: PropTypes.string,
102
96
  /**
103
97
  * **Experimental**: Provide a decorator component to be rendered inside the `CheckboxGroup` component
104
98
  */
105
- decorator: PropTypes__default["default"].node,
99
+ decorator: PropTypes.node,
106
100
  /**
107
101
  * Provide text for the form group for additional help
108
102
  */
109
- helperText: PropTypes__default["default"].node,
103
+ helperText: PropTypes.node,
110
104
  /**
111
105
  * Specify whether the form group is currently invalid
112
106
  */
113
- invalid: PropTypes__default["default"].bool,
107
+ invalid: PropTypes.bool,
114
108
  /**
115
109
  * Provide the text that is displayed when the form group is in an invalid state
116
110
  */
117
- invalidText: PropTypes__default["default"].node,
111
+ invalidText: PropTypes.node,
118
112
  /**
119
113
  * Provide id for the fieldset <legend> which corresponds to the fieldset
120
114
  * `aria-labelledby`
121
115
  */
122
- legendId: PropTypes__default["default"].node,
116
+ legendId: PropTypes.node,
123
117
  /**
124
118
  * Provide the text to be rendered inside of the fieldset <legend>
125
119
  */
126
- legendText: PropTypes__default["default"].node.isRequired,
120
+ legendText: PropTypes.node.isRequired,
127
121
  /**
128
122
  * Provide the orientation for how the checkbox should be displayed
129
123
  */
130
- orientation: PropTypes__default["default"].oneOf(['horizontal', 'vertical']),
124
+ orientation: PropTypes.oneOf(['horizontal', 'vertical']),
131
125
  /**
132
126
  * Whether the CheckboxGroup should be read-only
133
127
  */
134
- readOnly: PropTypes__default["default"].bool,
128
+ readOnly: PropTypes.bool,
135
129
  /**
136
130
  * **Experimental**: Provide a `Slug` component to be rendered inside the `CheckboxGroup` component
137
131
  */
138
- slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
132
+ slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
139
133
  /**
140
134
  * Specify whether the form group is currently in warning state
141
135
  */
142
- warn: PropTypes__default["default"].bool,
136
+ warn: PropTypes.bool,
143
137
  /**
144
138
  * Provide the text that is displayed when the form group is in warning state
145
139
  */
146
- warnText: PropTypes__default["default"].node
140
+ warnText: PropTypes.node
147
141
  };
148
142
 
149
- exports["default"] = CheckboxGroup;
143
+ exports.default = CheckboxGroup;
@@ -7,31 +7,24 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var PropTypes = require('prop-types');
13
11
  var React = require('react');
14
12
  var usePrefix = require('../../internal/usePrefix.js');
15
13
 
16
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
-
18
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
19
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
20
-
21
14
  function ClassPrefix({
22
15
  children,
23
16
  prefix
24
17
  }) {
25
- return /*#__PURE__*/React__default["default"].createElement(usePrefix.PrefixContext.Provider, {
18
+ return /*#__PURE__*/React.createElement(usePrefix.PrefixContext.Provider, {
26
19
  value: prefix
27
20
  }, children);
28
21
  }
29
22
  ClassPrefix.propTypes = {
30
- children: PropTypes__default["default"].node,
23
+ children: PropTypes.node,
31
24
  /**
32
25
  * The value used to prefix the CSS selectors used by Carbon components
33
26
  */
34
- prefix: PropTypes__default["default"].string.isRequired
27
+ prefix: PropTypes.string.isRequired
35
28
  };
36
29
 
37
30
  exports.ClassPrefix = ClassPrefix;