@carbon/ibm-products 2.27.0 → 2.28.0-alpha.4

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 (333) hide show
  1. package/css/index-full-carbon.css +192 -116
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +56 -11
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +192 -116
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +180 -112
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/_virtual/index.js +2 -2
  18. package/es/components/APIKeyModal/APIKeyModal.js +1 -1
  19. package/es/components/AboutModal/AboutModal.js +1 -1
  20. package/es/components/ActionBar/ActionBar.js +1 -1
  21. package/es/components/ActionBar/ActionBarItem.js +1 -1
  22. package/es/components/ActionBar/ActionBarOverflowItems.js +1 -1
  23. package/es/components/ActionSet/ActionSet.js +1 -1
  24. package/es/components/AddSelect/AddSelectBody.js +1 -1
  25. package/es/components/AddSelect/AddSelectBreadcrumbs.js +1 -1
  26. package/es/components/AddSelect/AddSelectFilter.js +1 -1
  27. package/es/components/AddSelect/AddSelectList.js +1 -1
  28. package/es/components/AddSelect/AddSelectRow.js +1 -1
  29. package/es/components/BigNumbers/BigNumbers.js +1 -1
  30. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +1 -1
  31. package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
  32. package/es/components/Card/Card.js +1 -1
  33. package/es/components/Card/CardFooter.js +1 -1
  34. package/es/components/Card/CardHeader.js +1 -1
  35. package/es/components/Carousel/Carousel.js +1 -1
  36. package/es/components/Carousel/CarouselItem.js +1 -1
  37. package/es/components/Cascade/Cascade.js +1 -1
  38. package/es/components/Checklist/Checklist.js +1 -1
  39. package/es/components/Checklist/ChecklistChart.js +1 -1
  40. package/es/components/Checklist/ChecklistIcon.js +1 -1
  41. package/es/components/Coachmark/Coachmark.js +1 -1
  42. package/es/components/Coachmark/CoachmarkDragbar.js +1 -1
  43. package/es/components/Coachmark/CoachmarkHeader.js +1 -1
  44. package/es/components/Coachmark/CoachmarkOverlay.js +1 -1
  45. package/es/components/Coachmark/CoachmarkTagline.js +1 -1
  46. package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -1
  47. package/es/components/CoachmarkButton/CoachmarkButton.js +1 -1
  48. package/es/components/CoachmarkFixed/CoachmarkFixed.js +1 -1
  49. package/es/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +1 -1
  50. package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +1 -1
  51. package/es/components/CoachmarkStack/CoachmarkStack.js +1 -1
  52. package/es/components/CoachmarkStack/CoachmarkStackHome.js +1 -1
  53. package/es/components/ComboButton/ComboButton.js +1 -1
  54. package/es/components/CreateFullPage/CreateFullPage.js +1 -1
  55. package/es/components/CreateFullPage/CreateFullPageStep.js +1 -1
  56. package/es/components/CreateInfluencer/CreateInfluencer.js +1 -1
  57. package/es/components/CreateModal/CreateModal.js +1 -1
  58. package/es/components/CreateSidePanel/CreateSidePanel.js +1 -1
  59. package/es/components/CreateTearsheet/CreateTearsheet.js +8 -2
  60. package/es/components/CreateTearsheet/CreateTearsheetDivider.js +1 -1
  61. package/es/components/CreateTearsheet/CreateTearsheetStep.js +1 -1
  62. package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +1 -1
  63. package/es/components/DataSpreadsheet/DataSpreadsheet.js +1 -1
  64. package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +1 -1
  65. package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +1 -1
  66. package/es/components/Datagrid/Datagrid/Datagrid.js +1 -1
  67. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  68. package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +8 -4
  69. package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -1
  70. package/es/components/Datagrid/Datagrid/DatagridRefBody.js +1 -1
  71. package/es/components/Datagrid/Datagrid/DatagridRow.js +19 -15
  72. package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +1 -1
  73. package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +1 -1
  74. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -1
  75. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +1 -1
  76. package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -1
  77. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +1 -1
  78. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +1 -1
  79. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -1
  80. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +8 -8
  81. package/es/components/Datagrid/Datagrid/addons/Filtering/constants.d.ts +1 -0
  82. package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +2 -1
  83. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +68 -4
  84. package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +12 -1
  85. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -1
  86. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +1 -1
  87. package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
  88. package/es/components/Datagrid/useActionsColumn.js +1 -1
  89. package/es/components/Datagrid/useColumnCenterAlign.js +1 -1
  90. package/es/components/Datagrid/useColumnRightAlign.js +1 -1
  91. package/es/components/Datagrid/useDefaultStringRenderer.js +1 -1
  92. package/es/components/Datagrid/useFiltering.js +48 -47
  93. package/es/components/Datagrid/useFloatingScroll.js +1 -1
  94. package/es/components/Datagrid/useInlineEdit.js +1 -1
  95. package/es/components/Datagrid/useNestedRowExpander.js +1 -1
  96. package/es/components/Datagrid/useNestedRows.js +1 -1
  97. package/es/components/Datagrid/useRowExpander.js +1 -1
  98. package/es/components/Datagrid/useSelectAllToggle.js +1 -1
  99. package/es/components/Datagrid/useSelectRows.js +2 -2
  100. package/es/components/Datagrid/useSortableColumns.js +1 -1
  101. package/es/components/Datagrid/useStickyColumn.js +1 -1
  102. package/es/components/DelimitedList/DelimitedList.js +1 -1
  103. package/es/components/EditFullPage/EditFullPage.js +1 -1
  104. package/es/components/EditInPlace/EditInPlace.js +1 -1
  105. package/es/components/EditSidePanel/EditSidePanel.js +1 -1
  106. package/es/components/EditTearsheet/EditTearsheet.js +1 -1
  107. package/es/components/EditTearsheet/EditTearsheetForm.js +1 -1
  108. package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -1
  109. package/es/components/EditUpdateCards/EditUpdateCards.js +1 -1
  110. package/es/components/EmptyStates/EmptyState.js +1 -1
  111. package/es/components/EmptyStates/EmptyStateContent.js +1 -1
  112. package/es/components/EmptyStates/EmptyStateV2.js +1 -1
  113. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
  114. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
  115. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
  116. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
  117. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
  118. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
  119. package/es/components/EmptyStates/assets/ErrorIllustration.js +1 -1
  120. package/es/components/EmptyStates/assets/NoDataIllustration.js +1 -1
  121. package/es/components/EmptyStates/assets/NoTagsIllustration.js +1 -1
  122. package/es/components/EmptyStates/assets/NotFoundIllustration.js +1 -1
  123. package/es/components/EmptyStates/assets/NotificationsIllustration.js +1 -1
  124. package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +1 -1
  125. package/es/components/ExportModal/ExportModal.js +1 -1
  126. package/es/components/FilterSummary/FilterSummary.js +1 -1
  127. package/es/components/FullPageError/FullPageError.js +1 -1
  128. package/es/components/Guidebanner/Guidebanner.js +1 -1
  129. package/es/components/Guidebanner/GuidebannerElement.js +1 -1
  130. package/es/components/Guidebanner/GuidebannerElementButton.js +1 -1
  131. package/es/components/Guidebanner/GuidebannerElementLink.js +1 -1
  132. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -1
  133. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -1
  134. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -1
  135. package/es/components/ImportModal/ImportModal.js +1 -1
  136. package/es/components/InlineTip/InlineTip.js +1 -1
  137. package/es/components/InlineTip/InlineTipButton.js +1 -1
  138. package/es/components/InlineTip/InlineTipLink.js +1 -1
  139. package/es/components/InterstitialScreen/InterstitialScreen.js +1 -1
  140. package/es/components/InterstitialScreenView/InterstitialScreenView.js +1 -1
  141. package/es/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +1 -1
  142. package/es/components/NonLinearReading/NonLinearReading.js +1 -1
  143. package/es/components/NotificationsPanel/NotificationsPanel.js +1 -1
  144. package/es/components/OptionsTile/OptionsTile.js +1 -1
  145. package/es/components/PageHeader/PageHeader.js +1 -1
  146. package/es/components/PageHeader/PageHeaderTitle.js +1 -1
  147. package/es/components/PageHeader/PageHeaderUtils.js +1 -1
  148. package/es/components/RemoveModal/RemoveModal.js +1 -1
  149. package/es/components/Saving/Saving.js +1 -1
  150. package/es/components/SearchBar/SearchBar.js +1 -1
  151. package/es/components/SidePanel/SidePanel.js +1 -1
  152. package/es/components/SimpleHeader/SimpleHeader.js +1 -1
  153. package/es/components/StatusIcon/StatusIcon.js +1 -1
  154. package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +1 -1
  155. package/es/components/StringFormatter/StringFormatter.js +1 -1
  156. package/es/components/TagSet/TagSet.js +1 -1
  157. package/es/components/TagSet/TagSetModal.js +1 -1
  158. package/es/components/TagSet/TagSetOverflow.js +1 -1
  159. package/es/components/Tearsheet/TearsheetShell.js +4 -5
  160. package/es/components/Toolbar/Toolbar.js +1 -1
  161. package/es/components/Toolbar/ToolbarButton.js +1 -1
  162. package/es/components/Toolbar/ToolbarGroup.js +1 -1
  163. package/es/components/TooltipTrigger/TooltipTrigger.js +1 -1
  164. package/es/components/TruncatedList/TruncatedList.js +1 -1
  165. package/es/components/UserAvatar/UserAvatar.js +1 -1
  166. package/es/components/UserProfileImage/UserProfileImage.js +1 -1
  167. package/es/components/WebTerminal/WebTerminal.js +1 -1
  168. package/es/components/WebTerminal/WebTerminalContentWrapper.js +1 -1
  169. package/es/components/_Canary/Canary.js +1 -1
  170. package/es/node_modules/prop-types/index.js +1 -1
  171. package/lib/_virtual/index.js +2 -2
  172. package/lib/components/APIKeyModal/APIKeyModal.js +50 -49
  173. package/lib/components/AboutModal/AboutModal.js +17 -16
  174. package/lib/components/ActionBar/ActionBar.js +16 -15
  175. package/lib/components/ActionBar/ActionBarItem.js +8 -7
  176. package/lib/components/ActionBar/ActionBarOverflowItems.js +9 -8
  177. package/lib/components/ActionSet/ActionSet.js +4 -3
  178. package/lib/components/AddSelect/AddSelectBody.js +67 -66
  179. package/lib/components/AddSelect/AddSelectBreadcrumbs.js +7 -6
  180. package/lib/components/AddSelect/AddSelectFilter.js +19 -18
  181. package/lib/components/AddSelect/AddSelectList.js +7 -6
  182. package/lib/components/AddSelect/AddSelectRow.js +33 -32
  183. package/lib/components/BigNumbers/BigNumbers.js +23 -22
  184. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +20 -19
  185. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +3 -2
  186. package/lib/components/Card/Card.js +5 -4
  187. package/lib/components/Card/CardFooter.js +22 -21
  188. package/lib/components/Card/CardHeader.js +27 -26
  189. package/lib/components/Carousel/Carousel.js +13 -12
  190. package/lib/components/Carousel/CarouselItem.js +6 -5
  191. package/lib/components/Cascade/Cascade.js +9 -8
  192. package/lib/components/Checklist/Checklist.js +33 -32
  193. package/lib/components/Checklist/ChecklistChart.js +7 -6
  194. package/lib/components/Checklist/ChecklistIcon.js +7 -6
  195. package/lib/components/Coachmark/Coachmark.js +21 -20
  196. package/lib/components/Coachmark/CoachmarkDragbar.js +10 -9
  197. package/lib/components/Coachmark/CoachmarkHeader.js +8 -7
  198. package/lib/components/Coachmark/CoachmarkOverlay.js +10 -9
  199. package/lib/components/Coachmark/CoachmarkTagline.js +8 -7
  200. package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +7 -6
  201. package/lib/components/CoachmarkButton/CoachmarkButton.js +6 -5
  202. package/lib/components/CoachmarkFixed/CoachmarkFixed.js +11 -10
  203. package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +8 -7
  204. package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +16 -15
  205. package/lib/components/CoachmarkStack/CoachmarkStack.js +20 -19
  206. package/lib/components/CoachmarkStack/CoachmarkStackHome.js +17 -16
  207. package/lib/components/ComboButton/ComboButton.js +7 -6
  208. package/lib/components/CreateFullPage/CreateFullPage.js +29 -28
  209. package/lib/components/CreateFullPage/CreateFullPageStep.js +18 -17
  210. package/lib/components/CreateInfluencer/CreateInfluencer.js +13 -12
  211. package/lib/components/CreateModal/CreateModal.js +16 -15
  212. package/lib/components/CreateSidePanel/CreateSidePanel.js +21 -20
  213. package/lib/components/CreateTearsheet/CreateTearsheet.js +27 -20
  214. package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +5 -4
  215. package/lib/components/CreateTearsheet/CreateTearsheetStep.js +19 -18
  216. package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +21 -20
  217. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +22 -21
  218. package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +56 -55
  219. package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +39 -38
  220. package/lib/components/Datagrid/Datagrid/Datagrid.js +7 -6
  221. package/lib/components/Datagrid/Datagrid/DatagridContent.js +32 -31
  222. package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +8 -3
  223. package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +6 -5
  224. package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +3 -2
  225. package/lib/components/Datagrid/Datagrid/DatagridRow.js +20 -15
  226. package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -3
  227. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +14 -13
  228. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -2
  229. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +6 -5
  230. package/lib/components/Datagrid/Datagrid/DraggableElement.js +13 -12
  231. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +15 -14
  232. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +25 -24
  233. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +27 -26
  234. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +7 -7
  235. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.d.ts +1 -0
  236. package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +2 -0
  237. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +65 -1
  238. package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +11 -0
  239. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +15 -14
  240. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +20 -19
  241. package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +9 -8
  242. package/lib/components/Datagrid/useActionsColumn.js +7 -6
  243. package/lib/components/Datagrid/useColumnCenterAlign.js +3 -2
  244. package/lib/components/Datagrid/useColumnRightAlign.js +3 -2
  245. package/lib/components/Datagrid/useDefaultStringRenderer.js +4 -3
  246. package/lib/components/Datagrid/useFiltering.js +46 -45
  247. package/lib/components/Datagrid/useFloatingScroll.js +6 -2
  248. package/lib/components/Datagrid/useInlineEdit.js +4 -3
  249. package/lib/components/Datagrid/useNestedRowExpander.js +4 -3
  250. package/lib/components/Datagrid/useNestedRows.js +6 -2
  251. package/lib/components/Datagrid/useRowExpander.js +3 -2
  252. package/lib/components/Datagrid/useSelectAllToggle.js +3 -2
  253. package/lib/components/Datagrid/useSelectRows.js +5 -4
  254. package/lib/components/Datagrid/useSortableColumns.js +3 -2
  255. package/lib/components/Datagrid/useStickyColumn.js +4 -3
  256. package/lib/components/DelimitedList/DelimitedList.js +8 -7
  257. package/lib/components/EditFullPage/EditFullPage.js +6 -5
  258. package/lib/components/EditInPlace/EditInPlace.js +23 -22
  259. package/lib/components/EditSidePanel/EditSidePanel.js +23 -22
  260. package/lib/components/EditTearsheet/EditTearsheet.js +18 -17
  261. package/lib/components/EditTearsheet/EditTearsheetForm.js +11 -10
  262. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +6 -5
  263. package/lib/components/EditUpdateCards/EditUpdateCards.js +31 -30
  264. package/lib/components/EmptyStates/EmptyState.js +20 -19
  265. package/lib/components/EmptyStates/EmptyStateContent.js +16 -15
  266. package/lib/components/EmptyStates/EmptyStateV2.js +20 -19
  267. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +18 -17
  268. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +18 -17
  269. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +18 -17
  270. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +18 -17
  271. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +18 -17
  272. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +18 -17
  273. package/lib/components/EmptyStates/assets/ErrorIllustration.js +7 -6
  274. package/lib/components/EmptyStates/assets/NoDataIllustration.js +7 -6
  275. package/lib/components/EmptyStates/assets/NoTagsIllustration.js +7 -6
  276. package/lib/components/EmptyStates/assets/NotFoundIllustration.js +7 -6
  277. package/lib/components/EmptyStates/assets/NotificationsIllustration.js +7 -6
  278. package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +7 -6
  279. package/lib/components/ExportModal/ExportModal.js +30 -29
  280. package/lib/components/FilterSummary/FilterSummary.js +13 -12
  281. package/lib/components/FullPageError/FullPageError.js +13 -12
  282. package/lib/components/Guidebanner/Guidebanner.js +20 -19
  283. package/lib/components/Guidebanner/GuidebannerElement.js +8 -7
  284. package/lib/components/Guidebanner/GuidebannerElementButton.js +8 -7
  285. package/lib/components/Guidebanner/GuidebannerElementLink.js +6 -5
  286. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +11 -10
  287. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +11 -10
  288. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +11 -10
  289. package/lib/components/ImportModal/ImportModal.js +32 -31
  290. package/lib/components/InlineTip/InlineTip.js +21 -20
  291. package/lib/components/InlineTip/InlineTipButton.js +6 -5
  292. package/lib/components/InlineTip/InlineTipLink.js +6 -5
  293. package/lib/components/InterstitialScreen/InterstitialScreen.js +13 -12
  294. package/lib/components/InterstitialScreenView/InterstitialScreenView.js +7 -6
  295. package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +7 -6
  296. package/lib/components/NonLinearReading/NonLinearReading.js +9 -8
  297. package/lib/components/NotificationsPanel/NotificationsPanel.js +59 -58
  298. package/lib/components/OptionsTile/OptionsTile.js +21 -20
  299. package/lib/components/PageHeader/PageHeader.js +74 -73
  300. package/lib/components/PageHeader/PageHeaderTitle.js +21 -20
  301. package/lib/components/PageHeader/PageHeaderUtils.js +3 -2
  302. package/lib/components/RemoveModal/RemoveModal.js +22 -21
  303. package/lib/components/Saving/Saving.js +18 -17
  304. package/lib/components/SearchBar/SearchBar.js +20 -19
  305. package/lib/components/SidePanel/SidePanel.js +47 -46
  306. package/lib/components/SimpleHeader/SimpleHeader.js +17 -16
  307. package/lib/components/StatusIcon/StatusIcon.js +9 -8
  308. package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +7 -6
  309. package/lib/components/StringFormatter/StringFormatter.js +11 -10
  310. package/lib/components/TagSet/TagSet.js +21 -20
  311. package/lib/components/TagSet/TagSetModal.js +13 -12
  312. package/lib/components/TagSet/TagSetOverflow.js +18 -17
  313. package/lib/components/Tearsheet/TearsheetShell.js +35 -35
  314. package/lib/components/Toolbar/Toolbar.js +7 -6
  315. package/lib/components/Toolbar/ToolbarButton.js +9 -8
  316. package/lib/components/Toolbar/ToolbarGroup.js +6 -5
  317. package/lib/components/TooltipTrigger/TooltipTrigger.js +6 -5
  318. package/lib/components/TruncatedList/TruncatedList.js +14 -13
  319. package/lib/components/UserAvatar/UserAvatar.js +3 -2
  320. package/lib/components/UserProfileImage/UserProfileImage.js +3 -2
  321. package/lib/components/WebTerminal/WebTerminal.js +14 -13
  322. package/lib/components/WebTerminal/WebTerminalContentWrapper.js +5 -4
  323. package/lib/components/_Canary/Canary.js +6 -5
  324. package/lib/node_modules/prop-types/index.js +1 -1
  325. package/package.json +6 -5
  326. package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +0 -1
  327. package/scss/components/Datagrid/styles/_datagrid.scss +61 -4
  328. package/scss/components/SidePanel/_side-panel.scss +8 -1
  329. package/scss/components/Tearsheet/_tearsheet.scss +4 -5
  330. package/es/_virtual/index2.js +0 -10
  331. package/es/node_modules/classnames/index.js +0 -70
  332. package/lib/_virtual/index2.js +0 -14
  333. package/lib/node_modules/classnames/index.js +0 -74
@@ -11,14 +11,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
13
  var React = require('react');
14
- var index$1 = require('../../node_modules/prop-types/index.js');
15
- var index = require('../../node_modules/classnames/index.js');
14
+ var index = require('../../node_modules/prop-types/index.js');
15
+ var cx = require('classnames');
16
16
  var devtools = require('../../global/js/utils/devtools.js');
17
17
  var settings = require('../../settings.js');
18
18
 
19
19
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
20
 
21
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
+ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
22
23
 
23
24
  var _excluded = ["children", "className", "stepTitle"];
24
25
 
@@ -41,7 +42,7 @@ exports.InterstitialScreenView = /*#__PURE__*/React__default["default"].forwardR
41
42
  role: "complementary",
42
43
  "aria-label": stepTitle
43
44
  }, rest, {
44
- className: index["default"](blockClass,
45
+ className: cx__default["default"](blockClass,
45
46
  // Apply the block class to the main HTML element
46
47
  className,
47
48
  // Apply any supplied class names to the main HTML element.
@@ -68,13 +69,13 @@ exports.InterstitialScreenView.propTypes = {
68
69
  /**
69
70
  * Provide the contents of the InterstitialScreenView.
70
71
  */
71
- children: index$1["default"].node,
72
+ children: index["default"].node,
72
73
  /**
73
74
  * Optional class name for this component.
74
75
  */
75
- className: index$1["default"].string,
76
+ className: index["default"].string,
76
77
  /**
77
78
  * The label to pass to the ProgressStep component.
78
79
  */
79
- stepTitle: index$1["default"].string.isRequired
80
+ stepTitle: index["default"].string.isRequired
80
81
  };
@@ -11,14 +11,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
13
  var React = require('react');
14
- var index$1 = require('../../node_modules/prop-types/index.js');
15
- var index = require('../../node_modules/classnames/index.js');
14
+ var index = require('../../node_modules/prop-types/index.js');
15
+ var cx = require('classnames');
16
16
  var devtools = require('../../global/js/utils/devtools.js');
17
17
  var settings = require('../../settings.js');
18
18
 
19
19
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
20
 
21
21
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
22
+ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
22
23
 
23
24
  var _excluded = ["className", "title", "description"];
24
25
 
@@ -49,7 +50,7 @@ exports.InterstitialScreenViewModule = /*#__PURE__*/React__default["default"].fo
49
50
  description = _ref.description,
50
51
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
51
52
  return /*#__PURE__*/React__default["default"].createElement("section", _rollupPluginBabelHelpers["extends"]({}, rest, {
52
- className: index["default"](blockClass,
53
+ className: cx__default["default"](blockClass,
53
54
  // Apply the block class to the main HTML element
54
55
  className // Apply any supplied class names to the main HTML element.
55
56
  ),
@@ -75,13 +76,13 @@ exports.InterstitialScreenViewModule.propTypes = {
75
76
  /**
76
77
  * Provide an optional class to be applied to the containing node.
77
78
  */
78
- className: index$1["default"].string,
79
+ className: index["default"].string,
79
80
  /**
80
81
  * The description of this component.
81
82
  */
82
- description: index$1["default"].string.isRequired,
83
+ description: index["default"].string.isRequired,
83
84
  /**
84
85
  * The title of this component.
85
86
  */
86
- title: index$1["default"].string.isRequired
87
+ title: index["default"].string.isRequired
87
88
  };
@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
13
  var React = require('react');
14
- var index$1 = require('../../node_modules/prop-types/index.js');
15
- var index = require('../../node_modules/classnames/index.js');
14
+ var index = require('../../node_modules/prop-types/index.js');
15
+ var cx = require('classnames');
16
16
  var icons = require('@carbon/react/icons');
17
17
  var devtools = require('../../global/js/utils/devtools.js');
18
18
  var uuidv4 = require('../../global/js/utils/uuidv4.js');
@@ -21,6 +21,7 @@ var settings = require('../../settings.js');
21
21
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
22
22
 
23
23
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
+ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
24
25
 
25
26
  var _ChevronDown;
26
27
  var _excluded = ["children", "className", "definition", "theme"];
@@ -57,13 +58,13 @@ exports.NonLinearReading = /*#__PURE__*/React__default["default"].forwardRef(fun
57
58
  });
58
59
  };
59
60
  return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
60
- className: index["default"](blockClass, "".concat(blockClass, "__").concat(theme), className),
61
+ className: cx__default["default"](blockClass, "".concat(blockClass, "__").concat(theme), className),
61
62
  ref: ref
62
63
  }, devtools.getDevtoolsProps(componentName)), ' ', /*#__PURE__*/React__default["default"].createElement("button", {
63
64
  type: "button",
64
65
  "aria-controls": contentId,
65
66
  "aria-expanded": isOpen,
66
- className: index["default"]("".concat(blockClass, "__keyword"), [isOpen ? ["".concat(blockClass, "__keyword-open")] : ["".concat(blockClass, "__keyword-closed")]]),
67
+ className: cx__default["default"]("".concat(blockClass, "__keyword"), [isOpen ? ["".concat(blockClass, "__keyword-open")] : ["".concat(blockClass, "__keyword-closed")]]),
67
68
  onClick: handleToggle
68
69
  }, children, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default["default"].createElement(icons.ChevronDown, {
69
70
  size: 16
@@ -81,17 +82,17 @@ exports.NonLinearReading.propTypes = {
81
82
  /**
82
83
  * The keyword of the component appears as a pill.
83
84
  */
84
- children: index$1["default"].node.isRequired,
85
+ children: index["default"].node.isRequired,
85
86
  /**
86
87
  * Provide an optional class to be applied to the containing node.
87
88
  */
88
- className: index$1["default"].string,
89
+ className: index["default"].string,
89
90
  /**
90
91
  * The content that appears when the keyword is toggled open.
91
92
  */
92
- definition: index$1["default"].node.isRequired,
93
+ definition: index["default"].node.isRequired,
93
94
  /**
94
95
  * Determines the theme of the component.
95
96
  */
96
- theme: index$1["default"].oneOf(['light', 'dark'])
97
+ theme: index["default"].oneOf(['light', 'dark'])
97
98
  };
@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
13
  var React = require('react');
14
- var index$1 = require('../../node_modules/prop-types/index.js');
15
- var index = require('../../node_modules/classnames/index.js');
14
+ var index = require('../../node_modules/prop-types/index.js');
15
+ var cx = require('classnames');
16
16
  var devtools = require('../../global/js/utils/devtools.js');
17
17
  var settings = require('../../settings.js');
18
18
  var utils = require('./utils.js');
@@ -26,6 +26,7 @@ var NotificationsEmptyState = require('../EmptyStates/NotificationsEmptyState/No
26
26
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
27
27
 
28
28
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
29
+ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
29
30
 
30
31
  var _Close;
31
32
  var _excluded = ["className", "data", "daysAgoText", "dismissAllLabel", "dismissSingleNotificationIconDescription", "doNotDisturbDefaultToggled", "doNotDisturbLabel", "emptyStateLabel", "hourAgoText", "hoursAgoText", "minuteAgoText", "minutesAgoText", "monthAgoText", "monthsAgoText", "nowText", "onClickOutside", "onDismissAllNotifications", "onDismissSingleNotification", "onDoNotDisturbChange", "onSettingsClick", "onViewAllClick", "open", "previousLabel", "readLessLabel", "readMoreLabel", "secondsAgoText", "settingsIconDescription", "title", "todayLabel", "viewAllLabel", "yearAgoText", "yearsAgoText", "yesterdayAtText", "yesterdayLabel"];
@@ -219,8 +220,8 @@ exports.NotificationsPanel = /*#__PURE__*/React__default["default"].forwardRef(f
219
220
  })[0];
220
221
  var trimLength = 88;
221
222
  var description = notification.description;
222
- var descriptionClassName = index["default"](["".concat(blockClass, "__notification-description"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__notification-long-description"), notification.showAll), "".concat(blockClass, "__notification-short-description"), !notification.showAll)]);
223
- var showMoreButtonClassName = index["default"]([_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__notification-read-less-button"), notification.showAll), "".concat(blockClass, "__notification-read-more-button"), !notification.showAll)]);
223
+ var descriptionClassName = cx__default["default"](["".concat(blockClass, "__notification-description"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__notification-long-description"), notification.showAll), "".concat(blockClass, "__notification-short-description"), !notification.showAll)]);
224
+ var showMoreButtonClassName = cx__default["default"]([_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__notification-read-less-button"), notification.showAll), "".concat(blockClass, "__notification-read-more-button"), !notification.showAll)]);
224
225
  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
225
226
  className: descriptionClassName
226
227
  }, description), description.length > trimLength && /*#__PURE__*/React__default["default"].createElement(react.Button, {
@@ -248,12 +249,12 @@ exports.NotificationsPanel = /*#__PURE__*/React__default["default"].forwardRef(f
248
249
  className: showMoreButtonClassName
249
250
  }, notification.showAll ? readLessLabel : readMoreLabel));
250
251
  };
251
- var renderNotification = function renderNotification(group, notification, index$1) {
252
- var notificationClassName = index["default"](["".concat(blockClass, "__notification"), "".concat(blockClass, "__notification-").concat(group)]);
253
- var notificationHeaderClassName = index["default"](["".concat(blockClass, "__notification-title"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__notification-title-unread"), notification.unread)]);
252
+ var renderNotification = function renderNotification(group, notification, index) {
253
+ var notificationClassName = cx__default["default"](["".concat(blockClass, "__notification"), "".concat(blockClass, "__notification-").concat(group)]);
254
+ var notificationHeaderClassName = cx__default["default"](["".concat(blockClass, "__notification-title"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__notification-title-unread"), notification.unread)]);
254
255
  return /*#__PURE__*/React__default["default"].createElement("div", {
255
256
  "aria-label": notification.title,
256
- key: "".concat(notification.timestamp, "-").concat(notification.title, "-").concat(index$1),
257
+ key: "".concat(notification.timestamp, "-").concat(notification.title, "-").concat(index),
257
258
  className: notificationClassName,
258
259
  type: "button",
259
260
  role: "button",
@@ -269,16 +270,16 @@ exports.NotificationsPanel = /*#__PURE__*/React__default["default"].forwardRef(f
269
270
  }
270
271
  }, notification.type === 'error' && /*#__PURE__*/React__default["default"].createElement(icons.ErrorFilled, {
271
272
  size: 16,
272
- className: index["default"](["".concat(blockClass, "__notification-status-icon"), "".concat(blockClass, "__notification-status-icon-error")])
273
+ className: cx__default["default"](["".concat(blockClass, "__notification-status-icon"), "".concat(blockClass, "__notification-status-icon-error")])
273
274
  }), notification.type === 'success' && /*#__PURE__*/React__default["default"].createElement(icons.CheckmarkFilled, {
274
275
  size: 16,
275
- className: index["default"](["".concat(blockClass, "__notification-status-icon"), "".concat(blockClass, "__notification-status-icon-success")])
276
+ className: cx__default["default"](["".concat(blockClass, "__notification-status-icon"), "".concat(blockClass, "__notification-status-icon-success")])
276
277
  }), notification.type === 'warning' && /*#__PURE__*/React__default["default"].createElement(icons.WarningAltFilled, {
277
278
  size: 16,
278
- className: index["default"](["".concat(blockClass, "__notification-status-icon"), "".concat(blockClass, "__notification-status-icon-warning")])
279
+ className: cx__default["default"](["".concat(blockClass, "__notification-status-icon"), "".concat(blockClass, "__notification-status-icon-warning")])
279
280
  }), notification.type === 'informational' && /*#__PURE__*/React__default["default"].createElement(icons.InformationSquareFilled, {
280
281
  size: 16,
281
- className: index["default"](["".concat(blockClass, "__notification-status-icon"), "".concat(blockClass, "__notification-status-icon-informational")])
282
+ className: cx__default["default"](["".concat(blockClass, "__notification-status-icon"), "".concat(blockClass, "__notification-status-icon-informational")])
282
283
  }), /*#__PURE__*/React__default["default"].createElement("div", {
283
284
  className: "".concat(blockClass, "__notification-content")
284
285
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -320,10 +321,10 @@ exports.NotificationsPanel = /*#__PURE__*/React__default["default"].forwardRef(f
320
321
  event.stopPropagation();
321
322
  onDismissSingleNotification(notification);
322
323
  };
323
- var mainSectionClassName = index["default"](["".concat(blockClass, "__main-section"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__main-section-empty"), allNotifications && !allNotifications.length)]);
324
+ var mainSectionClassName = cx__default["default"](["".concat(blockClass, "__main-section"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__main-section-empty"), allNotifications && !allNotifications.length)]);
324
325
  return shouldRender ? /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
325
326
  id: blockClass,
326
- className: index["default"](blockClass, className, "".concat(blockClass, "__container")),
327
+ className: cx__default["default"](blockClass, className, "".concat(blockClass, "__container")),
327
328
  style: {
328
329
  animation: !reducedMotion.matches ? "".concat(open ? 'fade-in 250ms' : 'fade-out 250ms') : null
329
330
  },
@@ -410,149 +411,149 @@ exports.NotificationsPanel.propTypes = {
410
411
  /**
411
412
  * Provide an optional class to be applied to the containing node.
412
413
  */
413
- className: index$1["default"].string,
414
+ className: index["default"].string,
414
415
  /**
415
416
  * Array of data for Notifications component to render
416
417
  */
417
- data: index$1["default"].arrayOf(index$1["default"].shape({
418
- id: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].number]),
419
- type: index$1["default"].oneOf(['error', 'warning', 'success', 'informational']),
420
- timestamp: index$1["default"].instanceOf(Date),
421
- title: index$1["default"].string,
422
- description: index$1["default"].string,
423
- link: index$1["default"].shape({
424
- url: index$1["default"].string,
425
- text: index$1["default"].string
418
+ data: index["default"].arrayOf(index["default"].shape({
419
+ id: index["default"].oneOfType([index["default"].string, index["default"].number]),
420
+ type: index["default"].oneOf(['error', 'warning', 'success', 'informational']),
421
+ timestamp: index["default"].instanceOf(Date),
422
+ title: index["default"].string,
423
+ description: index["default"].string,
424
+ link: index["default"].shape({
425
+ url: index["default"].string,
426
+ text: index["default"].string
426
427
  }),
427
- unread: index$1["default"].bool,
428
- onNotificationClick: index$1["default"].func
428
+ unread: index["default"].bool,
429
+ onNotificationClick: index["default"].func
429
430
  })).isRequired,
430
431
  /**
431
432
  * Sets the `days ago` label text
432
433
  */
433
- daysAgoText: index$1["default"].func,
434
+ daysAgoText: index["default"].func,
434
435
  /**
435
436
  * Label for Dismiss all button
436
437
  */
437
- dismissAllLabel: index$1["default"].string,
438
+ dismissAllLabel: index["default"].string,
438
439
  /**
439
440
  * Label for Dismiss single notification icon button
440
441
  */
441
- dismissSingleNotificationIconDescription: index$1["default"].string,
442
+ dismissSingleNotificationIconDescription: index["default"].string,
442
443
  /**
443
444
  * Optional: Determines if the `Do not disturb` toggle is on or off when the component is rendered
444
445
  */
445
- doNotDisturbDefaultToggled: index$1["default"].bool,
446
+ doNotDisturbDefaultToggled: index["default"].bool,
446
447
  /**
447
448
  * Optional: Label for Do not disturb toggle
448
449
  */
449
- doNotDisturbLabel: index$1["default"].string,
450
+ doNotDisturbLabel: index["default"].string,
450
451
  /**
451
452
  * Sets the empty state label text when there are no notifications
452
453
  */
453
- emptyStateLabel: index$1["default"].string,
454
+ emptyStateLabel: index["default"].string,
454
455
  /**
455
456
  * Sets the `hour ago` label text
456
457
  */
457
- hourAgoText: index$1["default"].func,
458
+ hourAgoText: index["default"].func,
458
459
  /**
459
460
  * Sets the `hours ago` label text
460
461
  */
461
- hoursAgoText: index$1["default"].func,
462
+ hoursAgoText: index["default"].func,
462
463
  /**
463
464
  * Sets the `minute ago` label text
464
465
  */
465
- minuteAgoText: index$1["default"].func,
466
+ minuteAgoText: index["default"].func,
466
467
  /**
467
468
  * Sets the `minutes ago` label text
468
469
  */
469
- minutesAgoText: index$1["default"].func,
470
+ minutesAgoText: index["default"].func,
470
471
  /**
471
472
  * Sets the `month ago` label text
472
473
  */
473
- monthAgoText: index$1["default"].func,
474
+ monthAgoText: index["default"].func,
474
475
  /**
475
476
  * Sets the `months ago` label text
476
477
  */
477
- monthsAgoText: index$1["default"].func,
478
+ monthsAgoText: index["default"].func,
478
479
  /**
479
480
  * Sets the `now` label text
480
481
  */
481
- nowText: index$1["default"].string,
482
+ nowText: index["default"].string,
482
483
  /**
483
484
  * Sets the notifications panel open state
484
485
  */
485
- onClickOutside: index$1["default"].func.isRequired,
486
+ onClickOutside: index["default"].func.isRequired,
486
487
  /**
487
488
  * Function that will dismiss all notifications
488
489
  */
489
- onDismissAllNotifications: index$1["default"].func,
490
+ onDismissAllNotifications: index["default"].func,
490
491
  /**
491
492
  * Function that will dismiss a single notification
492
493
  */
493
- onDismissSingleNotification: index$1["default"].func,
494
+ onDismissSingleNotification: index["default"].func,
494
495
  /**
495
496
  * Optional: function that returns the current selected value of the disable notification toggle
496
497
  */
497
- onDoNotDisturbChange: index$1["default"].func,
498
+ onDoNotDisturbChange: index["default"].func,
498
499
  /**
499
500
  * Event handler for the View all button
500
501
  */
501
- onSettingsClick: index$1["default"].func,
502
+ onSettingsClick: index["default"].func,
502
503
  /**
503
504
  * Event handler for the View all button
504
505
  */
505
- onViewAllClick: index$1["default"].func,
506
+ onViewAllClick: index["default"].func,
506
507
  /**
507
508
  * Determines whether the notifications panel should render or not
508
509
  */
509
- open: index$1["default"].bool.isRequired,
510
+ open: index["default"].bool.isRequired,
510
511
  /**
511
512
  * Sets the previous label text
512
513
  */
513
- previousLabel: index$1["default"].string,
514
+ previousLabel: index["default"].string,
514
515
  /**
515
516
  * Sets the `read less` label text
516
517
  */
517
- readLessLabel: index$1["default"].string,
518
+ readLessLabel: index["default"].string,
518
519
  /**
519
520
  * Sets the `read more` label text
520
521
  */
521
- readMoreLabel: index$1["default"].string,
522
+ readMoreLabel: index["default"].string,
522
523
  /**
523
524
  * Sets the `seconds ago` label text
524
525
  */
525
- secondsAgoText: index$1["default"].func,
526
+ secondsAgoText: index["default"].func,
526
527
  /**
527
528
  * Sets the settings icon description text
528
529
  */
529
- settingsIconDescription: index$1["default"].string,
530
+ settingsIconDescription: index["default"].string,
530
531
  /**
531
532
  * Sets the title for the Notifications panel
532
533
  */
533
- title: index$1["default"].string,
534
+ title: index["default"].string,
534
535
  /**
535
536
  * Sets the today label text
536
537
  */
537
- todayLabel: index$1["default"].string,
538
+ todayLabel: index["default"].string,
538
539
  /**
539
540
  * Sets the View all button text
540
541
  */
541
- viewAllLabel: index$1["default"].func,
542
+ viewAllLabel: index["default"].func,
542
543
  /**
543
544
  * Sets the `year ago` label text
544
545
  */
545
- yearAgoText: index$1["default"].func,
546
+ yearAgoText: index["default"].func,
546
547
  /**
547
548
  * Sets the `years ago` label text
548
549
  */
549
- yearsAgoText: index$1["default"].func,
550
+ yearsAgoText: index["default"].func,
550
551
  /**
551
552
  * Sets the `Yesterday at` label text
552
553
  */
553
- yesterdayAtText: index$1["default"].func,
554
+ yesterdayAtText: index["default"].func,
554
555
  /**
555
556
  * Sets the yesterday label text
556
557
  */
557
- yesterdayLabel: index$1["default"].string
558
+ yesterdayLabel: index["default"].string
558
559
  };
@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
13
13
  var React = require('react');
14
- var index$1 = require('../../node_modules/prop-types/index.js');
15
- var index = require('../../node_modules/classnames/index.js');
14
+ var index = require('../../node_modules/prop-types/index.js');
15
+ var cx = require('classnames');
16
16
  var devtools = require('../../global/js/utils/devtools.js');
17
17
  var uuidv4 = require('../../global/js/utils/uuidv4.js');
18
18
  var settings = require('../../settings.js');
@@ -42,6 +42,7 @@ function _interopNamespace(e) {
42
42
  }
43
43
 
44
44
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
45
+ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
45
46
  var carbonMotion__namespace = /*#__PURE__*/_interopNamespace(carbonMotion);
46
47
 
47
48
  var _Locked;
@@ -218,7 +219,7 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
218
219
  id: titleId,
219
220
  className: "".concat(blockClass, "__title")
220
221
  }, title), text && /*#__PURE__*/React__default["default"].createElement("span", {
221
- className: index["default"](summaryClasses),
222
+ className: cx__default["default"](summaryClasses),
222
223
  "aria-hidden": summaryHidden
223
224
  }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
224
225
  size: 16
@@ -227,7 +228,7 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
227
228
  }, text)));
228
229
  }
229
230
  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
230
- className: index["default"](blockClass,
231
+ className: cx__default["default"](blockClass,
231
232
  // Apply the block class to the main HTML element
232
233
  className, // Apply any supplied class names to the main HTML element.
233
234
  "".concat(blockClass, "--").concat(size), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--closing"), closing)),
@@ -286,68 +287,68 @@ exports.OptionsTile.propTypes = {
286
287
  * Provide content to render as expandable OptionsTile. If no children
287
288
  * are present, the OptionsTile will render as its variant.
288
289
  */
289
- children: index$1["default"].node,
290
+ children: index["default"].node,
290
291
  /**
291
292
  * Provide an optional class to be applied to the containing node.
292
293
  */
293
- className: index$1["default"].string,
294
+ className: index["default"].string,
294
295
  /**
295
296
  * Whether the toggle is enabled or disabled. If nothing is passed,
296
297
  * no toggle will be rendered.
297
298
  */
298
- enabled: index$1["default"].bool,
299
+ enabled: index["default"].bool,
299
300
  /**
300
301
  * Whether the OptionsTile is in invalid validation state.
301
302
  */
302
- invalid: index$1["default"].bool,
303
+ invalid: index["default"].bool,
303
304
  /**
304
305
  * Provide a text explaining why the OptionsTile is in invalid state.
305
306
  */
306
- invalidText: index$1["default"].string,
307
+ invalidText: index["default"].string,
307
308
  /**
308
309
  * Whether the OptionsTile is in locked validation state.
309
310
  */
310
- locked: index$1["default"].bool,
311
+ locked: index["default"].bool,
311
312
  /**
312
313
  * Provide a text explaining why the OptionsTile is in locked state.
313
314
  */
314
- lockedText: index$1["default"].string,
315
+ lockedText: index["default"].string,
315
316
  /**
316
317
  * Provide a function which will be called each time the user
317
318
  * toggles the open state of the OptionsTile.
318
319
  */
319
- onChange: index$1["default"].func,
320
+ onChange: index["default"].func,
320
321
  /**
321
322
  * Provide a function which will be called each time the user
322
323
  * interacts with the toggle.
323
324
  */
324
- onToggle: index$1["default"].func,
325
+ onToggle: index["default"].func,
325
326
  /**
326
327
  * Whether the OptionsTile is in open state.
327
328
  */
328
- open: index$1["default"].bool,
329
+ open: index["default"].bool,
329
330
  /**
330
331
  * Define the size of the OptionsTile.
331
332
  */
332
- size: index$1["default"].oneOf(['lg', 'xl']),
333
+ size: index["default"].oneOf(['lg', 'xl']),
333
334
  /**
334
335
  * Optionally provide a text summarizing the current state of the content.
335
336
  */
336
- summary: index$1["default"].string,
337
+ summary: index["default"].string,
337
338
  /**
338
339
  * Provide the title for this OptionsTile.
339
340
  */
340
- title: index$1["default"].string.isRequired,
341
+ title: index["default"].string.isRequired,
341
342
  /**
342
343
  * Optionally provide an id which should be used for the title.
343
344
  */
344
- titleId: index$1["default"].string,
345
+ titleId: index["default"].string,
345
346
  /**
346
347
  * Whether the OptionsTile is in warning validation state.
347
348
  */
348
- warn: index$1["default"].bool,
349
+ warn: index["default"].bool,
349
350
  /**
350
351
  * Provide a text explaining why the OptionsTile is in warning state.
351
352
  */
352
- warnText: index$1["default"].string
353
+ warnText: index["default"].string
353
354
  };