@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,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 react = require('@carbon/react');
17
17
  var devtools = require('../../../global/js/utils/devtools.js');
18
18
  var settings = require('../../../settings.js');
@@ -23,6 +23,7 @@ var EmptyState = require('../EmptyState.js');
23
23
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
24
 
25
25
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
+ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
26
27
 
27
28
  var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
28
29
 
@@ -47,7 +48,7 @@ exports.NoTagsEmptyState = /*#__PURE__*/React__default["default"].forwardRef(fun
47
48
  title = _ref.title,
48
49
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
49
50
  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
50
- className: index["default"](blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noTags")),
51
+ className: cx__default["default"](blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--noTags")),
51
52
  ref: ref
52
53
  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(NoTagsIllustration["default"], {
53
54
  theme: illustrationTheme,
@@ -76,48 +77,48 @@ exports.NoTagsEmptyState.propTypes = {
76
77
  /**
77
78
  * Empty state action button
78
79
  */
79
- action: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
80
- kind: index$1["default"].oneOf(['primary', 'secondary', 'tertiary']),
81
- renderIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
80
+ action: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
81
+ kind: index["default"].oneOf(['primary', 'secondary', 'tertiary']),
82
+ renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
82
83
  onClick: react.Button.propTypes.onClick,
83
- text: index$1["default"].string
84
+ text: index["default"].string
84
85
  })),
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 alt text for empty state svg images. If not provided , title will be used.
91
92
  */
92
- illustrationDescription: index$1["default"].string,
93
+ illustrationDescription: index["default"].string,
93
94
  /**
94
95
  * Designates the position of the illustration relative to the content
95
96
  */
96
- illustrationPosition: index$1["default"].oneOf(['top', 'right', 'bottom', 'left']),
97
+ illustrationPosition: index["default"].oneOf(['top', 'right', 'bottom', 'left']),
97
98
  /**
98
99
  * Empty state illustration theme variations.
99
100
  * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
100
101
  * based on your app's current theme value. Example:
101
102
  * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
102
103
  */
103
- illustrationTheme: index$1["default"].oneOf(['light', 'dark']),
104
+ illustrationTheme: index["default"].oneOf(['light', 'dark']),
104
105
  /**
105
106
  * Empty state link object
106
107
  */
107
- link: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
108
- text: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
109
- href: index$1["default"].string
108
+ link: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
109
+ text: index["default"].oneOfType([index["default"].string, index["default"].node]),
110
+ href: index["default"].string
110
111
  })),
111
112
  /**
112
113
  * Empty state size
113
114
  */
114
- size: index$1["default"].oneOf(['lg', 'sm']),
115
+ size: index["default"].oneOf(['lg', 'sm']),
115
116
  /**
116
117
  * Empty state subtitle
117
118
  */
118
- subtitle: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
119
+ subtitle: index["default"].oneOfType([index["default"].string, index["default"].node]),
119
120
  /**
120
121
  * Empty state title
121
122
  */
122
- title: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]).isRequired
123
+ title: index["default"].oneOfType([index["default"].string, index["default"].node]).isRequired
123
124
  };
@@ -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 react = require('@carbon/react');
17
17
  var devtools = require('../../../global/js/utils/devtools.js');
18
18
  var settings = require('../../../settings.js');
@@ -23,6 +23,7 @@ var EmptyState = require('../EmptyState.js');
23
23
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
24
 
25
25
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
+ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
26
27
 
27
28
  var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
28
29
 
@@ -47,7 +48,7 @@ exports.NotFoundEmptyState = /*#__PURE__*/React__default["default"].forwardRef(f
47
48
  title = _ref.title,
48
49
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
49
50
  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
50
- className: index["default"](blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--notFound")),
51
+ className: cx__default["default"](blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--notFound")),
51
52
  ref: ref
52
53
  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(NotFoundIllustration["default"], {
53
54
  theme: illustrationTheme,
@@ -76,48 +77,48 @@ exports.NotFoundEmptyState.propTypes = {
76
77
  /**
77
78
  * Empty state action button
78
79
  */
79
- action: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
80
- kind: index$1["default"].oneOf(['primary', 'secondary', 'tertiary']),
81
- renderIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
80
+ action: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
81
+ kind: index["default"].oneOf(['primary', 'secondary', 'tertiary']),
82
+ renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
82
83
  onClick: react.Button.propTypes.onClick,
83
- text: index$1["default"].string
84
+ text: index["default"].string
84
85
  })),
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 alt text for empty state svg images. If not provided , title will be used.
91
92
  */
92
- illustrationDescription: index$1["default"].string,
93
+ illustrationDescription: index["default"].string,
93
94
  /**
94
95
  * Designates the position of the illustration relative to the content
95
96
  */
96
- illustrationPosition: index$1["default"].oneOf(['top', 'right', 'bottom', 'left']),
97
+ illustrationPosition: index["default"].oneOf(['top', 'right', 'bottom', 'left']),
97
98
  /**
98
99
  * Empty state illustration theme variations.
99
100
  * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
100
101
  * based on your app's current theme value. Example:
101
102
  * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
102
103
  */
103
- illustrationTheme: index$1["default"].oneOf(['light', 'dark']),
104
+ illustrationTheme: index["default"].oneOf(['light', 'dark']),
104
105
  /**
105
106
  * Empty state link object
106
107
  */
107
- link: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
108
- text: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
109
- href: index$1["default"].string
108
+ link: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
109
+ text: index["default"].oneOfType([index["default"].string, index["default"].node]),
110
+ href: index["default"].string
110
111
  })),
111
112
  /**
112
113
  * Empty state size
113
114
  */
114
- size: index$1["default"].oneOf(['lg', 'sm']),
115
+ size: index["default"].oneOf(['lg', 'sm']),
115
116
  /**
116
117
  * Empty state subtitle
117
118
  */
118
- subtitle: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
119
+ subtitle: index["default"].oneOfType([index["default"].string, index["default"].node]),
119
120
  /**
120
121
  * Empty state title
121
122
  */
122
- title: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]).isRequired
123
+ title: index["default"].oneOfType([index["default"].string, index["default"].node]).isRequired
123
124
  };
@@ -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 react = require('@carbon/react');
17
17
  var devtools = require('../../../global/js/utils/devtools.js');
18
18
  var settings = require('../../../settings.js');
@@ -23,6 +23,7 @@ var EmptyState = require('../EmptyState.js');
23
23
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
24
 
25
25
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
+ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
26
27
 
27
28
  var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
28
29
 
@@ -47,7 +48,7 @@ exports.NotificationsEmptyState = /*#__PURE__*/React__default["default"].forward
47
48
  title = _ref.title,
48
49
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
49
50
  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
50
- className: index["default"](blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--notifications")),
51
+ className: cx__default["default"](blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--notifications")),
51
52
  ref: ref
52
53
  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(NotificationsIllustration["default"], {
53
54
  size: size,
@@ -76,48 +77,48 @@ exports.NotificationsEmptyState.propTypes = {
76
77
  /**
77
78
  * Empty state action button
78
79
  */
79
- action: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
80
- kind: index$1["default"].oneOf(['primary', 'secondary', 'tertiary']),
81
- renderIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
80
+ action: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
81
+ kind: index["default"].oneOf(['primary', 'secondary', 'tertiary']),
82
+ renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
82
83
  onClick: react.Button.propTypes.onClick,
83
- text: index$1["default"].string
84
+ text: index["default"].string
84
85
  })),
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 alt text for empty state svg images. If not provided , title will be used.
91
92
  */
92
- illustrationDescription: index$1["default"].string,
93
+ illustrationDescription: index["default"].string,
93
94
  /**
94
95
  * Designates the position of the illustration relative to the content
95
96
  */
96
- illustrationPosition: index$1["default"].oneOf(['top', 'right', 'bottom', 'left']),
97
+ illustrationPosition: index["default"].oneOf(['top', 'right', 'bottom', 'left']),
97
98
  /**
98
99
  * Empty state illustration theme variations.
99
100
  * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
100
101
  * based on your app's current theme value. Example:
101
102
  * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
102
103
  */
103
- illustrationTheme: index$1["default"].oneOf(['light', 'dark']),
104
+ illustrationTheme: index["default"].oneOf(['light', 'dark']),
104
105
  /**
105
106
  * Empty state link object
106
107
  */
107
- link: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
108
- text: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
109
- href: index$1["default"].string
108
+ link: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
109
+ text: index["default"].oneOfType([index["default"].string, index["default"].node]),
110
+ href: index["default"].string
110
111
  })),
111
112
  /**
112
113
  * Empty state size
113
114
  */
114
- size: index$1["default"].oneOf(['lg', 'sm']),
115
+ size: index["default"].oneOf(['lg', 'sm']),
115
116
  /**
116
117
  * Empty state subtitle
117
118
  */
118
- subtitle: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
119
+ subtitle: index["default"].oneOfType([index["default"].string, index["default"].node]),
119
120
  /**
120
121
  * Empty state title
121
122
  */
122
- title: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]).isRequired
123
+ title: index["default"].oneOfType([index["default"].string, index["default"].node]).isRequired
123
124
  };
@@ -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 react = require('@carbon/react');
17
17
  var devtools = require('../../../global/js/utils/devtools.js');
18
18
  var settings = require('../../../settings.js');
@@ -23,6 +23,7 @@ var EmptyState = require('../EmptyState.js');
23
23
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
24
 
25
25
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
+ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
26
27
 
27
28
  var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
28
29
 
@@ -47,7 +48,7 @@ exports.UnauthorizedEmptyState = /*#__PURE__*/React__default["default"].forwardR
47
48
  title = _ref.title,
48
49
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
49
50
  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
50
- className: index["default"](blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--unauthorized")),
51
+ className: cx__default["default"](blockClass, className, "".concat(blockClass, "-position--").concat(illustrationPosition), "".concat(blockClass, "-type--unauthorized")),
51
52
  ref: ref
52
53
  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(UnauthorizedIllustration["default"], {
53
54
  size: size,
@@ -76,48 +77,48 @@ exports.UnauthorizedEmptyState.propTypes = {
76
77
  /**
77
78
  * Empty state action button
78
79
  */
79
- action: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
80
- kind: index$1["default"].oneOf(['primary', 'secondary', 'tertiary']),
81
- renderIcon: index$1["default"].oneOfType([index$1["default"].func, index$1["default"].object]),
80
+ action: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
81
+ kind: index["default"].oneOf(['primary', 'secondary', 'tertiary']),
82
+ renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
82
83
  onClick: react.Button.propTypes.onClick,
83
- text: index$1["default"].string
84
+ text: index["default"].string
84
85
  })),
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 alt text for empty state svg images. If not provided , title will be used.
91
92
  */
92
- illustrationDescription: index$1["default"].string,
93
+ illustrationDescription: index["default"].string,
93
94
  /**
94
95
  * Designates the position of the illustration relative to the content
95
96
  */
96
- illustrationPosition: index$1["default"].oneOf(['top', 'right', 'bottom', 'left']),
97
+ illustrationPosition: index["default"].oneOf(['top', 'right', 'bottom', 'left']),
97
98
  /**
98
99
  * Empty state illustration theme variations.
99
100
  * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
100
101
  * based on your app's current theme value. Example:
101
102
  * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
102
103
  */
103
- illustrationTheme: index$1["default"].oneOf(['light', 'dark']),
104
+ illustrationTheme: index["default"].oneOf(['light', 'dark']),
104
105
  /**
105
106
  * Empty state link object
106
107
  */
107
- link: index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
108
- text: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
109
- href: index$1["default"].string
108
+ link: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
109
+ text: index["default"].oneOfType([index["default"].string, index["default"].node]),
110
+ href: index["default"].string
110
111
  })),
111
112
  /**
112
113
  * Empty state size
113
114
  */
114
- size: index$1["default"].oneOf(['lg', 'sm']),
115
+ size: index["default"].oneOf(['lg', 'sm']),
115
116
  /**
116
117
  * Empty state subtitle
117
118
  */
118
- subtitle: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]),
119
+ subtitle: index["default"].oneOfType([index["default"].string, index["default"].node]),
119
120
  /**
120
121
  * Empty state title
121
122
  */
122
- title: index$1["default"].oneOfType([index$1["default"].string, index$1["default"].node]).isRequired
123
+ title: index["default"].oneOfType([index["default"].string, index["default"].node]).isRequired
123
124
  };
@@ -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 settings = require('../../../settings.js');
17
17
  var uuidv4 = require('../../../global/js/utils/uuidv4.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 _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _path, _path2, _path3, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _path4;
24
25
  var _excluded = ["theme", "size", "alt"];
@@ -36,7 +37,7 @@ var ErrorIllustration = function ErrorIllustration(_ref) {
36
37
  width: 80,
37
38
  height: 80,
38
39
  viewBox: "0 0 80 80",
39
- className: index["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-error"), "".concat(blockClass, "__illustration--").concat(size)]),
40
+ className: cx__default["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-error"), "".concat(blockClass, "__illustration--").concat(size)]),
40
41
  role: "img"
41
42
  }), /*#__PURE__*/React__default["default"].createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
42
43
  id: "prefix__a_dark_".concat(svgId),
@@ -215,9 +216,9 @@ var ErrorIllustration = function ErrorIllustration(_ref) {
215
216
  })));
216
217
  };
217
218
  ErrorIllustration.propTypes = {
218
- alt: index$1["default"].string.isRequired,
219
- size: index$1["default"].oneOf(['lg', 'sm']),
220
- theme: index$1["default"].oneOf(['light', 'dark'])
219
+ alt: index["default"].string.isRequired,
220
+ size: index["default"].oneOf(['lg', 'sm']),
221
+ theme: index["default"].oneOf(['light', 'dark'])
221
222
  };
222
223
  var ErrorIllustration$1 = ErrorIllustration;
223
224
 
@@ -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 settings = require('../../../settings.js');
17
17
  var uuidv4 = require('../../../global/js/utils/uuidv4.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 _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _path, _path2, _path3, _path4, _path5, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path6, _path7;
24
25
  var _excluded = ["theme", "size", "alt"];
@@ -36,7 +37,7 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
36
37
  width: 80,
37
38
  height: 80,
38
39
  viewBox: "0 0 80 80",
39
- className: index["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-noData"), "".concat(blockClass, "__illustration--").concat(size)]),
40
+ className: cx__default["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-noData"), "".concat(blockClass, "__illustration--").concat(size)]),
40
41
  role: "img"
41
42
  }), /*#__PURE__*/React__default["default"].createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
42
43
  id: "prefix__a_dark_".concat(svgId),
@@ -178,9 +179,9 @@ var NoDataIllustration = function NoDataIllustration(_ref) {
178
179
  })));
179
180
  };
180
181
  NoDataIllustration.propTypes = {
181
- alt: index$1["default"].string.isRequired,
182
- size: index$1["default"].oneOf(['lg', 'sm']),
183
- theme: index$1["default"].oneOf(['light', 'dark'])
182
+ alt: index["default"].string.isRequired,
183
+ size: index["default"].oneOf(['lg', 'sm']),
184
+ theme: index["default"].oneOf(['light', 'dark'])
184
185
  };
185
186
  var NoDataIllustration$1 = NoDataIllustration;
186
187
 
@@ -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 settings = require('../../../settings.js');
17
17
  var uuidv4 = require('../../../global/js/utils/uuidv4.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 _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _path, _path2, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _stop42, _stop43, _stop44, _stop45, _stop46, _stop47, _stop48, _stop49, _stop50, _stop51, _stop52, _stop53, _stop54, _stop55, _stop56, _stop57, _stop58, _stop59, _stop60, _stop61, _stop62, _stop63, _stop64, _stop65, _stop66, _path3;
24
25
  var _excluded = ["theme", "size", "alt"];
@@ -37,7 +38,7 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
37
38
  width: 80,
38
39
  height: 80,
39
40
  viewBox: "0 0 80 80",
40
- className: index["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-noTags"), "".concat(blockClass, "__illustration--").concat(size)]),
41
+ className: cx__default["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-noTags"), "".concat(blockClass, "__illustration--").concat(size)]),
41
42
  role: "img"
42
43
  }), /*#__PURE__*/React__default["default"].createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
43
44
  id: "prefix__c_dark_".concat(svgId),
@@ -485,9 +486,9 @@ var NoTagsIllustration = function NoTagsIllustration(_ref) {
485
486
  })));
486
487
  };
487
488
  NoTagsIllustration.propTypes = {
488
- alt: index$1["default"].string.isRequired,
489
- size: index$1["default"].oneOf(['lg', 'sm']),
490
- theme: index$1["default"].oneOf(['light', 'dark'])
489
+ alt: index["default"].string.isRequired,
490
+ size: index["default"].oneOf(['lg', 'sm']),
491
+ theme: index["default"].oneOf(['light', 'dark'])
491
492
  };
492
493
  var NoTagsIllustration$1 = NoTagsIllustration;
493
494
 
@@ -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 settings = require('../../../settings.js');
17
17
  var uuidv4 = require('../../../global/js/utils/uuidv4.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 _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _path, _path2, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _stop42, _stop43, _stop44, _stop45, _stop46, _stop47, _stop48, _path3;
24
25
  var _excluded = ["theme", "size", "alt"];
@@ -36,7 +37,7 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
36
37
  width: 80,
37
38
  height: 80,
38
39
  viewBox: "0 0 80 80",
39
- className: index["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-notFound"), "".concat(blockClass, "__illustration--").concat(size)]),
40
+ className: cx__default["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-notFound"), "".concat(blockClass, "__illustration--").concat(size)]),
40
41
  role: "img"
41
42
  }), /*#__PURE__*/React__default["default"].createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
42
43
  id: "prefix__a_dark_".concat(svgId),
@@ -362,9 +363,9 @@ var NotFoundIllustration = function NotFoundIllustration(_ref) {
362
363
  })));
363
364
  };
364
365
  NotFoundIllustration.propTypes = {
365
- alt: index$1["default"].string.isRequired,
366
- size: index$1["default"].oneOf(['lg', 'sm']),
367
- theme: index$1["default"].oneOf(['light', 'dark'])
366
+ alt: index["default"].string.isRequired,
367
+ size: index["default"].oneOf(['lg', 'sm']),
368
+ theme: index["default"].oneOf(['light', 'dark'])
368
369
  };
369
370
  var NotFoundIllustration$1 = NotFoundIllustration;
370
371
 
@@ -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 settings = require('../../../settings.js');
17
17
  var uuidv4 = require('../../../global/js/utils/uuidv4.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 _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _path, _path2, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _stop36, _stop37, _stop38, _stop39, _stop40, _stop41, _path3;
24
25
  var _excluded = ["theme", "size", "alt"];
@@ -36,7 +37,7 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
36
37
  width: 80,
37
38
  height: 80,
38
39
  viewBox: "0 0 80 80",
39
- className: index["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-notification"), "".concat(blockClass, "__illustration--").concat(size)]),
40
+ className: cx__default["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-notification"), "".concat(blockClass, "__illustration--").concat(size)]),
40
41
  role: "img"
41
42
  }), /*#__PURE__*/React__default["default"].createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
42
43
  id: "prefix__a_dark_".concat(svgId),
@@ -333,9 +334,9 @@ var NotificationsIllustration = function NotificationsIllustration(_ref) {
333
334
  })));
334
335
  };
335
336
  NotificationsIllustration.propTypes = {
336
- alt: index$1["default"].string.isRequired,
337
- size: index$1["default"].oneOf(['lg', 'sm']),
338
- theme: index$1["default"].oneOf(['light', 'dark'])
337
+ alt: index["default"].string.isRequired,
338
+ size: index["default"].oneOf(['lg', 'sm']),
339
+ theme: index["default"].oneOf(['light', 'dark'])
339
340
  };
340
341
  var NotificationsIllustration$1 = NotificationsIllustration;
341
342
 
@@ -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 settings = require('../../../settings.js');
17
17
  var uuidv4 = require('../../../global/js/utils/uuidv4.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 _stop, _stop2, _stop3, _stop4, _stop5, _stop6, _stop7, _stop8, _path, _path2, _path3, _linearGradient, _stop9, _stop10, _stop11, _stop12, _stop13, _stop14, _stop15, _stop16, _stop17, _stop18, _stop19, _stop20, _stop21, _stop22, _stop23, _stop24, _stop25, _stop26, _stop27, _stop28, _stop29, _stop30, _stop31, _stop32, _stop33, _stop34, _stop35, _path4;
24
25
  var _excluded = ["theme", "size", "alt"];
@@ -37,7 +38,7 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
37
38
  width: 80,
38
39
  height: 80,
39
40
  viewBox: "0 0 80 80",
40
- className: index["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-unauthorized"), "".concat(blockClass, "__illustration--").concat(size)]),
41
+ className: cx__default["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration-unauthorized"), "".concat(blockClass, "__illustration--").concat(size)]),
41
42
  role: "img"
42
43
  }), /*#__PURE__*/React__default["default"].createElement("title", null, alt), theme === 'dark' ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
43
44
  id: "prefix__b_dark_".concat(svgId),
@@ -306,9 +307,9 @@ var UnauthorizedIllustration = function UnauthorizedIllustration(_ref) {
306
307
  })));
307
308
  };
308
309
  UnauthorizedIllustration.propTypes = {
309
- alt: index$1["default"].string.isRequired,
310
- size: index$1["default"].oneOf(['lg', 'sm']),
311
- theme: index$1["default"].oneOf(['light', 'dark'])
310
+ alt: index["default"].string.isRequired,
311
+ size: index["default"].oneOf(['lg', 'sm']),
312
+ theme: index["default"].oneOf(['light', 'dark'])
312
313
  };
313
314
  var UnauthorizedIllustration$1 = UnauthorizedIllustration;
314
315