@carbon/ibm-products 2.27.0 → 2.28.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (334) hide show
  1. package/css/index-full-carbon.css +229 -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 +229 -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 +217 -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 +2 -2
  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 +23 -2
  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 +4 -3
  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 +25 -3
  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/scss/components/UserAvatar/_user-avatar.scss +27 -0
  331. package/es/_virtual/index2.js +0 -10
  332. package/es/node_modules/classnames/index.js +0 -70
  333. package/lib/_virtual/index2.js +0 -14
  334. 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
  };