@carbon/react 1.87.0-rc.0 → 1.87.1-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (480) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +739 -739
  2. package/es/_virtual/_rollupPluginBabelHelpers.js +4 -4
  3. package/es/components/Button/Button.js +1 -1
  4. package/es/components/Button/index.js +5 -1
  5. package/es/components/ButtonSet/index.js +4 -1
  6. package/es/components/Checkbox/index.js +4 -1
  7. package/es/components/ComboBox/ComboBox.js +1 -1
  8. package/es/components/ComboBox/index.js +4 -1
  9. package/es/components/ComposedModal/ComposedModal.js +18 -8
  10. package/es/components/ContainedList/ContainedListItem/index.js +4 -1
  11. package/es/components/ContainedList/index.js +2 -2
  12. package/es/components/Copy/Copy.js +1 -1
  13. package/es/components/Copy/index.js +4 -1
  14. package/es/components/CopyButton/index.js +4 -1
  15. package/es/components/DataTable/Table.js +1 -1
  16. package/es/components/DataTable/state/getDerivedStateFromProps.d.ts +19 -0
  17. package/es/components/DataTable/state/getDerivedStateFromProps.js +1 -2
  18. package/es/components/DataTable/state/sorting.d.ts +15 -0
  19. package/es/components/DataTable/state/sorting.js +1 -2
  20. package/es/components/DataTable/tools/denormalize.d.ts +22 -0
  21. package/es/components/DataTable/tools/denormalize.js +1 -2
  22. package/es/components/DataTable/tools/normalize.d.ts +9 -0
  23. package/es/components/DataTable/tools/normalize.js +1 -2
  24. package/es/components/DatePicker/DatePicker.js +18 -11
  25. package/es/components/DatePicker/index.js +4 -1
  26. package/es/components/DatePicker/plugins/fixEventsPlugin.d.ts +2 -0
  27. package/es/components/DatePicker/plugins/rangePlugin.d.ts +2 -0
  28. package/es/components/DatePickerInput/DatePickerInput.js +6 -0
  29. package/es/components/DatePickerInput/index.js +4 -1
  30. package/es/components/Dialog/index.js +2 -2
  31. package/es/components/Dropdown/Dropdown.js +2 -2
  32. package/es/components/Dropdown/index.js +4 -1
  33. package/es/components/FeatureFlags/index.js +2 -2
  34. package/es/components/FluidSelect/index.js +4 -1
  35. package/es/components/FluidTextInput/index.js +4 -1
  36. package/es/components/IconIndicator/index.js +1 -1
  37. package/es/components/InlineCheckbox/index.js +4 -1
  38. package/es/components/InlineLoading/index.js +4 -1
  39. package/es/components/LayoutDirection/LayoutDirection.js +1 -2
  40. package/es/components/Link/index.js +4 -1
  41. package/es/components/ListBox/ListBox.js +1 -1
  42. package/es/components/Loading/index.js +4 -1
  43. package/es/components/Menu/Menu.d.ts +3 -1
  44. package/es/components/Menu/Menu.js +3 -1
  45. package/es/components/Menu/MenuItem.js +1 -1
  46. package/es/components/Modal/Modal.js +16 -5
  47. package/es/components/Modal/index.js +4 -1
  48. package/es/components/MultiSelect/FilterableMultiSelect.js +3 -3
  49. package/es/components/MultiSelect/MultiSelect.js +2 -2
  50. package/es/components/MultiSelect/filter.js +0 -4
  51. package/es/components/MultiSelect/tools/itemToString.d.ts +1 -0
  52. package/es/components/MultiSelect/tools/sorting.d.ts +9 -0
  53. package/es/components/Notification/Notification.js +2 -2
  54. package/es/components/NumberInput/NumberInput.js +1 -1
  55. package/es/components/OverflowMenu/next/index.js +1 -1
  56. package/es/components/OverflowMenuItem/index.js +4 -1
  57. package/es/components/OverflowMenuV2/index.d.ts +1 -0
  58. package/es/components/PageHeader/PageHeader.js +1 -1
  59. package/es/components/Pagination/experimental/PageSelector.d.ts +19 -0
  60. package/es/components/Pagination/experimental/Pagination.d.ts +43 -0
  61. package/es/components/Pagination/experimental/index.d.ts +3 -0
  62. package/es/components/Popover/index.js +21 -4
  63. package/es/components/RadioButton/index.js +4 -1
  64. package/es/components/RadioTile/index.js +4 -1
  65. package/es/components/Search/Search.js +1 -1
  66. package/es/components/Search/index.js +4 -1
  67. package/es/components/Select/index.js +4 -1
  68. package/es/components/SelectItem/index.js +4 -1
  69. package/es/components/ShapeIndicator/index.js +1 -1
  70. package/es/components/SkeletonText/index.js +4 -1
  71. package/es/components/Slider/Slider.js +1 -1
  72. package/es/components/Switch/IconSwitch.d.ts +3 -0
  73. package/es/components/Switch/IconSwitch.js +1 -2
  74. package/es/components/TabContent/TabContent.js +2 -22
  75. package/es/components/Tabs/Tabs.js +5 -5
  76. package/es/components/Tag/DismissibleTag.js +1 -1
  77. package/es/components/TextArea/TextArea.js +1 -1
  78. package/es/components/TextArea/index.js +4 -1
  79. package/es/components/TextInput/index.js +4 -1
  80. package/es/components/TextInput/util.d.ts +9 -0
  81. package/es/components/Toggletip/index.js +2 -2
  82. package/es/components/UIShell/HeaderMenu.js +2 -2
  83. package/es/components/UIShell/SideNav.js +1 -1
  84. package/es/components/UIShell/_utils.d.ts +7 -0
  85. package/es/feature-flags.d.ts +1 -0
  86. package/es/internal/FloatingMenu.js +1 -1
  87. package/es/internal/deprecateFieldOnObject.js +1 -1
  88. package/es/internal/useId.d.ts +21 -0
  89. package/es/internal/useId.js +27 -1
  90. package/es/internal/useOverflowItems.js +0 -6
  91. package/es/node_modules/es-toolkit/dist/compat/function/{debounce.mjs.js → debounce.js} +1 -1
  92. package/es/node_modules/es-toolkit/dist/compat/function/{throttle.mjs.js → throttle.js} +1 -1
  93. package/es/prop-types/deprecateComponent.d.ts +1 -0
  94. package/es/prop-types/deprecateComponent.js +1 -4
  95. package/es/prop-types/deprecateValuesWithin.d.ts +1 -0
  96. package/es/prop-types/requiredIfGivenPropIsTruthy.d.ts +14 -0
  97. package/es/tools/mergeRefs.d.ts +12 -0
  98. package/es/tools/mergeRefs.js +1 -2
  99. package/icons/index.js +1 -3
  100. package/lib/_virtual/_rollupPluginBabelHelpers.js +5 -7
  101. package/lib/components/AILabel/index.js +35 -43
  102. package/lib/components/AISkeleton/AISkeletonIcon.js +5 -11
  103. package/lib/components/AISkeleton/AISkeletonPlaceholder.js +4 -10
  104. package/lib/components/AISkeleton/AISkeletonText.js +8 -14
  105. package/lib/components/Accordion/Accordion.Skeleton.js +21 -27
  106. package/lib/components/Accordion/Accordion.js +11 -17
  107. package/lib/components/Accordion/AccordionItem.js +19 -25
  108. package/lib/components/Accordion/AccordionProvider.js +1 -7
  109. package/lib/components/AspectRatio/AspectRatio.js +7 -13
  110. package/lib/components/BadgeIndicator/index.js +7 -13
  111. package/lib/components/Breadcrumb/Breadcrumb.Skeleton.js +7 -13
  112. package/lib/components/Breadcrumb/Breadcrumb.js +9 -15
  113. package/lib/components/Breadcrumb/BreadcrumbItem.js +16 -22
  114. package/lib/components/Button/Button.Skeleton.js +8 -14
  115. package/lib/components/Button/Button.js +31 -36
  116. package/lib/components/Button/ButtonBase.js +6 -11
  117. package/lib/components/Button/index.js +3 -3
  118. package/lib/components/ButtonSet/ButtonSet.js +6 -12
  119. package/lib/components/ButtonSet/index.js +2 -2
  120. package/lib/components/ChatButton/ChatButton.Skeleton.js +5 -11
  121. package/lib/components/ChatButton/ChatButton.js +12 -18
  122. package/lib/components/Checkbox/Checkbox.Skeleton.js +6 -12
  123. package/lib/components/Checkbox/Checkbox.js +33 -39
  124. package/lib/components/Checkbox/index.js +3 -3
  125. package/lib/components/CheckboxGroup/CheckboxGroup.js +24 -30
  126. package/lib/components/ClassPrefix/index.js +3 -10
  127. package/lib/components/CodeSnippet/CodeSnippet.Skeleton.js +10 -16
  128. package/lib/components/CodeSnippet/CodeSnippet.js +39 -46
  129. package/lib/components/ComboBox/ComboBox.js +57 -64
  130. package/lib/components/ComboBox/index.js +2 -2
  131. package/lib/components/ComboButton/index.js +20 -28
  132. package/lib/components/ComposedModal/ComposedModal.js +61 -57
  133. package/lib/components/ComposedModal/ModalFooter.js +37 -45
  134. package/lib/components/ComposedModal/ModalHeader.js +23 -31
  135. package/lib/components/ContainedList/ContainedList.js +18 -24
  136. package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js +14 -20
  137. package/lib/components/ContainedList/ContainedListItem/index.js +2 -2
  138. package/lib/components/ContainedList/index.js +5 -5
  139. package/lib/components/ContentSwitcher/ContentSwitcher.js +11 -19
  140. package/lib/components/ContextMenu/useContextMenu.js +1 -1
  141. package/lib/components/Copy/Copy.js +12 -18
  142. package/lib/components/Copy/index.js +2 -2
  143. package/lib/components/CopyButton/CopyButton.js +12 -18
  144. package/lib/components/CopyButton/index.js +2 -2
  145. package/lib/components/DangerButton/DangerButton.js +2 -6
  146. package/lib/components/DataTable/DataTable.js +48 -55
  147. package/lib/components/DataTable/Table.js +18 -24
  148. package/lib/components/DataTable/TableActionList.js +2 -2
  149. package/lib/components/DataTable/TableBatchAction.js +4 -9
  150. package/lib/components/DataTable/TableBatchActions.js +19 -25
  151. package/lib/components/DataTable/TableBody.js +5 -10
  152. package/lib/components/DataTable/TableCell.js +8 -14
  153. package/lib/components/DataTable/TableContainer.js +14 -20
  154. package/lib/components/DataTable/TableContext.js +0 -2
  155. package/lib/components/DataTable/TableDecoratorRow.js +5 -11
  156. package/lib/components/DataTable/TableExpandHeader.js +16 -22
  157. package/lib/components/DataTable/TableExpandRow.js +20 -26
  158. package/lib/components/DataTable/TableExpandedRow.js +8 -14
  159. package/lib/components/DataTable/TableHead.js +2 -2
  160. package/lib/components/DataTable/TableHeader.js +26 -32
  161. package/lib/components/DataTable/TableRow.js +8 -14
  162. package/lib/components/DataTable/TableSelectAll.js +13 -19
  163. package/lib/components/DataTable/TableSelectRow.js +15 -21
  164. package/lib/components/DataTable/TableSlugRow.js +7 -13
  165. package/lib/components/DataTable/TableToolbar.js +7 -13
  166. package/lib/components/DataTable/TableToolbarAction.js +5 -10
  167. package/lib/components/DataTable/TableToolbarContent.js +2 -2
  168. package/lib/components/DataTable/TableToolbarMenu.js +9 -15
  169. package/lib/components/DataTable/TableToolbarSearch.js +22 -28
  170. package/lib/components/DataTable/state/getDerivedStateFromProps.d.ts +19 -0
  171. package/lib/components/DataTable/state/getDerivedStateFromProps.js +2 -3
  172. package/lib/components/DataTable/state/sortStates.js +0 -2
  173. package/lib/components/DataTable/state/sorting.d.ts +15 -0
  174. package/lib/components/DataTable/state/sorting.js +0 -2
  175. package/lib/components/DataTable/tools/cells.js +0 -2
  176. package/lib/components/DataTable/tools/denormalize.d.ts +22 -0
  177. package/lib/components/DataTable/tools/denormalize.js +1 -2
  178. package/lib/components/DataTable/tools/filter.js +0 -2
  179. package/lib/components/DataTable/tools/normalize.d.ts +9 -0
  180. package/lib/components/DataTable/tools/normalize.js +1 -2
  181. package/lib/components/DataTable/tools/sorting.js +0 -2
  182. package/lib/components/DataTableSkeleton/DataTableSkeleton.js +25 -31
  183. package/lib/components/DatePicker/DatePicker.Skeleton.js +14 -20
  184. package/lib/components/DatePicker/DatePicker.js +65 -66
  185. package/lib/components/DatePicker/index.js +3 -3
  186. package/lib/components/DatePicker/plugins/appendToPlugin.js +0 -2
  187. package/lib/components/DatePicker/plugins/fixEventsPlugin.d.ts +2 -0
  188. package/lib/components/DatePicker/plugins/fixEventsPlugin.js +1 -1
  189. package/lib/components/DatePicker/plugins/rangePlugin.d.ts +2 -0
  190. package/lib/components/DatePicker/plugins/rangePlugin.js +2 -6
  191. package/lib/components/DatePickerInput/DatePickerInput.js +49 -49
  192. package/lib/components/DatePickerInput/index.js +2 -2
  193. package/lib/components/Dialog/index.js +72 -80
  194. package/lib/components/Dropdown/Dropdown.Skeleton.js +8 -14
  195. package/lib/components/Dropdown/Dropdown.js +49 -55
  196. package/lib/components/Dropdown/index.js +3 -3
  197. package/lib/components/ErrorBoundary/ErrorBoundary.js +4 -9
  198. package/lib/components/ErrorBoundary/ErrorBoundaryContext.js +0 -2
  199. package/lib/components/ExpandableSearch/ExpandableSearch.js +6 -11
  200. package/lib/components/FeatureFlags/index.js +10 -17
  201. package/lib/components/FileUploader/FileUploader.Skeleton.js +7 -13
  202. package/lib/components/FileUploader/FileUploader.js +30 -36
  203. package/lib/components/FileUploader/FileUploaderButton.js +19 -25
  204. package/lib/components/FileUploader/FileUploaderDropContainer.js +18 -24
  205. package/lib/components/FileUploader/FileUploaderItem.js +23 -29
  206. package/lib/components/FileUploader/Filename.js +13 -18
  207. package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js +7 -13
  208. package/lib/components/FluidComboBox/FluidComboBox.js +24 -30
  209. package/lib/components/FluidDatePicker/FluidDatePicker.Skeleton.js +14 -20
  210. package/lib/components/FluidDatePicker/FluidDatePicker.js +12 -18
  211. package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js +4 -8
  212. package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js +7 -13
  213. package/lib/components/FluidDropdown/FluidDropdown.js +24 -30
  214. package/lib/components/FluidForm/FluidForm.js +6 -12
  215. package/lib/components/FluidForm/FormContext.js +0 -2
  216. package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js +7 -13
  217. package/lib/components/FluidMultiSelect/FluidMultiSelect.js +36 -42
  218. package/lib/components/FluidNumberInput/FluidNumberInput.Skeleton.js +7 -13
  219. package/lib/components/FluidNumberInput/FluidNumberInput.js +30 -36
  220. package/lib/components/FluidSearch/FluidSearch.Skeleton.js +7 -13
  221. package/lib/components/FluidSearch/FluidSearch.js +19 -25
  222. package/lib/components/FluidSelect/FluidSelect.Skeleton.js +7 -13
  223. package/lib/components/FluidSelect/FluidSelect.js +17 -23
  224. package/lib/components/FluidSelect/index.js +3 -3
  225. package/lib/components/FluidTextArea/FluidTextArea.Skeleton.js +7 -13
  226. package/lib/components/FluidTextArea/FluidTextArea.js +25 -31
  227. package/lib/components/FluidTextInput/FluidPasswordInput.js +18 -22
  228. package/lib/components/FluidTextInput/FluidTextInput.Skeleton.js +7 -13
  229. package/lib/components/FluidTextInput/FluidTextInput.js +23 -29
  230. package/lib/components/FluidTextInput/index.js +3 -3
  231. package/lib/components/FluidTimePicker/FluidTimePicker.Skeleton.js +6 -12
  232. package/lib/components/FluidTimePicker/FluidTimePicker.js +23 -29
  233. package/lib/components/FluidTimePickerSelect/FluidTimePickerSelect.js +10 -15
  234. package/lib/components/Form/Form.js +5 -11
  235. package/lib/components/FormGroup/FormGroup.js +13 -19
  236. package/lib/components/FormItem/FormItem.js +5 -11
  237. package/lib/components/FormLabel/FormLabel.js +6 -12
  238. package/lib/components/Grid/CSSGrid.js +20 -28
  239. package/lib/components/Grid/Column.js +31 -37
  240. package/lib/components/Grid/ColumnHang.js +5 -13
  241. package/lib/components/Grid/FlexGrid.js +10 -18
  242. package/lib/components/Grid/Grid.js +9 -16
  243. package/lib/components/Grid/GridContext.js +7 -14
  244. package/lib/components/Grid/Row.js +8 -14
  245. package/lib/components/Heading/index.js +14 -21
  246. package/lib/components/Icon/Icon.Skeleton.js +4 -10
  247. package/lib/components/IconButton/index.js +25 -33
  248. package/lib/components/IconIndicator/index.js +9 -15
  249. package/lib/components/IdPrefix/index.js +3 -10
  250. package/lib/components/InlineCheckbox/InlineCheckbox.js +17 -22
  251. package/lib/components/InlineCheckbox/index.js +2 -2
  252. package/lib/components/InlineLoading/InlineLoading.js +17 -23
  253. package/lib/components/InlineLoading/index.js +2 -2
  254. package/lib/components/Layer/LayerContext.js +1 -7
  255. package/lib/components/Layer/LayerLevel.js +0 -2
  256. package/lib/components/Layer/index.js +11 -19
  257. package/lib/components/Layout/index.js +22 -30
  258. package/lib/components/LayoutDirection/LayoutDirection.js +6 -13
  259. package/lib/components/LayoutDirection/LayoutDirectionContext.js +1 -7
  260. package/lib/components/LayoutDirection/useLayoutDirection.js +0 -2
  261. package/lib/components/Link/Link.js +15 -21
  262. package/lib/components/Link/index.js +2 -2
  263. package/lib/components/ListBox/ListBox.js +17 -23
  264. package/lib/components/ListBox/ListBoxField.js +7 -12
  265. package/lib/components/ListBox/ListBoxMenu.js +7 -12
  266. package/lib/components/ListBox/ListBoxMenuIcon.js +7 -13
  267. package/lib/components/ListBox/ListBoxMenuItem.js +9 -15
  268. package/lib/components/ListBox/ListBoxPropTypes.js +2 -8
  269. package/lib/components/ListBox/ListBoxSelection.js +14 -20
  270. package/lib/components/ListBox/index.js +7 -7
  271. package/lib/components/ListBox/next/ListBoxSelection.js +18 -24
  272. package/lib/components/ListBox/next/ListBoxTrigger.js +7 -13
  273. package/lib/components/ListItem/ListItem.js +5 -11
  274. package/lib/components/Loading/Loading.js +14 -20
  275. package/lib/components/Loading/index.js +2 -2
  276. package/lib/components/Menu/Menu.d.ts +3 -1
  277. package/lib/components/Menu/Menu.js +18 -24
  278. package/lib/components/Menu/MenuContext.js +0 -2
  279. package/lib/components/Menu/MenuItem.js +44 -52
  280. package/lib/components/MenuButton/index.js +16 -24
  281. package/lib/components/Modal/Modal.js +91 -86
  282. package/lib/components/Modal/index.js +2 -2
  283. package/lib/components/ModalWrapper/ModalWrapper.js +30 -35
  284. package/lib/components/MultiSelect/FilterableMultiSelect.js +57 -67
  285. package/lib/components/MultiSelect/MultiSelect.js +61 -70
  286. package/lib/components/MultiSelect/MultiSelectPropTypes.js +2 -8
  287. package/lib/components/MultiSelect/filter.js +0 -6
  288. package/lib/components/MultiSelect/tools/itemToString.d.ts +1 -0
  289. package/lib/components/MultiSelect/tools/itemToString.js +1 -7
  290. package/lib/components/MultiSelect/tools/sorting.d.ts +9 -0
  291. package/lib/components/MultiSelect/tools/sorting.js +0 -2
  292. package/lib/components/Notification/Notification.js +118 -126
  293. package/lib/components/NumberInput/NumberFormatPropTypes.js +21 -27
  294. package/lib/components/NumberInput/NumberInput.Skeleton.js +8 -14
  295. package/lib/components/NumberInput/NumberInput.js +66 -74
  296. package/lib/components/OrderedList/OrderedList.js +8 -14
  297. package/lib/components/OverflowMenu/OverflowMenu.js +42 -49
  298. package/lib/components/OverflowMenu/index.js +3 -7
  299. package/lib/components/OverflowMenu/next/index.js +18 -26
  300. package/lib/components/OverflowMenuItem/OverflowMenuItem.js +27 -33
  301. package/lib/components/OverflowMenuItem/index.js +2 -2
  302. package/lib/components/OverflowMenuV2/index.d.ts +1 -0
  303. package/lib/components/OverflowMenuV2/index.js +2 -8
  304. package/lib/components/PageHeader/PageHeader.js +70 -78
  305. package/lib/components/PageHeader/index.js +0 -2
  306. package/lib/components/Pagination/Pagination.Skeleton.js +10 -16
  307. package/lib/components/Pagination/Pagination.js +44 -51
  308. package/lib/components/Pagination/experimental/PageSelector.d.ts +19 -0
  309. package/lib/components/Pagination/experimental/PageSelector.js +9 -15
  310. package/lib/components/Pagination/experimental/Pagination.d.ts +43 -0
  311. package/lib/components/Pagination/experimental/Pagination.js +34 -40
  312. package/lib/components/Pagination/experimental/index.d.ts +3 -0
  313. package/lib/components/PaginationNav/PaginationNav.js +54 -60
  314. package/lib/components/Popover/index.js +56 -47
  315. package/lib/components/PrimaryButton/PrimaryButton.js +2 -6
  316. package/lib/components/ProgressBar/ProgressBar.js +25 -31
  317. package/lib/components/ProgressIndicator/ProgressIndicator.Skeleton.js +10 -16
  318. package/lib/components/ProgressIndicator/ProgressIndicator.js +41 -49
  319. package/lib/components/RadioButton/RadioButton.Skeleton.js +6 -12
  320. package/lib/components/RadioButton/RadioButton.js +26 -32
  321. package/lib/components/RadioButton/index.js +2 -2
  322. package/lib/components/RadioButtonGroup/RadioButtonGroup.js +37 -43
  323. package/lib/components/RadioTile/RadioTile.js +25 -31
  324. package/lib/components/RadioTile/index.js +2 -2
  325. package/lib/components/Search/Search.Skeleton.js +7 -13
  326. package/lib/components/Search/Search.js +33 -39
  327. package/lib/components/Search/index.js +3 -3
  328. package/lib/components/SecondaryButton/SecondaryButton.js +2 -6
  329. package/lib/components/Select/Select.Skeleton.js +8 -14
  330. package/lib/components/Select/Select.js +42 -48
  331. package/lib/components/Select/index.js +3 -3
  332. package/lib/components/SelectItem/SelectItem.js +8 -14
  333. package/lib/components/SelectItem/index.js +2 -2
  334. package/lib/components/SelectItemGroup/SelectItemGroup.js +7 -13
  335. package/lib/components/ShapeIndicator/index.js +12 -18
  336. package/lib/components/SkeletonIcon/SkeletonIcon.js +4 -10
  337. package/lib/components/SkeletonPlaceholder/SkeletonPlaceholder.js +4 -10
  338. package/lib/components/SkeletonText/SkeletonText.js +11 -17
  339. package/lib/components/SkeletonText/index.js +2 -2
  340. package/lib/components/Slider/Slider.Skeleton.js +29 -35
  341. package/lib/components/Slider/Slider.js +84 -90
  342. package/lib/components/Slider/SliderHandles.js +18 -24
  343. package/lib/components/Slider/index.js +3 -3
  344. package/lib/components/Stack/HStack.js +1 -7
  345. package/lib/components/Stack/Stack.js +7 -15
  346. package/lib/components/Stack/VStack.js +1 -7
  347. package/lib/components/StructuredList/StructuredList.Skeleton.js +15 -21
  348. package/lib/components/StructuredList/StructuredList.js +60 -68
  349. package/lib/components/Switch/IconSwitch.d.ts +3 -0
  350. package/lib/components/Switch/IconSwitch.js +18 -25
  351. package/lib/components/Switch/Switch.js +14 -20
  352. package/lib/components/TabContent/TabContent.js +7 -33
  353. package/lib/components/Tabs/Tabs.Skeleton.js +10 -16
  354. package/lib/components/Tabs/Tabs.js +121 -129
  355. package/lib/components/Tabs/usePressable.js +0 -2
  356. package/lib/components/Tag/DismissibleTag.js +24 -30
  357. package/lib/components/Tag/OperationalTag.js +16 -22
  358. package/lib/components/Tag/SelectableTag.js +19 -25
  359. package/lib/components/Tag/Tag.Skeleton.js +5 -11
  360. package/lib/components/Tag/Tag.js +28 -34
  361. package/lib/components/Tag/isEllipsisActive.js +0 -2
  362. package/lib/components/Text/Text.js +6 -13
  363. package/lib/components/Text/TextDirection.js +4 -11
  364. package/lib/components/Text/TextDirectionContext.js +0 -2
  365. package/lib/components/Text/createTextComponent.js +1 -7
  366. package/lib/components/Text/index.js +0 -2
  367. package/lib/components/TextArea/TextArea.Skeleton.js +7 -13
  368. package/lib/components/TextArea/TextArea.js +49 -55
  369. package/lib/components/TextArea/index.js +3 -3
  370. package/lib/components/TextInput/ControlledPasswordInput.js +36 -42
  371. package/lib/components/TextInput/PasswordInput.js +48 -54
  372. package/lib/components/TextInput/TextInput.Skeleton.js +7 -13
  373. package/lib/components/TextInput/TextInput.js +47 -53
  374. package/lib/components/TextInput/index.js +3 -3
  375. package/lib/components/TextInput/util.d.ts +9 -0
  376. package/lib/components/TextInput/util.js +0 -2
  377. package/lib/components/Theme/index.js +16 -24
  378. package/lib/components/Tile/Tile.js +92 -100
  379. package/lib/components/TileGroup/TileGroup.js +15 -22
  380. package/lib/components/TimePicker/TimePicker.js +39 -45
  381. package/lib/components/TimePickerSelect/TimePickerSelect.js +10 -16
  382. package/lib/components/Toggle/Toggle.Skeleton.js +7 -13
  383. package/lib/components/Toggle/Toggle.js +28 -34
  384. package/lib/components/ToggleSmall/ToggleSmall.Skeleton.js +12 -20
  385. package/lib/components/Toggletip/index.js +32 -40
  386. package/lib/components/Tooltip/DefinitionTooltip.js +14 -22
  387. package/lib/components/Tooltip/Tooltip.js +19 -27
  388. package/lib/components/TreeView/TreeContext.js +0 -2
  389. package/lib/components/TreeView/TreeNode.js +41 -47
  390. package/lib/components/TreeView/TreeView.js +17 -23
  391. package/lib/components/UIShell/Content.js +6 -12
  392. package/lib/components/UIShell/Header.js +4 -10
  393. package/lib/components/UIShell/HeaderContainer.js +4 -9
  394. package/lib/components/UIShell/HeaderGlobalAction.js +11 -17
  395. package/lib/components/UIShell/HeaderGlobalBar.js +2 -2
  396. package/lib/components/UIShell/HeaderMenu.js +17 -23
  397. package/lib/components/UIShell/HeaderMenuButton.js +9 -15
  398. package/lib/components/UIShell/HeaderMenuItem.js +11 -17
  399. package/lib/components/UIShell/HeaderName.js +8 -14
  400. package/lib/components/UIShell/HeaderNavigation.js +6 -12
  401. package/lib/components/UIShell/HeaderPanel.js +11 -17
  402. package/lib/components/UIShell/HeaderSideNavItems.js +6 -12
  403. package/lib/components/UIShell/Link.js +6 -11
  404. package/lib/components/UIShell/SideNav.js +23 -29
  405. package/lib/components/UIShell/SideNavDetails.js +7 -13
  406. package/lib/components/UIShell/SideNavDivider.js +5 -11
  407. package/lib/components/UIShell/SideNavFooter.js +12 -18
  408. package/lib/components/UIShell/SideNavHeader.js +8 -14
  409. package/lib/components/UIShell/SideNavIcon.js +6 -12
  410. package/lib/components/UIShell/SideNavItem.js +6 -12
  411. package/lib/components/UIShell/SideNavItems.js +9 -15
  412. package/lib/components/UIShell/SideNavLink.js +13 -19
  413. package/lib/components/UIShell/SideNavLinkText.js +5 -11
  414. package/lib/components/UIShell/SideNavMenu.js +20 -26
  415. package/lib/components/UIShell/SideNavMenuItem.js +13 -19
  416. package/lib/components/UIShell/SideNavSwitcher.js +13 -19
  417. package/lib/components/UIShell/SkipToContent.js +7 -13
  418. package/lib/components/UIShell/Switcher.js +9 -15
  419. package/lib/components/UIShell/SwitcherDivider.js +4 -10
  420. package/lib/components/UIShell/SwitcherItem.js +15 -21
  421. package/lib/components/UIShell/_utils.d.ts +7 -0
  422. package/lib/components/UIShell/_utils.js +0 -2
  423. package/lib/components/UnorderedList/UnorderedList.js +7 -13
  424. package/lib/feature-flags.d.ts +1 -0
  425. package/lib/feature-flags.js +3 -4
  426. package/lib/index.js +180 -182
  427. package/lib/internal/FloatingMenu.js +10 -18
  428. package/lib/internal/OptimizedResize.js +2 -8
  429. package/lib/internal/Selection.js +1 -7
  430. package/lib/internal/clamp.js +0 -2
  431. package/lib/internal/createClassWrapper.js +1 -7
  432. package/lib/internal/deprecateFieldOnObject.js +1 -3
  433. package/lib/internal/environment.js +0 -2
  434. package/lib/internal/getAnnouncement.js +0 -2
  435. package/lib/internal/keyboard/keys.js +0 -2
  436. package/lib/internal/keyboard/match.js +0 -2
  437. package/lib/internal/keyboard/navigation.js +0 -2
  438. package/lib/internal/noopFn.js +0 -2
  439. package/lib/internal/useAttachedMenu.js +0 -2
  440. package/lib/internal/useControllableState.js +0 -2
  441. package/lib/internal/useDelayedState.js +0 -2
  442. package/lib/internal/useEvent.js +0 -2
  443. package/lib/internal/useId.d.ts +21 -0
  444. package/lib/internal/useId.js +27 -7
  445. package/lib/internal/useIdPrefix.js +2 -8
  446. package/lib/internal/useIsomorphicEffect.js +1 -1
  447. package/lib/internal/useMatchMedia.js +0 -2
  448. package/lib/internal/useMergedRefs.js +0 -2
  449. package/lib/internal/useNoInteractiveChildren.js +0 -2
  450. package/lib/internal/useNormalizedInputProps.js +2 -8
  451. package/lib/internal/useOutsideClick.js +0 -2
  452. package/lib/internal/useOverflowItems.js +1 -7
  453. package/lib/internal/usePrefix.js +2 -8
  454. package/lib/internal/usePreviousValue.js +0 -2
  455. package/lib/internal/useResizeObserver.js +0 -2
  456. package/lib/internal/useSavedCallback.js +0 -2
  457. package/lib/internal/utils.js +0 -2
  458. package/lib/internal/warning.js +0 -2
  459. package/lib/internal/wrapFocus.js +0 -2
  460. package/lib/node_modules/es-toolkit/dist/compat/function/{debounce.mjs.js → debounce.js} +1 -3
  461. package/lib/node_modules/es-toolkit/dist/compat/function/{throttle.mjs.js → throttle.js} +1 -3
  462. package/lib/node_modules/es-toolkit/dist/function/{debounce.mjs.js → debounce.js} +0 -2
  463. package/lib/prop-types/AriaPropTypes.js +2 -8
  464. package/lib/prop-types/deprecate.js +0 -2
  465. package/lib/prop-types/deprecateComponent.d.ts +1 -0
  466. package/lib/prop-types/deprecateComponent.js +2 -5
  467. package/lib/prop-types/deprecateValuesWithin.d.ts +1 -0
  468. package/lib/prop-types/deprecateValuesWithin.js +1 -1
  469. package/lib/prop-types/isRequiredOneOf.js +0 -2
  470. package/lib/prop-types/requiredIfGivenPropIsTruthy.d.ts +14 -0
  471. package/lib/prop-types/requiredIfGivenPropIsTruthy.js +1 -1
  472. package/lib/tools/events.js +0 -2
  473. package/lib/tools/mapPopoverAlign.js +0 -2
  474. package/lib/tools/mergeRefs.d.ts +12 -0
  475. package/lib/tools/mergeRefs.js +1 -2
  476. package/lib/tools/setupGetInstanceId.js +0 -2
  477. package/lib/tools/toggleClass.js +0 -2
  478. package/lib/tools/wrapComponent.js +4 -10
  479. package/package.json +11 -11
  480. /package/es/node_modules/es-toolkit/dist/function/{debounce.mjs.js → debounce.js} +0 -0
@@ -15,25 +15,19 @@ 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 FluidComboBoxSkeleton = ({
25
19
  className,
26
20
  ...rest
27
21
  }) => {
28
22
  const prefix = usePrefix.usePrefix();
29
- const wrapperClasses = cx__default["default"](className, `${prefix}--list-box__wrapper--fluid`);
30
- return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
23
+ const wrapperClasses = cx(className, `${prefix}--list-box__wrapper--fluid`);
24
+ return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
31
25
  className: wrapperClasses
32
- }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
26
+ }, rest), /*#__PURE__*/React.createElement("div", {
33
27
  className: `${prefix}--skeleton ${prefix}--list-box`
34
- }, /*#__PURE__*/React__default["default"].createElement("span", {
28
+ }, /*#__PURE__*/React.createElement("span", {
35
29
  className: `${prefix}--list-box__label`
36
- }), /*#__PURE__*/React__default["default"].createElement("div", {
30
+ }), /*#__PURE__*/React.createElement("div", {
37
31
  className: `${prefix}--list-box__field`
38
32
  })));
39
33
  };
@@ -41,7 +35,7 @@ FluidComboBoxSkeleton.propTypes = {
41
35
  /**
42
36
  * Specify an optional className to add.
43
37
  */
44
- className: PropTypes__default["default"].string
38
+ className: PropTypes.string
45
39
  };
46
40
 
47
- exports["default"] = FluidComboBoxSkeleton;
41
+ exports.default = FluidComboBoxSkeleton;
@@ -17,26 +17,20 @@ var ComboBox = require('../ComboBox/ComboBox.js');
17
17
  var usePrefix = require('../../internal/usePrefix.js');
18
18
  var FormContext = require('../FluidForm/FormContext.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
- const FluidComboBox = /*#__PURE__*/React__default["default"].forwardRef(function FluidComboBox({
20
+ const FluidComboBox = /*#__PURE__*/React.forwardRef(function FluidComboBox({
27
21
  className,
28
22
  isCondensed,
29
23
  ...other
30
24
  }, ref) {
31
25
  const prefix = usePrefix.usePrefix();
32
- const classNames = cx__default["default"](`${prefix}--list-box__wrapper--fluid`, className, {
26
+ const classNames = cx(`${prefix}--list-box__wrapper--fluid`, className, {
33
27
  [`${prefix}--list-box__wrapper--fluid--condensed`]: isCondensed
34
28
  });
35
- return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
29
+ return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
36
30
  value: {
37
31
  isFluid: true
38
32
  }
39
- }, /*#__PURE__*/React__default["default"].createElement(ComboBox["default"], _rollupPluginBabelHelpers["extends"]({
33
+ }, /*#__PURE__*/React.createElement(ComboBox.default, _rollupPluginBabelHelpers.extends({
40
34
  ref: ref,
41
35
  className: classNames
42
36
  }, other)));
@@ -45,88 +39,88 @@ FluidComboBox.propTypes = {
45
39
  /**
46
40
  * Specify an optional className to be applied to the outer FluidForm wrapper
47
41
  */
48
- className: PropTypes__default["default"].string,
42
+ className: PropTypes.string,
49
43
  /**
50
44
  * Specify the direction of the dropdown. Can be either top or bottom.
51
45
  */
52
- direction: PropTypes__default["default"].oneOf(['top', 'bottom']),
46
+ direction: PropTypes.oneOf(['top', 'bottom']),
53
47
  /**
54
48
  * Specify whether the `<input>` should be disabled
55
49
  */
56
- disabled: PropTypes__default["default"].bool,
50
+ disabled: PropTypes.bool,
57
51
  /**
58
52
  * Specify a custom `id` for the `<input>`
59
53
  */
60
- id: PropTypes__default["default"].string.isRequired,
54
+ id: PropTypes.string.isRequired,
61
55
  /**
62
56
  * Allow users to pass in an arbitrary item or a string (in case their items are an array of strings)
63
57
  * from their collection that are pre-selected
64
58
  */
65
- initialSelectedItem: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string, PropTypes__default["default"].number]),
59
+ initialSelectedItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]),
66
60
  /**
67
61
  * Specify if the currently selected value is invalid.
68
62
  */
69
- invalid: PropTypes__default["default"].bool,
63
+ invalid: PropTypes.bool,
70
64
  /**
71
65
  * Provide the text that is displayed when the control is in an invalid state
72
66
  */
73
- invalidText: PropTypes__default["default"].node,
67
+ invalidText: PropTypes.node,
74
68
  /**
75
69
  * Specify if the `FluidComboBox` should render its menu items in condensed mode
76
70
  */
77
- isCondensed: PropTypes__default["default"].bool,
71
+ isCondensed: PropTypes.bool,
78
72
  /**
79
73
  * Function to render items as custom components instead of strings.
80
74
  * Defaults to null and is overridden by a getter
81
75
  */
82
- itemToElement: PropTypes__default["default"].func,
76
+ itemToElement: PropTypes.func,
83
77
  /**
84
78
  * Helper function passed to downshift that allows the library to render a
85
79
  * given item to a string label. By default, it extracts the `label` field
86
80
  * from a given item to serve as the item label in the list.
87
81
  */
88
- itemToString: PropTypes__default["default"].func,
82
+ itemToString: PropTypes.func,
89
83
  /**
90
84
  * We try to stay as generic as possible here to allow individuals to pass
91
85
  * in a collection of whatever kind of data structure they prefer
92
86
  */
93
- items: PropTypes__default["default"].array.isRequired,
87
+ items: PropTypes.array.isRequired,
94
88
  /**
95
89
  * Generic `label` that will be used as the textual representation of what
96
90
  * this field is for
97
91
  */
98
- label: PropTypes__default["default"].node.isRequired,
92
+ label: PropTypes.node.isRequired,
99
93
  /**
100
94
  * `onChange` is a utility for this controlled component to communicate to a
101
95
  * consuming component what kind of internal state changes are occurring.
102
96
  */
103
- onChange: PropTypes__default["default"].func.isRequired,
97
+ onChange: PropTypes.func.isRequired,
104
98
  /**
105
99
  * An optional callback to render the currently selected item as a react element instead of only
106
100
  * as a string.
107
101
  */
108
- renderSelectedItem: PropTypes__default["default"].func,
102
+ renderSelectedItem: PropTypes.func,
109
103
  /**
110
104
  * In the case you want to control the dropdown selection entirely.
111
105
  */
112
- selectedItem: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string, PropTypes__default["default"].number]),
106
+ selectedItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]),
113
107
  /**
114
108
  * Provide the title text that will be read by a screen reader when
115
109
  * visiting this control
116
110
  */
117
- titleText: PropTypes__default["default"].node,
111
+ titleText: PropTypes.node,
118
112
  /**
119
113
  * Callback function for translating ListBoxMenuIcon SVG title
120
114
  */
121
- translateWithId: PropTypes__default["default"].func,
115
+ translateWithId: PropTypes.func,
122
116
  /**
123
117
  * Specify whether the control is currently in warning state
124
118
  */
125
- warn: PropTypes__default["default"].bool,
119
+ warn: PropTypes.bool,
126
120
  /**
127
121
  * Provide the text that is displayed when the control is in warning state
128
122
  */
129
- warnText: PropTypes__default["default"].node
123
+ warnText: PropTypes.node
130
124
  };
131
125
 
132
- exports["default"] = FluidComboBox;
126
+ exports.default = FluidComboBox;
@@ -17,44 +17,38 @@ var usePrefix = require('../../internal/usePrefix.js');
17
17
  var FormContext = require('../FluidForm/FormContext.js');
18
18
  var iconsReact = require('@carbon/icons-react');
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
  const FluidDatePickerSkeleton = ({
27
21
  className,
28
22
  datePickerType = 'single',
29
23
  ...other
30
24
  }) => {
31
25
  const prefix = usePrefix.usePrefix();
32
- const classNames = cx__default["default"](className, `${prefix}--form-item ${prefix}--date-picker--fluid__skeleton`, {
26
+ const classNames = cx(className, `${prefix}--form-item ${prefix}--date-picker--fluid__skeleton`, {
33
27
  [`${prefix}--date-picker--fluid__skeleton--range`]: datePickerType === 'range'
34
28
  });
35
- return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
29
+ return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
36
30
  value: {
37
31
  isFluid: true
38
32
  }
39
- }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
33
+ }, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
40
34
  className: classNames
41
- }, other), /*#__PURE__*/React__default["default"].createElement("div", {
35
+ }, other), /*#__PURE__*/React.createElement("div", {
42
36
  className: `${prefix}--date-picker--fluid__skeleton--container`
43
- }, /*#__PURE__*/React__default["default"].createElement("span", {
37
+ }, /*#__PURE__*/React.createElement("span", {
44
38
  className: `${prefix}--label ${prefix}--skeleton`
45
- }), /*#__PURE__*/React__default["default"].createElement("div", {
39
+ }), /*#__PURE__*/React.createElement("div", {
46
40
  className: `${prefix}--skeleton ${prefix}--text-input`
47
- }), datePickerType !== 'simple' && /*#__PURE__*/React__default["default"].createElement(iconsReact.Calendar, {
41
+ }), datePickerType !== 'simple' && /*#__PURE__*/React.createElement(iconsReact.Calendar, {
48
42
  className: `${prefix}--date-picker__icon`,
49
43
  role: "img",
50
44
  "aria-hidden": "true"
51
- })), datePickerType === 'range' && /*#__PURE__*/React__default["default"].createElement("div", {
45
+ })), datePickerType === 'range' && /*#__PURE__*/React.createElement("div", {
52
46
  className: `${prefix}--date-picker--fluid__skeleton--container`
53
- }, /*#__PURE__*/React__default["default"].createElement("span", {
47
+ }, /*#__PURE__*/React.createElement("span", {
54
48
  className: `${prefix}--label ${prefix}--skeleton`
55
- }), /*#__PURE__*/React__default["default"].createElement("div", {
49
+ }), /*#__PURE__*/React.createElement("div", {
56
50
  className: `${prefix}--skeleton ${prefix}--text-input`
57
- }), /*#__PURE__*/React__default["default"].createElement(iconsReact.Calendar, {
51
+ }), /*#__PURE__*/React.createElement(iconsReact.Calendar, {
58
52
  className: `${prefix}--date-picker__icon`,
59
53
  role: "img",
60
54
  "aria-hidden": "true"
@@ -64,11 +58,11 @@ FluidDatePickerSkeleton.propTypes = {
64
58
  /**
65
59
  * Specify an optional className to be applied to the outer FluidForm wrapper
66
60
  */
67
- className: PropTypes__default["default"].string,
61
+ className: PropTypes.string,
68
62
  /**
69
63
  * Specify which variant of the DatePicker the skeleton should mimic
70
64
  */
71
- datePickerType: PropTypes__default["default"].oneOf(['simple', 'single', 'range'])
65
+ datePickerType: PropTypes.oneOf(['simple', 'single', 'range'])
72
66
  };
73
67
 
74
- exports["default"] = FluidDatePickerSkeleton;
68
+ exports.default = FluidDatePickerSkeleton;
@@ -18,13 +18,7 @@ var usePrefix = require('../../internal/usePrefix.js');
18
18
  var FormContext = require('../FluidForm/FormContext.js');
19
19
  var React = require('react');
20
20
 
21
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
-
23
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
24
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
25
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
-
27
- const FluidDatePicker = /*#__PURE__*/React__default["default"].forwardRef(function FluidDatePicker({
21
+ const FluidDatePicker = /*#__PURE__*/React.forwardRef(function FluidDatePicker({
28
22
  className,
29
23
  children,
30
24
  invalid,
@@ -35,17 +29,17 @@ const FluidDatePicker = /*#__PURE__*/React__default["default"].forwardRef(functi
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}--date-picker--fluid`]: true,
40
34
  [`${prefix}--date-picker--fluid--invalid`]: invalid,
41
35
  [`${prefix}--date-picker--fluid--readonly`]: readOnly,
42
36
  [`${prefix}--date-picker--fluid--warn`]: warn
43
37
  });
44
- return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
38
+ return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
45
39
  value: {
46
40
  isFluid: true
47
41
  }
48
- }, /*#__PURE__*/React__default["default"].createElement(DatePicker["default"], _rollupPluginBabelHelpers["extends"]({
42
+ }, /*#__PURE__*/React.createElement(DatePicker.default, _rollupPluginBabelHelpers.extends({
49
43
  invalid: invalid,
50
44
  invalidText: invalidText,
51
45
  readOnly: readOnly,
@@ -59,31 +53,31 @@ FluidDatePicker.propTypes = {
59
53
  /**
60
54
  * The child node(s)
61
55
  */
62
- children: PropTypes__default["default"].node,
56
+ children: PropTypes.node,
63
57
  /**
64
58
  * Specify an optional className to be applied to the outer FluidForm wrapper
65
59
  */
66
- className: PropTypes__default["default"].string,
60
+ className: PropTypes.string,
67
61
  /**
68
62
  * Specify whether or not the control is invalid
69
63
  */
70
- invalid: PropTypes__default["default"].bool,
64
+ invalid: PropTypes.bool,
71
65
  /**
72
66
  * Provide the text that is displayed when the control is in error state
73
67
  */
74
- invalidText: PropTypes__default["default"].node,
68
+ invalidText: PropTypes.node,
75
69
  /**
76
70
  * Whether the input should be read-only
77
71
  */
78
- readOnly: PropTypes__default["default"].bool,
72
+ readOnly: PropTypes.bool,
79
73
  /**
80
74
  * Specify whether the control is currently in warning state
81
75
  */
82
- warn: PropTypes__default["default"].bool,
76
+ warn: PropTypes.bool,
83
77
  /**
84
78
  * Provide the text that is displayed when the control is in warning state
85
79
  */
86
- warnText: PropTypes__default["default"].node
80
+ warnText: PropTypes.node
87
81
  };
88
82
 
89
- exports["default"] = FluidDatePicker;
83
+ exports.default = FluidDatePicker;
@@ -14,20 +14,16 @@ var React = require('react');
14
14
  var DatePickerInput = require('../DatePickerInput/DatePickerInput.js');
15
15
  var FormContext = require('../FluidForm/FormContext.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
-
21
17
  const frFn = React.forwardRef;
22
18
  const FluidDatePickerInput = frFn((props, ref) => {
23
- return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
19
+ return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
24
20
  value: {
25
21
  isFluid: true
26
22
  }
27
- }, /*#__PURE__*/React__default["default"].createElement(DatePickerInput["default"], _rollupPluginBabelHelpers["extends"]({
23
+ }, /*#__PURE__*/React.createElement(DatePickerInput.default, _rollupPluginBabelHelpers.extends({
28
24
  ref: ref
29
25
  }, props)));
30
26
  });
31
- FluidDatePickerInput.propTypes = DatePickerInput["default"].propTypes;
27
+ FluidDatePickerInput.propTypes = DatePickerInput.default.propTypes;
32
28
 
33
- exports["default"] = FluidDatePickerInput;
29
+ exports.default = FluidDatePickerInput;
@@ -15,25 +15,19 @@ 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 FluidDropdownSkeleton = ({
25
19
  className,
26
20
  ...rest
27
21
  }) => {
28
22
  const prefix = usePrefix.usePrefix();
29
- const wrapperClasses = cx__default["default"](className, `${prefix}--list-box__wrapper--fluid`);
30
- return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
23
+ const wrapperClasses = cx(className, `${prefix}--list-box__wrapper--fluid`);
24
+ return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
31
25
  className: wrapperClasses
32
- }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
26
+ }, rest), /*#__PURE__*/React.createElement("div", {
33
27
  className: `${prefix}--skeleton ${prefix}--list-box`
34
- }, /*#__PURE__*/React__default["default"].createElement("span", {
28
+ }, /*#__PURE__*/React.createElement("span", {
35
29
  className: `${prefix}--list-box__label`
36
- }), /*#__PURE__*/React__default["default"].createElement("div", {
30
+ }), /*#__PURE__*/React.createElement("div", {
37
31
  className: `${prefix}--list-box__field`
38
32
  })));
39
33
  };
@@ -41,7 +35,7 @@ FluidDropdownSkeleton.propTypes = {
41
35
  /**
42
36
  * Specify an optional className to add.
43
37
  */
44
- className: PropTypes__default["default"].string
38
+ className: PropTypes.string
45
39
  };
46
40
 
47
- exports["default"] = FluidDropdownSkeleton;
41
+ exports.default = FluidDropdownSkeleton;
@@ -18,26 +18,20 @@ require('../Dropdown/Dropdown.Skeleton.js');
18
18
  var usePrefix = require('../../internal/usePrefix.js');
19
19
  var FormContext = require('../FluidForm/FormContext.js');
20
20
 
21
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
-
23
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
24
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
25
- var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
26
-
27
- const FluidDropdown = /*#__PURE__*/React__default["default"].forwardRef(function FluidDropdown({
21
+ const FluidDropdown = /*#__PURE__*/React.forwardRef(function FluidDropdown({
28
22
  className,
29
23
  isCondensed,
30
24
  ...other
31
25
  }, ref) {
32
26
  const prefix = usePrefix.usePrefix();
33
- const classNames = cx__default["default"](`${prefix}--list-box__wrapper--fluid`, className, {
27
+ const classNames = cx(`${prefix}--list-box__wrapper--fluid`, className, {
34
28
  [`${prefix}--list-box__wrapper--fluid--condensed`]: isCondensed
35
29
  });
36
- return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
30
+ return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
37
31
  value: {
38
32
  isFluid: true
39
33
  }
40
- }, /*#__PURE__*/React__default["default"].createElement(Dropdown["default"], _rollupPluginBabelHelpers["extends"]({
34
+ }, /*#__PURE__*/React.createElement(Dropdown.default, _rollupPluginBabelHelpers.extends({
41
35
  ref: ref,
42
36
  className: classNames
43
37
  }, other)));
@@ -46,88 +40,88 @@ FluidDropdown.propTypes = {
46
40
  /**
47
41
  * Specify an optional className to be applied to the outer FluidForm wrapper
48
42
  */
49
- className: PropTypes__default["default"].string,
43
+ className: PropTypes.string,
50
44
  /**
51
45
  * Specify the direction of the dropdown. Can be either top or bottom.
52
46
  */
53
- direction: PropTypes__default["default"].oneOf(['top', 'bottom']),
47
+ direction: PropTypes.oneOf(['top', 'bottom']),
54
48
  /**
55
49
  * Specify whether the `<input>` should be disabled
56
50
  */
57
- disabled: PropTypes__default["default"].bool,
51
+ disabled: PropTypes.bool,
58
52
  /**
59
53
  * Specify a custom `id` for the `<input>`
60
54
  */
61
- id: PropTypes__default["default"].string.isRequired,
55
+ id: PropTypes.string.isRequired,
62
56
  /**
63
57
  * Allow users to pass in an arbitrary item or a string (in case their items are an array of strings)
64
58
  * from their collection that are pre-selected
65
59
  */
66
- initialSelectedItem: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string, PropTypes__default["default"].number]),
60
+ initialSelectedItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]),
67
61
  /**
68
62
  * Specify if the currently selected value is invalid.
69
63
  */
70
- invalid: PropTypes__default["default"].bool,
64
+ invalid: PropTypes.bool,
71
65
  /**
72
66
  * Provide the text that is displayed when the control is in an invalid state
73
67
  */
74
- invalidText: PropTypes__default["default"].node,
68
+ invalidText: PropTypes.node,
75
69
  /**
76
70
  * Specify if the `FluidDropdown` should render its menu items in condensed mode
77
71
  */
78
- isCondensed: PropTypes__default["default"].bool,
72
+ isCondensed: PropTypes.bool,
79
73
  /**
80
74
  * Function to render items as custom components instead of strings.
81
75
  * Defaults to null and is overridden by a getter
82
76
  */
83
- itemToElement: PropTypes__default["default"].func,
77
+ itemToElement: PropTypes.func,
84
78
  /**
85
79
  * Helper function passed to downshift that allows the library to render a
86
80
  * given item to a string label. By default, it extracts the `label` field
87
81
  * from a given item to serve as the item label in the list.
88
82
  */
89
- itemToString: PropTypes__default["default"].func,
83
+ itemToString: PropTypes.func,
90
84
  /**
91
85
  * We try to stay as generic as possible here to allow individuals to pass
92
86
  * in a collection of whatever kind of data structure they prefer
93
87
  */
94
- items: PropTypes__default["default"].array.isRequired,
88
+ items: PropTypes.array.isRequired,
95
89
  /**
96
90
  * Generic `label` that will be used as the textual representation of what
97
91
  * this field is for
98
92
  */
99
- label: PropTypes__default["default"].node.isRequired,
93
+ label: PropTypes.node.isRequired,
100
94
  /**
101
95
  * `onChange` is a utility for this controlled component to communicate to a
102
96
  * consuming component what kind of internal state changes are occurring.
103
97
  */
104
- onChange: PropTypes__default["default"].func,
98
+ onChange: PropTypes.func,
105
99
  /**
106
100
  * An optional callback to render the currently selected item as a react element instead of only
107
101
  * as a string.
108
102
  */
109
- renderSelectedItem: PropTypes__default["default"].func,
103
+ renderSelectedItem: PropTypes.func,
110
104
  /**
111
105
  * In the case you want to control the dropdown selection entirely.
112
106
  */
113
- selectedItem: PropTypes__default["default"].oneOfType([PropTypes__default["default"].object, PropTypes__default["default"].string, PropTypes__default["default"].number]),
107
+ selectedItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.number]),
114
108
  /**
115
109
  * Provide the title text that will be read by a screen reader when
116
110
  * visiting this control
117
111
  */
118
- titleText: PropTypes__default["default"].node,
112
+ titleText: PropTypes.node,
119
113
  /**
120
114
  * Callback function for translating ListBoxMenuIcon SVG title
121
115
  */
122
- translateWithId: PropTypes__default["default"].func,
116
+ translateWithId: PropTypes.func,
123
117
  /**
124
118
  * Specify whether the control is currently in warning state
125
119
  */
126
- warn: PropTypes__default["default"].bool,
120
+ warn: PropTypes.bool,
127
121
  /**
128
122
  * Provide the text that is displayed when the control is in warning state
129
123
  */
130
- warnText: PropTypes__default["default"].node
124
+ warnText: PropTypes.node
131
125
  };
132
126
 
133
- exports["default"] = FluidDropdown;
127
+ exports.default = FluidDropdown;
@@ -17,24 +17,18 @@ var Form = require('../Form/Form.js');
17
17
  var FormContext = require('./FormContext.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
  const FluidForm = ({
27
21
  className,
28
22
  children,
29
23
  ...other
30
24
  }) => {
31
25
  const prefix = usePrefix.usePrefix();
32
- const classNames = cx__default["default"](`${prefix}--form--fluid`, className);
33
- return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
26
+ const classNames = cx(`${prefix}--form--fluid`, className);
27
+ return /*#__PURE__*/React.createElement(FormContext.FormContext.Provider, {
34
28
  value: {
35
29
  isFluid: true
36
30
  }
37
- }, /*#__PURE__*/React__default["default"].createElement(Form["default"], _rollupPluginBabelHelpers["extends"]({
31
+ }, /*#__PURE__*/React.createElement(Form.default, _rollupPluginBabelHelpers.extends({
38
32
  className: classNames
39
33
  }, other), children));
40
34
  };
@@ -42,11 +36,11 @@ FluidForm.propTypes = {
42
36
  /**
43
37
  * Provide children to be rendered inside of the <form> element
44
38
  */
45
- children: PropTypes__default["default"].node,
39
+ children: PropTypes.node,
46
40
  /**
47
41
  * Provide a custom className to be applied on the containing <form> node
48
42
  */
49
- className: PropTypes__default["default"].string
43
+ className: PropTypes.string
50
44
  };
51
45
 
52
- exports["default"] = FluidForm;
46
+ exports.default = FluidForm;
@@ -7,8 +7,6 @@
7
7
 
8
8
  'use strict';
9
9
 
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
10
  var React = require('react');
13
11
 
14
12
  const FormContext = /*#__PURE__*/React.createContext({
@@ -15,25 +15,19 @@ 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 FluidMultiSelectSkeleton = ({
25
19
  className,
26
20
  ...rest
27
21
  }) => {
28
22
  const prefix = usePrefix.usePrefix();
29
- const wrapperClasses = cx__default["default"](className, `${prefix}--list-box__wrapper--fluid`);
30
- return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
23
+ const wrapperClasses = cx(className, `${prefix}--list-box__wrapper--fluid`);
24
+ return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
31
25
  className: wrapperClasses
32
- }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
26
+ }, rest), /*#__PURE__*/React.createElement("div", {
33
27
  className: `${prefix}--skeleton ${prefix}--list-box`
34
- }, /*#__PURE__*/React__default["default"].createElement("span", {
28
+ }, /*#__PURE__*/React.createElement("span", {
35
29
  className: `${prefix}--list-box__label`
36
- }), /*#__PURE__*/React__default["default"].createElement("div", {
30
+ }), /*#__PURE__*/React.createElement("div", {
37
31
  className: `${prefix}--list-box__field`
38
32
  })));
39
33
  };
@@ -41,7 +35,7 @@ FluidMultiSelectSkeleton.propTypes = {
41
35
  /**
42
36
  * Specify an optional className to add.
43
37
  */
44
- className: PropTypes__default["default"].string
38
+ className: PropTypes.string
45
39
  };
46
40
 
47
- exports["default"] = FluidMultiSelectSkeleton;
41
+ exports.default = FluidMultiSelectSkeleton;