@carbon/ibm-products 2.43.1 → 2.43.2-canary.100
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +428 -143
- 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 +218 -9
- 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 +248 -105
- 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 +349 -129
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/ActionBar/ActionBarItem.js +1 -1
- package/es/components/Coachmark/Coachmark.d.ts +6 -1
- package/es/components/Coachmark/Coachmark.js +47 -11
- package/es/components/Coachmark/CoachmarkOverlay.js +2 -4
- package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -7
- package/es/components/CoachmarkFixed/CoachmarkFixed.js +13 -11
- package/es/components/CoachmarkStack/CoachmarkStack.js +7 -3
- package/es/components/CoachmarkStack/CoachmarkStackHome.js +8 -4
- package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +76 -55
- package/es/components/ConditionBuilder/ConditionBuilder.js +82 -25
- package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
- package/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +154 -0
- package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +3 -1
- package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +29 -13
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +8 -1
- package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +30 -8
- package/es/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +14 -9
- package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +19 -11
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -13
- package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +75 -62
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +13 -7
- package/es/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +31 -8
- package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +8 -2
- package/es/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +35 -24
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +40 -36
- package/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +40 -36
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +6 -2
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +98 -40
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +3 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +24 -9
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +27 -9
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +114 -0
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +71 -38
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +5 -1
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +22 -9
- package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +1 -3
- package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +121 -40
- package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +3 -1
- package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +45 -19
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +2 -1
- package/es/components/ConditionBuilder/utils/handleKeyboardEvents.js +137 -40
- package/es/components/ConditionBuilder/utils/useTranslations.d.ts +1 -0
- package/es/components/ConditionBuilder/utils/useTranslations.js +26 -0
- package/es/components/ConditionBuilder/utils/util.d.ts +6 -4
- package/es/components/ConditionBuilder/utils/util.js +42 -17
- package/es/components/CreateFullPage/CreateFullPage.js +2 -2
- package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts +26 -0
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +149 -54
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +25 -1
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +50 -9
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +16 -0
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +32 -8
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +4 -1
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.d.ts +3 -1
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +15 -3
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.d.ts +2 -1
- package/es/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +4 -3
- package/es/components/DataSpreadsheet/types/index.d.ts +3 -1
- package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +34 -2
- package/es/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
- package/es/components/Datagrid/Datagrid/Datagrid.js +4 -9
- package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +23 -8
- package/es/components/Datagrid/Datagrid/DatagridRow.js +21 -8
- package/es/components/Datagrid/Datagrid/DatagridSelectAll.js +2 -1
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -2
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +34 -10
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +7 -4
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +54 -17
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +75 -12
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
- package/es/components/Datagrid/types/index.d.ts +61 -9
- package/es/components/Datagrid/useActionsColumn.d.ts +8 -1
- package/es/components/Datagrid/useActionsColumn.js +7 -6
- package/es/components/Datagrid/useColumnCenterAlign.d.ts +8 -1
- package/es/components/Datagrid/useColumnCenterAlign.js +1 -1
- package/es/components/Datagrid/useColumnRightAlign.d.ts +8 -1
- package/es/components/Datagrid/useColumnRightAlign.js +4 -3
- package/es/components/Datagrid/useCustomizeColumns.d.ts +8 -1
- package/es/components/Datagrid/useCustomizeColumns.js +4 -3
- package/es/components/Datagrid/useDefaultStringRenderer.js +0 -1
- package/es/components/Datagrid/useDisableSelectRows.d.ts +2 -1
- package/es/components/Datagrid/useDisableSelectRows.js +27 -22
- package/es/components/Datagrid/useInlineEdit.d.ts +8 -1
- package/es/components/Datagrid/useInlineEdit.js +13 -3
- package/es/components/Datagrid/useNestedRowExpander.js +1 -3
- package/es/components/Datagrid/useNestedRows.js +32 -13
- package/es/components/Datagrid/useRowExpander.js +1 -3
- package/es/components/Datagrid/useSelectRows.js +2 -1
- package/es/components/Datagrid/useStickyColumn.d.ts +8 -1
- package/es/components/Datagrid/useStickyColumn.js +12 -9
- package/es/components/Decorator/Decorator.js +2 -1
- package/es/components/DecoratorBase/DecoratorBase.js +3 -5
- package/es/components/DecoratorDualButton/DecoratorDualButton.js +2 -1
- package/es/components/DecoratorLink/DecoratorLink.js +2 -1
- package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +2 -1
- package/es/components/EditInPlace/EditInPlace.d.ts +4 -0
- package/es/components/EditInPlace/EditInPlace.js +21 -10
- package/es/components/EditTearsheet/EditTearsheet.d.ts +7 -2
- package/es/components/EditTearsheet/EditTearsheet.js +44 -10
- package/es/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
- package/es/components/EditTearsheet/EditTearsheetForm.js +3 -0
- package/es/components/EmptyStates/EmptyStateV2.d.ts +63 -2
- package/es/components/EmptyStates/EmptyStateV2.js +2 -1
- package/es/components/FullPageError/FullPageError.d.ts +36 -2
- package/es/components/FullPageError/FullPageError.js +0 -3
- package/es/components/GetStartedCard/GetStartedCard.d.ts +61 -2
- package/es/components/GetStartedCard/GetStartedCard.js +9 -8
- package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
- package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
- package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
- package/es/components/HTTPErrors/assets/HTTPErrorSvg403.js +204 -200
- package/es/components/HTTPErrors/assets/HTTPErrorSvg404.js +116 -112
- package/es/components/HTTPErrors/assets/HTTPErrorSvgOther.js +110 -106
- package/es/components/Nav/NavItem.js +12 -3
- package/es/components/OptionsTile/OptionsTile.js +11 -6
- package/es/components/PageHeader/PageHeader.js +1 -0
- package/es/components/RemoveModal/RemoveModal.d.ts +4 -0
- package/es/components/RemoveModal/RemoveModal.js +7 -1
- package/es/components/SearchBar/SearchBar.d.ts +1 -1
- package/es/components/SearchBar/SearchBar.js +2 -2
- package/es/components/SidePanel/SidePanel.js +17 -21
- package/es/components/SidePanel/motion/variants.d.ts +4 -6
- package/es/components/SidePanel/motion/variants.js +10 -11
- package/es/components/StatusIndicator/StatusIndicatorStep.js +87 -0
- package/es/components/StringFormatter/StringFormatter.js +14 -3
- package/es/components/StringFormatter/utils/enums.d.ts +20 -1
- package/es/components/StringFormatter/utils/enums.js +22 -2
- package/es/components/TagOverflow/TagOverflow.d.ts +35 -4
- package/es/components/TagOverflow/TagOverflow.js +47 -64
- package/es/components/TagOverflow/TagOverflowModal.js +4 -6
- package/es/components/TagOverflow/TagOverflowPopover.d.ts +13 -1
- package/es/components/TagOverflow/TagOverflowPopover.js +38 -41
- package/es/components/Tearsheet/Tearsheet.d.ts +8 -1
- package/es/components/Tearsheet/Tearsheet.js +9 -1
- package/es/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
- package/es/components/Tearsheet/TearsheetNarrow.js +12 -0
- package/es/components/Tearsheet/TearsheetShell.d.ts +11 -1
- package/es/components/Tearsheet/TearsheetShell.js +28 -7
- package/es/components/Toolbar/ToolbarButton.js +1 -1
- package/es/components/WebTerminal/WebTerminal.js +10 -12
- package/es/components/index.d.ts +1 -1
- package/es/global/js/hooks/useFocus.d.ts +1 -0
- package/es/global/js/hooks/useFocus.js +5 -2
- package/es/global/js/hooks/usePrefersReducedMotion.js +14 -8
- package/es/global/js/package-settings.d.ts +1 -1
- package/es/global/js/package-settings.js +1 -1
- package/es/index.js +1 -0
- package/es/node_modules/@carbon/icon-helpers/es/index.js +49 -62
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1020 -1058
- package/es/node_modules/@carbon/icons-react/es/generated/bucket-9.js +881 -758
- package/es/settings.d.ts +1 -1
- package/lib/components/ActionBar/ActionBarItem.js +1 -1
- package/lib/components/Coachmark/Coachmark.d.ts +6 -1
- package/lib/components/Coachmark/Coachmark.js +46 -10
- package/lib/components/Coachmark/CoachmarkOverlay.js +2 -4
- package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +1 -7
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +13 -11
- package/lib/components/CoachmarkStack/CoachmarkStack.js +7 -3
- package/lib/components/CoachmarkStack/CoachmarkStackHome.js +8 -4
- package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js +74 -53
- package/lib/components/ConditionBuilder/ConditionBuilder.js +82 -25
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.d.ts +15 -0
- package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js +163 -0
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.d.ts +3 -1
- package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js +28 -11
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts +8 -1
- package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js +29 -7
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js +12 -7
- package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js +18 -10
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.d.ts +9 -13
- package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js +73 -60
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.d.ts +13 -7
- package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js +31 -8
- package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.d.ts +8 -2
- package/lib/components/ConditionBuilder/ConditionBuilderContext/DataConfigs.js +34 -24
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts +40 -36
- package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js +40 -36
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts +6 -2
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js +96 -38
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts +3 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js +24 -9
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js +28 -10
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts +13 -0
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js +122 -0
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.d.ts → ItemOptionForValueField.d.ts} +2 -2
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js} +68 -35
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts +5 -1
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js +21 -8
- package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js +1 -1
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts +1 -3
- package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js +118 -37
- package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.d.ts +3 -1
- package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js +44 -17
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.d.ts +2 -1
- package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js +137 -39
- package/lib/components/ConditionBuilder/utils/useTranslations.d.ts +1 -0
- package/lib/components/ConditionBuilder/utils/useTranslations.js +30 -0
- package/lib/components/ConditionBuilder/utils/util.d.ts +6 -4
- package/lib/components/ConditionBuilder/utils/util.js +44 -16
- package/lib/components/CreateFullPage/CreateFullPage.js +2 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +26 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +149 -54
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.d.ts +25 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +50 -9
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.d.ts +16 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +32 -8
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +4 -1
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.d.ts +3 -1
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +15 -3
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.d.ts +2 -1
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +4 -3
- package/lib/components/DataSpreadsheet/types/index.d.ts +3 -1
- package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +34 -2
- package/lib/components/Datagrid/Datagrid/Datagrid.d.ts +0 -4
- package/lib/components/Datagrid/Datagrid/Datagrid.js +4 -9
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +23 -8
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +21 -8
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +2 -1
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +34 -10
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +6 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +6 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.d.ts +3 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +7 -4
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.d.ts +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +53 -16
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +74 -11
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +10 -2
- package/lib/components/Datagrid/types/index.d.ts +61 -9
- package/lib/components/Datagrid/useActionsColumn.d.ts +8 -1
- package/lib/components/Datagrid/useActionsColumn.js +7 -6
- package/lib/components/Datagrid/useColumnCenterAlign.d.ts +8 -1
- package/lib/components/Datagrid/useColumnCenterAlign.js +1 -1
- package/lib/components/Datagrid/useColumnRightAlign.d.ts +8 -1
- package/lib/components/Datagrid/useColumnRightAlign.js +4 -3
- package/lib/components/Datagrid/useCustomizeColumns.d.ts +8 -1
- package/lib/components/Datagrid/useCustomizeColumns.js +4 -3
- package/lib/components/Datagrid/useDefaultStringRenderer.js +0 -1
- package/lib/components/Datagrid/useDisableSelectRows.d.ts +2 -1
- package/lib/components/Datagrid/useDisableSelectRows.js +27 -22
- package/lib/components/Datagrid/useInlineEdit.d.ts +8 -1
- package/lib/components/Datagrid/useInlineEdit.js +13 -3
- package/lib/components/Datagrid/useNestedRowExpander.js +1 -3
- package/lib/components/Datagrid/useNestedRows.js +32 -13
- package/lib/components/Datagrid/useRowExpander.js +1 -3
- package/lib/components/Datagrid/useSelectRows.js +2 -1
- package/lib/components/Datagrid/useStickyColumn.d.ts +8 -1
- package/lib/components/Datagrid/useStickyColumn.js +12 -9
- package/lib/components/Decorator/Decorator.js +2 -1
- package/lib/components/DecoratorBase/DecoratorBase.js +3 -5
- package/lib/components/DecoratorDualButton/DecoratorDualButton.js +2 -1
- package/lib/components/DecoratorLink/DecoratorLink.js +2 -1
- package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +2 -1
- package/lib/components/EditInPlace/EditInPlace.d.ts +4 -0
- package/lib/components/EditInPlace/EditInPlace.js +21 -10
- package/lib/components/EditTearsheet/EditTearsheet.d.ts +7 -2
- package/lib/components/EditTearsheet/EditTearsheet.js +43 -9
- package/lib/components/EditTearsheet/EditTearsheetForm.d.ts +45 -2
- package/lib/components/EditTearsheet/EditTearsheetForm.js +3 -0
- package/lib/components/EmptyStates/EmptyStateV2.d.ts +63 -2
- package/lib/components/EmptyStates/EmptyStateV2.js +2 -1
- package/lib/components/FullPageError/FullPageError.d.ts +36 -2
- package/lib/components/FullPageError/FullPageError.js +0 -3
- package/lib/components/GetStartedCard/GetStartedCard.d.ts +61 -2
- package/lib/components/GetStartedCard/GetStartedCard.js +8 -7
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +204 -200
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +116 -112
- package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +110 -106
- package/lib/components/Nav/NavItem.js +10 -1
- package/lib/components/OptionsTile/OptionsTile.js +11 -6
- package/lib/components/PageHeader/PageHeader.js +1 -0
- package/lib/components/RemoveModal/RemoveModal.d.ts +4 -0
- package/lib/components/RemoveModal/RemoveModal.js +7 -1
- package/lib/components/SearchBar/SearchBar.d.ts +1 -1
- package/lib/components/SearchBar/SearchBar.js +2 -2
- package/lib/components/SidePanel/SidePanel.js +16 -20
- package/lib/components/SidePanel/motion/variants.d.ts +4 -6
- package/lib/components/SidePanel/motion/variants.js +10 -11
- package/lib/components/StatusIndicator/StatusIndicatorStep.js +94 -0
- package/lib/components/StringFormatter/StringFormatter.js +13 -2
- package/lib/components/StringFormatter/utils/enums.d.ts +20 -1
- package/lib/components/StringFormatter/utils/enums.js +23 -1
- package/lib/components/TagOverflow/TagOverflow.d.ts +35 -4
- package/lib/components/TagOverflow/TagOverflow.js +46 -63
- package/lib/components/TagOverflow/TagOverflowModal.js +4 -6
- package/lib/components/TagOverflow/TagOverflowPopover.d.ts +13 -1
- package/lib/components/TagOverflow/TagOverflowPopover.js +37 -40
- package/lib/components/Tearsheet/Tearsheet.d.ts +8 -1
- package/lib/components/Tearsheet/Tearsheet.js +9 -1
- package/lib/components/Tearsheet/TearsheetNarrow.d.ts +11 -0
- package/lib/components/Tearsheet/TearsheetNarrow.js +12 -0
- package/lib/components/Tearsheet/TearsheetShell.d.ts +11 -1
- package/lib/components/Tearsheet/TearsheetShell.js +26 -5
- package/lib/components/Toolbar/ToolbarButton.js +1 -1
- package/lib/components/WebTerminal/WebTerminal.js +10 -12
- package/lib/components/index.d.ts +1 -1
- package/lib/global/js/hooks/useFocus.d.ts +1 -0
- package/lib/global/js/hooks/useFocus.js +5 -1
- package/lib/global/js/hooks/usePrefersReducedMotion.js +13 -7
- package/lib/global/js/package-settings.d.ts +1 -1
- package/lib/global/js/package-settings.js +1 -1
- package/lib/index.js +5 -0
- package/lib/node_modules/@carbon/icon-helpers/es/index.js +49 -62
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-2.js +1036 -1074
- package/lib/node_modules/@carbon/icons-react/es/generated/bucket-9.js +946 -823
- package/lib/settings.d.ts +1 -1
- package/package.json +9 -8
- package/scss/components/Coachmark/_coachmark-overlay.scss +6 -70
- package/scss/components/Coachmark/_coachmark.scss +5 -4
- package/scss/components/CoachmarkBeacon/_coachmark-beacon.scss +1 -3
- package/scss/components/ConditionBuilder/_condition-builder.scss +5 -1
- package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss +20 -3
- package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss +32 -3
- package/scss/components/CreateModal/_create-modal.scss +0 -4
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +17 -2
- package/scss/components/Datagrid/_datagrid.scss +0 -4
- package/scss/components/Datagrid/styles/_useInlineEdit.scss +13 -0
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +7 -5
- package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +5 -4
- package/scss/components/HTTPErrors/_http-errors.scss +77 -0
- package/scss/components/OptionsTile/_options-tile.scss +6 -6
- package/scss/components/SidePanel/_side-panel.scss +1 -1
- package/scss/components/StatusIcon/_status-icon.scss +4 -4
- package/scss/components/StringFormatter/_string-formatter.scss +2 -2
- package/scss/components/UserProfileImage/_user-profile-image.scss +6 -2
- package/scss/components/_index-released-only.scss +1 -0
- package/telemetry.yml +32 -19
- package/es/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
- package/es/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -16
- package/es/global/js/utils/window.d.ts +0 -2
- package/es/global/js/utils/window.js +0 -12
- package/lib/components/ConditionBuilder/utils/checkForHoldingKey.d.ts +0 -1
- package/lib/components/ConditionBuilder/utils/checkForHoldingKey.js +0 -20
- package/lib/global/js/utils/window.d.ts +0 -2
- package/lib/global/js/utils/window.js +0 -16
package/css/index.css
CHANGED
@@ -2362,7 +2362,7 @@
|
|
2362
2362
|
}
|
2363
2363
|
|
2364
2364
|
.cds--modal-scroll-content > *:last-child {
|
2365
|
-
|
2365
|
+
margin-block-end: 1.5rem;
|
2366
2366
|
}
|
2367
2367
|
|
2368
2368
|
.cds--modal-footer {
|
@@ -3798,6 +3798,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
3798
3798
|
inline-size: 3rem;
|
3799
3799
|
}
|
3800
3800
|
.cds--tabs .cds--tab--overflow-nav-button svg {
|
3801
|
+
z-index: 2;
|
3801
3802
|
fill: var(--cds-icon-primary, #161616);
|
3802
3803
|
}
|
3803
3804
|
.cds--tabs .cds--tab--overflow-nav-button--next {
|
@@ -3827,14 +3828,14 @@ fieldset[disabled] .cds--form__helper-text {
|
|
3827
3828
|
.cds--tabs .cds--tab--overflow-nav-button--previous::before {
|
3828
3829
|
position: absolute;
|
3829
3830
|
z-index: 1;
|
3830
|
-
background:
|
3831
|
+
background: var(--cds-background, #ffffff);
|
3831
3832
|
block-size: 100%;
|
3832
3833
|
content: "";
|
3833
|
-
inline-size:
|
3834
|
-
inset-inline-end:
|
3834
|
+
inline-size: 2.5rem;
|
3835
|
+
inset-inline-end: 0;
|
3835
3836
|
}
|
3836
3837
|
.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--previous::before {
|
3837
|
-
background
|
3838
|
+
background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));
|
3838
3839
|
}
|
3839
3840
|
.cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left {
|
3840
3841
|
background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer));
|
@@ -7498,10 +7499,6 @@ a.cds--overflow-menu-options__btn::before {
|
|
7498
7499
|
border-top: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
7499
7500
|
}
|
7500
7501
|
|
7501
|
-
.c4p--create-modal {
|
7502
|
-
background-color: var(--cds-background, #ffffff);
|
7503
|
-
}
|
7504
|
-
|
7505
7502
|
.c4p--create-modal .cds--modal-close {
|
7506
7503
|
display: none;
|
7507
7504
|
}
|
@@ -7857,7 +7854,7 @@ a.cds--overflow-menu-options__btn::before {
|
|
7857
7854
|
height: 2.5rem;
|
7858
7855
|
}
|
7859
7856
|
.c4p--side-panel .c4p--side-panel__slug-and-close {
|
7860
|
-
position:
|
7857
|
+
position: absolute;
|
7861
7858
|
z-index: 10; /* must be higher than title container border bottom */
|
7862
7859
|
top: 0;
|
7863
7860
|
right: 0;
|
@@ -9214,6 +9211,101 @@ a.cds--overflow-menu-options__btn::before {
|
|
9214
9211
|
}
|
9215
9212
|
}
|
9216
9213
|
|
9214
|
+
/* stylelint-disable carbon/theme-token-use */
|
9215
|
+
.c4p--http-errors-404__prefix-cls-1 {
|
9216
|
+
fill: none;
|
9217
|
+
}
|
9218
|
+
|
9219
|
+
.c4p--http-errors-404__prefix-cls-67 {
|
9220
|
+
fill: #697077;
|
9221
|
+
}
|
9222
|
+
|
9223
|
+
.c4p--http-errors-404__prefix-cls-68 {
|
9224
|
+
fill: #282828;
|
9225
|
+
}
|
9226
|
+
|
9227
|
+
.c4p--http-errors-404__prefix-cls-69 {
|
9228
|
+
fill: #51565c;
|
9229
|
+
}
|
9230
|
+
|
9231
|
+
.c4p--http-errors-404__prefix-cls-70 {
|
9232
|
+
fill: #002b50;
|
9233
|
+
}
|
9234
|
+
|
9235
|
+
.c4p--http-errors-404__prefix-cls-71 {
|
9236
|
+
fill: #413d3d;
|
9237
|
+
}
|
9238
|
+
|
9239
|
+
.c4p--http-errors-404__prefix-cls-72 {
|
9240
|
+
fill: #908b8b;
|
9241
|
+
}
|
9242
|
+
|
9243
|
+
.c4p--http-errors-404__prefix-cls-75 {
|
9244
|
+
fill: #a4a4a5;
|
9245
|
+
}
|
9246
|
+
|
9247
|
+
.c4p--http-errors-404__prefix-cls-76 {
|
9248
|
+
opacity: 0.15;
|
9249
|
+
}
|
9250
|
+
|
9251
|
+
.c4p--http-errors-403__prefix-cls-1 {
|
9252
|
+
fill: none;
|
9253
|
+
}
|
9254
|
+
|
9255
|
+
.c4p--http-errors-403__prefix-cls-80 {
|
9256
|
+
mix-blend-mode: multiply;
|
9257
|
+
opacity: 0.25;
|
9258
|
+
}
|
9259
|
+
|
9260
|
+
.c4p--http-errors-403__prefix-cls-75 {
|
9261
|
+
fill: #595655;
|
9262
|
+
}
|
9263
|
+
|
9264
|
+
.c4p--http-errors-403__prefix-cls-76 {
|
9265
|
+
opacity: 0.15;
|
9266
|
+
}
|
9267
|
+
|
9268
|
+
.c4p--http-errors-403__prefix-cls-77 {
|
9269
|
+
fill: #373d42;
|
9270
|
+
}
|
9271
|
+
|
9272
|
+
.c4p--http-errors-403__prefix-cls-78 {
|
9273
|
+
fill: #002b50;
|
9274
|
+
}
|
9275
|
+
|
9276
|
+
.c4p--http-errors-403__prefix-cls-81 {
|
9277
|
+
fill: #2b2828;
|
9278
|
+
}
|
9279
|
+
|
9280
|
+
.c4p--http-errors-other__prefix-cls-1 {
|
9281
|
+
fill: none;
|
9282
|
+
}
|
9283
|
+
|
9284
|
+
.c4p--http-errors-other__prefix-cls-69 {
|
9285
|
+
fill: #697077;
|
9286
|
+
}
|
9287
|
+
|
9288
|
+
.c4p--http-errors-other__prefix-cls-70 {
|
9289
|
+
fill: #282828;
|
9290
|
+
}
|
9291
|
+
|
9292
|
+
.c4p--http-errors-other__prefix-cls-71 {
|
9293
|
+
fill: #51565c;
|
9294
|
+
}
|
9295
|
+
|
9296
|
+
.c4p--http-errors-other__prefix-cls-72 {
|
9297
|
+
fill: #e0dbda;
|
9298
|
+
}
|
9299
|
+
|
9300
|
+
.c4p--http-errors-other__prefix-cls-73 {
|
9301
|
+
fill: #003d73;
|
9302
|
+
}
|
9303
|
+
|
9304
|
+
.c4p--http-errors-other__prefix-cls-75 {
|
9305
|
+
opacity: 0.15;
|
9306
|
+
}
|
9307
|
+
|
9308
|
+
/* stylelint-enable */
|
9217
9309
|
.cds--file {
|
9218
9310
|
inline-size: 100%;
|
9219
9311
|
}
|
@@ -10260,6 +10352,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10260
10352
|
--cds-link-inverse: #0f62fe;
|
10261
10353
|
--cds-link-inverse-active: #161616;
|
10262
10354
|
--cds-link-inverse-hover: #0043ce;
|
10355
|
+
--cds-link-inverse-visited: #8a3ffc;
|
10263
10356
|
--cds-link-primary: #78a9ff;
|
10264
10357
|
--cds-link-primary-hover: #a6c8ff;
|
10265
10358
|
--cds-link-secondary: #a6c8ff;
|
@@ -11152,7 +11245,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11152
11245
|
border-radius: 1rem;
|
11153
11246
|
margin: 0.25rem;
|
11154
11247
|
cursor: default;
|
11155
|
-
max-inline-size:
|
11248
|
+
max-inline-size: 13rem;
|
11156
11249
|
min-block-size: var(--cds-layout-size-height-local);
|
11157
11250
|
min-inline-size: 2rem;
|
11158
11251
|
padding-inline: 0.5rem;
|
@@ -11192,28 +11285,28 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11192
11285
|
.cds--tag.cds--tag--lg:has(.cds--tag__custom-icon) {
|
11193
11286
|
padding-inline-start: 0.5rem;
|
11194
11287
|
}
|
11288
|
+
.cds--tag:not(.cds--tag--selectable) {
|
11289
|
+
border: 0;
|
11290
|
+
}
|
11195
11291
|
.cds--tag:not(:first-child) {
|
11196
11292
|
margin-inline-start: 0;
|
11197
11293
|
}
|
11198
11294
|
|
11295
|
+
.cds--tag--operational > span,
|
11296
|
+
.cds--tag--selectable > span,
|
11199
11297
|
.cds--tag__label {
|
11298
|
+
display: block;
|
11200
11299
|
overflow: hidden;
|
11201
|
-
max-inline-size: 100%;
|
11202
11300
|
text-overflow: ellipsis;
|
11203
11301
|
white-space: nowrap;
|
11204
11302
|
}
|
11205
11303
|
|
11206
11304
|
.cds--tag--interactive:focus {
|
11207
|
-
|
11208
|
-
outline:
|
11209
|
-
}
|
11210
|
-
|
11211
|
-
.cds--tag--interactive:hover {
|
11212
|
-
cursor: pointer;
|
11305
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
11306
|
+
outline-offset: 1px;
|
11213
11307
|
}
|
11214
11308
|
|
11215
11309
|
.cds--tag--filter {
|
11216
|
-
cursor: pointer;
|
11217
11310
|
padding-block-end: 0;
|
11218
11311
|
padding-block-start: 0;
|
11219
11312
|
padding-inline-end: 0;
|
@@ -11222,11 +11315,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11222
11315
|
outline: none;
|
11223
11316
|
}
|
11224
11317
|
|
11225
|
-
.cds--interactive--tag-children {
|
11226
|
-
display: inline-flex;
|
11227
|
-
place-items: center;
|
11228
|
-
}
|
11229
|
-
|
11230
11318
|
.cds--tag--selectable {
|
11231
11319
|
border: 1px solid var(--cds-border-inverse, #161616);
|
11232
11320
|
background-color: var(--cds-layer);
|
@@ -11419,19 +11507,19 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11419
11507
|
background-color: var(--cds-background-inverse-hover, #474747);
|
11420
11508
|
}
|
11421
11509
|
|
11422
|
-
.cds--tag--outline:not(.cds--tag--operational) {
|
11510
|
+
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
|
11423
11511
|
background-color: var(--cds-background, #ffffff);
|
11424
11512
|
color: var(--cds-text-primary, #161616);
|
11425
11513
|
outline: 1px solid var(--cds-background-inverse, #393939);
|
11426
11514
|
outline-offset: -1px;
|
11427
11515
|
}
|
11428
|
-
.cds--tag--outline:not(.cds--tag--operational).cds--tag--operational {
|
11516
|
+
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational {
|
11429
11517
|
border: 1px solid var(--cds-background, #ffffff);
|
11430
11518
|
}
|
11431
|
-
.cds--tag--outline:not(.cds--tag--operational).cds--tag--operational:hover {
|
11519
|
+
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover {
|
11432
11520
|
background-color: var(--cds-layer-hover);
|
11433
11521
|
}
|
11434
|
-
.cds--tag--outline:not(.cds--tag--operational) .cds--tag__close-icon:hover {
|
11522
|
+
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover {
|
11435
11523
|
background-color: var(--cds-layer-hover);
|
11436
11524
|
}
|
11437
11525
|
|
@@ -11628,7 +11716,48 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11628
11716
|
}
|
11629
11717
|
}
|
11630
11718
|
|
11719
|
+
.cds--tag-label-tooltip {
|
11720
|
+
max-inline-size: -webkit-fill-available;
|
11721
|
+
}
|
11722
|
+
|
11723
|
+
.cds--tag__custom-icon + .cds--tag-label-tooltip {
|
11724
|
+
max-inline-size: 11rem;
|
11725
|
+
}
|
11726
|
+
|
11727
|
+
.cds--tag--filter .cds--tag__custom-icon + .cds--tag-label-tooltip {
|
11728
|
+
max-inline-size: 9.875rem;
|
11729
|
+
}
|
11730
|
+
|
11631
11731
|
/* stylelint-enable */
|
11732
|
+
.cds--interactive--tag-children {
|
11733
|
+
display: inline-flex;
|
11734
|
+
max-inline-size: 12.5rem;
|
11735
|
+
place-items: center;
|
11736
|
+
}
|
11737
|
+
|
11738
|
+
.cds--tag--filter .cds--tag__custom-icon + span > .cds--interactive--tag-children {
|
11739
|
+
max-inline-size: 11.5rem;
|
11740
|
+
}
|
11741
|
+
|
11742
|
+
.cds--tag .cds--definition-term {
|
11743
|
+
-webkit-border-after: none;
|
11744
|
+
border-block-end: none;
|
11745
|
+
cursor: default;
|
11746
|
+
max-inline-size: 12rem;
|
11747
|
+
}
|
11748
|
+
|
11749
|
+
.cds--tag .cds--tag__custom-icon + span > .cds--definition-term {
|
11750
|
+
max-inline-size: 11rem;
|
11751
|
+
}
|
11752
|
+
|
11753
|
+
.cds--tag > .cds--popover-container {
|
11754
|
+
display: flex;
|
11755
|
+
}
|
11756
|
+
|
11757
|
+
.cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled) {
|
11758
|
+
pointer-events: none;
|
11759
|
+
}
|
11760
|
+
|
11632
11761
|
.cds--grid {
|
11633
11762
|
margin-inline: auto;
|
11634
11763
|
max-inline-size: 99rem;
|
@@ -15175,6 +15304,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15175
15304
|
--cds-link-inverse: #0f62fe;
|
15176
15305
|
--cds-link-inverse-active: #161616;
|
15177
15306
|
--cds-link-inverse-hover: #0043ce;
|
15307
|
+
--cds-link-inverse-visited: #8a3ffc;
|
15178
15308
|
--cds-link-primary: #78a9ff;
|
15179
15309
|
--cds-link-primary-hover: #a6c8ff;
|
15180
15310
|
--cds-link-secondary: #a6c8ff;
|
@@ -15660,6 +15790,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15660
15790
|
--cds-link-inverse: #0f62fe;
|
15661
15791
|
--cds-link-inverse-active: #161616;
|
15662
15792
|
--cds-link-inverse-hover: #0043ce;
|
15793
|
+
--cds-link-inverse-visited: #8a3ffc;
|
15663
15794
|
--cds-link-primary: #78a9ff;
|
15664
15795
|
--cds-link-primary-hover: #a6c8ff;
|
15665
15796
|
--cds-link-secondary: #a6c8ff;
|
@@ -16430,14 +16561,14 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16430
16561
|
overflow: hidden;
|
16431
16562
|
}
|
16432
16563
|
|
16433
|
-
.c4p--options-
|
16564
|
+
.c4p--options-tile__summary.c4p--options-tile__summary--open:not(.c4p--options-tile__summary--closing),
|
16434
16565
|
.c4p--options-tile__summary--hidden {
|
16435
16566
|
height: 0;
|
16436
16567
|
margin-top: 0;
|
16437
16568
|
opacity: 0;
|
16438
16569
|
}
|
16439
16570
|
|
16440
|
-
.c4p--options-
|
16571
|
+
.c4p--options-tile__chevron.c4p--options-tile__chevron--open:not(.c4p--options-tile__chevron--closing) {
|
16441
16572
|
transform: rotate(180deg);
|
16442
16573
|
}
|
16443
16574
|
|
@@ -16681,6 +16812,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16681
16812
|
position: sticky;
|
16682
16813
|
z-index: 4;
|
16683
16814
|
left: 0;
|
16815
|
+
background-color: var(--cds-background, #ffffff);
|
16684
16816
|
}
|
16685
16817
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td {
|
16686
16818
|
font-weight: 600;
|
@@ -16789,6 +16921,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16789
16921
|
border: 0.125rem solid var(--cds-background-brand, #0f62fe);
|
16790
16922
|
outline: 0;
|
16791
16923
|
}
|
16924
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td_custom {
|
16925
|
+
align-items: center;
|
16926
|
+
justify-content: center;
|
16927
|
+
gap: 0.5rem;
|
16928
|
+
}
|
16792
16929
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element {
|
16793
16930
|
position: absolute;
|
16794
16931
|
z-index: 2;
|
@@ -16839,7 +16976,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16839
16976
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td:hover {
|
16840
16977
|
background-color: var(--cds-background-inverse, #393939);
|
16841
16978
|
}
|
16842
|
-
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th {
|
16979
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th:not(.c4p--data-spreadsheet__th--active-header-disabledSwapping) {
|
16843
16980
|
cursor: grab;
|
16844
16981
|
}
|
16845
16982
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header-reorder-active.c4p--data-spreadsheet__th {
|
@@ -16854,6 +16991,9 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16854
16991
|
width: 0.125rem;
|
16855
16992
|
background-color: var(--cds-background-brand, #0f62fe);
|
16856
16993
|
}
|
16994
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header-disabledSwapping {
|
16995
|
+
cursor: pointer;
|
16996
|
+
}
|
16857
16997
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header,
|
16858
16998
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--active-header.c4p--data-spreadsheet__td {
|
16859
16999
|
background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
|
@@ -16869,7 +17009,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
16869
17009
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td:hover {
|
16870
17010
|
background-color: var(--cds-background-inverse, #393939);
|
16871
17011
|
}
|
16872
|
-
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th {
|
17012
|
+
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th:not(.c4p--data-spreadsheet__th--active-header-disabledSwapping) {
|
16873
17013
|
cursor: grab;
|
16874
17014
|
}
|
16875
17015
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header-reorder-active.c4p--data-spreadsheet__th {
|
@@ -18510,6 +18650,18 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
18510
18650
|
align-items: center;
|
18511
18651
|
}
|
18512
18652
|
|
18653
|
+
.c4p--datagrid__inline-edit--outer-cell-checkbox-focus .cds--checkbox-label::before {
|
18654
|
+
outline: 0.125rem solid var(--cds-focus, #0f62fe);
|
18655
|
+
outline-offset: 1px;
|
18656
|
+
}
|
18657
|
+
|
18658
|
+
.c4p--datagrid__inline-edit--outer-cell-checkbox {
|
18659
|
+
display: flex;
|
18660
|
+
height: -webkit-fill-available;
|
18661
|
+
justify-content: center;
|
18662
|
+
padding-inline: 1rem;
|
18663
|
+
}
|
18664
|
+
|
18513
18665
|
.c4p--datagrid__static--outer-cell {
|
18514
18666
|
display: flex;
|
18515
18667
|
height: -webkit-fill-available;
|
@@ -18847,10 +18999,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
18847
18999
|
min-width: auto;
|
18848
19000
|
}
|
18849
19001
|
|
18850
|
-
.c4p--datagrid .cds--pagination {
|
18851
|
-
background-color: var(--cds-layer-02, #ffffff);
|
18852
|
-
}
|
18853
|
-
|
18854
19002
|
/* stylelint-disable max-nesting-depth */
|
18855
19003
|
.c4p--edit-update-cards#c4p--edit-update-cards--edit {
|
18856
19004
|
/* Used id for overriding the SVG path fill */
|
@@ -19391,6 +19539,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
19391
19539
|
color: var(--cds-text-inverse, #ffffff);
|
19392
19540
|
visibility: hidden;
|
19393
19541
|
}
|
19542
|
+
.c4p--coachmark-overlay--tooltip {
|
19543
|
+
position: initial;
|
19544
|
+
transform: none !important;
|
19545
|
+
}
|
19394
19546
|
.c4p--coachmark-overlay--fixed {
|
19395
19547
|
position: fixed;
|
19396
19548
|
right: 1rem;
|
@@ -19412,105 +19564,42 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
19412
19564
|
transform: translateY(0);
|
19413
19565
|
visibility: visible;
|
19414
19566
|
}
|
19415
|
-
.c4p--coachmark-overlay__caret {
|
19416
|
-
position: absolute;
|
19417
|
-
z-index: 5902;
|
19418
|
-
width: 0;
|
19419
|
-
height: 0;
|
19420
|
-
border-right: 0.375rem solid transparent;
|
19421
|
-
border-bottom: solid 0.375rem var(--cds-background-inverse, #393939);
|
19422
|
-
border-left: 0.375rem solid transparent;
|
19423
|
-
}
|
19424
19567
|
.c4p--coachmark-overlay--top {
|
19425
19568
|
transform: translate(-50%, calc(-1 * (100% + 1.5rem + 0.375rem)));
|
19426
19569
|
}
|
19427
|
-
.c4p--coachmark-overlay--top .c4p--coachmark-overlay__caret {
|
19428
|
-
left: calc(50% - 0.375rem);
|
19429
|
-
transform: rotate(180deg);
|
19430
|
-
}
|
19431
19570
|
.c4p--coachmark-overlay--top-left {
|
19432
19571
|
transform: translate(-1.5rem, calc(-1 * (100% + 1.5rem + 0.375rem)));
|
19433
19572
|
}
|
19434
|
-
.c4p--coachmark-overlay--top-left .c4p--coachmark-overlay__caret {
|
19435
|
-
left: 1.125rem;
|
19436
|
-
transform: rotate(180deg);
|
19437
|
-
}
|
19438
19573
|
.c4p--coachmark-overlay--top-right {
|
19439
19574
|
transform: translate(calc(-1 * (100% - 1.5rem)), calc(-1 * (100% + 1.5rem + 0.375rem)));
|
19440
19575
|
}
|
19441
|
-
.c4p--coachmark-overlay--top-right .c4p--coachmark-overlay__caret {
|
19442
|
-
right: 1.125rem;
|
19443
|
-
transform: rotate(180deg);
|
19444
|
-
}
|
19445
19576
|
.c4p--coachmark-overlay--bottom {
|
19446
19577
|
transform: translate(-50%, 1.875rem);
|
19447
19578
|
}
|
19448
|
-
.c4p--coachmark-overlay--bottom .c4p--coachmark-overlay__caret {
|
19449
|
-
top: -0.375rem;
|
19450
|
-
left: calc(50% - 0.375rem);
|
19451
|
-
}
|
19452
19579
|
.c4p--coachmark-overlay--bottom-left {
|
19453
19580
|
transform: translate(-1.5rem, 1.875rem);
|
19454
19581
|
}
|
19455
|
-
.c4p--coachmark-overlay--bottom-left .c4p--coachmark-overlay__caret {
|
19456
|
-
top: -0.375rem;
|
19457
|
-
left: 1.125rem;
|
19458
|
-
}
|
19459
19582
|
.c4p--coachmark-overlay--bottom-right {
|
19460
19583
|
transform: translate(calc(-1 * (100% - 1.5rem)), 1.875rem);
|
19461
19584
|
}
|
19462
|
-
.c4p--coachmark-overlay--bottom-right .c4p--coachmark-overlay__caret {
|
19463
|
-
top: -0.375rem;
|
19464
|
-
right: 1.125rem;
|
19465
|
-
}
|
19466
19585
|
.c4p--coachmark-overlay--left {
|
19467
19586
|
transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), -50%);
|
19468
19587
|
}
|
19469
|
-
.c4p--coachmark-overlay--left .c4p--coachmark-overlay__caret {
|
19470
|
-
top: calc(50% - 0.1875rem);
|
19471
|
-
right: -0.5625rem;
|
19472
|
-
transform: rotate(90deg);
|
19473
|
-
}
|
19474
19588
|
.c4p--coachmark-overlay--left-top {
|
19475
19589
|
transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), -1.5rem);
|
19476
19590
|
}
|
19477
|
-
.c4p--coachmark-overlay--left-top .c4p--coachmark-overlay__caret {
|
19478
|
-
top: 1.3125rem;
|
19479
|
-
right: -0.5625rem;
|
19480
|
-
transform: rotate(90deg);
|
19481
|
-
}
|
19482
19591
|
.c4p--coachmark-overlay--left-bottom {
|
19483
19592
|
transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), calc(-1 * (100% - 1.5rem)));
|
19484
19593
|
}
|
19485
|
-
.c4p--coachmark-overlay--left-bottom .c4p--coachmark-overlay__caret {
|
19486
|
-
right: -0.5625rem;
|
19487
|
-
bottom: 1.3125rem;
|
19488
|
-
transform: rotate(90deg);
|
19489
|
-
}
|
19490
19594
|
.c4p--coachmark-overlay--right {
|
19491
19595
|
transform: translate(1.875rem, -50%);
|
19492
19596
|
}
|
19493
|
-
.c4p--coachmark-overlay--right .c4p--coachmark-overlay__caret {
|
19494
|
-
top: calc(50% - 0.1875rem);
|
19495
|
-
left: -0.5625rem;
|
19496
|
-
transform: rotate(-90deg);
|
19497
|
-
}
|
19498
19597
|
.c4p--coachmark-overlay--right-top {
|
19499
19598
|
transform: translate(1.875rem, -1.5rem);
|
19500
19599
|
}
|
19501
|
-
.c4p--coachmark-overlay--right-top .c4p--coachmark-overlay__caret {
|
19502
|
-
top: 1.3125rem;
|
19503
|
-
left: -0.5625rem;
|
19504
|
-
transform: rotate(-90deg);
|
19505
|
-
}
|
19506
19600
|
.c4p--coachmark-overlay--right-bottom {
|
19507
19601
|
transform: translate(1.875rem, calc(-1 * (100% - 1.5rem)));
|
19508
19602
|
}
|
19509
|
-
.c4p--coachmark-overlay--right-bottom .c4p--coachmark-overlay__caret {
|
19510
|
-
bottom: 1.3125rem;
|
19511
|
-
left: -0.5625rem;
|
19512
|
-
transform: rotate(-90deg);
|
19513
|
-
}
|
19514
19603
|
.c4p--coachmark-overlay__element-stepped-media {
|
19515
19604
|
height: 8rem;
|
19516
19605
|
margin-bottom: 1rem;
|
@@ -19782,6 +19871,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
19782
19871
|
background-color: #7c3dd6 !important;
|
19783
19872
|
}
|
19784
19873
|
|
19874
|
+
.c4p--coachmark {
|
19875
|
+
position: relative;
|
19876
|
+
}
|
19877
|
+
|
19785
19878
|
/* stylelint-disable carbon/layout-token-use */
|
19786
19879
|
/* stylelint-disable carbon/motion-easing-use */
|
19787
19880
|
/* stylelint-disable max-nesting-depth */
|
@@ -19818,9 +19911,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
19818
19911
|
outline: 0.125rem var(--cds-focus, #0f62fe) solid;
|
19819
19912
|
}
|
19820
19913
|
.c4p--coachmark-beacon .c4p--coachmark-beacon__target {
|
19821
|
-
|
19822
|
-
top: -1rem;
|
19823
|
-
left: -1rem;
|
19914
|
+
display: flex;
|
19824
19915
|
width: 2rem;
|
19825
19916
|
height: 2rem;
|
19826
19917
|
padding: 0;
|
@@ -20126,6 +20217,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
20126
20217
|
--cds-link-inverse: #78a9ff;
|
20127
20218
|
--cds-link-inverse-active: #f4f4f4;
|
20128
20219
|
--cds-link-inverse-hover: #a6c8ff;
|
20220
|
+
--cds-link-inverse-visited: #be95ff;
|
20129
20221
|
--cds-link-primary: #0f62fe;
|
20130
20222
|
--cds-link-primary-hover: #0043ce;
|
20131
20223
|
--cds-link-secondary: #0043ce;
|
@@ -20591,6 +20683,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
20591
20683
|
--cds-link-inverse: #0f62fe;
|
20592
20684
|
--cds-link-inverse-active: #161616;
|
20593
20685
|
--cds-link-inverse-hover: #0043ce;
|
20686
|
+
--cds-link-inverse-visited: #8a3ffc;
|
20594
20687
|
--cds-link-primary: #78a9ff;
|
20595
20688
|
--cds-link-primary-hover: #a6c8ff;
|
20596
20689
|
--cds-link-secondary: #a6c8ff;
|
@@ -21809,14 +21902,14 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
21809
21902
|
.c4p--string-formatter .cds--popover--top .cds--popover-caret,
|
21810
21903
|
.c4p--string-formatter .cds--popover--top-left .cds--popover-caret,
|
21811
21904
|
.c4p--string-formatter .cds--popover--top-right .cds--popover-caret {
|
21812
|
-
/* stylelint-disable-next-line
|
21905
|
+
/* stylelint-disable-next-line */
|
21813
21906
|
inset-block-start: -1px !important;
|
21814
21907
|
}
|
21815
21908
|
|
21816
21909
|
.c4p--string-formatter .cds--popover--bottom .cds--popover-caret,
|
21817
21910
|
.c4p--string-formatter .cds--popover--bottom-left .cds--popover-caret,
|
21818
21911
|
.c4p--string-formatter .cds--popover--bottom-right .cds--popover-caret {
|
21819
|
-
/* stylelint-disable-next-line
|
21912
|
+
/* stylelint-disable-next-line */
|
21820
21913
|
inset-block-end: -1px !important;
|
21821
21914
|
}
|
21822
21915
|
|
@@ -22398,24 +22491,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22398
22491
|
content: "";
|
22399
22492
|
}
|
22400
22493
|
|
22401
|
-
.cds--accordion--flush .cds--accordion__title {
|
22402
|
-
margin-inline-start: 0;
|
22403
|
-
}
|
22404
|
-
|
22405
|
-
.cds--accordion--flush .cds--accordion__arrow {
|
22406
|
-
margin-inline-end: 0;
|
22407
|
-
}
|
22408
|
-
|
22409
|
-
.cds--accordion--flush .cds--accordion__content {
|
22410
|
-
padding-inline-start: 0;
|
22411
|
-
}
|
22412
|
-
|
22413
|
-
.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:hover::before,
|
22414
|
-
.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:focus::before {
|
22415
|
-
inline-size: calc(100% + 32px);
|
22416
|
-
inset-inline-start: -1rem;
|
22417
|
-
}
|
22418
|
-
|
22419
22494
|
.cds--accordion {
|
22420
22495
|
--cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
|
22421
22496
|
--cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
|
@@ -22439,11 +22514,19 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22439
22514
|
display: list-item;
|
22440
22515
|
overflow: visible;
|
22441
22516
|
border-block-start: 1px solid var(--cds-border-subtle);
|
22517
|
+
transition: border-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
|
22442
22518
|
}
|
22443
22519
|
.cds--accordion__item:last-child {
|
22444
22520
|
border-block-end: 1px solid var(--cds-border-subtle);
|
22445
22521
|
}
|
22446
22522
|
|
22523
|
+
.cds--accordion__item:not(.cds--accordion__item--active):hover, .cds--accordion__item:not(.cds--accordion__item--active):hover + .cds--accordion__item {
|
22524
|
+
border-block-start-color: var(--cds-layer-hover);
|
22525
|
+
}
|
22526
|
+
.cds--accordion__item:not(.cds--accordion__item--active):last-child:hover {
|
22527
|
+
border-block-end-color: var(--cds-layer-hover);
|
22528
|
+
}
|
22529
|
+
|
22447
22530
|
.cds--accordion__heading {
|
22448
22531
|
box-sizing: border-box;
|
22449
22532
|
padding: 0;
|
@@ -22483,8 +22566,11 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
22483
22566
|
}
|
22484
22567
|
.cds--accordion__heading:hover {
|
22485
22568
|
background-color: var(--cds-layer-hover);
|
22569
|
+
outline: none;
|
22486
22570
|
}
|
22487
22571
|
.cds--accordion__heading:focus {
|
22572
|
+
position: relative;
|
22573
|
+
z-index: 2;
|
22488
22574
|
box-shadow: 0 -1px 0 0 var(--cds-focus, #0f62fe), inset 0 1px 0 0 var(--cds-focus, #0f62fe), inset 2px 0 0 0 var(--cds-focus, #0f62fe), 0 1px 0 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 0 var(--cds-focus, #0f62fe), inset -2px 0 0 0 var(--cds-focus, #0f62fe);
|
22489
22575
|
outline: none;
|
22490
22576
|
}
|
@@ -22598,6 +22684,65 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
22598
22684
|
transform: rotate(-90deg) /*rtl:ignore*/;
|
22599
22685
|
}
|
22600
22686
|
|
22687
|
+
.cds--accordion--flush .cds--accordion__item {
|
22688
|
+
position: relative;
|
22689
|
+
border-color: transparent;
|
22690
|
+
}
|
22691
|
+
.cds--accordion--flush .cds--accordion__item:last-child, .cds--accordion--flush .cds--accordion__item:hover, .cds--accordion--flush .cds--accordion__item:last-child:hover, .cds--accordion--flush .cds--accordion__item:hover + .cds--accordion__item {
|
22692
|
+
border-color: transparent;
|
22693
|
+
}
|
22694
|
+
.cds--accordion--flush .cds--accordion__item::before, .cds--accordion--flush .cds--accordion__item::after {
|
22695
|
+
position: absolute;
|
22696
|
+
display: block;
|
22697
|
+
block-size: 1px;
|
22698
|
+
content: "";
|
22699
|
+
inline-size: calc(100% - 1rem - 1rem);
|
22700
|
+
margin-inline-start: 1rem;
|
22701
|
+
transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
|
22702
|
+
}
|
22703
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
22704
|
+
.cds--accordion--flush .cds--accordion__item::before, .cds--accordion--flush .cds--accordion__item::after {
|
22705
|
+
transition: none;
|
22706
|
+
}
|
22707
|
+
}
|
22708
|
+
.cds--accordion--flush .cds--accordion__item::before {
|
22709
|
+
background: var(--cds-border-subtle);
|
22710
|
+
inset-block-start: -1px;
|
22711
|
+
}
|
22712
|
+
.cds--accordion--flush .cds--accordion__item:last-child::after {
|
22713
|
+
background: var(--cds-border-subtle);
|
22714
|
+
inset-block-end: -1px;
|
22715
|
+
}
|
22716
|
+
|
22717
|
+
.cds--accordion--flush .cds--accordion__heading:hover {
|
22718
|
+
position: relative;
|
22719
|
+
z-index: 1;
|
22720
|
+
}
|
22721
|
+
.cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
|
22722
|
+
position: absolute;
|
22723
|
+
display: block;
|
22724
|
+
background: var(--cds-layer-hover);
|
22725
|
+
block-size: 1px;
|
22726
|
+
content: "";
|
22727
|
+
inline-size: 100%;
|
22728
|
+
inset-inline-start: 0;
|
22729
|
+
transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
|
22730
|
+
}
|
22731
|
+
@media screen and (prefers-reduced-motion: reduce) {
|
22732
|
+
.cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
|
22733
|
+
transition: none;
|
22734
|
+
}
|
22735
|
+
}
|
22736
|
+
.cds--accordion--flush .cds--accordion__heading:hover::before {
|
22737
|
+
inset-block-start: -1px;
|
22738
|
+
}
|
22739
|
+
.cds--accordion--flush .cds--accordion__heading:hover::after {
|
22740
|
+
inset-block-end: -1px;
|
22741
|
+
}
|
22742
|
+
.cds--accordion--flush .cds--accordion__heading:hover:focus::after, .cds--accordion--flush .cds--accordion__heading:hover:focus::before {
|
22743
|
+
background: none;
|
22744
|
+
}
|
22745
|
+
|
22601
22746
|
.cds--accordion.cds--skeleton .cds--accordion__heading,
|
22602
22747
|
.cds--accordion.cds--skeleton .cds--accordion__button {
|
22603
22748
|
cursor: default;
|
@@ -22614,7 +22759,8 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
22614
22759
|
outline: none;
|
22615
22760
|
}
|
22616
22761
|
|
22617
|
-
.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before
|
22762
|
+
.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,
|
22763
|
+
.cds--accordion.cds--skeleton .cds--accordion__heading:hover {
|
22618
22764
|
background-color: transparent;
|
22619
22765
|
}
|
22620
22766
|
|
@@ -22632,6 +22778,10 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
22632
22778
|
margin-block-end: 0;
|
22633
22779
|
}
|
22634
22780
|
|
22781
|
+
.cds--accordion.cds--skeleton .cds--accordion__title {
|
22782
|
+
margin-inline-start: 1rem;
|
22783
|
+
}
|
22784
|
+
|
22635
22785
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
22636
22786
|
.cds--accordion__arrow,
|
22637
22787
|
.cds--accordion__item--active .cds--accordion__arrow {
|
@@ -22971,6 +23121,26 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
22971
23121
|
margin-block-start: -0.0625rem;
|
22972
23122
|
}
|
22973
23123
|
|
23124
|
+
.cds--checkbox-group--horizontal {
|
23125
|
+
position: relative;
|
23126
|
+
display: flex;
|
23127
|
+
flex-flow: row wrap;
|
23128
|
+
justify-content: flex-start;
|
23129
|
+
}
|
23130
|
+
.cds--checkbox-group--horizontal .cds--form-item {
|
23131
|
+
flex: none;
|
23132
|
+
margin-block-end: 0;
|
23133
|
+
}
|
23134
|
+
.cds--checkbox-group--horizontal .cds--form-item:not(:last-of-type) {
|
23135
|
+
margin-inline-end: 1rem;
|
23136
|
+
}
|
23137
|
+
.cds--checkbox-group--horizontal .cds--checkbox-label-text {
|
23138
|
+
padding-inline-start: 0.5rem;
|
23139
|
+
}
|
23140
|
+
.cds--checkbox-group--horizontal .cds--label + .cds--form-item.cds--checkbox-wrapper {
|
23141
|
+
margin-block-start: 0;
|
23142
|
+
}
|
23143
|
+
|
22974
23144
|
.cds--list--nested,
|
22975
23145
|
.cds--list--unordered,
|
22976
23146
|
.cds--list--ordered,
|
@@ -23252,7 +23422,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
23252
23422
|
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
23253
23423
|
}
|
23254
23424
|
|
23255
|
-
.c4p--condition-
|
23425
|
+
.c4p--condition-builder__popover-content-wrapper {
|
23256
23426
|
overflow: auto;
|
23257
23427
|
min-width: 12rem;
|
23258
23428
|
max-width: 20rem;
|
@@ -23323,7 +23493,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
|
|
23323
23493
|
.c4p--condition-builder__item-date,
|
23324
23494
|
.c4p--condition-builder__item-text,
|
23325
23495
|
.c4p--condition-builder__item-number,
|
23326
|
-
c4p--condition-builder__item-time {
|
23496
|
+
.c4p--condition-builder__item-time {
|
23327
23497
|
padding-block-end: 1rem;
|
23328
23498
|
padding-inline: 1rem;
|
23329
23499
|
}
|
@@ -23676,7 +23846,8 @@ c4p--condition-builder__item-time {
|
|
23676
23846
|
background-color: var(--cds-layer);
|
23677
23847
|
}
|
23678
23848
|
.c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(1) .c4p--condition-builder__button,
|
23679
|
-
.c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(2) .c4p--condition-builder__button
|
23849
|
+
.c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(2) .c4p--condition-builder__button:not(.c4p--condition-builder__add-button,
|
23850
|
+
.c4p--condition-builder__add-condition-sub-group) {
|
23680
23851
|
/* stylelint-disable-next-line carbon/theme-token-use */
|
23681
23852
|
box-shadow: inset 0 0.125rem 0 0 var(--c4p--condition-builder__condition-wrapper-color);
|
23682
23853
|
}
|
@@ -23695,6 +23866,32 @@ c4p--condition-builder__item-time {
|
|
23695
23866
|
margin-left: auto;
|
23696
23867
|
}
|
23697
23868
|
|
23869
|
+
.c4p--condition-builder__add-condition-sub-group-wrapper {
|
23870
|
+
z-index: -1;
|
23871
|
+
width: 0;
|
23872
|
+
margin-left: -50%;
|
23873
|
+
opacity: 0;
|
23874
|
+
pointer-events: none;
|
23875
|
+
transition: all linear 110ms;
|
23876
|
+
}
|
23877
|
+
|
23878
|
+
.c4p--condition-builder__add-condition-sub-group-wrapper--show {
|
23879
|
+
z-index: 0;
|
23880
|
+
width: auto;
|
23881
|
+
margin-left: 0;
|
23882
|
+
opacity: 1;
|
23883
|
+
pointer-events: all;
|
23884
|
+
transition: all linear 110ms;
|
23885
|
+
}
|
23886
|
+
|
23887
|
+
.c4p--condition-builder__invalid-input {
|
23888
|
+
display: flex;
|
23889
|
+
}
|
23890
|
+
|
23891
|
+
.c4p--condition-builder__invalid-input > svg {
|
23892
|
+
color: var(--cds-support-warning, #f1c21b);
|
23893
|
+
}
|
23894
|
+
|
23698
23895
|
.c4p--condition-builder__condition-block,
|
23699
23896
|
.c4p--condition-builder__condition-block .c4p--condition-builder__block {
|
23700
23897
|
position: relative;
|
@@ -23720,7 +23917,8 @@ c4p--condition-builder__item-time {
|
|
23720
23917
|
}
|
23721
23918
|
|
23722
23919
|
.c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
|
23723
|
-
.c4p--condition-builder__connector-button
|
23920
|
+
.c4p--condition-builder__connector-button,
|
23921
|
+
.c4p--condition-builder__add-button) {
|
23724
23922
|
background-color: var(--cds-tag-background-red, #ffd7d9);
|
23725
23923
|
color: var(--cds-tag-color-red, #750e13);
|
23726
23924
|
}
|
@@ -23739,11 +23937,23 @@ c4p--condition-builder__item-time {
|
|
23739
23937
|
}
|
23740
23938
|
|
23741
23939
|
.c4p--condition-builder__group-preview {
|
23940
|
+
height: 0;
|
23941
|
+
opacity: 0;
|
23942
|
+
pointer-events: none;
|
23943
|
+
transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
|
23944
|
+
}
|
23945
|
+
.c4p--condition-builder__group-preview .c4p--condition-builder__preview-condition {
|
23946
|
+
display: flex;
|
23947
|
+
}
|
23948
|
+
|
23949
|
+
.c4p--condition-builder__group-preview-animate {
|
23950
|
+
height: auto;
|
23742
23951
|
opacity: 0.5;
|
23743
23952
|
pointer-events: none;
|
23953
|
+
transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
|
23744
23954
|
}
|
23745
23955
|
|
23746
|
-
.c4p--condition-builder__connector
|
23956
|
+
.c4p--condition-builder__connector--disabled {
|
23747
23957
|
display: flex;
|
23748
23958
|
min-width: 4rem;
|
23749
23959
|
align-items: center;
|
@@ -23752,6 +23962,10 @@ c4p--condition-builder__item-time {
|
|
23752
23962
|
padding-inline: 0.5rem;
|
23753
23963
|
}
|
23754
23964
|
|
23965
|
+
.c4p--condition-builder__condition-wrapper > .c4p--condition-builder__condition-block:last-child > .c4p--condition-builder__groupConnector {
|
23966
|
+
margin-bottom: 0;
|
23967
|
+
}
|
23968
|
+
|
23755
23969
|
.c4p--condition-builder {
|
23756
23970
|
padding: 1.5rem;
|
23757
23971
|
}
|
@@ -23779,7 +23993,7 @@ c4p--condition-builder__item-time {
|
|
23779
23993
|
|
23780
23994
|
.c4p--condition-builder__condition-block {
|
23781
23995
|
display: flex;
|
23782
|
-
width:
|
23996
|
+
width: fit-content;
|
23783
23997
|
flex-direction: row;
|
23784
23998
|
}
|
23785
23999
|
|
@@ -23802,6 +24016,11 @@ c4p--condition-builder__item-time {
|
|
23802
24016
|
margin-top: 0.25rem;
|
23803
24017
|
}
|
23804
24018
|
|
24019
|
+
.c4p--condition-builder__add-group,
|
24020
|
+
.c4p--condition-builder__group-separator {
|
24021
|
+
width: fit-content;
|
24022
|
+
}
|
24023
|
+
|
23805
24024
|
/* stylelint-disable carbon/layout-token-use */
|
23806
24025
|
/* stylelint-disable max-nesting-depth */
|
23807
24026
|
.c4p--card__get-started {
|
@@ -24032,6 +24251,7 @@ c4p--condition-builder__item-time {
|
|
24032
24251
|
--cds-link-inverse: #0f62fe;
|
24033
24252
|
--cds-link-inverse-active: #161616;
|
24034
24253
|
--cds-link-inverse-hover: #0043ce;
|
24254
|
+
--cds-link-inverse-visited: #8a3ffc;
|
24035
24255
|
--cds-link-primary: #78a9ff;
|
24036
24256
|
--cds-link-primary-hover: #a6c8ff;
|
24037
24257
|
--cds-link-secondary: #a6c8ff;
|