@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.
- package/css/index-full-carbon.css +192 -116
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +56 -11
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +192 -116
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +180 -112
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/_virtual/index.js +2 -2
- package/es/components/APIKeyModal/APIKeyModal.js +1 -1
- package/es/components/AboutModal/AboutModal.js +1 -1
- package/es/components/ActionBar/ActionBar.js +1 -1
- package/es/components/ActionBar/ActionBarItem.js +1 -1
- package/es/components/ActionBar/ActionBarOverflowItems.js +1 -1
- package/es/components/ActionSet/ActionSet.js +1 -1
- package/es/components/AddSelect/AddSelectBody.js +1 -1
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +1 -1
- package/es/components/AddSelect/AddSelectFilter.js +1 -1
- package/es/components/AddSelect/AddSelectList.js +1 -1
- package/es/components/AddSelect/AddSelectRow.js +1 -1
- package/es/components/BigNumbers/BigNumbers.js +1 -1
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +1 -1
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
- package/es/components/Card/Card.js +1 -1
- package/es/components/Card/CardFooter.js +1 -1
- package/es/components/Card/CardHeader.js +1 -1
- package/es/components/Carousel/Carousel.js +1 -1
- package/es/components/Carousel/CarouselItem.js +1 -1
- package/es/components/Cascade/Cascade.js +1 -1
- package/es/components/Checklist/Checklist.js +1 -1
- package/es/components/Checklist/ChecklistChart.js +1 -1
- package/es/components/Checklist/ChecklistIcon.js +1 -1
- package/es/components/Coachmark/Coachmark.js +1 -1
- package/es/components/Coachmark/CoachmarkDragbar.js +1 -1
- package/es/components/Coachmark/CoachmarkHeader.js +1 -1
- package/es/components/Coachmark/CoachmarkOverlay.js +1 -1
- package/es/components/Coachmark/CoachmarkTagline.js +1 -1
- package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -1
- package/es/components/CoachmarkButton/CoachmarkButton.js +1 -1
- package/es/components/CoachmarkFixed/CoachmarkFixed.js +1 -1
- package/es/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +1 -1
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +1 -1
- package/es/components/CoachmarkStack/CoachmarkStack.js +1 -1
- package/es/components/CoachmarkStack/CoachmarkStackHome.js +1 -1
- package/es/components/ComboButton/ComboButton.js +1 -1
- package/es/components/CreateFullPage/CreateFullPage.js +1 -1
- package/es/components/CreateFullPage/CreateFullPageStep.js +1 -1
- package/es/components/CreateInfluencer/CreateInfluencer.js +1 -1
- package/es/components/CreateModal/CreateModal.js +1 -1
- package/es/components/CreateSidePanel/CreateSidePanel.js +1 -1
- package/es/components/CreateTearsheet/CreateTearsheet.js +8 -2
- package/es/components/CreateTearsheet/CreateTearsheetDivider.js +1 -1
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +1 -1
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +1 -1
- package/es/components/Datagrid/Datagrid/Datagrid.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js +8 -4
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridRefBody.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridRow.js +19 -15
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +1 -1
- package/es/components/Datagrid/Datagrid/DraggableElement.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +8 -8
- package/es/components/Datagrid/Datagrid/addons/Filtering/constants.d.ts +1 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/constants.js +2 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +68 -4
- package/es/components/Datagrid/Datagrid/addons/Filtering/utils.js +12 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +1 -1
- package/es/components/Datagrid/useActionsColumn.js +1 -1
- package/es/components/Datagrid/useColumnCenterAlign.js +1 -1
- package/es/components/Datagrid/useColumnRightAlign.js +1 -1
- package/es/components/Datagrid/useDefaultStringRenderer.js +1 -1
- package/es/components/Datagrid/useFiltering.js +48 -47
- package/es/components/Datagrid/useFloatingScroll.js +1 -1
- package/es/components/Datagrid/useInlineEdit.js +1 -1
- package/es/components/Datagrid/useNestedRowExpander.js +1 -1
- package/es/components/Datagrid/useNestedRows.js +1 -1
- package/es/components/Datagrid/useRowExpander.js +1 -1
- package/es/components/Datagrid/useSelectAllToggle.js +1 -1
- package/es/components/Datagrid/useSelectRows.js +2 -2
- package/es/components/Datagrid/useSortableColumns.js +1 -1
- package/es/components/Datagrid/useStickyColumn.js +1 -1
- package/es/components/DelimitedList/DelimitedList.js +1 -1
- package/es/components/EditFullPage/EditFullPage.js +1 -1
- package/es/components/EditInPlace/EditInPlace.js +1 -1
- package/es/components/EditSidePanel/EditSidePanel.js +1 -1
- package/es/components/EditTearsheet/EditTearsheet.js +1 -1
- package/es/components/EditTearsheet/EditTearsheetForm.js +1 -1
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -1
- package/es/components/EditUpdateCards/EditUpdateCards.js +1 -1
- package/es/components/EmptyStates/EmptyState.js +1 -1
- package/es/components/EmptyStates/EmptyStateContent.js +1 -1
- package/es/components/EmptyStates/EmptyStateV2.js +1 -1
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -1
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -1
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -1
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -1
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -1
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -1
- package/es/components/EmptyStates/assets/ErrorIllustration.js +1 -1
- package/es/components/EmptyStates/assets/NoDataIllustration.js +1 -1
- package/es/components/EmptyStates/assets/NoTagsIllustration.js +1 -1
- package/es/components/EmptyStates/assets/NotFoundIllustration.js +1 -1
- package/es/components/EmptyStates/assets/NotificationsIllustration.js +1 -1
- package/es/components/EmptyStates/assets/UnauthorizedIllustration.js +1 -1
- package/es/components/ExportModal/ExportModal.js +1 -1
- package/es/components/FilterSummary/FilterSummary.js +1 -1
- package/es/components/FullPageError/FullPageError.js +1 -1
- package/es/components/Guidebanner/Guidebanner.js +1 -1
- package/es/components/Guidebanner/GuidebannerElement.js +1 -1
- package/es/components/Guidebanner/GuidebannerElementButton.js +1 -1
- package/es/components/Guidebanner/GuidebannerElementLink.js +1 -1
- package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -1
- package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -1
- package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -1
- package/es/components/ImportModal/ImportModal.js +1 -1
- package/es/components/InlineTip/InlineTip.js +1 -1
- package/es/components/InlineTip/InlineTipButton.js +1 -1
- package/es/components/InlineTip/InlineTipLink.js +1 -1
- package/es/components/InterstitialScreen/InterstitialScreen.js +1 -1
- package/es/components/InterstitialScreenView/InterstitialScreenView.js +1 -1
- package/es/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +1 -1
- package/es/components/NonLinearReading/NonLinearReading.js +1 -1
- package/es/components/NotificationsPanel/NotificationsPanel.js +1 -1
- package/es/components/OptionsTile/OptionsTile.js +1 -1
- package/es/components/PageHeader/PageHeader.js +1 -1
- package/es/components/PageHeader/PageHeaderTitle.js +1 -1
- package/es/components/PageHeader/PageHeaderUtils.js +1 -1
- package/es/components/RemoveModal/RemoveModal.js +1 -1
- package/es/components/Saving/Saving.js +1 -1
- package/es/components/SearchBar/SearchBar.js +1 -1
- package/es/components/SidePanel/SidePanel.js +1 -1
- package/es/components/SimpleHeader/SimpleHeader.js +1 -1
- package/es/components/StatusIcon/StatusIcon.js +1 -1
- package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +1 -1
- package/es/components/StringFormatter/StringFormatter.js +1 -1
- package/es/components/TagSet/TagSet.js +1 -1
- package/es/components/TagSet/TagSetModal.js +1 -1
- package/es/components/TagSet/TagSetOverflow.js +1 -1
- package/es/components/Tearsheet/TearsheetShell.js +4 -5
- package/es/components/Toolbar/Toolbar.js +1 -1
- package/es/components/Toolbar/ToolbarButton.js +1 -1
- package/es/components/Toolbar/ToolbarGroup.js +1 -1
- package/es/components/TooltipTrigger/TooltipTrigger.js +1 -1
- package/es/components/TruncatedList/TruncatedList.js +1 -1
- package/es/components/UserAvatar/UserAvatar.js +1 -1
- package/es/components/UserProfileImage/UserProfileImage.js +1 -1
- package/es/components/WebTerminal/WebTerminal.js +1 -1
- package/es/components/WebTerminal/WebTerminalContentWrapper.js +1 -1
- package/es/components/_Canary/Canary.js +1 -1
- package/es/node_modules/prop-types/index.js +1 -1
- package/lib/_virtual/index.js +2 -2
- package/lib/components/APIKeyModal/APIKeyModal.js +50 -49
- package/lib/components/AboutModal/AboutModal.js +17 -16
- package/lib/components/ActionBar/ActionBar.js +16 -15
- package/lib/components/ActionBar/ActionBarItem.js +8 -7
- package/lib/components/ActionBar/ActionBarOverflowItems.js +9 -8
- package/lib/components/ActionSet/ActionSet.js +4 -3
- package/lib/components/AddSelect/AddSelectBody.js +67 -66
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +7 -6
- package/lib/components/AddSelect/AddSelectFilter.js +19 -18
- package/lib/components/AddSelect/AddSelectList.js +7 -6
- package/lib/components/AddSelect/AddSelectRow.js +33 -32
- package/lib/components/BigNumbers/BigNumbers.js +23 -22
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +20 -19
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +3 -2
- package/lib/components/Card/Card.js +5 -4
- package/lib/components/Card/CardFooter.js +22 -21
- package/lib/components/Card/CardHeader.js +27 -26
- package/lib/components/Carousel/Carousel.js +13 -12
- package/lib/components/Carousel/CarouselItem.js +6 -5
- package/lib/components/Cascade/Cascade.js +9 -8
- package/lib/components/Checklist/Checklist.js +33 -32
- package/lib/components/Checklist/ChecklistChart.js +7 -6
- package/lib/components/Checklist/ChecklistIcon.js +7 -6
- package/lib/components/Coachmark/Coachmark.js +21 -20
- package/lib/components/Coachmark/CoachmarkDragbar.js +10 -9
- package/lib/components/Coachmark/CoachmarkHeader.js +8 -7
- package/lib/components/Coachmark/CoachmarkOverlay.js +10 -9
- package/lib/components/Coachmark/CoachmarkTagline.js +8 -7
- package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +7 -6
- package/lib/components/CoachmarkButton/CoachmarkButton.js +6 -5
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +11 -10
- package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.js +8 -7
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +16 -15
- package/lib/components/CoachmarkStack/CoachmarkStack.js +20 -19
- package/lib/components/CoachmarkStack/CoachmarkStackHome.js +17 -16
- package/lib/components/ComboButton/ComboButton.js +7 -6
- package/lib/components/CreateFullPage/CreateFullPage.js +29 -28
- package/lib/components/CreateFullPage/CreateFullPageStep.js +18 -17
- package/lib/components/CreateInfluencer/CreateInfluencer.js +13 -12
- package/lib/components/CreateModal/CreateModal.js +16 -15
- package/lib/components/CreateSidePanel/CreateSidePanel.js +21 -20
- package/lib/components/CreateTearsheet/CreateTearsheet.js +27 -20
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +5 -4
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +19 -18
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +21 -20
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +22 -21
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +56 -55
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +39 -38
- package/lib/components/Datagrid/Datagrid/Datagrid.js +7 -6
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +32 -31
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +8 -3
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +6 -5
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +3 -2
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +20 -15
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -3
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +14 -13
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +3 -2
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +6 -5
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +13 -12
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +15 -14
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +25 -24
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +27 -26
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +7 -7
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.d.ts +1 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +2 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +65 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +11 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +15 -14
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +20 -19
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +9 -8
- package/lib/components/Datagrid/useActionsColumn.js +7 -6
- package/lib/components/Datagrid/useColumnCenterAlign.js +3 -2
- package/lib/components/Datagrid/useColumnRightAlign.js +3 -2
- package/lib/components/Datagrid/useDefaultStringRenderer.js +4 -3
- package/lib/components/Datagrid/useFiltering.js +46 -45
- package/lib/components/Datagrid/useFloatingScroll.js +6 -2
- package/lib/components/Datagrid/useInlineEdit.js +4 -3
- package/lib/components/Datagrid/useNestedRowExpander.js +4 -3
- package/lib/components/Datagrid/useNestedRows.js +6 -2
- package/lib/components/Datagrid/useRowExpander.js +3 -2
- package/lib/components/Datagrid/useSelectAllToggle.js +3 -2
- package/lib/components/Datagrid/useSelectRows.js +5 -4
- package/lib/components/Datagrid/useSortableColumns.js +3 -2
- package/lib/components/Datagrid/useStickyColumn.js +4 -3
- package/lib/components/DelimitedList/DelimitedList.js +8 -7
- package/lib/components/EditFullPage/EditFullPage.js +6 -5
- package/lib/components/EditInPlace/EditInPlace.js +23 -22
- package/lib/components/EditSidePanel/EditSidePanel.js +23 -22
- package/lib/components/EditTearsheet/EditTearsheet.js +18 -17
- package/lib/components/EditTearsheet/EditTearsheetForm.js +11 -10
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +6 -5
- package/lib/components/EditUpdateCards/EditUpdateCards.js +31 -30
- package/lib/components/EmptyStates/EmptyState.js +20 -19
- package/lib/components/EmptyStates/EmptyStateContent.js +16 -15
- package/lib/components/EmptyStates/EmptyStateV2.js +20 -19
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +18 -17
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +18 -17
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +18 -17
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +18 -17
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +18 -17
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +18 -17
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +7 -6
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +7 -6
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +7 -6
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +7 -6
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +7 -6
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +7 -6
- package/lib/components/ExportModal/ExportModal.js +30 -29
- package/lib/components/FilterSummary/FilterSummary.js +13 -12
- package/lib/components/FullPageError/FullPageError.js +13 -12
- package/lib/components/Guidebanner/Guidebanner.js +20 -19
- package/lib/components/Guidebanner/GuidebannerElement.js +8 -7
- package/lib/components/Guidebanner/GuidebannerElementButton.js +8 -7
- package/lib/components/Guidebanner/GuidebannerElementLink.js +6 -5
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +11 -10
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +11 -10
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +11 -10
- package/lib/components/ImportModal/ImportModal.js +32 -31
- package/lib/components/InlineTip/InlineTip.js +21 -20
- package/lib/components/InlineTip/InlineTipButton.js +6 -5
- package/lib/components/InlineTip/InlineTipLink.js +6 -5
- package/lib/components/InterstitialScreen/InterstitialScreen.js +13 -12
- package/lib/components/InterstitialScreenView/InterstitialScreenView.js +7 -6
- package/lib/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js +7 -6
- package/lib/components/NonLinearReading/NonLinearReading.js +9 -8
- package/lib/components/NotificationsPanel/NotificationsPanel.js +59 -58
- package/lib/components/OptionsTile/OptionsTile.js +21 -20
- package/lib/components/PageHeader/PageHeader.js +74 -73
- package/lib/components/PageHeader/PageHeaderTitle.js +21 -20
- package/lib/components/PageHeader/PageHeaderUtils.js +3 -2
- package/lib/components/RemoveModal/RemoveModal.js +22 -21
- package/lib/components/Saving/Saving.js +18 -17
- package/lib/components/SearchBar/SearchBar.js +20 -19
- package/lib/components/SidePanel/SidePanel.js +47 -46
- package/lib/components/SimpleHeader/SimpleHeader.js +17 -16
- package/lib/components/StatusIcon/StatusIcon.js +9 -8
- package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +7 -6
- package/lib/components/StringFormatter/StringFormatter.js +11 -10
- package/lib/components/TagSet/TagSet.js +21 -20
- package/lib/components/TagSet/TagSetModal.js +13 -12
- package/lib/components/TagSet/TagSetOverflow.js +18 -17
- package/lib/components/Tearsheet/TearsheetShell.js +35 -35
- package/lib/components/Toolbar/Toolbar.js +7 -6
- package/lib/components/Toolbar/ToolbarButton.js +9 -8
- package/lib/components/Toolbar/ToolbarGroup.js +6 -5
- package/lib/components/TooltipTrigger/TooltipTrigger.js +6 -5
- package/lib/components/TruncatedList/TruncatedList.js +14 -13
- package/lib/components/UserAvatar/UserAvatar.js +3 -2
- package/lib/components/UserProfileImage/UserProfileImage.js +3 -2
- package/lib/components/WebTerminal/WebTerminal.js +14 -13
- package/lib/components/WebTerminal/WebTerminalContentWrapper.js +5 -4
- package/lib/components/_Canary/Canary.js +6 -5
- package/lib/node_modules/prop-types/index.js +1 -1
- package/package.json +6 -5
- package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +0 -1
- package/scss/components/Datagrid/styles/_datagrid.scss +61 -4
- package/scss/components/SidePanel/_side-panel.scss +8 -1
- package/scss/components/Tearsheet/_tearsheet.scss +4 -5
- package/es/_virtual/index2.js +0 -10
- package/es/node_modules/classnames/index.js +0 -70
- package/lib/_virtual/index2.js +0 -14
- 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
|
|
15
|
-
var
|
|
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:
|
|
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
|
|
72
|
+
children: index["default"].node,
|
|
72
73
|
/**
|
|
73
74
|
* Optional class name for this component.
|
|
74
75
|
*/
|
|
75
|
-
className: index
|
|
76
|
+
className: index["default"].string,
|
|
76
77
|
/**
|
|
77
78
|
* The label to pass to the ProgressStep component.
|
|
78
79
|
*/
|
|
79
|
-
stepTitle: index
|
|
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
|
|
15
|
-
var
|
|
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:
|
|
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
|
|
79
|
+
className: index["default"].string,
|
|
79
80
|
/**
|
|
80
81
|
* The description of this component.
|
|
81
82
|
*/
|
|
82
|
-
description: index
|
|
83
|
+
description: index["default"].string.isRequired,
|
|
83
84
|
/**
|
|
84
85
|
* The title of this component.
|
|
85
86
|
*/
|
|
86
|
-
title: index
|
|
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
|
|
15
|
-
var
|
|
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:
|
|
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:
|
|
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
|
|
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
|
|
89
|
+
className: index["default"].string,
|
|
89
90
|
/**
|
|
90
91
|
* The content that appears when the keyword is toggled open.
|
|
91
92
|
*/
|
|
92
|
-
definition: index
|
|
93
|
+
definition: index["default"].node.isRequired,
|
|
93
94
|
/**
|
|
94
95
|
* Determines the theme of the component.
|
|
95
96
|
*/
|
|
96
|
-
theme: index
|
|
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
|
|
15
|
-
var
|
|
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 =
|
|
223
|
-
var showMoreButtonClassName =
|
|
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
|
|
252
|
-
var notificationClassName =
|
|
253
|
-
var notificationHeaderClassName =
|
|
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
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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 =
|
|
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:
|
|
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
|
|
414
|
+
className: index["default"].string,
|
|
414
415
|
/**
|
|
415
416
|
* Array of data for Notifications component to render
|
|
416
417
|
*/
|
|
417
|
-
data: index
|
|
418
|
-
id: index
|
|
419
|
-
type: index
|
|
420
|
-
timestamp: index
|
|
421
|
-
title: index
|
|
422
|
-
description: index
|
|
423
|
-
link: index
|
|
424
|
-
url: index
|
|
425
|
-
text: index
|
|
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
|
|
428
|
-
onNotificationClick: index
|
|
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
|
|
434
|
+
daysAgoText: index["default"].func,
|
|
434
435
|
/**
|
|
435
436
|
* Label for Dismiss all button
|
|
436
437
|
*/
|
|
437
|
-
dismissAllLabel: index
|
|
438
|
+
dismissAllLabel: index["default"].string,
|
|
438
439
|
/**
|
|
439
440
|
* Label for Dismiss single notification icon button
|
|
440
441
|
*/
|
|
441
|
-
dismissSingleNotificationIconDescription: index
|
|
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
|
|
446
|
+
doNotDisturbDefaultToggled: index["default"].bool,
|
|
446
447
|
/**
|
|
447
448
|
* Optional: Label for Do not disturb toggle
|
|
448
449
|
*/
|
|
449
|
-
doNotDisturbLabel: index
|
|
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
|
|
454
|
+
emptyStateLabel: index["default"].string,
|
|
454
455
|
/**
|
|
455
456
|
* Sets the `hour ago` label text
|
|
456
457
|
*/
|
|
457
|
-
hourAgoText: index
|
|
458
|
+
hourAgoText: index["default"].func,
|
|
458
459
|
/**
|
|
459
460
|
* Sets the `hours ago` label text
|
|
460
461
|
*/
|
|
461
|
-
hoursAgoText: index
|
|
462
|
+
hoursAgoText: index["default"].func,
|
|
462
463
|
/**
|
|
463
464
|
* Sets the `minute ago` label text
|
|
464
465
|
*/
|
|
465
|
-
minuteAgoText: index
|
|
466
|
+
minuteAgoText: index["default"].func,
|
|
466
467
|
/**
|
|
467
468
|
* Sets the `minutes ago` label text
|
|
468
469
|
*/
|
|
469
|
-
minutesAgoText: index
|
|
470
|
+
minutesAgoText: index["default"].func,
|
|
470
471
|
/**
|
|
471
472
|
* Sets the `month ago` label text
|
|
472
473
|
*/
|
|
473
|
-
monthAgoText: index
|
|
474
|
+
monthAgoText: index["default"].func,
|
|
474
475
|
/**
|
|
475
476
|
* Sets the `months ago` label text
|
|
476
477
|
*/
|
|
477
|
-
monthsAgoText: index
|
|
478
|
+
monthsAgoText: index["default"].func,
|
|
478
479
|
/**
|
|
479
480
|
* Sets the `now` label text
|
|
480
481
|
*/
|
|
481
|
-
nowText: index
|
|
482
|
+
nowText: index["default"].string,
|
|
482
483
|
/**
|
|
483
484
|
* Sets the notifications panel open state
|
|
484
485
|
*/
|
|
485
|
-
onClickOutside: index
|
|
486
|
+
onClickOutside: index["default"].func.isRequired,
|
|
486
487
|
/**
|
|
487
488
|
* Function that will dismiss all notifications
|
|
488
489
|
*/
|
|
489
|
-
onDismissAllNotifications: index
|
|
490
|
+
onDismissAllNotifications: index["default"].func,
|
|
490
491
|
/**
|
|
491
492
|
* Function that will dismiss a single notification
|
|
492
493
|
*/
|
|
493
|
-
onDismissSingleNotification: index
|
|
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
|
|
498
|
+
onDoNotDisturbChange: index["default"].func,
|
|
498
499
|
/**
|
|
499
500
|
* Event handler for the View all button
|
|
500
501
|
*/
|
|
501
|
-
onSettingsClick: index
|
|
502
|
+
onSettingsClick: index["default"].func,
|
|
502
503
|
/**
|
|
503
504
|
* Event handler for the View all button
|
|
504
505
|
*/
|
|
505
|
-
onViewAllClick: index
|
|
506
|
+
onViewAllClick: index["default"].func,
|
|
506
507
|
/**
|
|
507
508
|
* Determines whether the notifications panel should render or not
|
|
508
509
|
*/
|
|
509
|
-
open: index
|
|
510
|
+
open: index["default"].bool.isRequired,
|
|
510
511
|
/**
|
|
511
512
|
* Sets the previous label text
|
|
512
513
|
*/
|
|
513
|
-
previousLabel: index
|
|
514
|
+
previousLabel: index["default"].string,
|
|
514
515
|
/**
|
|
515
516
|
* Sets the `read less` label text
|
|
516
517
|
*/
|
|
517
|
-
readLessLabel: index
|
|
518
|
+
readLessLabel: index["default"].string,
|
|
518
519
|
/**
|
|
519
520
|
* Sets the `read more` label text
|
|
520
521
|
*/
|
|
521
|
-
readMoreLabel: index
|
|
522
|
+
readMoreLabel: index["default"].string,
|
|
522
523
|
/**
|
|
523
524
|
* Sets the `seconds ago` label text
|
|
524
525
|
*/
|
|
525
|
-
secondsAgoText: index
|
|
526
|
+
secondsAgoText: index["default"].func,
|
|
526
527
|
/**
|
|
527
528
|
* Sets the settings icon description text
|
|
528
529
|
*/
|
|
529
|
-
settingsIconDescription: index
|
|
530
|
+
settingsIconDescription: index["default"].string,
|
|
530
531
|
/**
|
|
531
532
|
* Sets the title for the Notifications panel
|
|
532
533
|
*/
|
|
533
|
-
title: index
|
|
534
|
+
title: index["default"].string,
|
|
534
535
|
/**
|
|
535
536
|
* Sets the today label text
|
|
536
537
|
*/
|
|
537
|
-
todayLabel: index
|
|
538
|
+
todayLabel: index["default"].string,
|
|
538
539
|
/**
|
|
539
540
|
* Sets the View all button text
|
|
540
541
|
*/
|
|
541
|
-
viewAllLabel: index
|
|
542
|
+
viewAllLabel: index["default"].func,
|
|
542
543
|
/**
|
|
543
544
|
* Sets the `year ago` label text
|
|
544
545
|
*/
|
|
545
|
-
yearAgoText: index
|
|
546
|
+
yearAgoText: index["default"].func,
|
|
546
547
|
/**
|
|
547
548
|
* Sets the `years ago` label text
|
|
548
549
|
*/
|
|
549
|
-
yearsAgoText: index
|
|
550
|
+
yearsAgoText: index["default"].func,
|
|
550
551
|
/**
|
|
551
552
|
* Sets the `Yesterday at` label text
|
|
552
553
|
*/
|
|
553
|
-
yesterdayAtText: index
|
|
554
|
+
yesterdayAtText: index["default"].func,
|
|
554
555
|
/**
|
|
555
556
|
* Sets the yesterday label text
|
|
556
557
|
*/
|
|
557
|
-
yesterdayLabel: index
|
|
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
|
|
15
|
-
var
|
|
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:
|
|
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:
|
|
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
|
|
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
|
|
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
|
|
299
|
+
enabled: index["default"].bool,
|
|
299
300
|
/**
|
|
300
301
|
* Whether the OptionsTile is in invalid validation state.
|
|
301
302
|
*/
|
|
302
|
-
invalid: index
|
|
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
|
|
307
|
+
invalidText: index["default"].string,
|
|
307
308
|
/**
|
|
308
309
|
* Whether the OptionsTile is in locked validation state.
|
|
309
310
|
*/
|
|
310
|
-
locked: index
|
|
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
|
|
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
|
|
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
|
|
325
|
+
onToggle: index["default"].func,
|
|
325
326
|
/**
|
|
326
327
|
* Whether the OptionsTile is in open state.
|
|
327
328
|
*/
|
|
328
|
-
open: index
|
|
329
|
+
open: index["default"].bool,
|
|
329
330
|
/**
|
|
330
331
|
* Define the size of the OptionsTile.
|
|
331
332
|
*/
|
|
332
|
-
size: index
|
|
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
|
|
337
|
+
summary: index["default"].string,
|
|
337
338
|
/**
|
|
338
339
|
* Provide the title for this OptionsTile.
|
|
339
340
|
*/
|
|
340
|
-
title: index
|
|
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
|
|
345
|
+
titleId: index["default"].string,
|
|
345
346
|
/**
|
|
346
347
|
* Whether the OptionsTile is in warning validation state.
|
|
347
348
|
*/
|
|
348
|
-
warn: index
|
|
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
|
|
353
|
+
warnText: index["default"].string
|
|
353
354
|
};
|