@carbon/ibm-products 2.27.0 → 2.28.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +229 -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 +229 -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 +217 -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 +2 -2
- 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 +23 -2
- 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 +4 -3
- 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 +25 -3
- 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/scss/components/UserAvatar/_user-avatar.scss +27 -0
- 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
package/css/index.css
CHANGED
@@ -218,7 +218,7 @@
|
|
218
218
|
--cds-border-tile: var(--cds-border-tile-03, #c6c6c6);
|
219
219
|
}
|
220
220
|
|
221
|
-
@keyframes hide-feedback {
|
221
|
+
@keyframes cds--hide-feedback {
|
222
222
|
0% {
|
223
223
|
opacity: 1;
|
224
224
|
visibility: inherit;
|
@@ -228,7 +228,7 @@
|
|
228
228
|
visibility: hidden;
|
229
229
|
}
|
230
230
|
}
|
231
|
-
@keyframes show-feedback {
|
231
|
+
@keyframes cds--show-feedback {
|
232
232
|
0% {
|
233
233
|
opacity: 0;
|
234
234
|
visibility: hidden;
|
@@ -238,7 +238,7 @@
|
|
238
238
|
visibility: inherit;
|
239
239
|
}
|
240
240
|
}
|
241
|
-
@keyframes skeleton {
|
241
|
+
@keyframes cds--skeleton {
|
242
242
|
0% {
|
243
243
|
opacity: 0.3;
|
244
244
|
transform: scaleX(0);
|
@@ -1137,7 +1137,7 @@
|
|
1137
1137
|
}
|
1138
1138
|
.cds--btn.cds--skeleton::before {
|
1139
1139
|
position: absolute;
|
1140
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
1140
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
1141
1141
|
background: var(--cds-skeleton-element, #c6c6c6);
|
1142
1142
|
block-size: 100%;
|
1143
1143
|
content: "";
|
@@ -1321,10 +1321,10 @@
|
|
1321
1321
|
border: none;
|
1322
1322
|
}
|
1323
1323
|
.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out::before, .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback {
|
1324
|
-
animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) hide-feedback;
|
1324
|
+
animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--hide-feedback;
|
1325
1325
|
}
|
1326
1326
|
.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in::before, .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback {
|
1327
|
-
animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) show-feedback;
|
1327
|
+
animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--show-feedback;
|
1328
1328
|
}
|
1329
1329
|
|
1330
1330
|
.cds--copy-btn svg {
|
@@ -1477,12 +1477,12 @@
|
|
1477
1477
|
|
1478
1478
|
.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out::before,
|
1479
1479
|
.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback {
|
1480
|
-
animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) hide-feedback;
|
1480
|
+
animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--hide-feedback;
|
1481
1481
|
}
|
1482
1482
|
|
1483
1483
|
.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in::before,
|
1484
1484
|
.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback {
|
1485
|
-
animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) show-feedback;
|
1485
|
+
animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--show-feedback;
|
1486
1486
|
}
|
1487
1487
|
|
1488
1488
|
.cds--snippet--inline code {
|
@@ -1911,7 +1911,7 @@
|
|
1911
1911
|
}
|
1912
1912
|
.cds--snippet.cds--skeleton span::before {
|
1913
1913
|
position: absolute;
|
1914
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
1914
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
1915
1915
|
background: var(--cds-skeleton-element, #c6c6c6);
|
1916
1916
|
block-size: 100%;
|
1917
1917
|
content: "";
|
@@ -2259,52 +2259,13 @@
|
|
2259
2259
|
|
2260
2260
|
.cds--modal-scroll-content {
|
2261
2261
|
border-block-end: 2px solid transparent;
|
2262
|
+
mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
|
2262
2263
|
}
|
2263
2264
|
|
2264
2265
|
.cds--modal-scroll-content > *:last-child {
|
2265
2266
|
padding-block-end: 1.5rem;
|
2266
2267
|
}
|
2267
2268
|
|
2268
|
-
.cds--modal-content--overflow-indicator {
|
2269
|
-
position: absolute;
|
2270
|
-
background: var(--cds-layer);
|
2271
|
-
block-size: 3rem;
|
2272
|
-
grid-column: 1/-1;
|
2273
|
-
grid-row: 2/-2;
|
2274
|
-
inline-size: calc(100% - 1rem);
|
2275
|
-
inset-block-end: 0;
|
2276
|
-
inset-inline-start: 0;
|
2277
|
-
pointer-events: none;
|
2278
|
-
}
|
2279
|
-
.cds--modal-content--overflow-indicator::before {
|
2280
|
-
position: absolute;
|
2281
|
-
background-image: linear-gradient(to bottom, transparent, var(--cds-layer));
|
2282
|
-
block-size: 2rem;
|
2283
|
-
content: "";
|
2284
|
-
inline-size: 100%;
|
2285
|
-
inset-block-start: -32px;
|
2286
|
-
pointer-events: none;
|
2287
|
-
}
|
2288
|
-
|
2289
|
-
@media not all and (min-resolution >= 0.001dpcm) {
|
2290
|
-
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
|
2291
|
-
.cds--modal-content--overflow-indicator {
|
2292
|
-
background-image: linear-gradient(to bottom, rgba(var(--cds-layer), 0), var(--cds-layer));
|
2293
|
-
}
|
2294
|
-
}
|
2295
|
-
}
|
2296
|
-
.cds--modal-content:focus ~ .cds--modal-content--overflow-indicator {
|
2297
|
-
margin: 0 2px 2px;
|
2298
|
-
}
|
2299
|
-
|
2300
|
-
@media screen and (-ms-high-contrast: active) {
|
2301
|
-
.cds--modal-scroll-content > *:last-child {
|
2302
|
-
padding-block-end: 0;
|
2303
|
-
}
|
2304
|
-
.cds--modal-content--overflow-indicator {
|
2305
|
-
display: none;
|
2306
|
-
}
|
2307
|
-
}
|
2308
2269
|
.cds--modal-footer {
|
2309
2270
|
display: flex;
|
2310
2271
|
justify-content: flex-end;
|
@@ -2376,14 +2337,20 @@
|
|
2376
2337
|
margin: 0;
|
2377
2338
|
}
|
2378
2339
|
|
2340
|
+
.cds--modal--slug.cds--modal {
|
2341
|
+
background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
|
2342
|
+
}
|
2343
|
+
|
2379
2344
|
.cds--modal--slug .cds--modal-container {
|
2380
|
-
background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-
|
2345
|
+
background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
|
2346
|
+
border: 1px solid transparent;
|
2381
2347
|
background-color: var(--cds-layer);
|
2348
|
+
box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
|
2382
2349
|
}
|
2383
2350
|
|
2384
|
-
.cds--modal--slug .cds--modal-container:has(.cds--
|
2385
|
-
background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-
|
2386
|
-
|
2351
|
+
.cds--modal--slug .cds--modal-container:has(.cds--modal-footer) {
|
2352
|
+
background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) calc(0% + 64px), var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
|
2353
|
+
box-shadow: inset 0 -80px 0 -16px var(--cds-layer), inset 0 -160px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
|
2387
2354
|
}
|
2388
2355
|
|
2389
2356
|
.cds--modal--slug .cds--slug {
|
@@ -2392,13 +2359,22 @@
|
|
2392
2359
|
inset-inline-end: 0;
|
2393
2360
|
}
|
2394
2361
|
|
2362
|
+
.cds--modal--slug .cds--modal-content.cds--modal-scroll-content {
|
2363
|
+
mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
|
2364
|
+
}
|
2365
|
+
|
2395
2366
|
.cds--modal-header > .cds--slug:has(+ .cds--modal-close-button),
|
2396
2367
|
.cds--modal-header > .cds--modal-close-button ~ .cds--slug,
|
2397
2368
|
.cds--modal--slug .cds--modal-container-body > .cds--slug {
|
2398
2369
|
inset-inline-end: 3rem;
|
2399
2370
|
}
|
2400
2371
|
|
2401
|
-
|
2372
|
+
.cds--modal--slug .cds--modal-content--overflow-indicator::before,
|
2373
|
+
.cds--modal--slug .cds--modal-content--overflow-indicator {
|
2374
|
+
display: none;
|
2375
|
+
}
|
2376
|
+
|
2377
|
+
/* stylelint-disable no-duplicate-selectors */
|
2402
2378
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
2403
2379
|
.cds--modal-close__icon {
|
2404
2380
|
fill: ButtonText;
|
@@ -2412,7 +2388,7 @@
|
|
2412
2388
|
}
|
2413
2389
|
}
|
2414
2390
|
|
2415
|
-
/* stylelint-enable */
|
2391
|
+
/* stylelint-enable no-duplicate-selectors */
|
2416
2392
|
input:-webkit-autofill,
|
2417
2393
|
input:-webkit-autofill:hover,
|
2418
2394
|
input:-webkit-autofill:focus,
|
@@ -2562,7 +2538,7 @@ textarea:-webkit-autofill:focus {
|
|
2562
2538
|
}
|
2563
2539
|
.cds--label.cds--skeleton::before {
|
2564
2540
|
position: absolute;
|
2565
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
2541
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
2566
2542
|
background: var(--cds-skeleton-element, #c6c6c6);
|
2567
2543
|
block-size: 100%;
|
2568
2544
|
content: "";
|
@@ -2922,7 +2898,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2922
2898
|
.cds--text-input--password__visibility.cds--tooltip--visible::before, .cds--text-input--password__visibility.cds--tooltip--visible::after, .cds--text-input--password__visibility:hover::before, .cds--text-input--password__visibility:hover::after, .cds--text-input--password__visibility:focus::before, .cds--text-input--password__visibility:focus::after {
|
2923
2899
|
opacity: 1;
|
2924
2900
|
}
|
2925
|
-
@keyframes tooltip-fade {
|
2901
|
+
@keyframes cds--tooltip-fade {
|
2926
2902
|
from {
|
2927
2903
|
opacity: 0;
|
2928
2904
|
}
|
@@ -2942,7 +2918,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
2942
2918
|
.cds--text-input--password__visibility.cds--tooltip--visible + .cds--assistive-text, .cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y::before, .cds--text-input--password__visibility:hover .cds--assistive-text,
|
2943
2919
|
.cds--text-input--password__visibility:hover + .cds--assistive-text, .cds--text-input--password__visibility:hover.cds--tooltip--a11y::before, .cds--text-input--password__visibility:focus .cds--assistive-text,
|
2944
2920
|
.cds--text-input--password__visibility:focus + .cds--assistive-text, .cds--text-input--password__visibility:focus.cds--tooltip--a11y::before {
|
2945
|
-
animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
2921
|
+
animation: cds--tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
2946
2922
|
}
|
2947
2923
|
.cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text, .cds--text-input--password__visibility.cds--tooltip--hidden + .cds--assistive-text {
|
2948
2924
|
overflow: hidden;
|
@@ -3119,7 +3095,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
3119
3095
|
}
|
3120
3096
|
.cds--skeleton.cds--text-input::before {
|
3121
3097
|
position: absolute;
|
3122
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
3098
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
3123
3099
|
background: var(--cds-skeleton-element, #c6c6c6);
|
3124
3100
|
block-size: 100%;
|
3125
3101
|
content: "";
|
@@ -3317,7 +3293,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
3317
3293
|
align-self: end;
|
3318
3294
|
}
|
3319
3295
|
|
3320
|
-
@keyframes stroke {
|
3296
|
+
@keyframes prefix--stroke {
|
3321
3297
|
100% {
|
3322
3298
|
stroke-dashoffset: 0;
|
3323
3299
|
}
|
@@ -3333,7 +3309,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
3333
3309
|
animation-duration: 690ms;
|
3334
3310
|
animation-fill-mode: forwards;
|
3335
3311
|
animation-iteration-count: infinite;
|
3336
|
-
animation-name: rotate;
|
3312
|
+
animation-name: cds--rotate;
|
3337
3313
|
animation-timing-function: linear;
|
3338
3314
|
block-size: 5.5rem;
|
3339
3315
|
inline-size: 5.5rem;
|
@@ -3345,7 +3321,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
3345
3321
|
}
|
3346
3322
|
.cds--loading svg circle {
|
3347
3323
|
animation-duration: 10ms;
|
3348
|
-
animation-name: init-stroke;
|
3324
|
+
animation-name: cds--init-stroke;
|
3349
3325
|
animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
|
3350
3326
|
}
|
3351
3327
|
@media screen and (prefers-reduced-motion: reduce) {
|
@@ -3374,13 +3350,13 @@ fieldset[disabled] .cds--form__helper-text {
|
|
3374
3350
|
}
|
3375
3351
|
|
3376
3352
|
.cds--loading--stop {
|
3377
|
-
animation: rotate-end-p1 700ms cubic-bezier(0, 0, 0.25, 1) forwards, rotate-end-p2 700ms cubic-bezier(0, 0, 0.25, 1) 700ms forwards;
|
3353
|
+
animation: cds--rotate-end-p1 700ms cubic-bezier(0, 0, 0.25, 1) forwards, cds--rotate-end-p2 700ms cubic-bezier(0, 0, 0.25, 1) 700ms forwards;
|
3378
3354
|
}
|
3379
3355
|
.cds--loading--stop svg circle {
|
3380
3356
|
animation-delay: 700ms;
|
3381
3357
|
animation-duration: 700ms;
|
3382
3358
|
animation-fill-mode: forwards;
|
3383
|
-
animation-name: stroke-end;
|
3359
|
+
animation-name: cds--stroke-end;
|
3384
3360
|
animation-timing-function: cubic-bezier(0, 0, 0.25, 1);
|
3385
3361
|
}
|
3386
3362
|
@media screen and (prefers-reduced-motion: reduce) {
|
@@ -3433,7 +3409,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
3433
3409
|
display: none;
|
3434
3410
|
}
|
3435
3411
|
|
3436
|
-
@keyframes rotate {
|
3412
|
+
@keyframes cds--rotate {
|
3437
3413
|
0% {
|
3438
3414
|
transform: rotate(0deg);
|
3439
3415
|
}
|
@@ -3441,18 +3417,18 @@ fieldset[disabled] .cds--form__helper-text {
|
|
3441
3417
|
transform: rotate(360deg);
|
3442
3418
|
}
|
3443
3419
|
}
|
3444
|
-
@keyframes rotate-end-p1 {
|
3420
|
+
@keyframes cds--rotate-end-p1 {
|
3445
3421
|
100% {
|
3446
3422
|
transform: rotate(360deg);
|
3447
3423
|
}
|
3448
3424
|
}
|
3449
|
-
@keyframes rotate-end-p2 {
|
3425
|
+
@keyframes cds--rotate-end-p2 {
|
3450
3426
|
100% {
|
3451
3427
|
transform: rotate(-360deg);
|
3452
3428
|
}
|
3453
3429
|
}
|
3454
3430
|
/* Stroke animations */
|
3455
|
-
@keyframes init-stroke {
|
3431
|
+
@keyframes cds--init-stroke {
|
3456
3432
|
0% {
|
3457
3433
|
stroke-dashoffset: 276.4608;
|
3458
3434
|
}
|
@@ -3460,7 +3436,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
3460
3436
|
stroke-dashoffset: 52.527552;
|
3461
3437
|
}
|
3462
3438
|
}
|
3463
|
-
@keyframes stroke-end {
|
3439
|
+
@keyframes cds--stroke-end {
|
3464
3440
|
0% {
|
3465
3441
|
stroke-dashoffset: 52.527552;
|
3466
3442
|
}
|
@@ -3506,7 +3482,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
3506
3482
|
.cds--inline-loading__checkmark {
|
3507
3483
|
animation-duration: 250ms;
|
3508
3484
|
animation-fill-mode: forwards;
|
3509
|
-
animation-name: stroke;
|
3485
|
+
animation-name: cds--stroke;
|
3510
3486
|
fill: none;
|
3511
3487
|
stroke: var(--cds-interactive, #0f62fe);
|
3512
3488
|
stroke-dasharray: 12;
|
@@ -4074,7 +4050,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
4074
4050
|
}
|
4075
4051
|
.cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {
|
4076
4052
|
position: absolute;
|
4077
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
4053
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
4078
4054
|
background: var(--cds-skeleton-element, #c6c6c6);
|
4079
4055
|
block-size: 100%;
|
4080
4056
|
content: "";
|
@@ -6552,7 +6528,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
6552
6528
|
}
|
6553
6529
|
.cds--progress.cds--skeleton .cds--progress-label::before {
|
6554
6530
|
position: absolute;
|
6555
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
6531
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
6556
6532
|
background: var(--cds-skeleton-element, #c6c6c6);
|
6557
6533
|
block-size: 100%;
|
6558
6534
|
content: "";
|
@@ -6808,7 +6784,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
6808
6784
|
}
|
6809
6785
|
.cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
|
6810
6786
|
position: absolute;
|
6811
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
6787
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
6812
6788
|
background: var(--cds-skeleton-element, #c6c6c6);
|
6813
6789
|
block-size: 100%;
|
6814
6790
|
content: "";
|
@@ -6839,7 +6815,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
6839
6815
|
}
|
6840
6816
|
.cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {
|
6841
6817
|
position: absolute;
|
6842
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
6818
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
6843
6819
|
background: var(--cds-skeleton-element, #c6c6c6);
|
6844
6820
|
block-size: 100%;
|
6845
6821
|
content: "";
|
@@ -7416,7 +7392,8 @@ a.cds--overflow-menu-options__btn::before {
|
|
7416
7392
|
padding-top: 0.5rem;
|
7417
7393
|
}
|
7418
7394
|
.c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--scrolls {
|
7419
|
-
background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
|
7395
|
+
background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
|
7396
|
+
box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
|
7420
7397
|
}
|
7421
7398
|
.c4p--side-panel .c4p--side-panel__inner-content.c4p--side-panel--scrolls {
|
7422
7399
|
padding-top: 1rem;
|
@@ -7543,6 +7520,11 @@ a.cds--overflow-menu-options__btn::before {
|
|
7543
7520
|
inset: 0;
|
7544
7521
|
}
|
7545
7522
|
|
7523
|
+
.c4p--side-panel--has-slug + .c4p--side-panel__overlay {
|
7524
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
7525
|
+
background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
|
7526
|
+
}
|
7527
|
+
|
7546
7528
|
.c4p--create-side-panel.c4p--side-panel .c4p--create-side-panel__content-text {
|
7547
7529
|
padding-right: calc(20% - 1rem);
|
7548
7530
|
}
|
@@ -7623,6 +7605,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
7623
7605
|
}
|
7624
7606
|
.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container {
|
7625
7607
|
border: 1px solid transparent;
|
7608
|
+
border-bottom: 0;
|
7626
7609
|
/* override carbon ai removing background gradient */
|
7627
7610
|
background: linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
|
7628
7611
|
box-shadow: 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
|
@@ -7782,7 +7765,8 @@ a.cds--overflow-menu-options__btn::before {
|
|
7782
7765
|
flex-grow: 1;
|
7783
7766
|
}
|
7784
7767
|
.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__main {
|
7785
|
-
background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
|
7768
|
+
background: linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
|
7769
|
+
box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2));
|
7786
7770
|
}
|
7787
7771
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination,
|
7788
7772
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination__control-buttons,
|
@@ -8382,7 +8366,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
8382
8366
|
}
|
8383
8367
|
.cds--radio-button__label.cds--skeleton::before {
|
8384
8368
|
position: absolute;
|
8385
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
8369
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
8386
8370
|
background: var(--cds-skeleton-element, #c6c6c6);
|
8387
8371
|
block-size: 100%;
|
8388
8372
|
content: "";
|
@@ -8646,7 +8630,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
8646
8630
|
}
|
8647
8631
|
|
8648
8632
|
.c4p--card--has-slug {
|
8649
|
-
background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
|
8633
|
+
background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
|
8650
8634
|
border: 1px solid transparent;
|
8651
8635
|
box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
|
8652
8636
|
}
|
@@ -9707,6 +9691,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9707
9691
|
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
9708
9692
|
--cds-ai-gradient-start-02: transparent;
|
9709
9693
|
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
9694
|
+
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
9695
|
+
--cds-ai-skeleton-background: #0053ff;
|
9696
|
+
--cds-ai-skeleton-element-background: #001141;
|
9710
9697
|
--cds-background: #161616;
|
9711
9698
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
9712
9699
|
--cds-background-brand: #0f62fe;
|
@@ -10532,7 +10519,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10532
10519
|
}
|
10533
10520
|
.cds--breadcrumb.cds--skeleton .cds--link::before {
|
10534
10521
|
position: absolute;
|
10535
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
10522
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
10536
10523
|
background: var(--cds-skeleton-element, #c6c6c6);
|
10537
10524
|
block-size: 100%;
|
10538
10525
|
content: "";
|
@@ -10551,6 +10538,14 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10551
10538
|
padding-inline-start: 0;
|
10552
10539
|
}
|
10553
10540
|
|
10541
|
+
@keyframes ai-skeleton-animation {
|
10542
|
+
0% {
|
10543
|
+
transform: translateX(-100%);
|
10544
|
+
}
|
10545
|
+
100% {
|
10546
|
+
transform: translateX(100%);
|
10547
|
+
}
|
10548
|
+
}
|
10554
10549
|
.cds--icon--skeleton {
|
10555
10550
|
position: relative;
|
10556
10551
|
padding: 0;
|
@@ -10569,7 +10564,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10569
10564
|
}
|
10570
10565
|
.cds--icon--skeleton::before {
|
10571
10566
|
position: absolute;
|
10572
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
10567
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
10573
10568
|
background: var(--cds-skeleton-element, #c6c6c6);
|
10574
10569
|
block-size: 100%;
|
10575
10570
|
content: "";
|
@@ -10599,7 +10594,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10599
10594
|
}
|
10600
10595
|
.cds--skeleton__placeholder::before {
|
10601
10596
|
position: absolute;
|
10602
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
10597
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
10603
10598
|
background: var(--cds-skeleton-element, #c6c6c6);
|
10604
10599
|
block-size: 100%;
|
10605
10600
|
content: "";
|
@@ -10630,7 +10625,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10630
10625
|
}
|
10631
10626
|
.cds--skeleton__text::before {
|
10632
10627
|
position: absolute;
|
10633
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
10628
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
10634
10629
|
background: var(--cds-skeleton-element, #c6c6c6);
|
10635
10630
|
block-size: 100%;
|
10636
10631
|
content: "";
|
@@ -10647,6 +10642,37 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10647
10642
|
block-size: 1.5rem;
|
10648
10643
|
}
|
10649
10644
|
|
10645
|
+
.cds--skeleton__text--ai,
|
10646
|
+
.cds--skeleton__placeholder--ai,
|
10647
|
+
.cds--skeleton__icon--ai {
|
10648
|
+
overflow: hidden;
|
10649
|
+
background: var(--cds-ai-skeleton-background, #b8d3ff);
|
10650
|
+
}
|
10651
|
+
|
10652
|
+
.cds--skeleton__text--ai::before,
|
10653
|
+
.cds--skeleton__placeholder--ai::before,
|
10654
|
+
.cds--skeleton__icon--ai::before {
|
10655
|
+
animation: 1250ms ease-in-out ai-skeleton-animation infinite;
|
10656
|
+
background: linear-gradient(to right, rgba(0, 17, 65, 0) 0%, rgba(0, 17, 65, 0.5) 50%, rgba(0, 17, 65, 0) 100%);
|
10657
|
+
}
|
10658
|
+
|
10659
|
+
.cds--skeleton__placeholder--ai::before,
|
10660
|
+
.cds--skeleton__icon--ai::before {
|
10661
|
+
inline-size: 200%;
|
10662
|
+
}
|
10663
|
+
|
10664
|
+
.cds--skeleton__placeholder--ai {
|
10665
|
+
border-radius: 0.5rem;
|
10666
|
+
}
|
10667
|
+
|
10668
|
+
.cds--skeleton__text--ai {
|
10669
|
+
border-radius: 1rem;
|
10670
|
+
}
|
10671
|
+
|
10672
|
+
.cds--skeleton__icon--ai {
|
10673
|
+
border-radius: 0.125rem;
|
10674
|
+
}
|
10675
|
+
|
10650
10676
|
.cds--tag {
|
10651
10677
|
--cds-layout-size-height-xs: 1.125rem;
|
10652
10678
|
--cds-layout-size-height-sm: 1.125rem;
|
@@ -10932,7 +10958,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10932
10958
|
}
|
10933
10959
|
.cds--tag.cds--skeleton::before {
|
10934
10960
|
position: absolute;
|
10935
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
10961
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
10936
10962
|
background: var(--cds-skeleton-element, #c6c6c6);
|
10937
10963
|
block-size: 100%;
|
10938
10964
|
content: "";
|
@@ -14236,7 +14262,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14236
14262
|
.cds--search--md.cds--skeleton .cds--search-input::before,
|
14237
14263
|
.cds--search--sm.cds--skeleton .cds--search-input::before {
|
14238
14264
|
position: absolute;
|
14239
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
14265
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
14240
14266
|
background: var(--cds-skeleton-element, #c6c6c6);
|
14241
14267
|
block-size: 100%;
|
14242
14268
|
content: "";
|
@@ -14429,6 +14455,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14429
14455
|
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
14430
14456
|
--cds-ai-gradient-start-02: transparent;
|
14431
14457
|
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
14458
|
+
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
14459
|
+
--cds-ai-skeleton-background: #0053ff;
|
14460
|
+
--cds-ai-skeleton-element-background: #001141;
|
14432
14461
|
--cds-background: #262626;
|
14433
14462
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
14434
14463
|
--cds-background-brand: #0f62fe;
|
@@ -14914,6 +14943,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
14914
14943
|
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
14915
14944
|
--cds-ai-gradient-start-02: transparent;
|
14916
14945
|
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
14946
|
+
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
14947
|
+
--cds-ai-skeleton-background: #0053ff;
|
14948
|
+
--cds-ai-skeleton-element-background: #001141;
|
14917
14949
|
--cds-background: #161616;
|
14918
14950
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
14919
14951
|
--cds-background-brand: #0f62fe;
|
@@ -16331,16 +16363,41 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16331
16363
|
}
|
16332
16364
|
|
16333
16365
|
.c4p--datagrid th.c4p--datagrid__with-slug {
|
16334
|
-
|
16335
|
-
|
16366
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
16367
|
+
box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
|
16336
16368
|
}
|
16337
16369
|
|
16338
|
-
.c4p--datagrid .
|
16339
|
-
|
16340
|
-
|
16370
|
+
.c4p--datagrid th.c4p--datagrid__with-slug,
|
16371
|
+
.c4p--datagrid td.c4p--datagrid__slug--cell {
|
16372
|
+
background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
|
16373
|
+
}
|
16374
|
+
|
16375
|
+
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row,
|
16376
|
+
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row + .c4p--datagrid__expanded-row {
|
16377
|
+
background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
|
16341
16378
|
background-attachment: fixed;
|
16342
16379
|
}
|
16343
16380
|
|
16381
|
+
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row {
|
16382
|
+
/* stylelint-disable-next-line carbon/theme-token-use */
|
16383
|
+
box-shadow: inset 1px 0 var(--cds-ai-border-strong, #4589ff);
|
16384
|
+
}
|
16385
|
+
|
16386
|
+
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row:hover,
|
16387
|
+
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row.cds--data-table--selected:hover,
|
16388
|
+
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row.c4p--datagrid__carbon-row-expanded:hover + .c4p--datagrid__expanded-row,
|
16389
|
+
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__expandable-row--hover.c4p--datagrid__slug--row {
|
16390
|
+
background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.4)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
|
16391
|
+
}
|
16392
|
+
|
16393
|
+
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__expandable-row--hover.c4p--datagrid__slug--row td {
|
16394
|
+
background-color: transparent;
|
16395
|
+
}
|
16396
|
+
|
16397
|
+
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row.cds--data-table--selected {
|
16398
|
+
background: linear-gradient(to right, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
|
16399
|
+
}
|
16400
|
+
|
16344
16401
|
.c4p--datagrid th.c4p--datagrid__with-slug .cds--slug {
|
16345
16402
|
margin-left: 0.5rem;
|
16346
16403
|
}
|
@@ -16880,6 +16937,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16880
16937
|
display: flex;
|
16881
16938
|
align-items: center;
|
16882
16939
|
}
|
16940
|
+
.c4p--datagrid .c4p--datagrid__table-row-ai-enabled.c4p--datagrid__slug--expanded {
|
16941
|
+
border: none;
|
16942
|
+
}
|
16883
16943
|
|
16884
16944
|
.c4p--datagrid .c4p--datagrid__table-row-ai-spacer,
|
16885
16945
|
.c4p--datagrid .c4p--datagrid__table-row-ai-enabled {
|
@@ -19541,6 +19601,9 @@ em {
|
|
19541
19601
|
--cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
|
19542
19602
|
--cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
|
19543
19603
|
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
19604
|
+
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
19605
|
+
--cds-ai-skeleton-background: #b8d3ff;
|
19606
|
+
--cds-ai-skeleton-element-background: #001141;
|
19544
19607
|
--cds-background: #ffffff;
|
19545
19608
|
--cds-background-active: rgba(141, 141, 141, 0.5);
|
19546
19609
|
--cds-background-brand: #0f62fe;
|
@@ -19761,6 +19824,9 @@ em {
|
|
19761
19824
|
--cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
|
19762
19825
|
--cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
|
19763
19826
|
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
19827
|
+
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
19828
|
+
--cds-ai-skeleton-background: #b8d3ff;
|
19829
|
+
--cds-ai-skeleton-element-background: #001141;
|
19764
19830
|
--cds-background: #f4f4f4;
|
19765
19831
|
--cds-background-active: rgba(141, 141, 141, 0.5);
|
19766
19832
|
--cds-background-brand: #0f62fe;
|
@@ -19980,6 +20046,9 @@ em {
|
|
19980
20046
|
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
19981
20047
|
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
19982
20048
|
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
20049
|
+
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
20050
|
+
--cds-ai-skeleton-background: #0053ff;
|
20051
|
+
--cds-ai-skeleton-element-background: #001141;
|
19983
20052
|
--cds-background: #262626;
|
19984
20053
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
19985
20054
|
--cds-background-brand: #0f62fe;
|
@@ -20196,6 +20265,9 @@ em {
|
|
20196
20265
|
--cds-ai-gradient-end: rgba(38, 38, 38, 0);
|
20197
20266
|
--cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
|
20198
20267
|
--cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
|
20268
|
+
--cds-ai-overlay: rgba(0, 17, 65, 0.5);
|
20269
|
+
--cds-ai-skeleton-background: #0053ff;
|
20270
|
+
--cds-ai-skeleton-element-background: #001141;
|
20199
20271
|
--cds-background: #161616;
|
20200
20272
|
--cds-background-active: rgba(141, 141, 141, 0.4);
|
20201
20273
|
--cds-background-brand: #0f62fe;
|
@@ -21028,7 +21100,7 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
21028
21100
|
}
|
21029
21101
|
.cds--checkbox-label-text.cds--skeleton::before {
|
21030
21102
|
position: absolute;
|
21031
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
21103
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
21032
21104
|
background: var(--cds-skeleton-element, #c6c6c6);
|
21033
21105
|
block-size: 100%;
|
21034
21106
|
content: "";
|
@@ -24552,7 +24624,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
|
|
24552
24624
|
.cds--data-table.cds--skeleton th span::before,
|
24553
24625
|
.cds--data-table.cds--skeleton td span::before {
|
24554
24626
|
position: absolute;
|
24555
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
24627
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
24556
24628
|
background: var(--cds-skeleton-element, #c6c6c6);
|
24557
24629
|
block-size: 100%;
|
24558
24630
|
content: "";
|
@@ -24605,7 +24677,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
|
|
24605
24677
|
}
|
24606
24678
|
.cds--data-table-container.cds--skeleton .cds--data-table-header__title::before {
|
24607
24679
|
position: absolute;
|
24608
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
24680
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
24609
24681
|
background: var(--cds-skeleton-element, #c6c6c6);
|
24610
24682
|
block-size: 100%;
|
24611
24683
|
content: "";
|
@@ -24636,7 +24708,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
|
|
24636
24708
|
}
|
24637
24709
|
.cds--data-table-container.cds--skeleton .cds--data-table-header__description::before {
|
24638
24710
|
position: absolute;
|
24639
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
24711
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
24640
24712
|
background: var(--cds-skeleton-element, #c6c6c6);
|
24641
24713
|
block-size: 100%;
|
24642
24714
|
content: "";
|
@@ -25634,7 +25706,7 @@ th .cds--table-sort__flex {
|
|
25634
25706
|
.cds--date-picker.cds--skeleton input::before,
|
25635
25707
|
.cds--date-picker__input.cds--skeleton::before {
|
25636
25708
|
position: absolute;
|
25637
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
25709
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
25638
25710
|
background: var(--cds-skeleton-element, #c6c6c6);
|
25639
25711
|
block-size: 100%;
|
25640
25712
|
content: "";
|
@@ -25669,7 +25741,7 @@ th .cds--table-sort__flex {
|
|
25669
25741
|
}
|
25670
25742
|
.cds--date-picker.cds--skeleton .cds--label::before {
|
25671
25743
|
position: absolute;
|
25672
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
25744
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
25673
25745
|
background: var(--cds-skeleton-element, #c6c6c6);
|
25674
25746
|
block-size: 100%;
|
25675
25747
|
content: "";
|
@@ -26139,7 +26211,7 @@ button.cds--dropdown-text:focus {
|
|
26139
26211
|
.cds--dropdown-v2.cds--skeleton::before,
|
26140
26212
|
.cds--dropdown.cds--skeleton::before {
|
26141
26213
|
position: absolute;
|
26142
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
26214
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
26143
26215
|
background: var(--cds-skeleton-element, #c6c6c6);
|
26144
26216
|
block-size: 100%;
|
26145
26217
|
content: "";
|
@@ -27306,7 +27378,7 @@ button.cds--dropdown-text:focus {
|
|
27306
27378
|
}
|
27307
27379
|
.cds--number.cds--skeleton::before {
|
27308
27380
|
position: absolute;
|
27309
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
27381
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
27310
27382
|
background: var(--cds-skeleton-element, #c6c6c6);
|
27311
27383
|
block-size: 100%;
|
27312
27384
|
content: "";
|
@@ -27893,7 +27965,7 @@ optgroup.cds--select-optgroup:disabled,
|
|
27893
27965
|
}
|
27894
27966
|
.cds--select.cds--skeleton::before {
|
27895
27967
|
position: absolute;
|
27896
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
27968
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
27897
27969
|
background: var(--cds-skeleton-element, #c6c6c6);
|
27898
27970
|
block-size: 100%;
|
27899
27971
|
content: "";
|
@@ -28254,7 +28326,7 @@ optgroup.cds--select-optgroup:disabled,
|
|
28254
28326
|
}
|
28255
28327
|
.cds--text-area.cds--skeleton::before {
|
28256
28328
|
position: absolute;
|
28257
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
28329
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
28258
28330
|
background: var(--cds-skeleton-element, #c6c6c6);
|
28259
28331
|
block-size: 100%;
|
28260
28332
|
content: "";
|
@@ -30743,7 +30815,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
30743
30815
|
position: absolute;
|
30744
30816
|
animation-duration: 1400ms;
|
30745
30817
|
animation-iteration-count: infinite;
|
30746
|
-
animation-name: progress-bar-indeterminate;
|
30818
|
+
animation-name: cds--progress-bar-indeterminate;
|
30747
30819
|
animation-timing-function: linear;
|
30748
30820
|
background-image: linear-gradient(90deg, var(--cds-interactive, #0f62fe) 12.5%, transparent 12.5%);
|
30749
30821
|
background-position-x: 0%;
|
@@ -30753,7 +30825,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
30753
30825
|
}
|
30754
30826
|
|
30755
30827
|
[dir=rtl] .cds--progress-bar--indeterminate .cds--progress-bar__track::after {
|
30756
|
-
animation-name: progress-bar-indeterminate-rtl;
|
30828
|
+
animation-name: cds--progress-bar-indeterminate-rtl;
|
30757
30829
|
}
|
30758
30830
|
|
30759
30831
|
.cds--progress-bar__helper-text {
|
@@ -30806,7 +30878,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
30806
30878
|
margin-inline-end: 0;
|
30807
30879
|
}
|
30808
30880
|
|
30809
|
-
@keyframes progress-bar-indeterminate {
|
30881
|
+
@keyframes cds--progress-bar-indeterminate {
|
30810
30882
|
0% {
|
30811
30883
|
background-position-x: 25%;
|
30812
30884
|
}
|
@@ -30814,7 +30886,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
30814
30886
|
background-position-x: -105%;
|
30815
30887
|
}
|
30816
30888
|
}
|
30817
|
-
@keyframes progress-bar-indeterminate-rtl {
|
30889
|
+
@keyframes cds--progress-bar-indeterminate-rtl {
|
30818
30890
|
0% {
|
30819
30891
|
background-position-x: -105%;
|
30820
30892
|
}
|
@@ -31227,7 +31299,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31227
31299
|
}
|
31228
31300
|
.cds--slider-container.cds--skeleton .cds--slider__range-label::before {
|
31229
31301
|
position: absolute;
|
31230
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
31302
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
31231
31303
|
background: var(--cds-skeleton-element, #c6c6c6);
|
31232
31304
|
block-size: 100%;
|
31233
31305
|
content: "";
|
@@ -31641,7 +31713,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31641
31713
|
}
|
31642
31714
|
|
31643
31715
|
.cds--slug.cds--slug--enabled .cds--slug-content {
|
31644
|
-
background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
|
31716
|
+
background: linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
|
31645
31717
|
border: 1px solid transparent;
|
31646
31718
|
border-radius: 0.5rem;
|
31647
31719
|
box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), -40px 30px 100px -25px var(--cds-slug-callout-shadow-outer-01, rgba(0, 67, 206, 0.25)), -60px 80px 60px -45px var(--cds-slug-callout-shadow-outer-02, rgba(0, 0, 0, 0.1));
|
@@ -32113,7 +32185,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
32113
32185
|
}
|
32114
32186
|
.cds--structured-list.cds--skeleton span::before {
|
32115
32187
|
position: absolute;
|
32116
|
-
animation: 3000ms ease-in-out skeleton infinite;
|
32188
|
+
animation: 3000ms ease-in-out cds--skeleton infinite;
|
32117
32189
|
background: var(--cds-skeleton-element, #c6c6c6);
|
32118
32190
|
block-size: 100%;
|
32119
32191
|
content: "";
|
@@ -32414,10 +32486,6 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
32414
32486
|
}
|
32415
32487
|
}
|
32416
32488
|
|
32417
|
-
.cds--tile-content__above-the-fold {
|
32418
|
-
display: block;
|
32419
|
-
}
|
32420
|
-
|
32421
32489
|
.cds--tile-content__below-the-fold {
|
32422
32490
|
display: block;
|
32423
32491
|
opacity: 0;
|
@@ -32525,13 +32593,13 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
32525
32593
|
}
|
32526
32594
|
|
32527
32595
|
.cds--tile--slug.cds--tile {
|
32528
|
-
background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
|
32596
|
+
background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
|
32529
32597
|
border: 1px solid transparent;
|
32530
32598
|
box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
|
32531
32599
|
}
|
32532
32600
|
|
32533
32601
|
.cds--tile--slug.cds--tile--expandable:hover {
|
32534
|
-
background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
|
32602
|
+
background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
|
32535
32603
|
}
|
32536
32604
|
|
32537
32605
|
.cds--tile--slug.cds--tile--selectable::before,
|
@@ -35853,4 +35921,41 @@ a.cds--side-nav__link--current::before {
|
|
35853
35921
|
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
35854
35922
|
}
|
35855
35923
|
|
35924
|
+
.c4p--user-avatar__photo {
|
35925
|
+
border-radius: 100%;
|
35926
|
+
object-fit: contain;
|
35927
|
+
}
|
35928
|
+
|
35929
|
+
.c4p--user-avatar__photo--xl {
|
35930
|
+
position: fixed;
|
35931
|
+
border-radius: 100%;
|
35932
|
+
object-fit: fill;
|
35933
|
+
width: 4rem;
|
35934
|
+
height: 4rem;
|
35935
|
+
}
|
35936
|
+
|
35937
|
+
.c4p--user-avatar__photo--lg {
|
35938
|
+
position: fixed;
|
35939
|
+
border-radius: 100%;
|
35940
|
+
object-fit: fill;
|
35941
|
+
width: 3rem;
|
35942
|
+
height: 3rem;
|
35943
|
+
}
|
35944
|
+
|
35945
|
+
.c4p--user-avatar__photo--md {
|
35946
|
+
position: fixed;
|
35947
|
+
border-radius: 100%;
|
35948
|
+
object-fit: fill;
|
35949
|
+
width: 2rem;
|
35950
|
+
height: 2rem;
|
35951
|
+
}
|
35952
|
+
|
35953
|
+
.c4p--user-avatar__photo--sm {
|
35954
|
+
position: fixed;
|
35955
|
+
border-radius: 100%;
|
35956
|
+
object-fit: fill;
|
35957
|
+
width: 1.5rem;
|
35958
|
+
height: 1.5rem;
|
35959
|
+
}
|
35960
|
+
|
35856
35961
|
/*# sourceMappingURL=index.css.map */
|