@carbon/ibm-products 2.12.1 → 2.14.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +3510 -3234
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +1 -10
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +471 -698
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -4
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +1066 -988
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +1 -8
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +1445 -1435
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -8
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.js +7 -5
- package/es/components/APIKeyModal/APIKeyModal.js +7 -5
- package/es/components/Checklist/Checklist.docs-page.js +13 -0
- package/es/components/Checklist/Checklist.js +292 -0
- package/es/components/Checklist/ChecklistChart.js +98 -0
- package/es/components/Checklist/ChecklistIcon.js +107 -0
- package/es/components/Checklist/index.js +8 -0
- package/es/components/Datagrid/Datagrid/DatagridContent.js +2 -1
- package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js +3 -2
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +20 -6
- package/es/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +5 -4
- package/es/components/FilterSummary/FilterSummary.js +6 -2
- package/es/components/ImportModal/ImportModal.js +7 -5
- package/es/components/PageHeader/PageHeader.js +1 -1
- package/es/components/TagSet/TagSet.js +11 -3
- package/es/components/TagSet/TagSetOverflow.js +16 -5
- package/es/components/index.js +2 -1
- package/es/global/js/hooks/useCreateComponentFocus.js +7 -5
- package/es/global/js/hooks/useCreateComponentStepChange.js +28 -17
- package/es/global/js/package-settings.js +4 -2
- package/es/global/js/utils/story-helper.js +2 -1
- package/es/global/js/utils/test-helper.js +28 -17
- package/lib/components/APIKeyModal/APIKeyDownloader.js +10 -9
- package/lib/components/APIKeyModal/APIKeyModal.docs-page.js +3 -4
- package/lib/components/APIKeyModal/APIKeyModal.js +10 -9
- package/lib/components/AboutModal/AboutModal.docs-page.js +3 -4
- package/lib/components/AboutModal/AboutModal.js +3 -4
- package/lib/components/ActionBar/ActionBar.js +3 -4
- package/lib/components/ActionBar/ActionBarItem.js +1 -2
- package/lib/components/ActionBar/ActionBarOverflowItems.js +3 -4
- package/lib/components/ActionSet/ActionSet.js +1 -2
- package/lib/components/ActionSet/actions.js +4 -7
- package/lib/components/AddSelect/AddSelect.js +3 -4
- package/lib/components/AddSelect/AddSelectBody.js +3 -4
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +1 -2
- package/lib/components/AddSelect/AddSelectColumn.js +3 -4
- package/lib/components/AddSelect/AddSelectFilter.js +3 -4
- package/lib/components/AddSelect/AddSelectFormControl.js +1 -2
- package/lib/components/AddSelect/AddSelectList.js +1 -2
- package/lib/components/AddSelect/AddSelectMetaPanel.js +3 -4
- package/lib/components/AddSelect/AddSelectRow.js +3 -4
- package/lib/components/AddSelect/AddSelectSidebar.js +1 -2
- package/lib/components/AddSelect/AddSelectSort.js +1 -2
- package/lib/components/AddSelect/add-select-utils.js +5 -9
- package/lib/components/AddSelect/hooks/useFocus.js +1 -2
- package/lib/components/AddSelect/hooks/useItemSort.js +2 -3
- package/lib/components/AddSelect/hooks/useParentSelect.js +1 -2
- package/lib/components/AddSelect/hooks/usePath.js +1 -2
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +3 -4
- package/lib/components/ButtonMenu/ButtonMenu.js +1 -2
- package/lib/components/ButtonMenu/ButtonMenuItem.js +1 -2
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +3 -4
- package/lib/components/Card/Card.js +3 -4
- package/lib/components/Card/CardFooter.js +1 -2
- package/lib/components/Card/CardHeader.js +1 -2
- package/lib/components/Cascade/Cascade.docs-page.js +3 -4
- package/lib/components/Cascade/Cascade.js +3 -4
- package/lib/components/Checklist/Checklist.docs-page.js +23 -0
- package/lib/components/Checklist/Checklist.js +297 -0
- package/lib/components/Checklist/ChecklistChart.js +99 -0
- package/lib/components/Checklist/ChecklistIcon.js +109 -0
- package/lib/components/Checklist/index.js +12 -0
- package/lib/components/ComboButton/ComboButton.js +3 -4
- package/lib/components/ComboButton/ComboButtonItem/index.js +1 -2
- package/lib/components/CreateFullPage/CreateFullPage.docs-page.js +3 -4
- package/lib/components/CreateFullPage/CreateFullPage.js +5 -8
- package/lib/components/CreateFullPage/CreateFullPageStep.js +3 -4
- package/lib/components/CreateInfluencer/CreateInfluencer.js +1 -2
- package/lib/components/CreateModal/CreateModal.docs-page.js +3 -4
- package/lib/components/CreateModal/CreateModal.js +1 -2
- package/lib/components/CreateSidePanel/CreateSidePanel.docs-page.js +3 -4
- package/lib/components/CreateSidePanel/CreateSidePanel.js +1 -2
- package/lib/components/CreateTearsheet/CreateTearsheet.docs-page.js +3 -4
- package/lib/components/CreateTearsheet/CreateTearsheet.js +5 -8
- package/lib/components/CreateTearsheet/CreateTearsheetDivider.js +3 -4
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +3 -4
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -5
- package/lib/components/CreateTearsheet/preview-components/MultiStepWithIntro.js +4 -5
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +1 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +3 -4
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +3 -4
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +3 -4
- package/lib/components/DataSpreadsheet/hooks/useMoveActiveCell.js +2 -3
- package/lib/components/DataSpreadsheet/hooks/useMultipleKeyTracking.js +2 -3
- package/lib/components/DataSpreadsheet/hooks/useResetSpreadsheetFocus.js +2 -3
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js +2 -3
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js +2 -3
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js +2 -3
- package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js +2 -3
- package/lib/components/DataSpreadsheet/utils/checkActiveHeaderCell.js +2 -3
- package/lib/components/DataSpreadsheet/utils/checkSelectedHeaderCell.js +2 -3
- package/lib/components/DataSpreadsheet/utils/createActiveCellFn.js +2 -3
- package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.js +2 -3
- package/lib/components/DataSpreadsheet/utils/generateData.js +2 -3
- package/lib/components/DataSpreadsheet/utils/getCellSize.js +2 -3
- package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.js +2 -3
- package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.js +2 -3
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.js +2 -3
- package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.js +2 -3
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +2 -3
- package/lib/components/DataSpreadsheet/utils/handleEditSubmit.js +2 -3
- package/lib/components/DataSpreadsheet/utils/handleHeaderCellSelection.js +2 -3
- package/lib/components/DataSpreadsheet/utils/handleMultipleKeys.js +4 -7
- package/lib/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js +2 -3
- package/lib/components/DataSpreadsheet/utils/removeCellSelections.js +2 -3
- package/lib/components/DataSpreadsheet/utils/selectAllCells.js +2 -3
- package/lib/components/Datagrid/Datagrid/Datagrid.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridBody.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +5 -5
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridExpandedRow.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridHead.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridHeaderRow.js +6 -6
- package/lib/components/Datagrid/Datagrid/DatagridRefBody.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js +4 -5
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -4
- package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -2
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +4 -5
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -4
- package/lib/components/Datagrid/Datagrid/DraggableElement.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/DraggableItemsList.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/common.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +4 -6
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js +5 -8
- package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js +13 -26
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +4 -6
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js +4 -7
- package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js +1 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +3 -4
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/InlineEditContext.js +4 -6
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/getCellIdAsObject.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditContext/returnUpdatedActiveCell.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridFocus.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleMultipleKeys.js +2 -3
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeDropdown.js +26 -13
- package/lib/components/Datagrid/Datagrid/addons/RowSize/RowSizeRadioGroup.js +9 -6
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +5 -9
- package/lib/components/Datagrid/Datagrid.docs-page.js +4 -5
- package/lib/components/Datagrid/Datagrid.stories/CustomizeColumnStory.js +2 -3
- package/lib/components/Datagrid/Datagrid.stories/RowSizeDropdownStory.js +2 -3
- package/lib/components/Datagrid/Datagrid.stories/SelectAllWithToggleStory.js +2 -3
- package/lib/components/Datagrid/Datagrid.stories/common.js +4 -7
- package/lib/components/Datagrid/Extensions/ColumnAlignment/ColumnAlignment.docs-page.js +2 -3
- package/lib/components/Datagrid/Extensions/ColumnCustomization/ColumnCustomization.docs-page.js +2 -3
- package/lib/components/Datagrid/Extensions/EditableCell/EditableCell.docs-page.js +2 -3
- package/lib/components/Datagrid/Extensions/ExpandableRow/ExpandableRow.docs-page.js +2 -3
- package/lib/components/Datagrid/Extensions/Filtering/Filtering.docs-page.js +2 -3
- package/lib/components/Datagrid/Extensions/RowActionButtons/RowActionButtons.docs-page.js +2 -3
- package/lib/components/Datagrid/common-column-ids.js +1 -2
- package/lib/components/Datagrid/useActionsColumn.js +3 -4
- package/lib/components/Datagrid/useColumnCenterAlign.js +1 -2
- package/lib/components/Datagrid/useColumnOrder.js +1 -2
- package/lib/components/Datagrid/useColumnRightAlign.js +1 -2
- package/lib/components/Datagrid/useCustomizeColumns.js +3 -4
- package/lib/components/Datagrid/useDatagrid.js +1 -2
- package/lib/components/Datagrid/useDefaultStringRenderer.js +1 -2
- package/lib/components/Datagrid/useDisableSelectRows.js +1 -2
- package/lib/components/Datagrid/useEditableCell.js +1 -2
- package/lib/components/Datagrid/useExpandedRow.js +1 -2
- package/lib/components/Datagrid/useFiltering.js +1 -2
- package/lib/components/Datagrid/useFlexResize.js +1 -2
- package/lib/components/Datagrid/useFloatingScroll.js +1 -2
- package/lib/components/Datagrid/useInfiniteScroll.js +1 -2
- package/lib/components/Datagrid/useInlineEdit.js +3 -4
- package/lib/components/Datagrid/useNestedRowExpander.js +3 -4
- package/lib/components/Datagrid/useNestedRows.js +1 -2
- package/lib/components/Datagrid/useOnRowClick.js +1 -2
- package/lib/components/Datagrid/useParentDimensions.js +1 -2
- package/lib/components/Datagrid/useResizeTable.js +1 -2
- package/lib/components/Datagrid/useRowExpander.js +3 -4
- package/lib/components/Datagrid/useRowIsMouseOver.js +1 -2
- package/lib/components/Datagrid/useRowRenderer.js +1 -2
- package/lib/components/Datagrid/useRowSize.js +1 -2
- package/lib/components/Datagrid/useSelectAllToggle.js +3 -4
- package/lib/components/Datagrid/useSelectRows.js +3 -4
- package/lib/components/Datagrid/useSkeletonRows.js +1 -2
- package/lib/components/Datagrid/useSortableColumns.js +1 -2
- package/lib/components/Datagrid/useStickyColumn.js +1 -2
- package/lib/components/Datagrid/utils/DatagridActions.js +4 -5
- package/lib/components/Datagrid/utils/DatagridPagination.js +2 -3
- package/lib/components/Datagrid/utils/Wrapper.js +2 -3
- package/lib/components/Datagrid/utils/getArgTypes.js +2 -3
- package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js +2 -3
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +3 -5
- package/lib/components/Datagrid/utils/makeData.js +3 -6
- package/lib/components/EditFullPage/EditFullPage.docs-page.js +3 -4
- package/lib/components/EditFullPage/EditFullPage.js +1 -2
- package/lib/components/EditInPlace/EditInPlace.js +4 -6
- package/lib/components/EditSidePanel/EditSidePanel.js +1 -2
- package/lib/components/EditTearsheet/EditTearsheet.docs-page.js +3 -4
- package/lib/components/EditTearsheet/EditTearsheet.js +5 -8
- package/lib/components/EditTearsheet/EditTearsheetForm.js +3 -4
- package/lib/components/EditTearsheet/preview-components/MultiFormEditTearsheet.js +4 -5
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -2
- package/lib/components/EditUpdateCards/EditUpdateCards.js +1 -2
- package/lib/components/EmptyStates/EmptyState.js +2 -4
- package/lib/components/EmptyStates/EmptyStateContent.js +1 -2
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +1 -2
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +1 -2
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +1 -2
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +1 -2
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +1 -2
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +1 -2
- package/lib/components/EmptyStates/assets/ErrorIllustration.js +1 -2
- package/lib/components/EmptyStates/assets/NoDataIllustration.js +1 -2
- package/lib/components/EmptyStates/assets/NoTagsIllustration.js +1 -2
- package/lib/components/EmptyStates/assets/NotFoundIllustration.js +1 -2
- package/lib/components/EmptyStates/assets/NotificationsIllustration.js +1 -2
- package/lib/components/EmptyStates/assets/UnauthorizedIllustration.js +1 -2
- package/lib/components/ExampleComponent/ExampleComponent.docs-page.js +3 -4
- package/lib/components/ExampleComponent/ExampleComponent.js +3 -4
- package/lib/components/ExampleComponent/ExampleDeprecatedComponent.js +1 -2
- package/lib/components/ExampleComponent/useExample.js +1 -2
- package/lib/components/ExportModal/ExportModal.js +3 -4
- package/lib/components/ExpressiveCard/ExpressiveCard.js +3 -4
- package/lib/components/FilterSummary/FilterSummary.js +7 -4
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +1 -2
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +1 -2
- package/lib/components/HTTPErrors/HTTPErrorContent.js +1 -2
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +1 -2
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg403.js +1 -2
- package/lib/components/HTTPErrors/assets/HTTPErrorSvg404.js +1 -2
- package/lib/components/HTTPErrors/assets/HTTPErrorSvgOther.js +1 -2
- package/lib/components/ImportModal/ImportModal.docs-page.js +1 -2
- package/lib/components/ImportModal/ImportModal.js +10 -9
- package/lib/components/MultiAddSelect/MultiAddSelect.docs-page.js +1 -2
- package/lib/components/MultiAddSelect/MultiAddSelect.js +3 -4
- package/lib/components/NotificationsPanel/NotificationsPanel.js +3 -4
- package/lib/components/NotificationsPanel/NotificationsPanel_data.js +1 -2
- package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +2 -3
- package/lib/components/NotificationsPanel/utils.js +1 -2
- package/lib/components/OptionsTile/OptionsTile.js +3 -4
- package/lib/components/PageHeader/PageHeader.js +5 -7
- package/lib/components/PageHeader/PageHeaderDemo.data.js +3 -4
- package/lib/components/PageHeader/PageHeaderTitle.js +2 -4
- package/lib/components/PageHeader/PageHeaderUtils.js +5 -9
- package/lib/components/ProductiveCard/ProductiveCard.js +3 -4
- package/lib/components/RemoveModal/RemoveModal.docs-page.js +1 -2
- package/lib/components/RemoveModal/RemoveModal.js +3 -4
- package/lib/components/Saving/Saving.js +3 -4
- package/lib/components/SidePanel/SidePanel.js +3 -4
- package/lib/components/SidePanel/constants.js +2 -3
- package/lib/components/SidePanel/motion/variants.js +3 -5
- package/lib/components/SimpleHeader/SimpleHeader.docs-page.js +3 -4
- package/lib/components/SimpleHeader/SimpleHeader.js +4 -6
- package/lib/components/SingleAddSelect/SingleAddSelect.docs-page.js +1 -2
- package/lib/components/SingleAddSelect/SingleAddSelect.js +3 -4
- package/lib/components/StatusIcon/StatusIcon.docs-page.js +3 -4
- package/lib/components/StatusIcon/StatusIcon.js +3 -4
- package/lib/components/TagSet/TagSet.js +16 -11
- package/lib/components/TagSet/TagSetModal.js +3 -4
- package/lib/components/TagSet/TagSetOverflow.js +19 -9
- package/lib/components/TagSet/constants.js +2 -3
- package/lib/components/Tearsheet/Tearsheet.js +2 -4
- package/lib/components/Tearsheet/TearsheetNarrow.js +2 -4
- package/lib/components/Tearsheet/TearsheetShell.js +8 -14
- package/lib/components/Toolbar/Toolbar.docs-page.js +3 -4
- package/lib/components/Toolbar/Toolbar.js +6 -10
- package/lib/components/Toolbar/ToolbarButton.js +4 -6
- package/lib/components/Toolbar/ToolbarGroup.js +3 -4
- package/lib/components/TooltipTrigger/TooltipTrigger.js +1 -2
- package/lib/components/TooltipTrigger/useExample.js +1 -2
- package/lib/components/UserProfileImage/UserProfileImage.docs-page.js +3 -4
- package/lib/components/UserProfileImage/UserProfileImage.js +1 -2
- package/lib/components/WebTerminal/WebTerminal.docs-page.js +3 -4
- package/lib/components/WebTerminal/WebTerminal.js +3 -4
- package/lib/components/WebTerminal/WebTerminalContentWrapper.js +1 -2
- package/lib/components/WebTerminal/hooks/index.js +6 -9
- package/lib/components/WebTerminal/preview-components/Navigation.js +1 -2
- package/lib/components/WebTerminal/preview-components/documentationLinks.js +2 -3
- package/lib/components/_Canary/Canary.js +1 -2
- package/lib/components/index.js +8 -1
- package/lib/global/decorators/sidePanelDecorator.js +2 -3
- package/lib/global/js/hooks/useActiveElement.js +2 -3
- package/lib/global/js/hooks/useClickOutside.js +2 -3
- package/lib/global/js/hooks/useCreateComponentFocus.js +9 -8
- package/lib/global/js/hooks/useCreateComponentStepChange.js +30 -20
- package/lib/global/js/hooks/usePortalTarget.js +2 -3
- package/lib/global/js/hooks/usePreviousValue.js +2 -3
- package/lib/global/js/hooks/useResetCreateComponent.js +2 -3
- package/lib/global/js/hooks/useResizeObserver.js +2 -3
- package/lib/global/js/hooks/useRetrieveFormTitles.js +2 -3
- package/lib/global/js/hooks/useRetrieveStepData.js +2 -3
- package/lib/global/js/hooks/useValidCreateStepCount.js +2 -3
- package/lib/global/js/hooks/useWindowResize.js +2 -3
- package/lib/global/js/package-settings.js +6 -5
- package/lib/global/js/utils/ClickListener.js +3 -4
- package/lib/global/js/utils/DisplayBox.js +1 -2
- package/lib/global/js/utils/StoryDocsPage.js +2 -4
- package/lib/global/js/utils/Wrap.js +1 -2
- package/lib/global/js/utils/deepCloneObject.js +2 -3
- package/lib/global/js/utils/devtools.js +1 -2
- package/lib/global/js/utils/getBezierValues.js +2 -3
- package/lib/global/js/utils/getFocusableElements.js +2 -3
- package/lib/global/js/utils/getNodeTextContent.js +2 -3
- package/lib/global/js/utils/getNumberOfHiddenSteps.js +2 -3
- package/lib/global/js/utils/getScrollbarWidth.js +2 -3
- package/lib/global/js/utils/keyboardNavigation.js +4 -8
- package/lib/global/js/utils/lastIndexInArray.js +2 -3
- package/lib/global/js/utils/motionConstants.js +4 -5
- package/lib/global/js/utils/pconsole.js +8 -15
- package/lib/global/js/utils/props-helper.js +7 -14
- package/lib/global/js/utils/rangeWithCallback.js +2 -3
- package/lib/global/js/utils/scrollableAncestor.js +2 -3
- package/lib/global/js/utils/story-helper.js +15 -26
- package/lib/global/js/utils/test-helper.js +39 -42
- package/lib/global/js/utils/unwrap-if-fragment.js +1 -2
- package/lib/global/js/utils/uuidv4.js +1 -2
- package/lib/global/js/utils/wait.js +1 -2
- package/lib/global/js/utils/wrapFocus.js +1 -2
- package/lib/settings.js +2 -4
- package/package.json +6 -6
- package/scss/components/AboutModal/_about-modal.scss +1 -2
- package/scss/components/Checklist/_checklist.scss +217 -0
- package/scss/components/Checklist/_index.scss +8 -0
- package/scss/components/Checklist/_storybook-styles.scss +13 -0
- package/scss/components/CreateFullPage/_storybook-styles.scss +1 -1
- package/scss/components/Datagrid/_datagrid.scss +1 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +1 -2
- package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss +41 -0
- package/scss/components/TagSet/_tag-set.scss +10 -2
- package/scss/components/_index.scss +2 -1
@@ -282,12 +282,12 @@
|
|
282
282
|
.cds--visually-hidden {
|
283
283
|
position: absolute;
|
284
284
|
overflow: hidden;
|
285
|
-
width: 1px;
|
286
|
-
height: 1px;
|
287
285
|
padding: 0;
|
288
286
|
border: 0;
|
289
287
|
margin: -1px;
|
288
|
+
block-size: 1px;
|
290
289
|
clip: rect(0, 0, 0, 0);
|
290
|
+
inline-size: 1px;
|
291
291
|
visibility: inherit;
|
292
292
|
white-space: nowrap;
|
293
293
|
}
|
@@ -329,11 +329,11 @@
|
|
329
329
|
position: absolute;
|
330
330
|
z-index: 6000;
|
331
331
|
display: none;
|
332
|
-
width: max-content;
|
333
|
-
max-width: 23rem;
|
334
|
-
background-color: var(--cds-popover-background-color, var(--cds-layer));
|
335
332
|
border-radius: var(--cds-popover-border-radius, 2px);
|
333
|
+
background-color: var(--cds-popover-background-color, var(--cds-layer));
|
336
334
|
color: var(--cds-popover-text-color, var(--cds-text-primary, #161616));
|
335
|
+
inline-size: max-content;
|
336
|
+
max-inline-size: 23rem;
|
337
337
|
pointer-events: auto;
|
338
338
|
}
|
339
339
|
.cds--popover-content *,
|
@@ -373,161 +373,227 @@
|
|
373
373
|
}
|
374
374
|
|
375
375
|
.cds--popover--bottom > .cds--popover > .cds--popover-content {
|
376
|
-
|
377
|
-
|
376
|
+
inset-block-end: 0;
|
377
|
+
inset-inline-start: 50%;
|
378
378
|
transform: translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));
|
379
379
|
}
|
380
380
|
|
381
|
+
[dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-content {
|
382
|
+
transform: translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));
|
383
|
+
}
|
384
|
+
|
381
385
|
.cds--popover--bottom-left > .cds--popover > .cds--popover-content {
|
382
|
-
|
383
|
-
|
386
|
+
inset-block-end: 0;
|
387
|
+
inset-inline-start: 0;
|
384
388
|
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));
|
385
389
|
}
|
386
390
|
|
391
|
+
[dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-content {
|
392
|
+
inset-inline-end: 0;
|
393
|
+
inset-inline-start: initial;
|
394
|
+
}
|
395
|
+
|
387
396
|
.cds--popover--bottom-right > .cds--popover > .cds--popover-content {
|
388
|
-
|
389
|
-
|
397
|
+
inset-block-end: 0;
|
398
|
+
inset-inline-end: 0;
|
390
399
|
transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
|
391
400
|
}
|
392
401
|
|
402
|
+
[dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-content {
|
403
|
+
inset-inline-start: 0;
|
404
|
+
}
|
405
|
+
|
393
406
|
.cds--popover--bottom > .cds--popover > .cds--popover-content::before,
|
394
407
|
.cds--popover--bottom-left > .cds--popover > .cds--popover-content::before,
|
395
408
|
.cds--popover--bottom-right > .cds--popover > .cds--popover-content::before {
|
396
|
-
|
397
|
-
|
398
|
-
|
399
|
-
|
409
|
+
block-size: var(--cds-popover-offset, 0rem);
|
410
|
+
inset-block-start: 0;
|
411
|
+
inset-inline-end: 0;
|
412
|
+
inset-inline-start: 0;
|
400
413
|
transform: translateY(-100%);
|
401
414
|
}
|
402
415
|
|
403
416
|
.cds--popover--bottom > .cds--popover > .cds--popover-caret,
|
404
417
|
.cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
|
405
418
|
.cds--popover--bottom-right > .cds--popover > .cds--popover-caret {
|
406
|
-
|
407
|
-
left: 50%;
|
408
|
-
width: var(--cds-popover-caret-width, 0.75rem);
|
409
|
-
height: var(--cds-popover-caret-height, 0.375rem);
|
419
|
+
block-size: var(--cds-popover-caret-height, 0.375rem);
|
410
420
|
clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
|
421
|
+
inline-size: var(--cds-popover-caret-width, 0.75rem);
|
422
|
+
inset-block-end: 0;
|
423
|
+
inset-inline-start: 50%;
|
411
424
|
transform: translate(-50%, var(--cds-popover-offset, 0rem));
|
412
425
|
}
|
413
426
|
|
427
|
+
[dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,
|
428
|
+
[dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
|
429
|
+
[dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret {
|
430
|
+
transform: translate(50%, var(--cds-popover-offset, 0rem));
|
431
|
+
}
|
432
|
+
|
414
433
|
.cds--popover--top > .cds--popover > .cds--popover-content {
|
415
|
-
|
416
|
-
|
434
|
+
inset-block-start: 0;
|
435
|
+
inset-inline-start: 50%;
|
417
436
|
transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
|
418
437
|
}
|
419
438
|
|
439
|
+
[dir=rtl] .cds--popover--top > .cds--popover > .cds--popover-content {
|
440
|
+
transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
|
441
|
+
}
|
442
|
+
|
420
443
|
.cds--popover--top-left > .cds--popover > .cds--popover-content {
|
421
|
-
|
422
|
-
|
444
|
+
inset-block-start: 0;
|
445
|
+
inset-inline-start: 0;
|
423
446
|
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));
|
424
447
|
}
|
425
448
|
|
449
|
+
[dir=rtl] .cds--popover--top-left > .cds--popover > .cds--popover-content {
|
450
|
+
inset-inline-end: 0;
|
451
|
+
inset-inline-start: initial;
|
452
|
+
}
|
453
|
+
|
426
454
|
.cds--popover--top-right > .cds--popover > .cds--popover-content {
|
427
|
-
|
428
|
-
|
455
|
+
inset-block-start: 0;
|
456
|
+
inset-inline-end: 0;
|
429
457
|
transform: translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));
|
430
458
|
}
|
431
459
|
|
460
|
+
[dir=rtl] .cds--popover--top-right > .cds--popover > .cds--popover-content {
|
461
|
+
inset-inline-start: 0;
|
462
|
+
}
|
463
|
+
|
432
464
|
.cds--popover--top > .cds--popover > .cds--popover-content::before,
|
433
465
|
.cds--popover--top-left > .cds--popover > .cds--popover-content::before,
|
434
466
|
.cds--popover--top-right > .cds--popover > .cds--popover-content::before {
|
435
|
-
|
436
|
-
|
437
|
-
|
438
|
-
|
467
|
+
block-size: var(--cds-popover-offset, 0rem);
|
468
|
+
inset-block-end: 0;
|
469
|
+
inset-inline-end: 0;
|
470
|
+
inset-inline-start: 0;
|
439
471
|
transform: translateY(100%);
|
440
472
|
}
|
441
473
|
|
442
474
|
.cds--popover--top > .cds--popover > .cds--popover-caret,
|
443
475
|
.cds--popover--top-left > .cds--popover > .cds--popover-caret,
|
444
476
|
.cds--popover--top-right > .cds--popover > .cds--popover-caret {
|
445
|
-
|
446
|
-
left: 50%;
|
447
|
-
width: var(--cds-popover-caret-width, 0.75rem);
|
448
|
-
height: var(--cds-popover-caret-height, 0.375rem);
|
477
|
+
block-size: var(--cds-popover-caret-height, 0.375rem);
|
449
478
|
clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
|
479
|
+
inline-size: var(--cds-popover-caret-width, 0.75rem);
|
480
|
+
inset-block-start: 0;
|
481
|
+
inset-inline-start: 50%;
|
450
482
|
transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
|
451
483
|
}
|
452
484
|
|
485
|
+
[dir=rtl] .cds--popover--top > .cds--popover > .cds--popover-caret,
|
486
|
+
[dir=rtl] .cds--popover--top-left > .cds--popover > .cds--popover-caret,
|
487
|
+
[dir=rtl] .cds--popover--top-right > .cds--popover > .cds--popover-caret {
|
488
|
+
transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
|
489
|
+
}
|
490
|
+
|
453
491
|
.cds--popover--right > .cds--popover > .cds--popover-content {
|
454
|
-
|
455
|
-
|
492
|
+
inset-block-start: 50%;
|
493
|
+
inset-inline-start: 100%;
|
456
494
|
transform: translate(var(--cds-popover-offset, 0rem), -50%);
|
457
495
|
}
|
458
496
|
|
459
497
|
.cds--popover--right-top > .cds--popover > .cds--popover-content {
|
460
|
-
|
461
|
-
|
498
|
+
inset-block-start: 50%;
|
499
|
+
inset-inline-start: 100%;
|
462
500
|
transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));
|
463
501
|
}
|
464
502
|
|
465
503
|
.cds--popover--right-bottom > .cds--popover > .cds--popover-content {
|
466
|
-
|
467
|
-
|
504
|
+
inset-block-end: 50%;
|
505
|
+
inset-inline-start: 100%;
|
468
506
|
transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
|
469
507
|
}
|
470
508
|
|
509
|
+
[dir=rtl] .cds--popover--right > .cds--popover > .cds--popover-content,
|
510
|
+
[dir=rtl] .cds--popover--right-bottom > .cds--popover > .cds--popover-content,
|
511
|
+
[dir=rtl] .cds--popover--right-top > .cds--popover > .cds--popover-content {
|
512
|
+
inset-inline-end: 100%;
|
513
|
+
inset-inline-start: initial;
|
514
|
+
}
|
515
|
+
|
471
516
|
.cds--popover--right > .cds--popover > .cds--popover-content::before,
|
472
517
|
.cds--popover--right-top > .cds--popover > .cds--popover-content::before,
|
473
518
|
.cds--popover--right-bottom > .cds--popover > .cds--popover-content::before {
|
474
|
-
|
475
|
-
|
476
|
-
|
477
|
-
|
519
|
+
inline-size: var(--cds-popover-offset, 0rem);
|
520
|
+
inset-block-end: 0;
|
521
|
+
inset-block-start: 0;
|
522
|
+
inset-inline-start: 0;
|
478
523
|
transform: translateX(-100%);
|
479
524
|
}
|
480
525
|
|
481
526
|
.cds--popover--right > .cds--popover > .cds--popover-caret,
|
482
527
|
.cds--popover--right-top > .cds--popover > .cds--popover-caret,
|
483
528
|
.cds--popover--right-bottom > .cds--popover > .cds--popover-caret {
|
484
|
-
|
485
|
-
left: 100%;
|
486
|
-
width: var(--cds-popover-caret-height, 0.375rem);
|
487
|
-
height: var(--cds-popover-caret-width, 0.75rem);
|
529
|
+
block-size: var(--cds-popover-caret-width, 0.75rem);
|
488
530
|
clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
|
531
|
+
inline-size: var(--cds-popover-caret-height, 0.375rem);
|
532
|
+
inset-block-start: 50%;
|
533
|
+
inset-inline-start: 100%;
|
489
534
|
transform: translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);
|
490
535
|
}
|
491
536
|
|
537
|
+
[dir=rtl] .cds--popover--right > .cds--popover > .cds--popover-caret,
|
538
|
+
[dir=rtl] .cds--popover--right-top > .cds--popover > .cds--popover-caret,
|
539
|
+
[dir=rtl] .cds--popover--right-bottom > .cds--popover > .cds--popover-caret {
|
540
|
+
inset-inline-end: 100%;
|
541
|
+
inset-inline-start: initial;
|
542
|
+
}
|
543
|
+
|
492
544
|
.cds--popover--left > .cds--popover > .cds--popover-content {
|
493
|
-
|
494
|
-
|
545
|
+
inset-block-start: 50%;
|
546
|
+
inset-inline-end: 100%;
|
495
547
|
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);
|
496
548
|
}
|
497
549
|
|
498
550
|
.cds--popover--left-top > .cds--popover > .cds--popover-content {
|
499
|
-
|
500
|
-
|
551
|
+
inset-block-start: -50%;
|
552
|
+
inset-inline-end: 100%;
|
501
553
|
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) + 16px));
|
502
554
|
}
|
503
555
|
|
504
556
|
.cds--popover--left-bottom > .cds--popover > .cds--popover-content {
|
505
|
-
|
506
|
-
|
557
|
+
inset-block-end: -50%;
|
558
|
+
inset-inline-end: 100%;
|
507
559
|
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) - 16px));
|
508
560
|
}
|
509
561
|
|
562
|
+
[dir=rtl] .cds--popover--left > .cds--popover > .cds--popover-content,
|
563
|
+
[dir=rtl] .cds--popover--left-bottom > .cds--popover > .cds--popover-content,
|
564
|
+
[dir=rtl] .cds--popover--left-top > .cds--popover > .cds--popover-content {
|
565
|
+
inset-inline-end: initial;
|
566
|
+
inset-inline-start: 100%;
|
567
|
+
}
|
568
|
+
|
510
569
|
.cds--popover--left > .cds--popover > .cds--popover-content::before,
|
511
570
|
.cds--popover--left-top > .cds--popover > .cds--popover-content::before,
|
512
571
|
.cds--popover--left-bottom > .cds--popover > .cds--popover-content::before {
|
513
|
-
|
514
|
-
|
515
|
-
|
516
|
-
|
572
|
+
inline-size: var(--cds-popover-offset, 0rem);
|
573
|
+
inset-block-end: 0;
|
574
|
+
inset-block-start: 0;
|
575
|
+
inset-inline-end: 0;
|
517
576
|
transform: translateX(100%);
|
518
577
|
}
|
519
578
|
|
520
579
|
.cds--popover--left > .cds--popover > .cds--popover-caret,
|
521
580
|
.cds--popover--left-top > .cds--popover > .cds--popover-caret,
|
522
581
|
.cds--popover--left-bottom > .cds--popover > .cds--popover-caret {
|
523
|
-
|
524
|
-
right: 100%;
|
525
|
-
width: var(--cds-popover-caret-height, 0.375rem);
|
526
|
-
height: var(--cds-popover-caret-width, 0.75rem);
|
582
|
+
block-size: var(--cds-popover-caret-width, 0.75rem);
|
527
583
|
clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
|
584
|
+
inline-size: var(--cds-popover-caret-height, 0.375rem);
|
585
|
+
inset-block-start: 50%;
|
586
|
+
inset-inline-end: 100%;
|
528
587
|
transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
|
529
588
|
}
|
530
589
|
|
590
|
+
[dir=rtl] .cds--popover--left > .cds--popover > .cds--popover-caret,
|
591
|
+
[dir=rtl] .cds--popover--left-top > .cds--popover > .cds--popover-caret,
|
592
|
+
[dir=rtl] .cds--popover--left-bottom > .cds--popover > .cds--popover-caret {
|
593
|
+
inset-inline-end: initial;
|
594
|
+
inset-inline-start: 100%;
|
595
|
+
}
|
596
|
+
|
531
597
|
.cds--popover--tab-tip > .cds--popover > .cds--popover-content {
|
532
598
|
border-radius: 0;
|
533
599
|
}
|
@@ -551,13 +617,13 @@
|
|
551
617
|
background: none;
|
552
618
|
cursor: pointer;
|
553
619
|
text-align: start;
|
554
|
-
|
620
|
+
inline-size: 100%;
|
555
621
|
position: relative;
|
556
622
|
display: inline-flex;
|
557
|
-
width: 2rem;
|
558
|
-
height: 2rem;
|
559
623
|
align-items: center;
|
560
624
|
justify-content: center;
|
625
|
+
block-size: 2rem;
|
626
|
+
inline-size: 2rem;
|
561
627
|
}
|
562
628
|
.cds--popover--tab-tip__button *,
|
563
629
|
.cds--popover--tab-tip__button *::before,
|
@@ -588,11 +654,11 @@
|
|
588
654
|
.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after {
|
589
655
|
position: absolute;
|
590
656
|
z-index: 6001;
|
591
|
-
bottom: 0;
|
592
|
-
width: 100%;
|
593
|
-
height: 2px;
|
594
657
|
background: var(--cds-layer);
|
658
|
+
block-size: 2px;
|
595
659
|
content: "";
|
660
|
+
inline-size: 100%;
|
661
|
+
inset-block-end: 0;
|
596
662
|
}
|
597
663
|
|
598
664
|
.cds--popover--tab-tip__button svg {
|
@@ -608,9 +674,9 @@
|
|
608
674
|
font-weight: var(--cds-body-01-font-weight, 400);
|
609
675
|
line-height: var(--cds-body-01-line-height, 1.42857);
|
610
676
|
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
611
|
-
max-width: 18rem;
|
612
677
|
padding: var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);
|
613
678
|
color: var(--cds-text-inverse, #ffffff);
|
679
|
+
max-inline-size: 18rem;
|
614
680
|
}
|
615
681
|
|
616
682
|
.cds--icon-tooltip {
|
@@ -642,9 +708,9 @@
|
|
642
708
|
background: none;
|
643
709
|
cursor: pointer;
|
644
710
|
text-align: start;
|
645
|
-
|
646
|
-
border-bottom: 1px dotted var(--cds-border-strong);
|
711
|
+
inline-size: 100%;
|
647
712
|
border-radius: 0;
|
713
|
+
border-block-end: 1px dotted var(--cds-border-strong);
|
648
714
|
color: var(--cds-text-primary, #161616);
|
649
715
|
}
|
650
716
|
.cds--definition-term *,
|
@@ -658,7 +724,7 @@
|
|
658
724
|
|
659
725
|
.cds--definition-term:focus {
|
660
726
|
outline: 1px solid var(--cds-focus, #0f62fe);
|
661
|
-
border-
|
727
|
+
border-block-end-color: var(--cds-border-interactive, #0f62fe);
|
662
728
|
}
|
663
729
|
@media screen and (prefers-contrast) {
|
664
730
|
.cds--definition-term:focus {
|
@@ -667,7 +733,7 @@
|
|
667
733
|
}
|
668
734
|
|
669
735
|
.cds--definition-term:hover {
|
670
|
-
border-
|
736
|
+
border-block-end-color: var(--cds-border-interactive, #0f62fe);
|
671
737
|
}
|
672
738
|
|
673
739
|
.cds--definition-tooltip {
|
@@ -675,12 +741,12 @@
|
|
675
741
|
font-weight: var(--cds-body-01-font-weight, 400);
|
676
742
|
line-height: var(--cds-body-01-line-height, 1.42857);
|
677
743
|
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
678
|
-
max-width: 11rem;
|
679
744
|
padding: 0.5rem 1rem;
|
745
|
+
max-inline-size: 11rem;
|
680
746
|
}
|
681
747
|
|
682
748
|
.cds--btn {
|
683
|
-
--cds-layout-size-height-local: clamp(var(--cds-layout-size-height-min), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), var(--cds-layout-size-height-max));
|
749
|
+
--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-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-2xl)));
|
684
750
|
--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));
|
685
751
|
--temp-1lh: (
|
686
752
|
var(--cds-body-compact-01-line-height, 1.28572) * 1em
|
@@ -705,19 +771,19 @@
|
|
705
771
|
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
706
772
|
position: relative;
|
707
773
|
display: inline-flex;
|
708
|
-
width: max-content;
|
709
|
-
max-width: 20rem;
|
710
|
-
min-height: var(--cds-layout-size-height-local);
|
711
774
|
flex-shrink: 0;
|
712
775
|
justify-content: space-between;
|
713
|
-
margin: 0;
|
714
776
|
border-radius: 0;
|
777
|
+
margin: 0;
|
715
778
|
cursor: pointer;
|
779
|
+
inline-size: max-content;
|
780
|
+
max-inline-size: 20rem;
|
781
|
+
min-block-size: var(--cds-layout-size-height-local);
|
716
782
|
outline: none;
|
717
783
|
padding-block: min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));
|
718
784
|
padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
|
719
785
|
padding-inline-start: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
|
720
|
-
text-align:
|
786
|
+
text-align: start;
|
721
787
|
text-decoration: none;
|
722
788
|
transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
|
723
789
|
vertical-align: top;
|
@@ -736,11 +802,11 @@
|
|
736
802
|
}
|
737
803
|
.cds--btn .cds--btn__icon {
|
738
804
|
position: absolute;
|
739
|
-
top: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
|
740
|
-
right: var(--cds-layout-density-padding-inline-local);
|
741
|
-
width: 1rem;
|
742
|
-
height: 1rem;
|
743
805
|
flex-shrink: 0;
|
806
|
+
block-size: 1rem;
|
807
|
+
inline-size: 1rem;
|
808
|
+
inset-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
|
809
|
+
inset-inline-end: var(--cds-layout-density-padding-inline-local);
|
744
810
|
margin-block-start: 0.0625rem;
|
745
811
|
}
|
746
812
|
|
@@ -862,7 +928,7 @@
|
|
862
928
|
}
|
863
929
|
.cds--btn--ghost .cds--btn__icon {
|
864
930
|
position: static;
|
865
|
-
margin-
|
931
|
+
margin-inline-start: 0.5rem;
|
866
932
|
}
|
867
933
|
.cds--btn--ghost:hover, .cds--btn--ghost:active {
|
868
934
|
color: var(--cds-link-primary-hover, #0043ce);
|
@@ -881,15 +947,15 @@
|
|
881
947
|
}
|
882
948
|
|
883
949
|
.cds--btn--icon-only {
|
884
|
-
width: var(--cds-layout-size-height-local);
|
885
|
-
height: var(--cds-layout-size-height-local);
|
886
950
|
justify-content: center;
|
887
951
|
padding: 0;
|
952
|
+
block-size: var(--cds-layout-size-height-local);
|
953
|
+
inline-size: var(--cds-layout-size-height-local);
|
888
954
|
padding-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
|
889
955
|
}
|
890
956
|
.cds--btn--icon-only > :first-child {
|
891
|
-
min-width: 1rem;
|
892
957
|
margin-block-start: 0.0625rem;
|
958
|
+
min-inline-size: 1rem;
|
893
959
|
}
|
894
960
|
.cds--btn--icon-only .cds--btn__icon {
|
895
961
|
position: static;
|
@@ -1016,7 +1082,7 @@
|
|
1016
1082
|
}
|
1017
1083
|
.cds--btn--danger--ghost .cds--btn__icon {
|
1018
1084
|
position: static;
|
1019
|
-
margin-
|
1085
|
+
margin-inline-start: 0.5rem;
|
1020
1086
|
}
|
1021
1087
|
.cds--btn--danger--ghost:hover, .cds--btn--danger--ghost:active {
|
1022
1088
|
color: var(--cds-text-on-color, #ffffff);
|
@@ -1041,12 +1107,12 @@
|
|
1041
1107
|
}
|
1042
1108
|
|
1043
1109
|
.cds--btn.cds--btn--expressive .cds--btn__icon {
|
1044
|
-
|
1045
|
-
|
1110
|
+
block-size: 1.25rem;
|
1111
|
+
inline-size: 1.25rem;
|
1046
1112
|
}
|
1047
1113
|
|
1048
1114
|
.cds--btn-set .cds--btn.cds--btn--expressive {
|
1049
|
-
max-
|
1115
|
+
max-inline-size: 20rem;
|
1050
1116
|
}
|
1051
1117
|
|
1052
1118
|
.cds--btn.cds--skeleton {
|
@@ -1056,7 +1122,7 @@
|
|
1056
1122
|
background: var(--cds-skeleton-background, #e8e8e8);
|
1057
1123
|
box-shadow: none;
|
1058
1124
|
pointer-events: none;
|
1059
|
-
|
1125
|
+
inline-size: 9.375rem;
|
1060
1126
|
}
|
1061
1127
|
.cds--btn.cds--skeleton:hover, .cds--btn.cds--skeleton:focus, .cds--btn.cds--skeleton:active {
|
1062
1128
|
border: none;
|
@@ -1065,11 +1131,11 @@
|
|
1065
1131
|
}
|
1066
1132
|
.cds--btn.cds--skeleton::before {
|
1067
1133
|
position: absolute;
|
1068
|
-
width: 100%;
|
1069
|
-
height: 100%;
|
1070
1134
|
animation: 3000ms ease-in-out skeleton infinite;
|
1071
1135
|
background: var(--cds-skeleton-element, #c6c6c6);
|
1136
|
+
block-size: 100%;
|
1072
1137
|
content: "";
|
1138
|
+
inline-size: 100%;
|
1073
1139
|
will-change: transform-origin, transform, opacity;
|
1074
1140
|
}
|
1075
1141
|
@media (prefers-reduced-motion: reduce) {
|
@@ -1087,8 +1153,8 @@
|
|
1087
1153
|
}
|
1088
1154
|
|
1089
1155
|
.cds--btn-set .cds--btn {
|
1090
|
-
|
1091
|
-
max-
|
1156
|
+
inline-size: 100%;
|
1157
|
+
max-inline-size: 12.25rem;
|
1092
1158
|
}
|
1093
1159
|
.cds--btn-set .cds--btn:not(:focus) {
|
1094
1160
|
box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
|
@@ -1137,6 +1203,10 @@
|
|
1137
1203
|
}
|
1138
1204
|
}
|
1139
1205
|
|
1206
|
+
[dir=rtl] .cds--btn-set .cds--btn:not(:focus) {
|
1207
|
+
box-shadow: 0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
|
1208
|
+
}
|
1209
|
+
|
1140
1210
|
.cds--copy-btn {
|
1141
1211
|
position: relative;
|
1142
1212
|
display: flex;
|
@@ -1172,25 +1242,25 @@
|
|
1172
1242
|
.cds--copy-btn::before {
|
1173
1243
|
position: absolute;
|
1174
1244
|
z-index: 6000;
|
1175
|
-
width: 0;
|
1176
|
-
height: 0;
|
1177
1245
|
border-style: solid;
|
1246
|
+
block-size: 0;
|
1178
1247
|
content: "";
|
1248
|
+
inline-size: 0;
|
1179
1249
|
display: none;
|
1180
1250
|
}
|
1181
1251
|
.cds--copy-btn .cds--copy-btn__feedback {
|
1182
1252
|
box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
|
1183
1253
|
z-index: 6000;
|
1184
|
-
width: max-content;
|
1185
|
-
min-width: 1.5rem;
|
1186
|
-
max-width: 13rem;
|
1187
|
-
height: auto;
|
1188
1254
|
padding: 0.1875rem 1rem;
|
1189
|
-
background-color: var(--cds-background-inverse, #393939);
|
1190
1255
|
border-radius: 0.125rem;
|
1256
|
+
background-color: var(--cds-background-inverse, #393939);
|
1257
|
+
block-size: auto;
|
1191
1258
|
color: var(--cds-text-inverse, #ffffff);
|
1192
1259
|
font-weight: 400;
|
1193
|
-
|
1260
|
+
inline-size: max-content;
|
1261
|
+
max-inline-size: 13rem;
|
1262
|
+
min-inline-size: 1.5rem;
|
1263
|
+
text-align: start;
|
1194
1264
|
transform: translateX(-50%);
|
1195
1265
|
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
1196
1266
|
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
@@ -1204,17 +1274,17 @@
|
|
1204
1274
|
}
|
1205
1275
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
1206
1276
|
.cds--copy-btn .cds--copy-btn__feedback {
|
1207
|
-
|
1277
|
+
inline-size: auto;
|
1208
1278
|
}
|
1209
1279
|
}
|
1210
1280
|
@supports (-ms-accelerator: true) {
|
1211
1281
|
.cds--copy-btn .cds--copy-btn__feedback {
|
1212
|
-
|
1282
|
+
inline-size: auto;
|
1213
1283
|
}
|
1214
1284
|
}
|
1215
1285
|
@supports (-ms-ime-align: auto) {
|
1216
1286
|
.cds--copy-btn .cds--copy-btn__feedback {
|
1217
|
-
|
1287
|
+
inline-size: auto;
|
1218
1288
|
}
|
1219
1289
|
}
|
1220
1290
|
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
|
@@ -1302,8 +1372,8 @@
|
|
1302
1372
|
display: inline;
|
1303
1373
|
padding: 0;
|
1304
1374
|
border: 1px solid transparent;
|
1305
|
-
background-color: var(--cds-layer);
|
1306
1375
|
border-radius: 4px;
|
1376
|
+
background-color: var(--cds-layer);
|
1307
1377
|
color: var(--cds-text-primary, #161616);
|
1308
1378
|
cursor: pointer;
|
1309
1379
|
}
|
@@ -1336,26 +1406,26 @@
|
|
1336
1406
|
.cds--snippet--inline::before {
|
1337
1407
|
position: absolute;
|
1338
1408
|
z-index: 6000;
|
1339
|
-
width: 0;
|
1340
|
-
height: 0;
|
1341
1409
|
border-style: solid;
|
1410
|
+
block-size: 0;
|
1342
1411
|
content: "";
|
1412
|
+
inline-size: 0;
|
1343
1413
|
display: none;
|
1344
1414
|
border: none;
|
1345
1415
|
}
|
1346
1416
|
.cds--snippet--inline .cds--copy-btn__feedback {
|
1347
1417
|
box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
|
1348
1418
|
z-index: 6000;
|
1349
|
-
width: max-content;
|
1350
|
-
min-width: 1.5rem;
|
1351
|
-
max-width: 13rem;
|
1352
|
-
height: auto;
|
1353
1419
|
padding: 0.1875rem 1rem;
|
1354
|
-
background-color: var(--cds-background-inverse, #393939);
|
1355
1420
|
border-radius: 0.125rem;
|
1421
|
+
background-color: var(--cds-background-inverse, #393939);
|
1422
|
+
block-size: auto;
|
1356
1423
|
color: var(--cds-text-inverse, #ffffff);
|
1357
1424
|
font-weight: 400;
|
1358
|
-
|
1425
|
+
inline-size: max-content;
|
1426
|
+
max-inline-size: 13rem;
|
1427
|
+
min-inline-size: 1.5rem;
|
1428
|
+
text-align: start;
|
1359
1429
|
transform: translateX(-50%);
|
1360
1430
|
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
1361
1431
|
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
@@ -1369,17 +1439,17 @@
|
|
1369
1439
|
}
|
1370
1440
|
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
1371
1441
|
.cds--snippet--inline .cds--copy-btn__feedback {
|
1372
|
-
|
1442
|
+
inline-size: auto;
|
1373
1443
|
}
|
1374
1444
|
}
|
1375
1445
|
@supports (-ms-accelerator: true) {
|
1376
1446
|
.cds--snippet--inline .cds--copy-btn__feedback {
|
1377
|
-
|
1447
|
+
inline-size: auto;
|
1378
1448
|
}
|
1379
1449
|
}
|
1380
1450
|
@supports (-ms-ime-align: auto) {
|
1381
1451
|
.cds--snippet--inline .cds--copy-btn__feedback {
|
1382
|
-
|
1452
|
+
inline-size: auto;
|
1383
1453
|
}
|
1384
1454
|
}
|
1385
1455
|
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
|
@@ -1427,29 +1497,29 @@
|
|
1427
1497
|
line-height: var(--cds-code-01-line-height, 1.33333);
|
1428
1498
|
letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
|
1429
1499
|
position: relative;
|
1430
|
-
width: 100%;
|
1431
|
-
max-width: 48rem;
|
1432
1500
|
background-color: var(--cds-layer);
|
1501
|
+
inline-size: 100%;
|
1502
|
+
max-inline-size: 48rem;
|
1433
1503
|
display: flex;
|
1434
|
-
height: 2.5rem;
|
1435
1504
|
align-items: center;
|
1436
|
-
|
1505
|
+
block-size: 2.5rem;
|
1506
|
+
padding-inline-end: 2.5rem;
|
1437
1507
|
}
|
1438
1508
|
|
1439
1509
|
.cds--snippet--single.cds--snippet--no-copy {
|
1440
1510
|
padding: 0;
|
1441
1511
|
}
|
1442
1512
|
.cds--snippet--single.cds--snippet--no-copy::after {
|
1443
|
-
|
1513
|
+
inset-inline-end: 1rem;
|
1444
1514
|
}
|
1445
1515
|
|
1446
1516
|
.cds--snippet--single .cds--snippet-container {
|
1447
1517
|
position: relative;
|
1448
1518
|
display: flex;
|
1449
|
-
height: 100%;
|
1450
1519
|
align-items: center;
|
1451
|
-
|
1520
|
+
block-size: 100%;
|
1452
1521
|
overflow-x: auto;
|
1522
|
+
padding-inline-start: 1rem;
|
1453
1523
|
}
|
1454
1524
|
.cds--snippet--single .cds--snippet-container:focus {
|
1455
1525
|
outline: 2px solid var(--cds-focus, #0f62fe);
|
@@ -1467,7 +1537,7 @@
|
|
1467
1537
|
font-weight: var(--cds-code-01-font-weight, 400);
|
1468
1538
|
line-height: var(--cds-code-01-line-height, 1.33333);
|
1469
1539
|
letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
|
1470
|
-
padding-
|
1540
|
+
padding-inline-end: 0.5rem;
|
1471
1541
|
}
|
1472
1542
|
|
1473
1543
|
.cds--snippet--single pre,
|
@@ -1482,18 +1552,18 @@
|
|
1482
1552
|
line-height: var(--cds-code-01-line-height, 1.33333);
|
1483
1553
|
letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
|
1484
1554
|
position: relative;
|
1485
|
-
width: 100%;
|
1486
|
-
max-width: 48rem;
|
1487
1555
|
background-color: var(--cds-layer);
|
1556
|
+
inline-size: 100%;
|
1557
|
+
max-inline-size: 48rem;
|
1488
1558
|
display: flex;
|
1489
1559
|
padding: 1rem;
|
1490
1560
|
}
|
1491
1561
|
|
1492
1562
|
.cds--snippet--multi .cds--snippet-container {
|
1493
1563
|
position: relative;
|
1494
|
-
min-height: 100%;
|
1495
|
-
max-height: 100%;
|
1496
1564
|
order: 1;
|
1565
|
+
max-block-size: 100%;
|
1566
|
+
min-block-size: 100%;
|
1497
1567
|
overflow-y: auto;
|
1498
1568
|
transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
1499
1569
|
}
|
@@ -1509,7 +1579,7 @@
|
|
1509
1579
|
}
|
1510
1580
|
|
1511
1581
|
.cds--snippet--multi.cds--snippet--expand .cds--snippet-container {
|
1512
|
-
padding-
|
1582
|
+
padding-block-end: 1rem;
|
1513
1583
|
transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
1514
1584
|
}
|
1515
1585
|
|
@@ -1519,27 +1589,26 @@
|
|
1519
1589
|
}
|
1520
1590
|
|
1521
1591
|
.cds--snippet--multi .cds--snippet-container pre {
|
1522
|
-
padding-
|
1523
|
-
padding-
|
1524
|
-
overflow-x: auto;
|
1592
|
+
padding-block-end: 1.5rem;
|
1593
|
+
padding-inline-end: 2.5rem;
|
1525
1594
|
}
|
1526
1595
|
|
1527
1596
|
.cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre {
|
1528
|
-
padding-
|
1597
|
+
padding-inline-end: 0;
|
1529
1598
|
}
|
1530
1599
|
|
1531
|
-
.cds--snippet--multi.cds--snippet--
|
1532
|
-
overflow-x: auto;
|
1533
|
-
}
|
1534
|
-
|
1535
|
-
.cds--snippet--multi.cds--snippet--has-right-overflow .cds--snippet-container pre::after {
|
1600
|
+
.cds--snippet--multi.cds--snippet--has-right-overflow::after {
|
1536
1601
|
position: absolute;
|
1537
|
-
top: 0;
|
1538
|
-
right: 0;
|
1539
|
-
width: 1rem;
|
1540
|
-
height: 100%;
|
1541
1602
|
background-image: linear-gradient(to right, transparent, var(--cds-layer));
|
1603
|
+
block-size: 100%;
|
1542
1604
|
content: "";
|
1605
|
+
inline-size: 1rem;
|
1606
|
+
inset-block-start: 0;
|
1607
|
+
inset-inline-end: 1rem;
|
1608
|
+
}
|
1609
|
+
|
1610
|
+
[dir=rtl] .cds--snippet--multi.cds--snippet--has-right-overflow::after {
|
1611
|
+
background-image: linear-gradient(to left, transparent, var(--cds-layer));
|
1543
1612
|
}
|
1544
1613
|
|
1545
1614
|
.cds--snippet--multi .cds--snippet-container pre code {
|
@@ -1547,9 +1616,9 @@
|
|
1547
1616
|
}
|
1548
1617
|
|
1549
1618
|
.cds--snippet__icon {
|
1550
|
-
|
1551
|
-
height: 1rem;
|
1619
|
+
block-size: 1rem;
|
1552
1620
|
fill: var(--cds-icon-primary, #161616);
|
1621
|
+
inline-size: 1rem;
|
1553
1622
|
transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
1554
1623
|
}
|
1555
1624
|
|
@@ -1598,14 +1667,14 @@
|
|
1598
1667
|
.cds--snippet .cds--popover-container {
|
1599
1668
|
font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
|
1600
1669
|
position: absolute;
|
1601
|
-
|
1602
|
-
|
1670
|
+
inset-block-start: 0;
|
1671
|
+
inset-inline-end: 0;
|
1603
1672
|
}
|
1604
1673
|
|
1605
1674
|
.cds--snippet--inline.cds--btn {
|
1606
|
-
|
1607
|
-
|
1608
|
-
min-
|
1675
|
+
block-size: 1.25rem;
|
1676
|
+
inline-size: initial;
|
1677
|
+
min-block-size: 1.25rem;
|
1609
1678
|
padding-inline: 0;
|
1610
1679
|
}
|
1611
1680
|
|
@@ -1614,8 +1683,8 @@
|
|
1614
1683
|
}
|
1615
1684
|
|
1616
1685
|
.cds--snippet.cds--snippet--multi .cds--popover-container {
|
1617
|
-
|
1618
|
-
|
1686
|
+
inset-block-start: 0.5rem;
|
1687
|
+
inset-inline-end: 0.5rem;
|
1619
1688
|
}
|
1620
1689
|
|
1621
1690
|
.cds--snippet--multi .cds--copy-btn {
|
@@ -1630,20 +1699,20 @@
|
|
1630
1699
|
font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
|
1631
1700
|
position: absolute;
|
1632
1701
|
z-index: 10;
|
1633
|
-
right: 0;
|
1634
|
-
bottom: 0;
|
1635
1702
|
display: inline-flex;
|
1636
|
-
height: 2rem;
|
1637
1703
|
align-items: center;
|
1638
1704
|
padding: 0.5rem 1rem;
|
1639
1705
|
border: 0;
|
1640
1706
|
background-color: var(--cds-layer);
|
1707
|
+
block-size: 2rem;
|
1641
1708
|
color: var(--cds-text-primary, #161616);
|
1709
|
+
inset-block-end: 0;
|
1710
|
+
inset-inline-end: 0;
|
1642
1711
|
}
|
1643
1712
|
|
1644
1713
|
.cds--snippet-btn--expand .cds--snippet-btn--text {
|
1645
1714
|
position: relative;
|
1646
|
-
|
1715
|
+
inset-block-start: -0.0625rem;
|
1647
1716
|
}
|
1648
1717
|
|
1649
1718
|
.cds--snippet-btn--expand--hide.cds--snippet-btn--expand {
|
@@ -1651,8 +1720,8 @@
|
|
1651
1720
|
}
|
1652
1721
|
|
1653
1722
|
.cds--snippet-btn--expand .cds--icon-chevron--down {
|
1654
|
-
margin-left: 0.5rem;
|
1655
1723
|
fill: var(--cds-icon-primary, #161616);
|
1724
|
+
margin-inline-start: 0.5rem;
|
1656
1725
|
transform: rotate(0deg);
|
1657
1726
|
transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
1658
1727
|
}
|
@@ -1704,77 +1773,85 @@
|
|
1704
1773
|
}
|
1705
1774
|
|
1706
1775
|
.cds--snippet--light.cds--snippet--single::after,
|
1707
|
-
.cds--snippet--light.cds--snippet--multi
|
1776
|
+
.cds--snippet--light.cds--snippet--multi::after {
|
1708
1777
|
background-image: linear-gradient(to right, rgba(var(--cds-layer), 0), var(--cds-layer));
|
1709
1778
|
}
|
1710
1779
|
|
1711
1780
|
.cds--snippet.cds--skeleton .cds--snippet-container {
|
1712
|
-
|
1713
|
-
|
1781
|
+
block-size: 100%;
|
1782
|
+
inline-size: 100%;
|
1714
1783
|
}
|
1715
1784
|
|
1716
1785
|
.cds--snippet-button .cds--btn--copy__feedback {
|
1717
|
-
|
1718
|
-
|
1719
|
-
|
1786
|
+
inset-block-start: 3.175rem;
|
1787
|
+
inset-inline-end: auto;
|
1788
|
+
inset-inline-start: 50%;
|
1720
1789
|
}
|
1721
1790
|
.cds--snippet-button .cds--btn--copy__feedback::before {
|
1722
|
-
|
1791
|
+
inset-block-start: 0;
|
1723
1792
|
}
|
1724
1793
|
.cds--snippet-button .cds--btn--copy__feedback::after {
|
1725
|
-
|
1794
|
+
inset-block-start: -0.25rem;
|
1726
1795
|
}
|
1727
1796
|
|
1728
1797
|
.cds--snippet--multi .cds--snippet-button .cds--btn--copy__feedback {
|
1729
|
-
|
1798
|
+
inset-block-start: 2.675rem;
|
1730
1799
|
}
|
1731
1800
|
|
1732
1801
|
.cds--snippet--inline .cds--btn--copy__feedback {
|
1733
|
-
|
1734
|
-
|
1735
|
-
|
1802
|
+
inset-block-start: calc(100% - 0.25rem);
|
1803
|
+
inset-inline-end: auto;
|
1804
|
+
inset-inline-start: 50%;
|
1736
1805
|
}
|
1737
1806
|
|
1738
1807
|
.cds--snippet__overflow-indicator--left,
|
1739
1808
|
.cds--snippet__overflow-indicator--right {
|
1740
1809
|
z-index: 1;
|
1741
|
-
width: 1rem;
|
1742
1810
|
flex: 1 0 auto;
|
1811
|
+
inline-size: 1rem;
|
1743
1812
|
}
|
1744
1813
|
|
1745
1814
|
.cds--snippet__overflow-indicator--left {
|
1746
1815
|
order: 0;
|
1747
|
-
margin-right: -1rem;
|
1748
1816
|
background-image: linear-gradient(to left, transparent, var(--cds-layer));
|
1817
|
+
margin-inline-end: -1rem;
|
1749
1818
|
}
|
1750
1819
|
|
1751
1820
|
.cds--snippet__overflow-indicator--right {
|
1752
1821
|
order: 2;
|
1753
|
-
margin-left: -1rem;
|
1754
1822
|
background-image: linear-gradient(to right, transparent, var(--cds-layer));
|
1823
|
+
margin-inline-start: -1rem;
|
1824
|
+
}
|
1825
|
+
|
1826
|
+
[dir=rtl] .cds--snippet__overflow-indicator--left {
|
1827
|
+
background-image: linear-gradient(to right, transparent, var(--cds-layer));
|
1828
|
+
}
|
1829
|
+
|
1830
|
+
[dir=rtl] .cds--snippet__overflow-indicator--right {
|
1831
|
+
background-image: linear-gradient(to left, transparent, var(--cds-layer));
|
1755
1832
|
}
|
1756
1833
|
|
1757
1834
|
.cds--snippet--single .cds--snippet__overflow-indicator--right,
|
1758
1835
|
.cds--snippet--single .cds--snippet__overflow-indicator--left {
|
1759
1836
|
position: absolute;
|
1760
|
-
|
1761
|
-
|
1837
|
+
block-size: calc(100% - 0.25rem);
|
1838
|
+
inline-size: 2rem;
|
1762
1839
|
}
|
1763
1840
|
|
1764
1841
|
.cds--snippet--single .cds--snippet__overflow-indicator--right {
|
1765
|
-
|
1842
|
+
inset-inline-end: 2.5rem;
|
1766
1843
|
}
|
1767
1844
|
|
1768
1845
|
.cds--snippet--single.cds--snippet--no-copy .cds--snippet__overflow-indicator--right {
|
1769
|
-
|
1846
|
+
inset-inline-end: 0;
|
1770
1847
|
}
|
1771
1848
|
|
1772
1849
|
.cds--snippet--single .cds--snippet-container:focus ~ .cds--snippet__overflow-indicator--right {
|
1773
|
-
|
1850
|
+
inset-inline-end: calc(2.5rem + 0.125rem);
|
1774
1851
|
}
|
1775
1852
|
|
1776
1853
|
.cds--snippet--single .cds--snippet-container:focus + .cds--snippet__overflow-indicator--left {
|
1777
|
-
|
1854
|
+
inset-inline-start: 0.125rem;
|
1778
1855
|
}
|
1779
1856
|
|
1780
1857
|
.cds--snippet--light .cds--snippet__overflow-indicator--left {
|
@@ -1785,7 +1862,7 @@
|
|
1785
1862
|
background-image: linear-gradient(to right, transparent, var(--cds-layer));
|
1786
1863
|
}
|
1787
1864
|
|
1788
|
-
@media not all and (min-resolution
|
1865
|
+
@media not all and (min-resolution >= 0.001dpcm) {
|
1789
1866
|
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
|
1790
1867
|
.cds--snippet__overflow-indicator--left {
|
1791
1868
|
background-image: linear-gradient(to left, rgba(var(--cds-layer), 0), var(--cds-layer));
|
@@ -1796,11 +1873,11 @@
|
|
1796
1873
|
}
|
1797
1874
|
}
|
1798
1875
|
.cds--snippet--multi.cds--skeleton {
|
1799
|
-
|
1876
|
+
block-size: 6.125rem;
|
1800
1877
|
}
|
1801
1878
|
|
1802
1879
|
.cds--snippet--single.cds--skeleton {
|
1803
|
-
|
1880
|
+
block-size: 3.5rem;
|
1804
1881
|
}
|
1805
1882
|
|
1806
1883
|
.cds--snippet.cds--skeleton span {
|
@@ -1811,9 +1888,9 @@
|
|
1811
1888
|
box-shadow: none;
|
1812
1889
|
pointer-events: none;
|
1813
1890
|
display: block;
|
1814
|
-
|
1815
|
-
|
1816
|
-
margin-
|
1891
|
+
block-size: 1rem;
|
1892
|
+
inline-size: 100%;
|
1893
|
+
margin-block-start: 0.5rem;
|
1817
1894
|
}
|
1818
1895
|
.cds--snippet.cds--skeleton span:hover, .cds--snippet.cds--skeleton span:focus, .cds--snippet.cds--skeleton span:active {
|
1819
1896
|
border: none;
|
@@ -1822,11 +1899,11 @@
|
|
1822
1899
|
}
|
1823
1900
|
.cds--snippet.cds--skeleton span::before {
|
1824
1901
|
position: absolute;
|
1825
|
-
width: 100%;
|
1826
|
-
height: 100%;
|
1827
1902
|
animation: 3000ms ease-in-out skeleton infinite;
|
1828
1903
|
background: var(--cds-skeleton-element, #c6c6c6);
|
1904
|
+
block-size: 100%;
|
1829
1905
|
content: "";
|
1906
|
+
inline-size: 100%;
|
1830
1907
|
will-change: transform-origin, transform, opacity;
|
1831
1908
|
}
|
1832
1909
|
@media (prefers-reduced-motion: reduce) {
|
@@ -1838,14 +1915,14 @@
|
|
1838
1915
|
margin: 0;
|
1839
1916
|
}
|
1840
1917
|
.cds--snippet.cds--skeleton span:nth-child(2) {
|
1841
|
-
|
1918
|
+
inline-size: 85%;
|
1842
1919
|
}
|
1843
1920
|
.cds--snippet.cds--skeleton span:nth-child(3) {
|
1844
|
-
|
1921
|
+
inline-size: 95%;
|
1845
1922
|
}
|
1846
1923
|
|
1847
1924
|
.cds--snippet--single.cds--skeleton .cds--snippet-container {
|
1848
|
-
padding-
|
1925
|
+
padding-block-end: 0;
|
1849
1926
|
}
|
1850
1927
|
|
1851
1928
|
/* stylelint-disable */
|
@@ -1937,12 +2014,11 @@
|
|
1937
2014
|
font-weight: var(--cds-body-compact-02-font-weight, 400);
|
1938
2015
|
line-height: var(--cds-body-compact-02-line-height, 1.375);
|
1939
2016
|
letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
|
2017
|
+
overflow: hidden auto;
|
1940
2018
|
min-height: 4rem;
|
1941
2019
|
padding: 0 20% 0 1rem;
|
1942
2020
|
margin-bottom: 1.5rem;
|
1943
2021
|
grid-row: auto;
|
1944
|
-
overflow-x: hidden;
|
1945
|
-
overflow-y: auto;
|
1946
2022
|
}
|
1947
2023
|
|
1948
2024
|
.c4p--about-modal .cds--modal-content--overflow-indicator {
|
@@ -2128,28 +2204,24 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2128
2204
|
--cds-grid-gutter-end: calc(var(--cds-grid-gutter) / 2);
|
2129
2205
|
--cds-grid-column-hang: calc(var(--cds-grid-gutter) / 2);
|
2130
2206
|
display: grid;
|
2131
|
-
width: 100%;
|
2132
|
-
max-width: 99rem;
|
2133
|
-
padding-right: var(--cds-grid-margin);
|
2134
|
-
padding-left: var(--cds-grid-margin);
|
2135
|
-
margin-right: auto;
|
2136
|
-
margin-left: auto;
|
2137
2207
|
grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));
|
2208
|
+
inline-size: 100%;
|
2209
|
+
margin-inline: auto;
|
2210
|
+
max-inline-size: 99rem;
|
2211
|
+
padding-inline: var(--cds-grid-margin);
|
2138
2212
|
}
|
2139
2213
|
|
2140
2214
|
.cds--css-grid--full-width {
|
2141
|
-
max-
|
2215
|
+
max-inline-size: 100%;
|
2142
2216
|
}
|
2143
2217
|
|
2144
2218
|
.cds--css-grid-column {
|
2145
2219
|
--cds-grid-mode-start: var(--cds-grid-gutter-start);
|
2146
2220
|
--cds-grid-mode-end: var(--cds-grid-gutter-end);
|
2147
|
-
margin-
|
2148
|
-
margin-left: var(--cds-grid-gutter-start);
|
2221
|
+
margin-inline: var(--cds-grid-gutter-start) var(--cds-grid-gutter-end);
|
2149
2222
|
}
|
2150
2223
|
[dir=rtl] .cds--css-grid-column {
|
2151
|
-
margin-
|
2152
|
-
margin-left: var(--cds-grid-gutter-end);
|
2224
|
+
margin-inline: var(--cds-grid-gutter-end) var(--cds-grid-gutter-start);
|
2153
2225
|
}
|
2154
2226
|
|
2155
2227
|
.cds--css-grid--narrow {
|
@@ -2163,13 +2235,11 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2163
2235
|
|
2164
2236
|
.cds--subgrid {
|
2165
2237
|
display: grid;
|
2166
|
-
margin-right: calc(var(--cds-grid-mode-end) * -1);
|
2167
|
-
margin-left: calc(var(--cds-grid-mode-start) * -1);
|
2168
2238
|
grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));
|
2239
|
+
margin-inline: calc(var(--cds-grid-mode-start) * -1) calc(var(--cds-grid-mode-end) * -1);
|
2169
2240
|
}
|
2170
2241
|
[dir=rtl] .cds--subgrid {
|
2171
|
-
margin-
|
2172
|
-
margin-left: calc(var(--cds-grid-mode-end) * -1);
|
2242
|
+
margin-inline: calc(var(--cds-grid-mode-end) * -1) calc(var(--cds-grid-mode-start) * -1);
|
2173
2243
|
}
|
2174
2244
|
|
2175
2245
|
.cds--subgrid--wide {
|
@@ -2191,11 +2261,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2191
2261
|
}
|
2192
2262
|
|
2193
2263
|
.cds--grid-column-hang {
|
2194
|
-
margin-
|
2264
|
+
margin-inline-start: var(--cds-grid-column-hang);
|
2195
2265
|
}
|
2196
2266
|
[dir=rtl] .cds--grid-column-hang {
|
2197
|
-
margin-
|
2198
|
-
margin-left: initial;
|
2267
|
+
margin-inline: initial var(--cds-grid-column-hang);
|
2199
2268
|
}
|
2200
2269
|
|
2201
2270
|
.cds--col-span-0 {
|
@@ -4318,10 +4387,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
4318
4387
|
border-bottom: 1px solid var(--cds-layer-active-01, #c6c6c6);
|
4319
4388
|
}
|
4320
4389
|
.c4p--side-panel__container .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation + .c4p--side-panel__body-content {
|
4321
|
-
margin-top: calc(
|
4322
|
-
var(--c4p--side-panel--title-text-height) +
|
4323
|
-
var(--c4p--side-panel--subtitle-container-height) + 3rem
|
4324
|
-
);
|
4390
|
+
margin-top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height) + 3rem);
|
4325
4391
|
}
|
4326
4392
|
.c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation.c4p--side-panel__subtitle-text-no-animation-no-action-toolbar {
|
4327
4393
|
border-bottom: 1px solid var(--cds-layer-active-01, #c6c6c6);
|
@@ -4462,13 +4528,13 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
4462
4528
|
|
4463
4529
|
.c4p--create-side-panel.c4p--side-panel__container--xs .c4p--side-panel__title-text {
|
4464
4530
|
width: calc(16rem - 1rem);
|
4465
|
-
padding-right: calc(
|
4531
|
+
padding-right: calc(16rem * 0.2 - 1rem);
|
4466
4532
|
margin-bottom: 0.25rem;
|
4467
4533
|
}
|
4468
4534
|
|
4469
4535
|
.c4p--create-side-panel.c4p--side-panel__container--xs .c4p--side-panel__subtitle-text {
|
4470
4536
|
width: calc(16rem - 1rem);
|
4471
|
-
padding-right: calc(
|
4537
|
+
padding-right: calc(16rem * 0.2 - 1rem);
|
4472
4538
|
padding-bottom: 1rem;
|
4473
4539
|
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
4474
4540
|
color: var(--cds-text-secondary, #525252);
|
@@ -4476,13 +4542,13 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
4476
4542
|
|
4477
4543
|
.c4p--create-side-panel.c4p--side-panel__container--sm .c4p--side-panel__title-text {
|
4478
4544
|
width: calc(20rem - 1rem);
|
4479
|
-
padding-right: calc(
|
4545
|
+
padding-right: calc(20rem * 0.2 - 1rem);
|
4480
4546
|
margin-bottom: 0.25rem;
|
4481
4547
|
}
|
4482
4548
|
|
4483
4549
|
.c4p--create-side-panel.c4p--side-panel__container--sm .c4p--side-panel__subtitle-text {
|
4484
4550
|
width: calc(20rem - 1rem);
|
4485
|
-
padding-right: calc(
|
4551
|
+
padding-right: calc(20rem * 0.2 - 1rem);
|
4486
4552
|
padding-bottom: 1rem;
|
4487
4553
|
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
4488
4554
|
color: var(--cds-text-secondary, #525252);
|
@@ -4490,13 +4556,13 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
4490
4556
|
|
4491
4557
|
.c4p--create-side-panel.c4p--side-panel__container--md .c4p--side-panel__title-text {
|
4492
4558
|
width: calc(30rem - 1rem);
|
4493
|
-
padding-right: calc(
|
4559
|
+
padding-right: calc(30rem * 0.2 - 1rem);
|
4494
4560
|
margin-bottom: 0.25rem;
|
4495
4561
|
}
|
4496
4562
|
|
4497
4563
|
.c4p--create-side-panel.c4p--side-panel__container--md .c4p--side-panel__subtitle-text {
|
4498
4564
|
width: calc(30rem - 1rem);
|
4499
|
-
padding-right: calc(
|
4565
|
+
padding-right: calc(30rem * 0.2 - 1rem);
|
4500
4566
|
padding-bottom: 1rem;
|
4501
4567
|
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
4502
4568
|
color: var(--cds-text-secondary, #525252);
|
@@ -4504,13 +4570,13 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
4504
4570
|
|
4505
4571
|
.c4p--create-side-panel.c4p--side-panel__container--lg .c4p--side-panel__title-text {
|
4506
4572
|
width: calc(40rem - 1rem);
|
4507
|
-
padding-right: calc(
|
4573
|
+
padding-right: calc(40rem * 0.2 - 1rem);
|
4508
4574
|
margin-bottom: 0.25rem;
|
4509
4575
|
}
|
4510
4576
|
|
4511
4577
|
.c4p--create-side-panel.c4p--side-panel__container--lg .c4p--side-panel__subtitle-text {
|
4512
4578
|
width: calc(40rem - 1rem);
|
4513
|
-
padding-right: calc(
|
4579
|
+
padding-right: calc(40rem * 0.2 - 1rem);
|
4514
4580
|
padding-bottom: 1rem;
|
4515
4581
|
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
4516
4582
|
color: var(--cds-text-secondary, #525252);
|
@@ -4518,13 +4584,13 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
4518
4584
|
|
4519
4585
|
.c4p--create-side-panel.c4p--side-panel__container--2xl .c4p--side-panel__title-text {
|
4520
4586
|
width: calc(75% - 1rem);
|
4521
|
-
padding-right: calc(
|
4587
|
+
padding-right: calc(75% * 0.2 - 1rem);
|
4522
4588
|
margin-bottom: 0.25rem;
|
4523
4589
|
}
|
4524
4590
|
|
4525
4591
|
.c4p--create-side-panel.c4p--side-panel__container--2xl .c4p--side-panel__subtitle-text {
|
4526
4592
|
width: calc(75% - 1rem);
|
4527
|
-
padding-right: calc(
|
4593
|
+
padding-right: calc(75% * 0.2 - 1rem);
|
4528
4594
|
padding-bottom: 1rem;
|
4529
4595
|
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
4530
4596
|
color: var(--cds-text-secondary, #525252);
|
@@ -4633,7 +4699,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
4633
4699
|
max-height: calc(100% - 3rem + 1rem);
|
4634
4700
|
}
|
4635
4701
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container {
|
4636
|
-
max-height: calc(100% - 3rem +
|
4702
|
+
max-height: calc(100% - 3rem + 2 * 1rem);
|
4637
4703
|
}
|
4638
4704
|
.c4p--tearsheet .c4p--tearsheet__container--lower {
|
4639
4705
|
max-height: calc(100% - (3rem + 2.5rem));
|
@@ -4642,7 +4708,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
4642
4708
|
max-height: calc(100% - (3rem + 2.5rem) + 1rem);
|
4643
4709
|
}
|
4644
4710
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container--lower {
|
4645
|
-
max-height: calc(100% - (3rem + 2.5rem) +
|
4711
|
+
max-height: calc(100% - (3rem + 2.5rem) + 2 * 1rem);
|
4646
4712
|
}
|
4647
4713
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
|
4648
4714
|
width: 100%;
|
@@ -4652,7 +4718,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
4652
4718
|
}
|
4653
4719
|
@media (min-width: 42rem) {
|
4654
4720
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
|
4655
|
-
width: calc(100% -
|
4721
|
+
width: calc(100% - 2 * 4rem);
|
4656
4722
|
}
|
4657
4723
|
}
|
4658
4724
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2.is-visible .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3.is-visible .c4p--tearsheet__container {
|
@@ -6169,12 +6235,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
6169
6235
|
.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__do-not-disturb-toggle .cds--toggle__label-text {
|
6170
6236
|
position: absolute;
|
6171
6237
|
overflow: hidden;
|
6172
|
-
width: 1px;
|
6173
|
-
height: 1px;
|
6174
6238
|
padding: 0;
|
6175
6239
|
border: 0;
|
6176
6240
|
margin: -1px;
|
6241
|
+
block-size: 1px;
|
6177
6242
|
clip: rect(0, 0, 0, 0);
|
6243
|
+
inline-size: 1px;
|
6178
6244
|
visibility: inherit;
|
6179
6245
|
white-space: nowrap;
|
6180
6246
|
}
|
@@ -6333,7 +6399,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
6333
6399
|
.c4p--notifications-panel__container .c4p--notifications-panel__notification-previous:not(:first-of-type):before {
|
6334
6400
|
position: absolute;
|
6335
6401
|
top: 0;
|
6336
|
-
width: calc(100% -
|
6402
|
+
width: calc(100% - 2 * 1rem);
|
6337
6403
|
height: 1px;
|
6338
6404
|
margin: 0 auto;
|
6339
6405
|
background-color: var(--cds-layer-02, #ffffff);
|
@@ -6396,163 +6462,135 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
6396
6462
|
}
|
6397
6463
|
|
6398
6464
|
.cds--grid {
|
6399
|
-
margin-
|
6400
|
-
|
6401
|
-
|
6402
|
-
padding-right: 1rem;
|
6403
|
-
padding-left: 1rem;
|
6465
|
+
margin-inline: auto;
|
6466
|
+
max-inline-size: 99rem;
|
6467
|
+
padding-inline: 1rem;
|
6404
6468
|
}
|
6405
6469
|
@media (min-width: 42rem) {
|
6406
6470
|
.cds--grid {
|
6407
|
-
padding-
|
6408
|
-
padding-left: 2rem;
|
6471
|
+
padding-inline: 2rem;
|
6409
6472
|
}
|
6410
6473
|
}
|
6411
6474
|
@media (min-width: 99rem) {
|
6412
6475
|
.cds--grid {
|
6413
|
-
padding-
|
6414
|
-
padding-left: 2.5rem;
|
6476
|
+
padding-inline: 2.5rem;
|
6415
6477
|
}
|
6416
6478
|
}
|
6417
6479
|
|
6418
6480
|
@media (min-width: 99rem) {
|
6419
6481
|
.cds--grid--full-width {
|
6420
|
-
max-
|
6482
|
+
max-inline-size: 100%;
|
6421
6483
|
}
|
6422
6484
|
}
|
6423
6485
|
.cds--row {
|
6424
6486
|
display: flex;
|
6425
6487
|
flex-wrap: wrap;
|
6426
|
-
margin-
|
6427
|
-
margin-left: -1rem;
|
6488
|
+
margin-inline: -1rem;
|
6428
6489
|
}
|
6429
6490
|
|
6430
6491
|
.cds--row-padding [class*=cds--col],
|
6431
6492
|
.cds--col-padding {
|
6432
|
-
padding-
|
6433
|
-
padding-bottom: 1rem;
|
6493
|
+
padding-block: 1rem;
|
6434
6494
|
}
|
6435
6495
|
|
6436
6496
|
.cds--grid--condensed [class*=cds--col] {
|
6437
|
-
padding-
|
6438
|
-
padding-bottom: 0.03125rem;
|
6497
|
+
padding-block: 0.03125rem;
|
6439
6498
|
}
|
6440
6499
|
|
6441
6500
|
.cds--col {
|
6442
|
-
|
6443
|
-
padding-
|
6444
|
-
padding-left: 1rem;
|
6501
|
+
inline-size: 100%;
|
6502
|
+
padding-inline: 1rem;
|
6445
6503
|
}
|
6446
6504
|
.cds--row--condensed .cds--col, .cds--grid--condensed .cds--col {
|
6447
|
-
padding-
|
6448
|
-
padding-left: 0.03125rem;
|
6505
|
+
padding-inline: 0.03125rem;
|
6449
6506
|
}
|
6450
6507
|
.cds--row--narrow .cds--col, .cds--grid--narrow .cds--col {
|
6451
|
-
padding-
|
6452
|
-
padding-left: 0;
|
6508
|
+
padding-inline: 0 1rem;
|
6453
6509
|
}
|
6454
6510
|
|
6455
6511
|
.cds--col-sm-0 {
|
6456
|
-
|
6457
|
-
padding-
|
6458
|
-
padding-left: 1rem;
|
6512
|
+
inline-size: 100%;
|
6513
|
+
padding-inline: 1rem;
|
6459
6514
|
}
|
6460
6515
|
.cds--row--condensed .cds--col-sm-0, .cds--grid--condensed .cds--col-sm-0 {
|
6461
|
-
padding-
|
6462
|
-
padding-left: 0.03125rem;
|
6516
|
+
padding-inline: 0.03125rem;
|
6463
6517
|
}
|
6464
6518
|
.cds--row--narrow .cds--col-sm-0, .cds--grid--narrow .cds--col-sm-0 {
|
6465
|
-
padding-
|
6466
|
-
padding-left: 0;
|
6519
|
+
padding-inline: 0 1rem;
|
6467
6520
|
}
|
6468
6521
|
|
6469
6522
|
.cds--col-sm-1 {
|
6470
|
-
|
6471
|
-
padding-
|
6472
|
-
padding-left: 1rem;
|
6523
|
+
inline-size: 100%;
|
6524
|
+
padding-inline: 1rem;
|
6473
6525
|
}
|
6474
6526
|
.cds--row--condensed .cds--col-sm-1, .cds--grid--condensed .cds--col-sm-1 {
|
6475
|
-
padding-
|
6476
|
-
padding-left: 0.03125rem;
|
6527
|
+
padding-inline: 0.03125rem;
|
6477
6528
|
}
|
6478
6529
|
.cds--row--narrow .cds--col-sm-1, .cds--grid--narrow .cds--col-sm-1 {
|
6479
|
-
padding-
|
6480
|
-
padding-left: 0;
|
6530
|
+
padding-inline: 0 1rem;
|
6481
6531
|
}
|
6482
6532
|
|
6483
6533
|
.cds--col-sm-2 {
|
6484
|
-
|
6485
|
-
padding-
|
6486
|
-
padding-left: 1rem;
|
6534
|
+
inline-size: 100%;
|
6535
|
+
padding-inline: 1rem;
|
6487
6536
|
}
|
6488
6537
|
.cds--row--condensed .cds--col-sm-2, .cds--grid--condensed .cds--col-sm-2 {
|
6489
|
-
padding-
|
6490
|
-
padding-left: 0.03125rem;
|
6538
|
+
padding-inline: 0.03125rem;
|
6491
6539
|
}
|
6492
6540
|
.cds--row--narrow .cds--col-sm-2, .cds--grid--narrow .cds--col-sm-2 {
|
6493
|
-
padding-
|
6494
|
-
padding-left: 0;
|
6541
|
+
padding-inline: 0 1rem;
|
6495
6542
|
}
|
6496
6543
|
|
6497
6544
|
.cds--col-sm-3 {
|
6498
|
-
|
6499
|
-
padding-
|
6500
|
-
padding-left: 1rem;
|
6545
|
+
inline-size: 100%;
|
6546
|
+
padding-inline: 1rem;
|
6501
6547
|
}
|
6502
6548
|
.cds--row--condensed .cds--col-sm-3, .cds--grid--condensed .cds--col-sm-3 {
|
6503
|
-
padding-
|
6504
|
-
padding-left: 0.03125rem;
|
6549
|
+
padding-inline: 0.03125rem;
|
6505
6550
|
}
|
6506
6551
|
.cds--row--narrow .cds--col-sm-3, .cds--grid--narrow .cds--col-sm-3 {
|
6507
|
-
padding-
|
6508
|
-
padding-left: 0;
|
6552
|
+
padding-inline: 0 1rem;
|
6509
6553
|
}
|
6510
6554
|
|
6511
6555
|
.cds--col-sm-4 {
|
6512
|
-
|
6513
|
-
padding-
|
6514
|
-
padding-left: 1rem;
|
6556
|
+
inline-size: 100%;
|
6557
|
+
padding-inline: 1rem;
|
6515
6558
|
}
|
6516
6559
|
.cds--row--condensed .cds--col-sm-4, .cds--grid--condensed .cds--col-sm-4 {
|
6517
|
-
padding-
|
6518
|
-
padding-left: 0.03125rem;
|
6560
|
+
padding-inline: 0.03125rem;
|
6519
6561
|
}
|
6520
6562
|
.cds--row--narrow .cds--col-sm-4, .cds--grid--narrow .cds--col-sm-4 {
|
6521
|
-
padding-
|
6522
|
-
padding-left: 0;
|
6563
|
+
padding-inline: 0 1rem;
|
6523
6564
|
}
|
6524
6565
|
|
6525
6566
|
.cds--col-sm,
|
6526
6567
|
.cds--col-sm--auto {
|
6527
|
-
|
6528
|
-
padding-
|
6529
|
-
padding-left: 1rem;
|
6568
|
+
inline-size: 100%;
|
6569
|
+
padding-inline: 1rem;
|
6530
6570
|
}
|
6531
6571
|
.cds--row--condensed .cds--col-sm, .cds--grid--condensed .cds--col-sm,
|
6532
6572
|
.cds--row--condensed .cds--col-sm--auto,
|
6533
6573
|
.cds--grid--condensed .cds--col-sm--auto {
|
6534
|
-
padding-
|
6535
|
-
padding-left: 0.03125rem;
|
6574
|
+
padding-inline: 0.03125rem;
|
6536
6575
|
}
|
6537
6576
|
.cds--row--narrow .cds--col-sm, .cds--grid--narrow .cds--col-sm,
|
6538
6577
|
.cds--row--narrow .cds--col-sm--auto,
|
6539
6578
|
.cds--grid--narrow .cds--col-sm--auto {
|
6540
|
-
padding-
|
6541
|
-
padding-left: 0;
|
6579
|
+
padding-inline: 0 1rem;
|
6542
6580
|
}
|
6543
6581
|
|
6544
6582
|
.cds--col,
|
6545
6583
|
.cds--col-sm {
|
6546
|
-
max-width: 100%;
|
6547
6584
|
flex-basis: 0;
|
6548
6585
|
flex-grow: 1;
|
6586
|
+
max-inline-size: 100%;
|
6549
6587
|
}
|
6550
6588
|
|
6551
6589
|
.cds--col--auto,
|
6552
6590
|
.cds--col-sm--auto {
|
6553
|
-
width: auto;
|
6554
|
-
max-width: 100%;
|
6555
6591
|
flex: 1 0 0%;
|
6592
|
+
inline-size: auto;
|
6593
|
+
max-inline-size: 100%;
|
6556
6594
|
}
|
6557
6595
|
|
6558
6596
|
.cds--col-sm-0 {
|
@@ -6561,1498 +6599,1305 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
6561
6599
|
|
6562
6600
|
.cds--col-sm-1 {
|
6563
6601
|
display: block;
|
6564
|
-
max-width: 25%;
|
6565
6602
|
flex: 0 0 25%;
|
6603
|
+
max-inline-size: 25%;
|
6566
6604
|
}
|
6567
6605
|
|
6568
6606
|
.cds--col-sm-2 {
|
6569
6607
|
display: block;
|
6570
|
-
max-width: 50%;
|
6571
6608
|
flex: 0 0 50%;
|
6609
|
+
max-inline-size: 50%;
|
6572
6610
|
}
|
6573
6611
|
|
6574
6612
|
.cds--col-sm-3 {
|
6575
6613
|
display: block;
|
6576
|
-
max-width: 75%;
|
6577
6614
|
flex: 0 0 75%;
|
6615
|
+
max-inline-size: 75%;
|
6578
6616
|
}
|
6579
6617
|
|
6580
6618
|
.cds--col-sm-4 {
|
6581
6619
|
display: block;
|
6582
|
-
max-width: 100%;
|
6583
6620
|
flex: 0 0 100%;
|
6621
|
+
max-inline-size: 100%;
|
6584
6622
|
}
|
6585
6623
|
|
6586
6624
|
.cds--offset-sm-0 {
|
6587
|
-
margin-
|
6625
|
+
margin-inline-start: 0;
|
6588
6626
|
}
|
6589
6627
|
|
6590
6628
|
.cds--offset-sm-1 {
|
6591
|
-
margin-
|
6629
|
+
margin-inline-start: 25%;
|
6592
6630
|
}
|
6593
6631
|
|
6594
6632
|
.cds--offset-sm-2 {
|
6595
|
-
margin-
|
6633
|
+
margin-inline-start: 50%;
|
6596
6634
|
}
|
6597
6635
|
|
6598
6636
|
.cds--offset-sm-3 {
|
6599
|
-
margin-
|
6637
|
+
margin-inline-start: 75%;
|
6600
6638
|
}
|
6601
6639
|
|
6602
6640
|
.cds--col-md-0 {
|
6603
|
-
|
6604
|
-
padding-
|
6605
|
-
padding-left: 1rem;
|
6641
|
+
inline-size: 100%;
|
6642
|
+
padding-inline: 1rem;
|
6606
6643
|
}
|
6607
6644
|
.cds--row--condensed .cds--col-md-0, .cds--grid--condensed .cds--col-md-0 {
|
6608
|
-
padding-
|
6609
|
-
padding-left: 0.03125rem;
|
6645
|
+
padding-inline: 0.03125rem;
|
6610
6646
|
}
|
6611
6647
|
.cds--row--narrow .cds--col-md-0, .cds--grid--narrow .cds--col-md-0 {
|
6612
|
-
padding-
|
6613
|
-
padding-left: 0;
|
6648
|
+
padding-inline: 0 1rem;
|
6614
6649
|
}
|
6615
6650
|
|
6616
6651
|
.cds--col-md-1 {
|
6617
|
-
|
6618
|
-
padding-
|
6619
|
-
padding-left: 1rem;
|
6652
|
+
inline-size: 100%;
|
6653
|
+
padding-inline: 1rem;
|
6620
6654
|
}
|
6621
6655
|
.cds--row--condensed .cds--col-md-1, .cds--grid--condensed .cds--col-md-1 {
|
6622
|
-
padding-
|
6623
|
-
padding-left: 0.03125rem;
|
6656
|
+
padding-inline: 0.03125rem;
|
6624
6657
|
}
|
6625
6658
|
.cds--row--narrow .cds--col-md-1, .cds--grid--narrow .cds--col-md-1 {
|
6626
|
-
padding-
|
6627
|
-
padding-left: 0;
|
6659
|
+
padding-inline: 0 1rem;
|
6628
6660
|
}
|
6629
6661
|
|
6630
6662
|
.cds--col-md-2 {
|
6631
|
-
|
6632
|
-
padding-
|
6633
|
-
padding-left: 1rem;
|
6663
|
+
inline-size: 100%;
|
6664
|
+
padding-inline: 1rem;
|
6634
6665
|
}
|
6635
6666
|
.cds--row--condensed .cds--col-md-2, .cds--grid--condensed .cds--col-md-2 {
|
6636
|
-
padding-
|
6637
|
-
padding-left: 0.03125rem;
|
6667
|
+
padding-inline: 0.03125rem;
|
6638
6668
|
}
|
6639
6669
|
.cds--row--narrow .cds--col-md-2, .cds--grid--narrow .cds--col-md-2 {
|
6640
|
-
padding-
|
6641
|
-
padding-left: 0;
|
6670
|
+
padding-inline: 0 1rem;
|
6642
6671
|
}
|
6643
6672
|
|
6644
6673
|
.cds--col-md-3 {
|
6645
|
-
|
6646
|
-
padding-
|
6647
|
-
padding-left: 1rem;
|
6674
|
+
inline-size: 100%;
|
6675
|
+
padding-inline: 1rem;
|
6648
6676
|
}
|
6649
6677
|
.cds--row--condensed .cds--col-md-3, .cds--grid--condensed .cds--col-md-3 {
|
6650
|
-
padding-
|
6651
|
-
padding-left: 0.03125rem;
|
6678
|
+
padding-inline: 0.03125rem;
|
6652
6679
|
}
|
6653
6680
|
.cds--row--narrow .cds--col-md-3, .cds--grid--narrow .cds--col-md-3 {
|
6654
|
-
padding-
|
6655
|
-
padding-left: 0;
|
6681
|
+
padding-inline: 0 1rem;
|
6656
6682
|
}
|
6657
6683
|
|
6658
6684
|
.cds--col-md-4 {
|
6659
|
-
|
6660
|
-
padding-
|
6661
|
-
padding-left: 1rem;
|
6685
|
+
inline-size: 100%;
|
6686
|
+
padding-inline: 1rem;
|
6662
6687
|
}
|
6663
6688
|
.cds--row--condensed .cds--col-md-4, .cds--grid--condensed .cds--col-md-4 {
|
6664
|
-
padding-
|
6665
|
-
padding-left: 0.03125rem;
|
6689
|
+
padding-inline: 0.03125rem;
|
6666
6690
|
}
|
6667
6691
|
.cds--row--narrow .cds--col-md-4, .cds--grid--narrow .cds--col-md-4 {
|
6668
|
-
padding-
|
6669
|
-
padding-left: 0;
|
6692
|
+
padding-inline: 0 1rem;
|
6670
6693
|
}
|
6671
6694
|
|
6672
6695
|
.cds--col-md-5 {
|
6673
|
-
|
6674
|
-
padding-
|
6675
|
-
padding-left: 1rem;
|
6696
|
+
inline-size: 100%;
|
6697
|
+
padding-inline: 1rem;
|
6676
6698
|
}
|
6677
6699
|
.cds--row--condensed .cds--col-md-5, .cds--grid--condensed .cds--col-md-5 {
|
6678
|
-
padding-
|
6679
|
-
padding-left: 0.03125rem;
|
6700
|
+
padding-inline: 0.03125rem;
|
6680
6701
|
}
|
6681
6702
|
.cds--row--narrow .cds--col-md-5, .cds--grid--narrow .cds--col-md-5 {
|
6682
|
-
padding-
|
6683
|
-
padding-left: 0;
|
6703
|
+
padding-inline: 0 1rem;
|
6684
6704
|
}
|
6685
6705
|
|
6686
6706
|
.cds--col-md-6 {
|
6687
|
-
|
6688
|
-
padding-
|
6689
|
-
padding-left: 1rem;
|
6707
|
+
inline-size: 100%;
|
6708
|
+
padding-inline: 1rem;
|
6690
6709
|
}
|
6691
6710
|
.cds--row--condensed .cds--col-md-6, .cds--grid--condensed .cds--col-md-6 {
|
6692
|
-
padding-
|
6693
|
-
padding-left: 0.03125rem;
|
6711
|
+
padding-inline: 0.03125rem;
|
6694
6712
|
}
|
6695
6713
|
.cds--row--narrow .cds--col-md-6, .cds--grid--narrow .cds--col-md-6 {
|
6696
|
-
padding-
|
6697
|
-
padding-left: 0;
|
6714
|
+
padding-inline: 0 1rem;
|
6698
6715
|
}
|
6699
6716
|
|
6700
6717
|
.cds--col-md-7 {
|
6701
|
-
|
6702
|
-
padding-
|
6703
|
-
padding-left: 1rem;
|
6718
|
+
inline-size: 100%;
|
6719
|
+
padding-inline: 1rem;
|
6704
6720
|
}
|
6705
6721
|
.cds--row--condensed .cds--col-md-7, .cds--grid--condensed .cds--col-md-7 {
|
6706
|
-
padding-
|
6707
|
-
padding-left: 0.03125rem;
|
6722
|
+
padding-inline: 0.03125rem;
|
6708
6723
|
}
|
6709
6724
|
.cds--row--narrow .cds--col-md-7, .cds--grid--narrow .cds--col-md-7 {
|
6710
|
-
padding-
|
6711
|
-
padding-left: 0;
|
6725
|
+
padding-inline: 0 1rem;
|
6712
6726
|
}
|
6713
6727
|
|
6714
6728
|
.cds--col-md-8 {
|
6715
|
-
|
6716
|
-
padding-
|
6717
|
-
padding-left: 1rem;
|
6729
|
+
inline-size: 100%;
|
6730
|
+
padding-inline: 1rem;
|
6718
6731
|
}
|
6719
6732
|
.cds--row--condensed .cds--col-md-8, .cds--grid--condensed .cds--col-md-8 {
|
6720
|
-
padding-
|
6721
|
-
padding-left: 0.03125rem;
|
6733
|
+
padding-inline: 0.03125rem;
|
6722
6734
|
}
|
6723
6735
|
.cds--row--narrow .cds--col-md-8, .cds--grid--narrow .cds--col-md-8 {
|
6724
|
-
padding-
|
6725
|
-
padding-left: 0;
|
6736
|
+
padding-inline: 0 1rem;
|
6726
6737
|
}
|
6727
6738
|
|
6728
6739
|
.cds--col-md,
|
6729
6740
|
.cds--col-md--auto {
|
6730
|
-
|
6731
|
-
padding-
|
6732
|
-
padding-left: 1rem;
|
6741
|
+
inline-size: 100%;
|
6742
|
+
padding-inline: 1rem;
|
6733
6743
|
}
|
6734
6744
|
.cds--row--condensed .cds--col-md, .cds--grid--condensed .cds--col-md,
|
6735
6745
|
.cds--row--condensed .cds--col-md--auto,
|
6736
6746
|
.cds--grid--condensed .cds--col-md--auto {
|
6737
|
-
padding-
|
6738
|
-
padding-left: 0.03125rem;
|
6747
|
+
padding-inline: 0.03125rem;
|
6739
6748
|
}
|
6740
6749
|
.cds--row--narrow .cds--col-md, .cds--grid--narrow .cds--col-md,
|
6741
6750
|
.cds--row--narrow .cds--col-md--auto,
|
6742
6751
|
.cds--grid--narrow .cds--col-md--auto {
|
6743
|
-
padding-
|
6744
|
-
padding-left: 0;
|
6752
|
+
padding-inline: 0 1rem;
|
6745
6753
|
}
|
6746
6754
|
|
6747
6755
|
@media (min-width: 42rem) {
|
6748
6756
|
.cds--col,
|
6749
6757
|
.cds--col-md {
|
6750
|
-
max-width: 100%;
|
6751
6758
|
flex-basis: 0;
|
6752
6759
|
flex-grow: 1;
|
6760
|
+
max-inline-size: 100%;
|
6753
6761
|
}
|
6754
6762
|
.cds--col--auto,
|
6755
6763
|
.cds--col-md--auto {
|
6756
|
-
width: auto;
|
6757
|
-
max-width: 100%;
|
6758
6764
|
flex: 1 0 0%;
|
6765
|
+
inline-size: auto;
|
6766
|
+
max-inline-size: 100%;
|
6759
6767
|
}
|
6760
6768
|
.cds--col-md-0 {
|
6761
6769
|
display: none;
|
6762
6770
|
}
|
6763
6771
|
.cds--col-md-1 {
|
6764
6772
|
display: block;
|
6765
|
-
max-width: 12.5%;
|
6766
6773
|
flex: 0 0 12.5%;
|
6774
|
+
max-inline-size: 12.5%;
|
6767
6775
|
}
|
6768
6776
|
.cds--col-md-2 {
|
6769
6777
|
display: block;
|
6770
|
-
max-width: 25%;
|
6771
6778
|
flex: 0 0 25%;
|
6779
|
+
max-inline-size: 25%;
|
6772
6780
|
}
|
6773
6781
|
.cds--col-md-3 {
|
6774
6782
|
display: block;
|
6775
|
-
max-width: 37.5%;
|
6776
6783
|
flex: 0 0 37.5%;
|
6784
|
+
max-inline-size: 37.5%;
|
6777
6785
|
}
|
6778
6786
|
.cds--col-md-4 {
|
6779
6787
|
display: block;
|
6780
|
-
max-width: 50%;
|
6781
6788
|
flex: 0 0 50%;
|
6789
|
+
max-inline-size: 50%;
|
6782
6790
|
}
|
6783
6791
|
.cds--col-md-5 {
|
6784
6792
|
display: block;
|
6785
|
-
max-width: 62.5%;
|
6786
6793
|
flex: 0 0 62.5%;
|
6794
|
+
max-inline-size: 62.5%;
|
6787
6795
|
}
|
6788
6796
|
.cds--col-md-6 {
|
6789
6797
|
display: block;
|
6790
|
-
max-width: 75%;
|
6791
6798
|
flex: 0 0 75%;
|
6799
|
+
max-inline-size: 75%;
|
6792
6800
|
}
|
6793
6801
|
.cds--col-md-7 {
|
6794
6802
|
display: block;
|
6795
|
-
max-width: 87.5%;
|
6796
6803
|
flex: 0 0 87.5%;
|
6804
|
+
max-inline-size: 87.5%;
|
6797
6805
|
}
|
6798
6806
|
.cds--col-md-8 {
|
6799
6807
|
display: block;
|
6800
|
-
max-width: 100%;
|
6801
6808
|
flex: 0 0 100%;
|
6809
|
+
max-inline-size: 100%;
|
6802
6810
|
}
|
6803
6811
|
.cds--offset-md-0 {
|
6804
|
-
margin-
|
6812
|
+
margin-inline-start: 0;
|
6805
6813
|
}
|
6806
6814
|
.cds--offset-md-1 {
|
6807
|
-
margin-
|
6815
|
+
margin-inline-start: 12.5%;
|
6808
6816
|
}
|
6809
6817
|
.cds--offset-md-2 {
|
6810
|
-
margin-
|
6818
|
+
margin-inline-start: 25%;
|
6811
6819
|
}
|
6812
6820
|
.cds--offset-md-3 {
|
6813
|
-
margin-
|
6821
|
+
margin-inline-start: 37.5%;
|
6814
6822
|
}
|
6815
6823
|
.cds--offset-md-4 {
|
6816
|
-
margin-
|
6824
|
+
margin-inline-start: 50%;
|
6817
6825
|
}
|
6818
6826
|
.cds--offset-md-5 {
|
6819
|
-
margin-
|
6827
|
+
margin-inline-start: 62.5%;
|
6820
6828
|
}
|
6821
6829
|
.cds--offset-md-6 {
|
6822
|
-
margin-
|
6830
|
+
margin-inline-start: 75%;
|
6823
6831
|
}
|
6824
6832
|
.cds--offset-md-7 {
|
6825
|
-
margin-
|
6833
|
+
margin-inline-start: 87.5%;
|
6826
6834
|
}
|
6827
6835
|
}
|
6828
6836
|
.cds--col-lg-0 {
|
6829
|
-
|
6830
|
-
padding-
|
6831
|
-
padding-left: 1rem;
|
6837
|
+
inline-size: 100%;
|
6838
|
+
padding-inline: 1rem;
|
6832
6839
|
}
|
6833
6840
|
.cds--row--condensed .cds--col-lg-0, .cds--grid--condensed .cds--col-lg-0 {
|
6834
|
-
padding-
|
6835
|
-
padding-left: 0.03125rem;
|
6841
|
+
padding-inline: 0.03125rem;
|
6836
6842
|
}
|
6837
6843
|
.cds--row--narrow .cds--col-lg-0, .cds--grid--narrow .cds--col-lg-0 {
|
6838
|
-
padding-
|
6839
|
-
padding-left: 0;
|
6844
|
+
padding-inline: 0 1rem;
|
6840
6845
|
}
|
6841
6846
|
|
6842
6847
|
.cds--col-lg-1 {
|
6843
|
-
|
6844
|
-
padding-
|
6845
|
-
padding-left: 1rem;
|
6848
|
+
inline-size: 100%;
|
6849
|
+
padding-inline: 1rem;
|
6846
6850
|
}
|
6847
6851
|
.cds--row--condensed .cds--col-lg-1, .cds--grid--condensed .cds--col-lg-1 {
|
6848
|
-
padding-
|
6849
|
-
padding-left: 0.03125rem;
|
6852
|
+
padding-inline: 0.03125rem;
|
6850
6853
|
}
|
6851
6854
|
.cds--row--narrow .cds--col-lg-1, .cds--grid--narrow .cds--col-lg-1 {
|
6852
|
-
padding-
|
6853
|
-
padding-left: 0;
|
6855
|
+
padding-inline: 0 1rem;
|
6854
6856
|
}
|
6855
6857
|
|
6856
6858
|
.cds--col-lg-2 {
|
6857
|
-
|
6858
|
-
padding-
|
6859
|
-
padding-left: 1rem;
|
6859
|
+
inline-size: 100%;
|
6860
|
+
padding-inline: 1rem;
|
6860
6861
|
}
|
6861
6862
|
.cds--row--condensed .cds--col-lg-2, .cds--grid--condensed .cds--col-lg-2 {
|
6862
|
-
padding-
|
6863
|
-
padding-left: 0.03125rem;
|
6863
|
+
padding-inline: 0.03125rem;
|
6864
6864
|
}
|
6865
6865
|
.cds--row--narrow .cds--col-lg-2, .cds--grid--narrow .cds--col-lg-2 {
|
6866
|
-
padding-
|
6867
|
-
padding-left: 0;
|
6866
|
+
padding-inline: 0 1rem;
|
6868
6867
|
}
|
6869
6868
|
|
6870
6869
|
.cds--col-lg-3 {
|
6871
|
-
|
6872
|
-
padding-
|
6873
|
-
padding-left: 1rem;
|
6870
|
+
inline-size: 100%;
|
6871
|
+
padding-inline: 1rem;
|
6874
6872
|
}
|
6875
6873
|
.cds--row--condensed .cds--col-lg-3, .cds--grid--condensed .cds--col-lg-3 {
|
6876
|
-
padding-
|
6877
|
-
padding-left: 0.03125rem;
|
6874
|
+
padding-inline: 0.03125rem;
|
6878
6875
|
}
|
6879
6876
|
.cds--row--narrow .cds--col-lg-3, .cds--grid--narrow .cds--col-lg-3 {
|
6880
|
-
padding-
|
6881
|
-
padding-left: 0;
|
6877
|
+
padding-inline: 0 1rem;
|
6882
6878
|
}
|
6883
6879
|
|
6884
6880
|
.cds--col-lg-4 {
|
6885
|
-
|
6886
|
-
padding-
|
6887
|
-
padding-left: 1rem;
|
6881
|
+
inline-size: 100%;
|
6882
|
+
padding-inline: 1rem;
|
6888
6883
|
}
|
6889
6884
|
.cds--row--condensed .cds--col-lg-4, .cds--grid--condensed .cds--col-lg-4 {
|
6890
|
-
padding-
|
6891
|
-
padding-left: 0.03125rem;
|
6885
|
+
padding-inline: 0.03125rem;
|
6892
6886
|
}
|
6893
6887
|
.cds--row--narrow .cds--col-lg-4, .cds--grid--narrow .cds--col-lg-4 {
|
6894
|
-
padding-
|
6895
|
-
padding-left: 0;
|
6888
|
+
padding-inline: 0 1rem;
|
6896
6889
|
}
|
6897
6890
|
|
6898
6891
|
.cds--col-lg-5 {
|
6899
|
-
|
6900
|
-
padding-
|
6901
|
-
padding-left: 1rem;
|
6892
|
+
inline-size: 100%;
|
6893
|
+
padding-inline: 1rem;
|
6902
6894
|
}
|
6903
6895
|
.cds--row--condensed .cds--col-lg-5, .cds--grid--condensed .cds--col-lg-5 {
|
6904
|
-
padding-
|
6905
|
-
padding-left: 0.03125rem;
|
6896
|
+
padding-inline: 0.03125rem;
|
6906
6897
|
}
|
6907
6898
|
.cds--row--narrow .cds--col-lg-5, .cds--grid--narrow .cds--col-lg-5 {
|
6908
|
-
padding-
|
6909
|
-
padding-left: 0;
|
6899
|
+
padding-inline: 0 1rem;
|
6910
6900
|
}
|
6911
6901
|
|
6912
6902
|
.cds--col-lg-6 {
|
6913
|
-
|
6914
|
-
padding-
|
6915
|
-
padding-left: 1rem;
|
6903
|
+
inline-size: 100%;
|
6904
|
+
padding-inline: 1rem;
|
6916
6905
|
}
|
6917
6906
|
.cds--row--condensed .cds--col-lg-6, .cds--grid--condensed .cds--col-lg-6 {
|
6918
|
-
padding-
|
6919
|
-
padding-left: 0.03125rem;
|
6907
|
+
padding-inline: 0.03125rem;
|
6920
6908
|
}
|
6921
6909
|
.cds--row--narrow .cds--col-lg-6, .cds--grid--narrow .cds--col-lg-6 {
|
6922
|
-
padding-
|
6923
|
-
padding-left: 0;
|
6910
|
+
padding-inline: 0 1rem;
|
6924
6911
|
}
|
6925
6912
|
|
6926
6913
|
.cds--col-lg-7 {
|
6927
|
-
|
6928
|
-
padding-
|
6929
|
-
padding-left: 1rem;
|
6914
|
+
inline-size: 100%;
|
6915
|
+
padding-inline: 1rem;
|
6930
6916
|
}
|
6931
6917
|
.cds--row--condensed .cds--col-lg-7, .cds--grid--condensed .cds--col-lg-7 {
|
6932
|
-
padding-
|
6933
|
-
padding-left: 0.03125rem;
|
6918
|
+
padding-inline: 0.03125rem;
|
6934
6919
|
}
|
6935
6920
|
.cds--row--narrow .cds--col-lg-7, .cds--grid--narrow .cds--col-lg-7 {
|
6936
|
-
padding-
|
6937
|
-
padding-left: 0;
|
6921
|
+
padding-inline: 0 1rem;
|
6938
6922
|
}
|
6939
6923
|
|
6940
6924
|
.cds--col-lg-8 {
|
6941
|
-
|
6942
|
-
padding-
|
6943
|
-
padding-left: 1rem;
|
6925
|
+
inline-size: 100%;
|
6926
|
+
padding-inline: 1rem;
|
6944
6927
|
}
|
6945
6928
|
.cds--row--condensed .cds--col-lg-8, .cds--grid--condensed .cds--col-lg-8 {
|
6946
|
-
padding-
|
6947
|
-
padding-left: 0.03125rem;
|
6929
|
+
padding-inline: 0.03125rem;
|
6948
6930
|
}
|
6949
6931
|
.cds--row--narrow .cds--col-lg-8, .cds--grid--narrow .cds--col-lg-8 {
|
6950
|
-
padding-
|
6951
|
-
padding-left: 0;
|
6932
|
+
padding-inline: 0 1rem;
|
6952
6933
|
}
|
6953
6934
|
|
6954
6935
|
.cds--col-lg-9 {
|
6955
|
-
|
6956
|
-
padding-
|
6957
|
-
padding-left: 1rem;
|
6936
|
+
inline-size: 100%;
|
6937
|
+
padding-inline: 1rem;
|
6958
6938
|
}
|
6959
6939
|
.cds--row--condensed .cds--col-lg-9, .cds--grid--condensed .cds--col-lg-9 {
|
6960
|
-
padding-
|
6961
|
-
padding-left: 0.03125rem;
|
6940
|
+
padding-inline: 0.03125rem;
|
6962
6941
|
}
|
6963
6942
|
.cds--row--narrow .cds--col-lg-9, .cds--grid--narrow .cds--col-lg-9 {
|
6964
|
-
padding-
|
6965
|
-
padding-left: 0;
|
6943
|
+
padding-inline: 0 1rem;
|
6966
6944
|
}
|
6967
6945
|
|
6968
6946
|
.cds--col-lg-10 {
|
6969
|
-
|
6970
|
-
padding-
|
6971
|
-
padding-left: 1rem;
|
6947
|
+
inline-size: 100%;
|
6948
|
+
padding-inline: 1rem;
|
6972
6949
|
}
|
6973
6950
|
.cds--row--condensed .cds--col-lg-10, .cds--grid--condensed .cds--col-lg-10 {
|
6974
|
-
padding-
|
6975
|
-
padding-left: 0.03125rem;
|
6951
|
+
padding-inline: 0.03125rem;
|
6976
6952
|
}
|
6977
6953
|
.cds--row--narrow .cds--col-lg-10, .cds--grid--narrow .cds--col-lg-10 {
|
6978
|
-
padding-
|
6979
|
-
padding-left: 0;
|
6954
|
+
padding-inline: 0 1rem;
|
6980
6955
|
}
|
6981
6956
|
|
6982
6957
|
.cds--col-lg-11 {
|
6983
|
-
|
6984
|
-
padding-
|
6985
|
-
padding-left: 1rem;
|
6958
|
+
inline-size: 100%;
|
6959
|
+
padding-inline: 1rem;
|
6986
6960
|
}
|
6987
6961
|
.cds--row--condensed .cds--col-lg-11, .cds--grid--condensed .cds--col-lg-11 {
|
6988
|
-
padding-
|
6989
|
-
padding-left: 0.03125rem;
|
6962
|
+
padding-inline: 0.03125rem;
|
6990
6963
|
}
|
6991
6964
|
.cds--row--narrow .cds--col-lg-11, .cds--grid--narrow .cds--col-lg-11 {
|
6992
|
-
padding-
|
6993
|
-
padding-left: 0;
|
6965
|
+
padding-inline: 0 1rem;
|
6994
6966
|
}
|
6995
6967
|
|
6996
6968
|
.cds--col-lg-12 {
|
6997
|
-
|
6998
|
-
padding-
|
6999
|
-
padding-left: 1rem;
|
6969
|
+
inline-size: 100%;
|
6970
|
+
padding-inline: 1rem;
|
7000
6971
|
}
|
7001
6972
|
.cds--row--condensed .cds--col-lg-12, .cds--grid--condensed .cds--col-lg-12 {
|
7002
|
-
padding-
|
7003
|
-
padding-left: 0.03125rem;
|
6973
|
+
padding-inline: 0.03125rem;
|
7004
6974
|
}
|
7005
6975
|
.cds--row--narrow .cds--col-lg-12, .cds--grid--narrow .cds--col-lg-12 {
|
7006
|
-
padding-
|
7007
|
-
padding-left: 0;
|
6976
|
+
padding-inline: 0 1rem;
|
7008
6977
|
}
|
7009
6978
|
|
7010
6979
|
.cds--col-lg-13 {
|
7011
|
-
|
7012
|
-
padding-
|
7013
|
-
padding-left: 1rem;
|
6980
|
+
inline-size: 100%;
|
6981
|
+
padding-inline: 1rem;
|
7014
6982
|
}
|
7015
6983
|
.cds--row--condensed .cds--col-lg-13, .cds--grid--condensed .cds--col-lg-13 {
|
7016
|
-
padding-
|
7017
|
-
padding-left: 0.03125rem;
|
6984
|
+
padding-inline: 0.03125rem;
|
7018
6985
|
}
|
7019
6986
|
.cds--row--narrow .cds--col-lg-13, .cds--grid--narrow .cds--col-lg-13 {
|
7020
|
-
padding-
|
7021
|
-
padding-left: 0;
|
6987
|
+
padding-inline: 0 1rem;
|
7022
6988
|
}
|
7023
6989
|
|
7024
6990
|
.cds--col-lg-14 {
|
7025
|
-
|
7026
|
-
padding-
|
7027
|
-
padding-left: 1rem;
|
6991
|
+
inline-size: 100%;
|
6992
|
+
padding-inline: 1rem;
|
7028
6993
|
}
|
7029
6994
|
.cds--row--condensed .cds--col-lg-14, .cds--grid--condensed .cds--col-lg-14 {
|
7030
|
-
padding-
|
7031
|
-
padding-left: 0.03125rem;
|
6995
|
+
padding-inline: 0.03125rem;
|
7032
6996
|
}
|
7033
6997
|
.cds--row--narrow .cds--col-lg-14, .cds--grid--narrow .cds--col-lg-14 {
|
7034
|
-
padding-
|
7035
|
-
padding-left: 0;
|
6998
|
+
padding-inline: 0 1rem;
|
7036
6999
|
}
|
7037
7000
|
|
7038
7001
|
.cds--col-lg-15 {
|
7039
|
-
|
7040
|
-
padding-
|
7041
|
-
padding-left: 1rem;
|
7002
|
+
inline-size: 100%;
|
7003
|
+
padding-inline: 1rem;
|
7042
7004
|
}
|
7043
7005
|
.cds--row--condensed .cds--col-lg-15, .cds--grid--condensed .cds--col-lg-15 {
|
7044
|
-
padding-
|
7045
|
-
padding-left: 0.03125rem;
|
7006
|
+
padding-inline: 0.03125rem;
|
7046
7007
|
}
|
7047
7008
|
.cds--row--narrow .cds--col-lg-15, .cds--grid--narrow .cds--col-lg-15 {
|
7048
|
-
padding-
|
7049
|
-
padding-left: 0;
|
7009
|
+
padding-inline: 0 1rem;
|
7050
7010
|
}
|
7051
7011
|
|
7052
7012
|
.cds--col-lg-16 {
|
7053
|
-
|
7054
|
-
padding-
|
7055
|
-
padding-left: 1rem;
|
7013
|
+
inline-size: 100%;
|
7014
|
+
padding-inline: 1rem;
|
7056
7015
|
}
|
7057
7016
|
.cds--row--condensed .cds--col-lg-16, .cds--grid--condensed .cds--col-lg-16 {
|
7058
|
-
padding-
|
7059
|
-
padding-left: 0.03125rem;
|
7017
|
+
padding-inline: 0.03125rem;
|
7060
7018
|
}
|
7061
7019
|
.cds--row--narrow .cds--col-lg-16, .cds--grid--narrow .cds--col-lg-16 {
|
7062
|
-
padding-
|
7063
|
-
padding-left: 0;
|
7020
|
+
padding-inline: 0 1rem;
|
7064
7021
|
}
|
7065
7022
|
|
7066
7023
|
.cds--col-lg,
|
7067
7024
|
.cds--col-lg--auto {
|
7068
|
-
|
7069
|
-
padding-
|
7070
|
-
padding-left: 1rem;
|
7025
|
+
inline-size: 100%;
|
7026
|
+
padding-inline: 1rem;
|
7071
7027
|
}
|
7072
7028
|
.cds--row--condensed .cds--col-lg, .cds--grid--condensed .cds--col-lg,
|
7073
7029
|
.cds--row--condensed .cds--col-lg--auto,
|
7074
7030
|
.cds--grid--condensed .cds--col-lg--auto {
|
7075
|
-
padding-
|
7076
|
-
padding-left: 0.03125rem;
|
7031
|
+
padding-inline: 0.03125rem;
|
7077
7032
|
}
|
7078
7033
|
.cds--row--narrow .cds--col-lg, .cds--grid--narrow .cds--col-lg,
|
7079
7034
|
.cds--row--narrow .cds--col-lg--auto,
|
7080
7035
|
.cds--grid--narrow .cds--col-lg--auto {
|
7081
|
-
padding-
|
7082
|
-
padding-left: 0;
|
7036
|
+
padding-inline: 0 1rem;
|
7083
7037
|
}
|
7084
7038
|
|
7085
7039
|
@media (min-width: 66rem) {
|
7086
7040
|
.cds--col,
|
7087
7041
|
.cds--col-lg {
|
7088
|
-
max-width: 100%;
|
7089
7042
|
flex-basis: 0;
|
7090
7043
|
flex-grow: 1;
|
7044
|
+
max-inline-size: 100%;
|
7091
7045
|
}
|
7092
7046
|
.cds--col--auto,
|
7093
7047
|
.cds--col-lg--auto {
|
7094
|
-
width: auto;
|
7095
|
-
max-width: 100%;
|
7096
7048
|
flex: 1 0 0%;
|
7049
|
+
inline-size: auto;
|
7050
|
+
max-inline-size: 100%;
|
7097
7051
|
}
|
7098
7052
|
.cds--col-lg-0 {
|
7099
7053
|
display: none;
|
7100
7054
|
}
|
7101
7055
|
.cds--col-lg-1 {
|
7102
7056
|
display: block;
|
7103
|
-
max-width: 6.25%;
|
7104
7057
|
flex: 0 0 6.25%;
|
7058
|
+
max-inline-size: 6.25%;
|
7105
7059
|
}
|
7106
7060
|
.cds--col-lg-2 {
|
7107
7061
|
display: block;
|
7108
|
-
max-width: 12.5%;
|
7109
7062
|
flex: 0 0 12.5%;
|
7063
|
+
max-inline-size: 12.5%;
|
7110
7064
|
}
|
7111
7065
|
.cds--col-lg-3 {
|
7112
7066
|
display: block;
|
7113
|
-
max-width: 18.75%;
|
7114
7067
|
flex: 0 0 18.75%;
|
7068
|
+
max-inline-size: 18.75%;
|
7115
7069
|
}
|
7116
7070
|
.cds--col-lg-4 {
|
7117
7071
|
display: block;
|
7118
|
-
max-width: 25%;
|
7119
7072
|
flex: 0 0 25%;
|
7073
|
+
max-inline-size: 25%;
|
7120
7074
|
}
|
7121
7075
|
.cds--col-lg-5 {
|
7122
7076
|
display: block;
|
7123
|
-
max-width: 31.25%;
|
7124
7077
|
flex: 0 0 31.25%;
|
7078
|
+
max-inline-size: 31.25%;
|
7125
7079
|
}
|
7126
7080
|
.cds--col-lg-6 {
|
7127
7081
|
display: block;
|
7128
|
-
max-width: 37.5%;
|
7129
7082
|
flex: 0 0 37.5%;
|
7083
|
+
max-inline-size: 37.5%;
|
7130
7084
|
}
|
7131
7085
|
.cds--col-lg-7 {
|
7132
7086
|
display: block;
|
7133
|
-
max-width: 43.75%;
|
7134
7087
|
flex: 0 0 43.75%;
|
7088
|
+
max-inline-size: 43.75%;
|
7135
7089
|
}
|
7136
7090
|
.cds--col-lg-8 {
|
7137
7091
|
display: block;
|
7138
|
-
max-width: 50%;
|
7139
7092
|
flex: 0 0 50%;
|
7093
|
+
max-inline-size: 50%;
|
7140
7094
|
}
|
7141
7095
|
.cds--col-lg-9 {
|
7142
7096
|
display: block;
|
7143
|
-
max-width: 56.25%;
|
7144
7097
|
flex: 0 0 56.25%;
|
7098
|
+
max-inline-size: 56.25%;
|
7145
7099
|
}
|
7146
7100
|
.cds--col-lg-10 {
|
7147
7101
|
display: block;
|
7148
|
-
max-width: 62.5%;
|
7149
7102
|
flex: 0 0 62.5%;
|
7103
|
+
max-inline-size: 62.5%;
|
7150
7104
|
}
|
7151
7105
|
.cds--col-lg-11 {
|
7152
7106
|
display: block;
|
7153
|
-
max-width: 68.75%;
|
7154
7107
|
flex: 0 0 68.75%;
|
7108
|
+
max-inline-size: 68.75%;
|
7155
7109
|
}
|
7156
7110
|
.cds--col-lg-12 {
|
7157
7111
|
display: block;
|
7158
|
-
max-width: 75%;
|
7159
7112
|
flex: 0 0 75%;
|
7113
|
+
max-inline-size: 75%;
|
7160
7114
|
}
|
7161
7115
|
.cds--col-lg-13 {
|
7162
7116
|
display: block;
|
7163
|
-
max-width: 81.25%;
|
7164
7117
|
flex: 0 0 81.25%;
|
7118
|
+
max-inline-size: 81.25%;
|
7165
7119
|
}
|
7166
7120
|
.cds--col-lg-14 {
|
7167
7121
|
display: block;
|
7168
|
-
max-width: 87.5%;
|
7169
7122
|
flex: 0 0 87.5%;
|
7123
|
+
max-inline-size: 87.5%;
|
7170
7124
|
}
|
7171
7125
|
.cds--col-lg-15 {
|
7172
7126
|
display: block;
|
7173
|
-
max-width: 93.75%;
|
7174
7127
|
flex: 0 0 93.75%;
|
7128
|
+
max-inline-size: 93.75%;
|
7175
7129
|
}
|
7176
7130
|
.cds--col-lg-16 {
|
7177
7131
|
display: block;
|
7178
|
-
max-width: 100%;
|
7179
7132
|
flex: 0 0 100%;
|
7133
|
+
max-inline-size: 100%;
|
7180
7134
|
}
|
7181
7135
|
.cds--offset-lg-0 {
|
7182
|
-
margin-
|
7136
|
+
margin-inline-start: 0;
|
7183
7137
|
}
|
7184
7138
|
.cds--offset-lg-1 {
|
7185
|
-
margin-
|
7139
|
+
margin-inline-start: 6.25%;
|
7186
7140
|
}
|
7187
7141
|
.cds--offset-lg-2 {
|
7188
|
-
margin-
|
7142
|
+
margin-inline-start: 12.5%;
|
7189
7143
|
}
|
7190
7144
|
.cds--offset-lg-3 {
|
7191
|
-
margin-
|
7145
|
+
margin-inline-start: 18.75%;
|
7192
7146
|
}
|
7193
7147
|
.cds--offset-lg-4 {
|
7194
|
-
margin-
|
7148
|
+
margin-inline-start: 25%;
|
7195
7149
|
}
|
7196
7150
|
.cds--offset-lg-5 {
|
7197
|
-
margin-
|
7151
|
+
margin-inline-start: 31.25%;
|
7198
7152
|
}
|
7199
7153
|
.cds--offset-lg-6 {
|
7200
|
-
margin-
|
7154
|
+
margin-inline-start: 37.5%;
|
7201
7155
|
}
|
7202
7156
|
.cds--offset-lg-7 {
|
7203
|
-
margin-
|
7157
|
+
margin-inline-start: 43.75%;
|
7204
7158
|
}
|
7205
7159
|
.cds--offset-lg-8 {
|
7206
|
-
margin-
|
7160
|
+
margin-inline-start: 50%;
|
7207
7161
|
}
|
7208
7162
|
.cds--offset-lg-9 {
|
7209
|
-
margin-
|
7163
|
+
margin-inline-start: 56.25%;
|
7210
7164
|
}
|
7211
7165
|
.cds--offset-lg-10 {
|
7212
|
-
margin-
|
7166
|
+
margin-inline-start: 62.5%;
|
7213
7167
|
}
|
7214
7168
|
.cds--offset-lg-11 {
|
7215
|
-
margin-
|
7169
|
+
margin-inline-start: 68.75%;
|
7216
7170
|
}
|
7217
7171
|
.cds--offset-lg-12 {
|
7218
|
-
margin-
|
7172
|
+
margin-inline-start: 75%;
|
7219
7173
|
}
|
7220
7174
|
.cds--offset-lg-13 {
|
7221
|
-
margin-
|
7175
|
+
margin-inline-start: 81.25%;
|
7222
7176
|
}
|
7223
7177
|
.cds--offset-lg-14 {
|
7224
|
-
margin-
|
7178
|
+
margin-inline-start: 87.5%;
|
7225
7179
|
}
|
7226
7180
|
.cds--offset-lg-15 {
|
7227
|
-
margin-
|
7181
|
+
margin-inline-start: 93.75%;
|
7228
7182
|
}
|
7229
7183
|
}
|
7230
7184
|
.cds--col-xlg-0 {
|
7231
|
-
|
7232
|
-
padding-
|
7233
|
-
padding-left: 1rem;
|
7185
|
+
inline-size: 100%;
|
7186
|
+
padding-inline: 1rem;
|
7234
7187
|
}
|
7235
7188
|
.cds--row--condensed .cds--col-xlg-0, .cds--grid--condensed .cds--col-xlg-0 {
|
7236
|
-
padding-
|
7237
|
-
padding-left: 0.03125rem;
|
7189
|
+
padding-inline: 0.03125rem;
|
7238
7190
|
}
|
7239
7191
|
.cds--row--narrow .cds--col-xlg-0, .cds--grid--narrow .cds--col-xlg-0 {
|
7240
|
-
padding-
|
7241
|
-
padding-left: 0;
|
7192
|
+
padding-inline: 0 1rem;
|
7242
7193
|
}
|
7243
7194
|
|
7244
7195
|
.cds--col-xlg-1 {
|
7245
|
-
|
7246
|
-
padding-
|
7247
|
-
padding-left: 1rem;
|
7196
|
+
inline-size: 100%;
|
7197
|
+
padding-inline: 1rem;
|
7248
7198
|
}
|
7249
7199
|
.cds--row--condensed .cds--col-xlg-1, .cds--grid--condensed .cds--col-xlg-1 {
|
7250
|
-
padding-
|
7251
|
-
padding-left: 0.03125rem;
|
7200
|
+
padding-inline: 0.03125rem;
|
7252
7201
|
}
|
7253
7202
|
.cds--row--narrow .cds--col-xlg-1, .cds--grid--narrow .cds--col-xlg-1 {
|
7254
|
-
padding-
|
7255
|
-
padding-left: 0;
|
7203
|
+
padding-inline: 0 1rem;
|
7256
7204
|
}
|
7257
7205
|
|
7258
7206
|
.cds--col-xlg-2 {
|
7259
|
-
|
7260
|
-
padding-
|
7261
|
-
padding-left: 1rem;
|
7207
|
+
inline-size: 100%;
|
7208
|
+
padding-inline: 1rem;
|
7262
7209
|
}
|
7263
7210
|
.cds--row--condensed .cds--col-xlg-2, .cds--grid--condensed .cds--col-xlg-2 {
|
7264
|
-
padding-
|
7265
|
-
padding-left: 0.03125rem;
|
7211
|
+
padding-inline: 0.03125rem;
|
7266
7212
|
}
|
7267
7213
|
.cds--row--narrow .cds--col-xlg-2, .cds--grid--narrow .cds--col-xlg-2 {
|
7268
|
-
padding-
|
7269
|
-
padding-left: 0;
|
7214
|
+
padding-inline: 0 1rem;
|
7270
7215
|
}
|
7271
7216
|
|
7272
7217
|
.cds--col-xlg-3 {
|
7273
|
-
|
7274
|
-
padding-
|
7275
|
-
padding-left: 1rem;
|
7218
|
+
inline-size: 100%;
|
7219
|
+
padding-inline: 1rem;
|
7276
7220
|
}
|
7277
7221
|
.cds--row--condensed .cds--col-xlg-3, .cds--grid--condensed .cds--col-xlg-3 {
|
7278
|
-
padding-
|
7279
|
-
padding-left: 0.03125rem;
|
7222
|
+
padding-inline: 0.03125rem;
|
7280
7223
|
}
|
7281
7224
|
.cds--row--narrow .cds--col-xlg-3, .cds--grid--narrow .cds--col-xlg-3 {
|
7282
|
-
padding-
|
7283
|
-
padding-left: 0;
|
7225
|
+
padding-inline: 0 1rem;
|
7284
7226
|
}
|
7285
7227
|
|
7286
7228
|
.cds--col-xlg-4 {
|
7287
|
-
|
7288
|
-
padding-
|
7289
|
-
padding-left: 1rem;
|
7229
|
+
inline-size: 100%;
|
7230
|
+
padding-inline: 1rem;
|
7290
7231
|
}
|
7291
7232
|
.cds--row--condensed .cds--col-xlg-4, .cds--grid--condensed .cds--col-xlg-4 {
|
7292
|
-
padding-
|
7293
|
-
padding-left: 0.03125rem;
|
7233
|
+
padding-inline: 0.03125rem;
|
7294
7234
|
}
|
7295
7235
|
.cds--row--narrow .cds--col-xlg-4, .cds--grid--narrow .cds--col-xlg-4 {
|
7296
|
-
padding-
|
7297
|
-
padding-left: 0;
|
7236
|
+
padding-inline: 0 1rem;
|
7298
7237
|
}
|
7299
7238
|
|
7300
7239
|
.cds--col-xlg-5 {
|
7301
|
-
|
7302
|
-
padding-
|
7303
|
-
padding-left: 1rem;
|
7240
|
+
inline-size: 100%;
|
7241
|
+
padding-inline: 1rem;
|
7304
7242
|
}
|
7305
7243
|
.cds--row--condensed .cds--col-xlg-5, .cds--grid--condensed .cds--col-xlg-5 {
|
7306
|
-
padding-
|
7307
|
-
padding-left: 0.03125rem;
|
7244
|
+
padding-inline: 0.03125rem;
|
7308
7245
|
}
|
7309
7246
|
.cds--row--narrow .cds--col-xlg-5, .cds--grid--narrow .cds--col-xlg-5 {
|
7310
|
-
padding-
|
7311
|
-
padding-left: 0;
|
7247
|
+
padding-inline: 0 1rem;
|
7312
7248
|
}
|
7313
7249
|
|
7314
7250
|
.cds--col-xlg-6 {
|
7315
|
-
|
7316
|
-
padding-
|
7317
|
-
padding-left: 1rem;
|
7251
|
+
inline-size: 100%;
|
7252
|
+
padding-inline: 1rem;
|
7318
7253
|
}
|
7319
7254
|
.cds--row--condensed .cds--col-xlg-6, .cds--grid--condensed .cds--col-xlg-6 {
|
7320
|
-
padding-
|
7321
|
-
padding-left: 0.03125rem;
|
7255
|
+
padding-inline: 0.03125rem;
|
7322
7256
|
}
|
7323
7257
|
.cds--row--narrow .cds--col-xlg-6, .cds--grid--narrow .cds--col-xlg-6 {
|
7324
|
-
padding-
|
7325
|
-
padding-left: 0;
|
7258
|
+
padding-inline: 0 1rem;
|
7326
7259
|
}
|
7327
7260
|
|
7328
7261
|
.cds--col-xlg-7 {
|
7329
|
-
|
7330
|
-
padding-
|
7331
|
-
padding-left: 1rem;
|
7262
|
+
inline-size: 100%;
|
7263
|
+
padding-inline: 1rem;
|
7332
7264
|
}
|
7333
7265
|
.cds--row--condensed .cds--col-xlg-7, .cds--grid--condensed .cds--col-xlg-7 {
|
7334
|
-
padding-
|
7335
|
-
padding-left: 0.03125rem;
|
7266
|
+
padding-inline: 0.03125rem;
|
7336
7267
|
}
|
7337
7268
|
.cds--row--narrow .cds--col-xlg-7, .cds--grid--narrow .cds--col-xlg-7 {
|
7338
|
-
padding-
|
7339
|
-
padding-left: 0;
|
7269
|
+
padding-inline: 0 1rem;
|
7340
7270
|
}
|
7341
7271
|
|
7342
7272
|
.cds--col-xlg-8 {
|
7343
|
-
|
7344
|
-
padding-
|
7345
|
-
padding-left: 1rem;
|
7273
|
+
inline-size: 100%;
|
7274
|
+
padding-inline: 1rem;
|
7346
7275
|
}
|
7347
7276
|
.cds--row--condensed .cds--col-xlg-8, .cds--grid--condensed .cds--col-xlg-8 {
|
7348
|
-
padding-
|
7349
|
-
padding-left: 0.03125rem;
|
7277
|
+
padding-inline: 0.03125rem;
|
7350
7278
|
}
|
7351
7279
|
.cds--row--narrow .cds--col-xlg-8, .cds--grid--narrow .cds--col-xlg-8 {
|
7352
|
-
padding-
|
7353
|
-
padding-left: 0;
|
7280
|
+
padding-inline: 0 1rem;
|
7354
7281
|
}
|
7355
7282
|
|
7356
7283
|
.cds--col-xlg-9 {
|
7357
|
-
|
7358
|
-
padding-
|
7359
|
-
padding-left: 1rem;
|
7284
|
+
inline-size: 100%;
|
7285
|
+
padding-inline: 1rem;
|
7360
7286
|
}
|
7361
7287
|
.cds--row--condensed .cds--col-xlg-9, .cds--grid--condensed .cds--col-xlg-9 {
|
7362
|
-
padding-
|
7363
|
-
padding-left: 0.03125rem;
|
7288
|
+
padding-inline: 0.03125rem;
|
7364
7289
|
}
|
7365
7290
|
.cds--row--narrow .cds--col-xlg-9, .cds--grid--narrow .cds--col-xlg-9 {
|
7366
|
-
padding-
|
7367
|
-
padding-left: 0;
|
7291
|
+
padding-inline: 0 1rem;
|
7368
7292
|
}
|
7369
7293
|
|
7370
7294
|
.cds--col-xlg-10 {
|
7371
|
-
|
7372
|
-
padding-
|
7373
|
-
padding-left: 1rem;
|
7295
|
+
inline-size: 100%;
|
7296
|
+
padding-inline: 1rem;
|
7374
7297
|
}
|
7375
7298
|
.cds--row--condensed .cds--col-xlg-10, .cds--grid--condensed .cds--col-xlg-10 {
|
7376
|
-
padding-
|
7377
|
-
padding-left: 0.03125rem;
|
7299
|
+
padding-inline: 0.03125rem;
|
7378
7300
|
}
|
7379
7301
|
.cds--row--narrow .cds--col-xlg-10, .cds--grid--narrow .cds--col-xlg-10 {
|
7380
|
-
padding-
|
7381
|
-
padding-left: 0;
|
7302
|
+
padding-inline: 0 1rem;
|
7382
7303
|
}
|
7383
7304
|
|
7384
7305
|
.cds--col-xlg-11 {
|
7385
|
-
|
7386
|
-
padding-
|
7387
|
-
padding-left: 1rem;
|
7306
|
+
inline-size: 100%;
|
7307
|
+
padding-inline: 1rem;
|
7388
7308
|
}
|
7389
7309
|
.cds--row--condensed .cds--col-xlg-11, .cds--grid--condensed .cds--col-xlg-11 {
|
7390
|
-
padding-
|
7391
|
-
padding-left: 0.03125rem;
|
7310
|
+
padding-inline: 0.03125rem;
|
7392
7311
|
}
|
7393
7312
|
.cds--row--narrow .cds--col-xlg-11, .cds--grid--narrow .cds--col-xlg-11 {
|
7394
|
-
padding-
|
7395
|
-
padding-left: 0;
|
7313
|
+
padding-inline: 0 1rem;
|
7396
7314
|
}
|
7397
7315
|
|
7398
7316
|
.cds--col-xlg-12 {
|
7399
|
-
|
7400
|
-
padding-
|
7401
|
-
padding-left: 1rem;
|
7317
|
+
inline-size: 100%;
|
7318
|
+
padding-inline: 1rem;
|
7402
7319
|
}
|
7403
7320
|
.cds--row--condensed .cds--col-xlg-12, .cds--grid--condensed .cds--col-xlg-12 {
|
7404
|
-
padding-
|
7405
|
-
padding-left: 0.03125rem;
|
7321
|
+
padding-inline: 0.03125rem;
|
7406
7322
|
}
|
7407
7323
|
.cds--row--narrow .cds--col-xlg-12, .cds--grid--narrow .cds--col-xlg-12 {
|
7408
|
-
padding-
|
7409
|
-
padding-left: 0;
|
7324
|
+
padding-inline: 0 1rem;
|
7410
7325
|
}
|
7411
7326
|
|
7412
7327
|
.cds--col-xlg-13 {
|
7413
|
-
|
7414
|
-
padding-
|
7415
|
-
padding-left: 1rem;
|
7328
|
+
inline-size: 100%;
|
7329
|
+
padding-inline: 1rem;
|
7416
7330
|
}
|
7417
7331
|
.cds--row--condensed .cds--col-xlg-13, .cds--grid--condensed .cds--col-xlg-13 {
|
7418
|
-
padding-
|
7419
|
-
padding-left: 0.03125rem;
|
7332
|
+
padding-inline: 0.03125rem;
|
7420
7333
|
}
|
7421
7334
|
.cds--row--narrow .cds--col-xlg-13, .cds--grid--narrow .cds--col-xlg-13 {
|
7422
|
-
padding-
|
7423
|
-
padding-left: 0;
|
7335
|
+
padding-inline: 0 1rem;
|
7424
7336
|
}
|
7425
7337
|
|
7426
7338
|
.cds--col-xlg-14 {
|
7427
|
-
|
7428
|
-
padding-
|
7429
|
-
padding-left: 1rem;
|
7339
|
+
inline-size: 100%;
|
7340
|
+
padding-inline: 1rem;
|
7430
7341
|
}
|
7431
7342
|
.cds--row--condensed .cds--col-xlg-14, .cds--grid--condensed .cds--col-xlg-14 {
|
7432
|
-
padding-
|
7433
|
-
padding-left: 0.03125rem;
|
7343
|
+
padding-inline: 0.03125rem;
|
7434
7344
|
}
|
7435
7345
|
.cds--row--narrow .cds--col-xlg-14, .cds--grid--narrow .cds--col-xlg-14 {
|
7436
|
-
padding-
|
7437
|
-
padding-left: 0;
|
7346
|
+
padding-inline: 0 1rem;
|
7438
7347
|
}
|
7439
7348
|
|
7440
7349
|
.cds--col-xlg-15 {
|
7441
|
-
|
7442
|
-
padding-
|
7443
|
-
padding-left: 1rem;
|
7350
|
+
inline-size: 100%;
|
7351
|
+
padding-inline: 1rem;
|
7444
7352
|
}
|
7445
7353
|
.cds--row--condensed .cds--col-xlg-15, .cds--grid--condensed .cds--col-xlg-15 {
|
7446
|
-
padding-
|
7447
|
-
padding-left: 0.03125rem;
|
7354
|
+
padding-inline: 0.03125rem;
|
7448
7355
|
}
|
7449
7356
|
.cds--row--narrow .cds--col-xlg-15, .cds--grid--narrow .cds--col-xlg-15 {
|
7450
|
-
padding-
|
7451
|
-
padding-left: 0;
|
7357
|
+
padding-inline: 0 1rem;
|
7452
7358
|
}
|
7453
7359
|
|
7454
7360
|
.cds--col-xlg-16 {
|
7455
|
-
|
7456
|
-
padding-
|
7457
|
-
padding-left: 1rem;
|
7361
|
+
inline-size: 100%;
|
7362
|
+
padding-inline: 1rem;
|
7458
7363
|
}
|
7459
7364
|
.cds--row--condensed .cds--col-xlg-16, .cds--grid--condensed .cds--col-xlg-16 {
|
7460
|
-
padding-
|
7461
|
-
padding-left: 0.03125rem;
|
7365
|
+
padding-inline: 0.03125rem;
|
7462
7366
|
}
|
7463
7367
|
.cds--row--narrow .cds--col-xlg-16, .cds--grid--narrow .cds--col-xlg-16 {
|
7464
|
-
padding-
|
7465
|
-
padding-left: 0;
|
7368
|
+
padding-inline: 0 1rem;
|
7466
7369
|
}
|
7467
7370
|
|
7468
7371
|
.cds--col-xlg,
|
7469
7372
|
.cds--col-xlg--auto {
|
7470
|
-
|
7471
|
-
padding-
|
7472
|
-
padding-left: 1rem;
|
7373
|
+
inline-size: 100%;
|
7374
|
+
padding-inline: 1rem;
|
7473
7375
|
}
|
7474
7376
|
.cds--row--condensed .cds--col-xlg, .cds--grid--condensed .cds--col-xlg,
|
7475
7377
|
.cds--row--condensed .cds--col-xlg--auto,
|
7476
7378
|
.cds--grid--condensed .cds--col-xlg--auto {
|
7477
|
-
padding-
|
7478
|
-
padding-left: 0.03125rem;
|
7379
|
+
padding-inline: 0.03125rem;
|
7479
7380
|
}
|
7480
7381
|
.cds--row--narrow .cds--col-xlg, .cds--grid--narrow .cds--col-xlg,
|
7481
7382
|
.cds--row--narrow .cds--col-xlg--auto,
|
7482
7383
|
.cds--grid--narrow .cds--col-xlg--auto {
|
7483
|
-
padding-
|
7484
|
-
padding-left: 0;
|
7384
|
+
padding-inline: 0 1rem;
|
7485
7385
|
}
|
7486
7386
|
|
7487
7387
|
@media (min-width: 82rem) {
|
7488
7388
|
.cds--col,
|
7489
7389
|
.cds--col-xlg {
|
7490
|
-
max-width: 100%;
|
7491
7390
|
flex-basis: 0;
|
7492
7391
|
flex-grow: 1;
|
7392
|
+
max-inline-size: 100%;
|
7493
7393
|
}
|
7494
7394
|
.cds--col--auto,
|
7495
7395
|
.cds--col-xlg--auto {
|
7496
|
-
width: auto;
|
7497
|
-
max-width: 100%;
|
7498
7396
|
flex: 1 0 0%;
|
7397
|
+
inline-size: auto;
|
7398
|
+
max-inline-size: 100%;
|
7499
7399
|
}
|
7500
7400
|
.cds--col-xlg-0 {
|
7501
7401
|
display: none;
|
7502
7402
|
}
|
7503
7403
|
.cds--col-xlg-1 {
|
7504
7404
|
display: block;
|
7505
|
-
max-width: 6.25%;
|
7506
7405
|
flex: 0 0 6.25%;
|
7406
|
+
max-inline-size: 6.25%;
|
7507
7407
|
}
|
7508
7408
|
.cds--col-xlg-2 {
|
7509
7409
|
display: block;
|
7510
|
-
max-width: 12.5%;
|
7511
7410
|
flex: 0 0 12.5%;
|
7411
|
+
max-inline-size: 12.5%;
|
7512
7412
|
}
|
7513
7413
|
.cds--col-xlg-3 {
|
7514
7414
|
display: block;
|
7515
|
-
max-width: 18.75%;
|
7516
7415
|
flex: 0 0 18.75%;
|
7416
|
+
max-inline-size: 18.75%;
|
7517
7417
|
}
|
7518
7418
|
.cds--col-xlg-4 {
|
7519
7419
|
display: block;
|
7520
|
-
max-width: 25%;
|
7521
7420
|
flex: 0 0 25%;
|
7421
|
+
max-inline-size: 25%;
|
7522
7422
|
}
|
7523
7423
|
.cds--col-xlg-5 {
|
7524
7424
|
display: block;
|
7525
|
-
max-width: 31.25%;
|
7526
7425
|
flex: 0 0 31.25%;
|
7426
|
+
max-inline-size: 31.25%;
|
7527
7427
|
}
|
7528
7428
|
.cds--col-xlg-6 {
|
7529
7429
|
display: block;
|
7530
|
-
max-width: 37.5%;
|
7531
7430
|
flex: 0 0 37.5%;
|
7431
|
+
max-inline-size: 37.5%;
|
7532
7432
|
}
|
7533
7433
|
.cds--col-xlg-7 {
|
7534
7434
|
display: block;
|
7535
|
-
max-width: 43.75%;
|
7536
7435
|
flex: 0 0 43.75%;
|
7436
|
+
max-inline-size: 43.75%;
|
7537
7437
|
}
|
7538
7438
|
.cds--col-xlg-8 {
|
7539
7439
|
display: block;
|
7540
|
-
max-width: 50%;
|
7541
7440
|
flex: 0 0 50%;
|
7441
|
+
max-inline-size: 50%;
|
7542
7442
|
}
|
7543
7443
|
.cds--col-xlg-9 {
|
7544
7444
|
display: block;
|
7545
|
-
max-width: 56.25%;
|
7546
7445
|
flex: 0 0 56.25%;
|
7446
|
+
max-inline-size: 56.25%;
|
7547
7447
|
}
|
7548
7448
|
.cds--col-xlg-10 {
|
7549
7449
|
display: block;
|
7550
|
-
max-width: 62.5%;
|
7551
7450
|
flex: 0 0 62.5%;
|
7451
|
+
max-inline-size: 62.5%;
|
7552
7452
|
}
|
7553
7453
|
.cds--col-xlg-11 {
|
7554
7454
|
display: block;
|
7555
|
-
max-width: 68.75%;
|
7556
7455
|
flex: 0 0 68.75%;
|
7456
|
+
max-inline-size: 68.75%;
|
7557
7457
|
}
|
7558
7458
|
.cds--col-xlg-12 {
|
7559
7459
|
display: block;
|
7560
|
-
max-width: 75%;
|
7561
7460
|
flex: 0 0 75%;
|
7461
|
+
max-inline-size: 75%;
|
7562
7462
|
}
|
7563
7463
|
.cds--col-xlg-13 {
|
7564
7464
|
display: block;
|
7565
|
-
max-width: 81.25%;
|
7566
7465
|
flex: 0 0 81.25%;
|
7466
|
+
max-inline-size: 81.25%;
|
7567
7467
|
}
|
7568
7468
|
.cds--col-xlg-14 {
|
7569
7469
|
display: block;
|
7570
|
-
max-width: 87.5%;
|
7571
7470
|
flex: 0 0 87.5%;
|
7471
|
+
max-inline-size: 87.5%;
|
7572
7472
|
}
|
7573
7473
|
.cds--col-xlg-15 {
|
7574
7474
|
display: block;
|
7575
|
-
max-width: 93.75%;
|
7576
7475
|
flex: 0 0 93.75%;
|
7476
|
+
max-inline-size: 93.75%;
|
7577
7477
|
}
|
7578
7478
|
.cds--col-xlg-16 {
|
7579
7479
|
display: block;
|
7580
|
-
max-width: 100%;
|
7581
7480
|
flex: 0 0 100%;
|
7481
|
+
max-inline-size: 100%;
|
7582
7482
|
}
|
7583
7483
|
.cds--offset-xlg-0 {
|
7584
|
-
margin-
|
7484
|
+
margin-inline-start: 0;
|
7585
7485
|
}
|
7586
7486
|
.cds--offset-xlg-1 {
|
7587
|
-
margin-
|
7487
|
+
margin-inline-start: 6.25%;
|
7588
7488
|
}
|
7589
7489
|
.cds--offset-xlg-2 {
|
7590
|
-
margin-
|
7490
|
+
margin-inline-start: 12.5%;
|
7591
7491
|
}
|
7592
7492
|
.cds--offset-xlg-3 {
|
7593
|
-
margin-
|
7493
|
+
margin-inline-start: 18.75%;
|
7594
7494
|
}
|
7595
7495
|
.cds--offset-xlg-4 {
|
7596
|
-
margin-
|
7496
|
+
margin-inline-start: 25%;
|
7597
7497
|
}
|
7598
7498
|
.cds--offset-xlg-5 {
|
7599
|
-
margin-
|
7499
|
+
margin-inline-start: 31.25%;
|
7600
7500
|
}
|
7601
7501
|
.cds--offset-xlg-6 {
|
7602
|
-
margin-
|
7502
|
+
margin-inline-start: 37.5%;
|
7603
7503
|
}
|
7604
7504
|
.cds--offset-xlg-7 {
|
7605
|
-
margin-
|
7505
|
+
margin-inline-start: 43.75%;
|
7606
7506
|
}
|
7607
7507
|
.cds--offset-xlg-8 {
|
7608
|
-
margin-
|
7508
|
+
margin-inline-start: 50%;
|
7609
7509
|
}
|
7610
7510
|
.cds--offset-xlg-9 {
|
7611
|
-
margin-
|
7511
|
+
margin-inline-start: 56.25%;
|
7612
7512
|
}
|
7613
7513
|
.cds--offset-xlg-10 {
|
7614
|
-
margin-
|
7514
|
+
margin-inline-start: 62.5%;
|
7615
7515
|
}
|
7616
7516
|
.cds--offset-xlg-11 {
|
7617
|
-
margin-
|
7517
|
+
margin-inline-start: 68.75%;
|
7618
7518
|
}
|
7619
7519
|
.cds--offset-xlg-12 {
|
7620
|
-
margin-
|
7520
|
+
margin-inline-start: 75%;
|
7621
7521
|
}
|
7622
7522
|
.cds--offset-xlg-13 {
|
7623
|
-
margin-
|
7523
|
+
margin-inline-start: 81.25%;
|
7624
7524
|
}
|
7625
7525
|
.cds--offset-xlg-14 {
|
7626
|
-
margin-
|
7526
|
+
margin-inline-start: 87.5%;
|
7627
7527
|
}
|
7628
7528
|
.cds--offset-xlg-15 {
|
7629
|
-
margin-
|
7529
|
+
margin-inline-start: 93.75%;
|
7630
7530
|
}
|
7631
7531
|
}
|
7632
7532
|
.cds--col-max-0 {
|
7633
|
-
|
7634
|
-
padding-
|
7635
|
-
padding-left: 1rem;
|
7533
|
+
inline-size: 100%;
|
7534
|
+
padding-inline: 1rem;
|
7636
7535
|
}
|
7637
7536
|
.cds--row--condensed .cds--col-max-0, .cds--grid--condensed .cds--col-max-0 {
|
7638
|
-
padding-
|
7639
|
-
padding-left: 0.03125rem;
|
7537
|
+
padding-inline: 0.03125rem;
|
7640
7538
|
}
|
7641
7539
|
.cds--row--narrow .cds--col-max-0, .cds--grid--narrow .cds--col-max-0 {
|
7642
|
-
padding-
|
7643
|
-
padding-left: 0;
|
7540
|
+
padding-inline: 0 1rem;
|
7644
7541
|
}
|
7645
7542
|
|
7646
7543
|
.cds--col-max-1 {
|
7647
|
-
|
7648
|
-
padding-
|
7649
|
-
padding-left: 1rem;
|
7544
|
+
inline-size: 100%;
|
7545
|
+
padding-inline: 1rem;
|
7650
7546
|
}
|
7651
7547
|
.cds--row--condensed .cds--col-max-1, .cds--grid--condensed .cds--col-max-1 {
|
7652
|
-
padding-
|
7653
|
-
padding-left: 0.03125rem;
|
7548
|
+
padding-inline: 0.03125rem;
|
7654
7549
|
}
|
7655
7550
|
.cds--row--narrow .cds--col-max-1, .cds--grid--narrow .cds--col-max-1 {
|
7656
|
-
padding-
|
7657
|
-
padding-left: 0;
|
7551
|
+
padding-inline: 0 1rem;
|
7658
7552
|
}
|
7659
7553
|
|
7660
7554
|
.cds--col-max-2 {
|
7661
|
-
|
7662
|
-
padding-
|
7663
|
-
padding-left: 1rem;
|
7555
|
+
inline-size: 100%;
|
7556
|
+
padding-inline: 1rem;
|
7664
7557
|
}
|
7665
7558
|
.cds--row--condensed .cds--col-max-2, .cds--grid--condensed .cds--col-max-2 {
|
7666
|
-
padding-
|
7667
|
-
padding-left: 0.03125rem;
|
7559
|
+
padding-inline: 0.03125rem;
|
7668
7560
|
}
|
7669
7561
|
.cds--row--narrow .cds--col-max-2, .cds--grid--narrow .cds--col-max-2 {
|
7670
|
-
padding-
|
7671
|
-
padding-left: 0;
|
7562
|
+
padding-inline: 0 1rem;
|
7672
7563
|
}
|
7673
7564
|
|
7674
7565
|
.cds--col-max-3 {
|
7675
|
-
|
7676
|
-
padding-
|
7677
|
-
padding-left: 1rem;
|
7566
|
+
inline-size: 100%;
|
7567
|
+
padding-inline: 1rem;
|
7678
7568
|
}
|
7679
7569
|
.cds--row--condensed .cds--col-max-3, .cds--grid--condensed .cds--col-max-3 {
|
7680
|
-
padding-
|
7681
|
-
padding-left: 0.03125rem;
|
7570
|
+
padding-inline: 0.03125rem;
|
7682
7571
|
}
|
7683
7572
|
.cds--row--narrow .cds--col-max-3, .cds--grid--narrow .cds--col-max-3 {
|
7684
|
-
padding-
|
7685
|
-
padding-left: 0;
|
7573
|
+
padding-inline: 0 1rem;
|
7686
7574
|
}
|
7687
7575
|
|
7688
7576
|
.cds--col-max-4 {
|
7689
|
-
|
7690
|
-
padding-
|
7691
|
-
padding-left: 1rem;
|
7577
|
+
inline-size: 100%;
|
7578
|
+
padding-inline: 1rem;
|
7692
7579
|
}
|
7693
7580
|
.cds--row--condensed .cds--col-max-4, .cds--grid--condensed .cds--col-max-4 {
|
7694
|
-
padding-
|
7695
|
-
padding-left: 0.03125rem;
|
7581
|
+
padding-inline: 0.03125rem;
|
7696
7582
|
}
|
7697
7583
|
.cds--row--narrow .cds--col-max-4, .cds--grid--narrow .cds--col-max-4 {
|
7698
|
-
padding-
|
7699
|
-
padding-left: 0;
|
7584
|
+
padding-inline: 0 1rem;
|
7700
7585
|
}
|
7701
7586
|
|
7702
7587
|
.cds--col-max-5 {
|
7703
|
-
|
7704
|
-
padding-
|
7705
|
-
padding-left: 1rem;
|
7588
|
+
inline-size: 100%;
|
7589
|
+
padding-inline: 1rem;
|
7706
7590
|
}
|
7707
7591
|
.cds--row--condensed .cds--col-max-5, .cds--grid--condensed .cds--col-max-5 {
|
7708
|
-
padding-
|
7709
|
-
padding-left: 0.03125rem;
|
7592
|
+
padding-inline: 0.03125rem;
|
7710
7593
|
}
|
7711
7594
|
.cds--row--narrow .cds--col-max-5, .cds--grid--narrow .cds--col-max-5 {
|
7712
|
-
padding-
|
7713
|
-
padding-left: 0;
|
7595
|
+
padding-inline: 0 1rem;
|
7714
7596
|
}
|
7715
7597
|
|
7716
7598
|
.cds--col-max-6 {
|
7717
|
-
|
7718
|
-
padding-
|
7719
|
-
padding-left: 1rem;
|
7599
|
+
inline-size: 100%;
|
7600
|
+
padding-inline: 1rem;
|
7720
7601
|
}
|
7721
7602
|
.cds--row--condensed .cds--col-max-6, .cds--grid--condensed .cds--col-max-6 {
|
7722
|
-
padding-
|
7723
|
-
padding-left: 0.03125rem;
|
7603
|
+
padding-inline: 0.03125rem;
|
7724
7604
|
}
|
7725
7605
|
.cds--row--narrow .cds--col-max-6, .cds--grid--narrow .cds--col-max-6 {
|
7726
|
-
padding-
|
7727
|
-
padding-left: 0;
|
7606
|
+
padding-inline: 0 1rem;
|
7728
7607
|
}
|
7729
7608
|
|
7730
7609
|
.cds--col-max-7 {
|
7731
|
-
|
7732
|
-
padding-
|
7733
|
-
padding-left: 1rem;
|
7610
|
+
inline-size: 100%;
|
7611
|
+
padding-inline: 1rem;
|
7734
7612
|
}
|
7735
7613
|
.cds--row--condensed .cds--col-max-7, .cds--grid--condensed .cds--col-max-7 {
|
7736
|
-
padding-
|
7737
|
-
padding-left: 0.03125rem;
|
7614
|
+
padding-inline: 0.03125rem;
|
7738
7615
|
}
|
7739
7616
|
.cds--row--narrow .cds--col-max-7, .cds--grid--narrow .cds--col-max-7 {
|
7740
|
-
padding-
|
7741
|
-
padding-left: 0;
|
7617
|
+
padding-inline: 0 1rem;
|
7742
7618
|
}
|
7743
7619
|
|
7744
7620
|
.cds--col-max-8 {
|
7745
|
-
|
7746
|
-
padding-
|
7747
|
-
padding-left: 1rem;
|
7621
|
+
inline-size: 100%;
|
7622
|
+
padding-inline: 1rem;
|
7748
7623
|
}
|
7749
7624
|
.cds--row--condensed .cds--col-max-8, .cds--grid--condensed .cds--col-max-8 {
|
7750
|
-
padding-
|
7751
|
-
padding-left: 0.03125rem;
|
7625
|
+
padding-inline: 0.03125rem;
|
7752
7626
|
}
|
7753
7627
|
.cds--row--narrow .cds--col-max-8, .cds--grid--narrow .cds--col-max-8 {
|
7754
|
-
padding-
|
7755
|
-
padding-left: 0;
|
7628
|
+
padding-inline: 0 1rem;
|
7756
7629
|
}
|
7757
7630
|
|
7758
7631
|
.cds--col-max-9 {
|
7759
|
-
|
7760
|
-
padding-
|
7761
|
-
padding-left: 1rem;
|
7632
|
+
inline-size: 100%;
|
7633
|
+
padding-inline: 1rem;
|
7762
7634
|
}
|
7763
7635
|
.cds--row--condensed .cds--col-max-9, .cds--grid--condensed .cds--col-max-9 {
|
7764
|
-
padding-
|
7765
|
-
padding-left: 0.03125rem;
|
7636
|
+
padding-inline: 0.03125rem;
|
7766
7637
|
}
|
7767
7638
|
.cds--row--narrow .cds--col-max-9, .cds--grid--narrow .cds--col-max-9 {
|
7768
|
-
padding-
|
7769
|
-
padding-left: 0;
|
7639
|
+
padding-inline: 0 1rem;
|
7770
7640
|
}
|
7771
7641
|
|
7772
7642
|
.cds--col-max-10 {
|
7773
|
-
|
7774
|
-
padding-
|
7775
|
-
padding-left: 1rem;
|
7643
|
+
inline-size: 100%;
|
7644
|
+
padding-inline: 1rem;
|
7776
7645
|
}
|
7777
7646
|
.cds--row--condensed .cds--col-max-10, .cds--grid--condensed .cds--col-max-10 {
|
7778
|
-
padding-
|
7779
|
-
padding-left: 0.03125rem;
|
7647
|
+
padding-inline: 0.03125rem;
|
7780
7648
|
}
|
7781
7649
|
.cds--row--narrow .cds--col-max-10, .cds--grid--narrow .cds--col-max-10 {
|
7782
|
-
padding-
|
7783
|
-
padding-left: 0;
|
7650
|
+
padding-inline: 0 1rem;
|
7784
7651
|
}
|
7785
7652
|
|
7786
7653
|
.cds--col-max-11 {
|
7787
|
-
|
7788
|
-
padding-
|
7789
|
-
padding-left: 1rem;
|
7654
|
+
inline-size: 100%;
|
7655
|
+
padding-inline: 1rem;
|
7790
7656
|
}
|
7791
7657
|
.cds--row--condensed .cds--col-max-11, .cds--grid--condensed .cds--col-max-11 {
|
7792
|
-
padding-
|
7793
|
-
padding-left: 0.03125rem;
|
7658
|
+
padding-inline: 0.03125rem;
|
7794
7659
|
}
|
7795
7660
|
.cds--row--narrow .cds--col-max-11, .cds--grid--narrow .cds--col-max-11 {
|
7796
|
-
padding-
|
7797
|
-
padding-left: 0;
|
7661
|
+
padding-inline: 0 1rem;
|
7798
7662
|
}
|
7799
7663
|
|
7800
7664
|
.cds--col-max-12 {
|
7801
|
-
|
7802
|
-
padding-
|
7803
|
-
padding-left: 1rem;
|
7665
|
+
inline-size: 100%;
|
7666
|
+
padding-inline: 1rem;
|
7804
7667
|
}
|
7805
7668
|
.cds--row--condensed .cds--col-max-12, .cds--grid--condensed .cds--col-max-12 {
|
7806
|
-
padding-
|
7807
|
-
padding-left: 0.03125rem;
|
7669
|
+
padding-inline: 0.03125rem;
|
7808
7670
|
}
|
7809
7671
|
.cds--row--narrow .cds--col-max-12, .cds--grid--narrow .cds--col-max-12 {
|
7810
|
-
padding-
|
7811
|
-
padding-left: 0;
|
7672
|
+
padding-inline: 0 1rem;
|
7812
7673
|
}
|
7813
7674
|
|
7814
7675
|
.cds--col-max-13 {
|
7815
|
-
|
7816
|
-
padding-
|
7817
|
-
padding-left: 1rem;
|
7676
|
+
inline-size: 100%;
|
7677
|
+
padding-inline: 1rem;
|
7818
7678
|
}
|
7819
7679
|
.cds--row--condensed .cds--col-max-13, .cds--grid--condensed .cds--col-max-13 {
|
7820
|
-
padding-
|
7821
|
-
padding-left: 0.03125rem;
|
7680
|
+
padding-inline: 0.03125rem;
|
7822
7681
|
}
|
7823
7682
|
.cds--row--narrow .cds--col-max-13, .cds--grid--narrow .cds--col-max-13 {
|
7824
|
-
padding-
|
7825
|
-
padding-left: 0;
|
7683
|
+
padding-inline: 0 1rem;
|
7826
7684
|
}
|
7827
7685
|
|
7828
7686
|
.cds--col-max-14 {
|
7829
|
-
|
7830
|
-
padding-
|
7831
|
-
padding-left: 1rem;
|
7687
|
+
inline-size: 100%;
|
7688
|
+
padding-inline: 1rem;
|
7832
7689
|
}
|
7833
7690
|
.cds--row--condensed .cds--col-max-14, .cds--grid--condensed .cds--col-max-14 {
|
7834
|
-
padding-
|
7835
|
-
padding-left: 0.03125rem;
|
7691
|
+
padding-inline: 0.03125rem;
|
7836
7692
|
}
|
7837
7693
|
.cds--row--narrow .cds--col-max-14, .cds--grid--narrow .cds--col-max-14 {
|
7838
|
-
padding-
|
7839
|
-
padding-left: 0;
|
7694
|
+
padding-inline: 0 1rem;
|
7840
7695
|
}
|
7841
7696
|
|
7842
7697
|
.cds--col-max-15 {
|
7843
|
-
|
7844
|
-
padding-
|
7845
|
-
padding-left: 1rem;
|
7698
|
+
inline-size: 100%;
|
7699
|
+
padding-inline: 1rem;
|
7846
7700
|
}
|
7847
7701
|
.cds--row--condensed .cds--col-max-15, .cds--grid--condensed .cds--col-max-15 {
|
7848
|
-
padding-
|
7849
|
-
padding-left: 0.03125rem;
|
7702
|
+
padding-inline: 0.03125rem;
|
7850
7703
|
}
|
7851
7704
|
.cds--row--narrow .cds--col-max-15, .cds--grid--narrow .cds--col-max-15 {
|
7852
|
-
padding-
|
7853
|
-
padding-left: 0;
|
7705
|
+
padding-inline: 0 1rem;
|
7854
7706
|
}
|
7855
7707
|
|
7856
7708
|
.cds--col-max-16 {
|
7857
|
-
|
7858
|
-
padding-
|
7859
|
-
padding-left: 1rem;
|
7709
|
+
inline-size: 100%;
|
7710
|
+
padding-inline: 1rem;
|
7860
7711
|
}
|
7861
7712
|
.cds--row--condensed .cds--col-max-16, .cds--grid--condensed .cds--col-max-16 {
|
7862
|
-
padding-
|
7863
|
-
padding-left: 0.03125rem;
|
7713
|
+
padding-inline: 0.03125rem;
|
7864
7714
|
}
|
7865
7715
|
.cds--row--narrow .cds--col-max-16, .cds--grid--narrow .cds--col-max-16 {
|
7866
|
-
padding-
|
7867
|
-
padding-left: 0;
|
7716
|
+
padding-inline: 0 1rem;
|
7868
7717
|
}
|
7869
7718
|
|
7870
7719
|
.cds--col-max,
|
7871
7720
|
.cds--col-max--auto {
|
7872
|
-
|
7873
|
-
padding-
|
7874
|
-
padding-left: 1rem;
|
7721
|
+
inline-size: 100%;
|
7722
|
+
padding-inline: 1rem;
|
7875
7723
|
}
|
7876
7724
|
.cds--row--condensed .cds--col-max, .cds--grid--condensed .cds--col-max,
|
7877
7725
|
.cds--row--condensed .cds--col-max--auto,
|
7878
7726
|
.cds--grid--condensed .cds--col-max--auto {
|
7879
|
-
padding-
|
7880
|
-
padding-left: 0.03125rem;
|
7727
|
+
padding-inline: 0.03125rem;
|
7881
7728
|
}
|
7882
7729
|
.cds--row--narrow .cds--col-max, .cds--grid--narrow .cds--col-max,
|
7883
7730
|
.cds--row--narrow .cds--col-max--auto,
|
7884
7731
|
.cds--grid--narrow .cds--col-max--auto {
|
7885
|
-
padding-
|
7886
|
-
padding-left: 0;
|
7732
|
+
padding-inline: 0 1rem;
|
7887
7733
|
}
|
7888
7734
|
|
7889
7735
|
@media (min-width: 99rem) {
|
7890
7736
|
.cds--col,
|
7891
7737
|
.cds--col-max {
|
7892
|
-
max-width: 100%;
|
7893
7738
|
flex-basis: 0;
|
7894
7739
|
flex-grow: 1;
|
7740
|
+
max-inline-size: 100%;
|
7895
7741
|
}
|
7896
7742
|
.cds--col--auto,
|
7897
7743
|
.cds--col-max--auto {
|
7898
|
-
width: auto;
|
7899
|
-
max-width: 100%;
|
7900
7744
|
flex: 1 0 0%;
|
7745
|
+
inline-size: auto;
|
7746
|
+
max-inline-size: 100%;
|
7901
7747
|
}
|
7902
7748
|
.cds--col-max-0 {
|
7903
7749
|
display: none;
|
7904
7750
|
}
|
7905
7751
|
.cds--col-max-1 {
|
7906
7752
|
display: block;
|
7907
|
-
max-width: 6.25%;
|
7908
7753
|
flex: 0 0 6.25%;
|
7754
|
+
max-inline-size: 6.25%;
|
7909
7755
|
}
|
7910
7756
|
.cds--col-max-2 {
|
7911
7757
|
display: block;
|
7912
|
-
max-width: 12.5%;
|
7913
7758
|
flex: 0 0 12.5%;
|
7759
|
+
max-inline-size: 12.5%;
|
7914
7760
|
}
|
7915
7761
|
.cds--col-max-3 {
|
7916
7762
|
display: block;
|
7917
|
-
max-width: 18.75%;
|
7918
7763
|
flex: 0 0 18.75%;
|
7764
|
+
max-inline-size: 18.75%;
|
7919
7765
|
}
|
7920
7766
|
.cds--col-max-4 {
|
7921
7767
|
display: block;
|
7922
|
-
max-width: 25%;
|
7923
7768
|
flex: 0 0 25%;
|
7769
|
+
max-inline-size: 25%;
|
7924
7770
|
}
|
7925
7771
|
.cds--col-max-5 {
|
7926
7772
|
display: block;
|
7927
|
-
max-width: 31.25%;
|
7928
7773
|
flex: 0 0 31.25%;
|
7774
|
+
max-inline-size: 31.25%;
|
7929
7775
|
}
|
7930
7776
|
.cds--col-max-6 {
|
7931
7777
|
display: block;
|
7932
|
-
max-width: 37.5%;
|
7933
7778
|
flex: 0 0 37.5%;
|
7779
|
+
max-inline-size: 37.5%;
|
7934
7780
|
}
|
7935
7781
|
.cds--col-max-7 {
|
7936
7782
|
display: block;
|
7937
|
-
max-width: 43.75%;
|
7938
7783
|
flex: 0 0 43.75%;
|
7784
|
+
max-inline-size: 43.75%;
|
7939
7785
|
}
|
7940
7786
|
.cds--col-max-8 {
|
7941
7787
|
display: block;
|
7942
|
-
max-width: 50%;
|
7943
7788
|
flex: 0 0 50%;
|
7789
|
+
max-inline-size: 50%;
|
7944
7790
|
}
|
7945
7791
|
.cds--col-max-9 {
|
7946
7792
|
display: block;
|
7947
|
-
max-width: 56.25%;
|
7948
7793
|
flex: 0 0 56.25%;
|
7794
|
+
max-inline-size: 56.25%;
|
7949
7795
|
}
|
7950
7796
|
.cds--col-max-10 {
|
7951
7797
|
display: block;
|
7952
|
-
max-width: 62.5%;
|
7953
7798
|
flex: 0 0 62.5%;
|
7799
|
+
max-inline-size: 62.5%;
|
7954
7800
|
}
|
7955
7801
|
.cds--col-max-11 {
|
7956
7802
|
display: block;
|
7957
|
-
max-width: 68.75%;
|
7958
7803
|
flex: 0 0 68.75%;
|
7804
|
+
max-inline-size: 68.75%;
|
7959
7805
|
}
|
7960
7806
|
.cds--col-max-12 {
|
7961
7807
|
display: block;
|
7962
|
-
max-width: 75%;
|
7963
7808
|
flex: 0 0 75%;
|
7809
|
+
max-inline-size: 75%;
|
7964
7810
|
}
|
7965
7811
|
.cds--col-max-13 {
|
7966
7812
|
display: block;
|
7967
|
-
max-width: 81.25%;
|
7968
7813
|
flex: 0 0 81.25%;
|
7814
|
+
max-inline-size: 81.25%;
|
7969
7815
|
}
|
7970
7816
|
.cds--col-max-14 {
|
7971
7817
|
display: block;
|
7972
|
-
max-width: 87.5%;
|
7973
7818
|
flex: 0 0 87.5%;
|
7819
|
+
max-inline-size: 87.5%;
|
7974
7820
|
}
|
7975
7821
|
.cds--col-max-15 {
|
7976
7822
|
display: block;
|
7977
|
-
max-width: 93.75%;
|
7978
7823
|
flex: 0 0 93.75%;
|
7824
|
+
max-inline-size: 93.75%;
|
7979
7825
|
}
|
7980
7826
|
.cds--col-max-16 {
|
7981
7827
|
display: block;
|
7982
|
-
max-width: 100%;
|
7983
7828
|
flex: 0 0 100%;
|
7829
|
+
max-inline-size: 100%;
|
7984
7830
|
}
|
7985
7831
|
.cds--offset-max-0 {
|
7986
|
-
margin-
|
7832
|
+
margin-inline-start: 0;
|
7987
7833
|
}
|
7988
7834
|
.cds--offset-max-1 {
|
7989
|
-
margin-
|
7835
|
+
margin-inline-start: 6.25%;
|
7990
7836
|
}
|
7991
7837
|
.cds--offset-max-2 {
|
7992
|
-
margin-
|
7838
|
+
margin-inline-start: 12.5%;
|
7993
7839
|
}
|
7994
7840
|
.cds--offset-max-3 {
|
7995
|
-
margin-
|
7841
|
+
margin-inline-start: 18.75%;
|
7996
7842
|
}
|
7997
7843
|
.cds--offset-max-4 {
|
7998
|
-
margin-
|
7844
|
+
margin-inline-start: 25%;
|
7999
7845
|
}
|
8000
7846
|
.cds--offset-max-5 {
|
8001
|
-
margin-
|
7847
|
+
margin-inline-start: 31.25%;
|
8002
7848
|
}
|
8003
7849
|
.cds--offset-max-6 {
|
8004
|
-
margin-
|
7850
|
+
margin-inline-start: 37.5%;
|
8005
7851
|
}
|
8006
7852
|
.cds--offset-max-7 {
|
8007
|
-
margin-
|
7853
|
+
margin-inline-start: 43.75%;
|
8008
7854
|
}
|
8009
7855
|
.cds--offset-max-8 {
|
8010
|
-
margin-
|
7856
|
+
margin-inline-start: 50%;
|
8011
7857
|
}
|
8012
7858
|
.cds--offset-max-9 {
|
8013
|
-
margin-
|
7859
|
+
margin-inline-start: 56.25%;
|
8014
7860
|
}
|
8015
7861
|
.cds--offset-max-10 {
|
8016
|
-
margin-
|
7862
|
+
margin-inline-start: 62.5%;
|
8017
7863
|
}
|
8018
7864
|
.cds--offset-max-11 {
|
8019
|
-
margin-
|
7865
|
+
margin-inline-start: 68.75%;
|
8020
7866
|
}
|
8021
7867
|
.cds--offset-max-12 {
|
8022
|
-
margin-
|
7868
|
+
margin-inline-start: 75%;
|
8023
7869
|
}
|
8024
7870
|
.cds--offset-max-13 {
|
8025
|
-
margin-
|
7871
|
+
margin-inline-start: 81.25%;
|
8026
7872
|
}
|
8027
7873
|
.cds--offset-max-14 {
|
8028
|
-
margin-
|
7874
|
+
margin-inline-start: 87.5%;
|
8029
7875
|
}
|
8030
7876
|
.cds--offset-max-15 {
|
8031
|
-
margin-
|
7877
|
+
margin-inline-start: 93.75%;
|
8032
7878
|
}
|
8033
7879
|
}
|
8034
7880
|
.cds--no-gutter,
|
8035
7881
|
.cds--row.cds--no-gutter [class*=cds--col] {
|
8036
|
-
padding-
|
8037
|
-
padding-left: 0;
|
7882
|
+
padding-inline: 0;
|
8038
7883
|
}
|
8039
7884
|
|
8040
7885
|
.cds--no-gutter--start,
|
8041
7886
|
.cds--row.cds--no-gutter--start [class*=cds--col] {
|
8042
|
-
padding-
|
7887
|
+
padding-inline-start: 0;
|
8043
7888
|
}
|
8044
7889
|
|
8045
7890
|
.cds--no-gutter--end,
|
8046
7891
|
.cds--row.cds--no-gutter--end [class*=cds--col] {
|
8047
|
-
padding-
|
7892
|
+
padding-inline-end: 0;
|
8048
7893
|
}
|
8049
7894
|
|
8050
7895
|
.cds--hang--start {
|
8051
|
-
padding-
|
7896
|
+
padding-inline-start: 1rem;
|
8052
7897
|
}
|
8053
7898
|
|
8054
7899
|
.cds--hang--end {
|
8055
|
-
padding-
|
7900
|
+
padding-inline-end: 1rem;
|
8056
7901
|
}
|
8057
7902
|
|
8058
7903
|
.c4p--action-bar.c4p--action-bar {
|
@@ -8258,10 +8103,15 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8258
8103
|
color: var(--cds-text-inverse, #ffffff);
|
8259
8104
|
}
|
8260
8105
|
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-list {
|
8106
|
+
display: flex;
|
8107
|
+
flex-direction: column;
|
8261
8108
|
margin-bottom: 0.5rem;
|
8262
8109
|
}
|
8263
|
-
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item
|
8264
|
-
|
8110
|
+
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--tag .cds--tag {
|
8111
|
+
background-color: var(--cds-background-inverse-hover, #474747);
|
8112
|
+
}
|
8113
|
+
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--default,
|
8114
|
+
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--default .cds--tag {
|
8265
8115
|
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
8266
8116
|
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
8267
8117
|
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
@@ -10692,9 +10542,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10692
10542
|
top: 0;
|
10693
10543
|
right: 0;
|
10694
10544
|
bottom: 0;
|
10695
|
-
width: calc(
|
10696
|
-
1rem + 2rem + 1rem
|
10697
|
-
);
|
10545
|
+
width: calc(1rem + 2rem + 1rem);
|
10698
10546
|
}
|
10699
10547
|
|
10700
10548
|
.c4p--options-tile__toggle {
|
@@ -10709,12 +10557,12 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10709
10557
|
.c4p--options-tile__toggle .cds--toggle__label-text {
|
10710
10558
|
position: absolute;
|
10711
10559
|
overflow: hidden;
|
10712
|
-
width: 1px;
|
10713
|
-
height: 1px;
|
10714
10560
|
padding: 0;
|
10715
10561
|
border: 0;
|
10716
10562
|
margin: -1px;
|
10563
|
+
block-size: 1px;
|
10717
10564
|
clip: rect(0, 0, 0, 0);
|
10565
|
+
inline-size: 1px;
|
10718
10566
|
visibility: inherit;
|
10719
10567
|
white-space: nowrap;
|
10720
10568
|
}
|
@@ -11558,8 +11406,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11558
11406
|
.c4p--datagrid__simple-body {
|
11559
11407
|
position: relative;
|
11560
11408
|
display: table;
|
11561
|
-
overflow
|
11562
|
-
overflow-y: auto;
|
11409
|
+
overflow: hidden auto;
|
11563
11410
|
scrollbar-width: thin;
|
11564
11411
|
}
|
11565
11412
|
|
@@ -11651,9 +11498,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11651
11498
|
/* stylelint-disable-next-line carbon/layout-token-use */
|
11652
11499
|
top: var(--c4p--datagrid--row-height);
|
11653
11500
|
/* stylelint-disable-next-line carbon/layout-token-use */
|
11654
|
-
left: calc(
|
11655
|
-
var(--c4p--datagrid--indicator-offset-amount) + 1rem
|
11656
|
-
);
|
11501
|
+
left: calc(var(--c4p--datagrid--indicator-offset-amount) + 1rem);
|
11657
11502
|
width: 1px;
|
11658
11503
|
height: var(--c4p--datagrid--indicator-height);
|
11659
11504
|
border-left: 1px solid var(--cds-border-subtle-selected-01, #c6c6c6);
|
@@ -12248,6 +12093,31 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12248
12093
|
justify-content: center;
|
12249
12094
|
}
|
12250
12095
|
|
12096
|
+
.c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-center td,
|
12097
|
+
.c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-top td {
|
12098
|
+
align-items: flex-start;
|
12099
|
+
padding-top: 1rem;
|
12100
|
+
padding-bottom: 1rem;
|
12101
|
+
}
|
12102
|
+
.c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-center td.c4p--datagrid__actions-column-cell,
|
12103
|
+
.c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-top td.c4p--datagrid__actions-column-cell {
|
12104
|
+
padding-left: 0.5rem;
|
12105
|
+
}
|
12106
|
+
|
12107
|
+
.c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-center th .cds--table-header-label,
|
12108
|
+
.c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-top th .cds--table-header-label {
|
12109
|
+
align-items: flex-start;
|
12110
|
+
}
|
12111
|
+
|
12112
|
+
.c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.cds--table-column-checkbox {
|
12113
|
+
align-items: flex-start;
|
12114
|
+
padding-top: 0.75rem;
|
12115
|
+
}
|
12116
|
+
|
12117
|
+
.c4p--datagrid__row-size__row-settings-trigger--open.cds--btn--ghost {
|
12118
|
+
background-color: var(--cds-layer-02, #ffffff);
|
12119
|
+
}
|
12120
|
+
|
12251
12121
|
/*
|
12252
12122
|
* Licensed Materials - Property of IBM
|
12253
12123
|
* 5724-Q36
|
@@ -12969,7 +12839,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
12969
12839
|
position: absolute;
|
12970
12840
|
top: 0;
|
12971
12841
|
left: 0.125rem;
|
12972
|
-
width: calc(100% -
|
12842
|
+
width: calc(100% - 0.125rem * 2);
|
12973
12843
|
height: 0.125rem;
|
12974
12844
|
background-color: var(--cds-layer-01, #f4f4f4);
|
12975
12845
|
content: "";
|
@@ -12979,7 +12849,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
12979
12849
|
position: absolute;
|
12980
12850
|
top: 0.125rem;
|
12981
12851
|
left: 0.5rem;
|
12982
|
-
width: calc(100% -
|
12852
|
+
width: calc(100% - 0.5rem * 2);
|
12983
12853
|
height: 1px;
|
12984
12854
|
background-color: var(--cds-layer-accent-01, #e0e0e0);
|
12985
12855
|
content: "";
|
@@ -13073,29 +12943,25 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
13073
12943
|
--cds-grid-gutter-end: calc(var(--cds-grid-gutter) / 2);
|
13074
12944
|
--cds-grid-column-hang: calc(var(--cds-grid-gutter) / 2);
|
13075
12945
|
display: grid;
|
13076
|
-
width: 100%;
|
13077
|
-
max-width: 99rem;
|
13078
|
-
padding-right: var(--cds-grid-margin);
|
13079
|
-
padding-left: var(--cds-grid-margin);
|
13080
|
-
margin-right: auto;
|
13081
|
-
margin-left: auto;
|
13082
12946
|
grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));
|
12947
|
+
inline-size: 100%;
|
12948
|
+
margin-inline: auto;
|
12949
|
+
max-inline-size: 99rem;
|
12950
|
+
padding-inline: var(--cds-grid-margin);
|
13083
12951
|
}
|
13084
12952
|
|
13085
12953
|
.cds--css-grid--full-width {
|
13086
|
-
max-
|
12954
|
+
max-inline-size: 100%;
|
13087
12955
|
}
|
13088
12956
|
|
13089
12957
|
.cds--css-grid-column {
|
13090
12958
|
--cds-grid-mode-start: var(--cds-grid-gutter-start);
|
13091
12959
|
--cds-grid-mode-end: var(--cds-grid-gutter-end);
|
13092
|
-
margin-
|
13093
|
-
margin-left: var(--cds-grid-gutter-start);
|
12960
|
+
margin-inline: var(--cds-grid-gutter-start) var(--cds-grid-gutter-end);
|
13094
12961
|
}
|
13095
12962
|
|
13096
12963
|
[dir=rtl] .cds--css-grid-column {
|
13097
|
-
margin-
|
13098
|
-
margin-left: var(--cds-grid-gutter-end);
|
12964
|
+
margin-inline: var(--cds-grid-gutter-end) var(--cds-grid-gutter-start);
|
13099
12965
|
}
|
13100
12966
|
|
13101
12967
|
.cds--css-grid--narrow {
|
@@ -13109,14 +12975,12 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
13109
12975
|
|
13110
12976
|
.cds--subgrid {
|
13111
12977
|
display: grid;
|
13112
|
-
margin-right: calc(var(--cds-grid-mode-end) * -1);
|
13113
|
-
margin-left: calc(var(--cds-grid-mode-start) * -1);
|
13114
12978
|
grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));
|
12979
|
+
margin-inline: calc(var(--cds-grid-mode-start) * -1) calc(var(--cds-grid-mode-end) * -1);
|
13115
12980
|
}
|
13116
12981
|
|
13117
12982
|
[dir=rtl] .cds--subgrid {
|
13118
|
-
margin-
|
13119
|
-
margin-left: calc(var(--cds-grid-mode-end) * -1);
|
12983
|
+
margin-inline: calc(var(--cds-grid-mode-end) * -1) calc(var(--cds-grid-mode-start) * -1);
|
13120
12984
|
}
|
13121
12985
|
|
13122
12986
|
.cds--subgrid--wide {
|
@@ -13138,12 +13002,11 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
13138
13002
|
}
|
13139
13003
|
|
13140
13004
|
.cds--grid-column-hang {
|
13141
|
-
margin-
|
13005
|
+
margin-inline-start: var(--cds-grid-column-hang);
|
13142
13006
|
}
|
13143
13007
|
|
13144
13008
|
[dir=rtl] .cds--grid-column-hang {
|
13145
|
-
margin-
|
13146
|
-
margin-left: initial;
|
13009
|
+
margin-inline: initial var(--cds-grid-column-hang);
|
13147
13010
|
}
|
13148
13011
|
|
13149
13012
|
.cds--col-span-0 {
|
@@ -14540,12 +14403,12 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
14540
14403
|
.cds--visually-hidden {
|
14541
14404
|
position: absolute;
|
14542
14405
|
overflow: hidden;
|
14543
|
-
width: 1px;
|
14544
|
-
height: 1px;
|
14545
14406
|
padding: 0;
|
14546
14407
|
border: 0;
|
14547
14408
|
margin: -1px;
|
14409
|
+
block-size: 1px;
|
14548
14410
|
clip: rect(0, 0, 0, 0);
|
14411
|
+
inline-size: 1px;
|
14549
14412
|
visibility: inherit;
|
14550
14413
|
white-space: nowrap;
|
14551
14414
|
}
|
@@ -14682,47 +14545,47 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
14682
14545
|
.cds--side-nav {
|
14683
14546
|
position: fixed;
|
14684
14547
|
z-index: 8000;
|
14685
|
-
top: 0;
|
14686
|
-
bottom: 0;
|
14687
|
-
left: 0;
|
14688
14548
|
overflow: hidden;
|
14689
|
-
width: 3rem;
|
14690
|
-
max-width: 16rem;
|
14691
14549
|
background-color: var(--cds-background, #ffffff);
|
14692
14550
|
color: var(--cds-text-secondary, #525252);
|
14551
|
+
inline-size: 3rem;
|
14552
|
+
inset-block-end: 0;
|
14553
|
+
inset-block-start: 0;
|
14554
|
+
inset-inline-start: 0;
|
14555
|
+
max-inline-size: 16rem;
|
14693
14556
|
transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);
|
14694
14557
|
will-change: width;
|
14695
14558
|
}
|
14696
14559
|
|
14697
14560
|
.cds--side-nav--ux {
|
14698
|
-
|
14699
|
-
|
14561
|
+
inline-size: 16rem;
|
14562
|
+
inset-block-start: 3rem;
|
14700
14563
|
}
|
14701
14564
|
|
14702
14565
|
@media (max-width: 65.98rem) {
|
14703
14566
|
.cds--side-nav--ux {
|
14704
|
-
|
14567
|
+
inline-size: 0;
|
14705
14568
|
}
|
14706
14569
|
}
|
14707
14570
|
.cds--side-nav--rail {
|
14708
|
-
|
14571
|
+
inline-size: 3rem;
|
14709
14572
|
}
|
14710
14573
|
|
14711
14574
|
.cds--side-nav--hidden {
|
14712
|
-
|
14575
|
+
inline-size: 0;
|
14713
14576
|
}
|
14714
14577
|
|
14715
14578
|
.cds--side-nav--expanded {
|
14716
|
-
|
14579
|
+
inline-size: 16rem;
|
14717
14580
|
}
|
14718
14581
|
|
14719
14582
|
.cds--side-nav__overlay {
|
14720
14583
|
position: fixed;
|
14721
|
-
top: 3rem;
|
14722
|
-
left: 0;
|
14723
|
-
width: 0;
|
14724
|
-
height: 0;
|
14725
14584
|
background-color: transparent;
|
14585
|
+
block-size: 0;
|
14586
|
+
inline-size: 0;
|
14587
|
+
inset-block-start: 3rem;
|
14588
|
+
inset-inline-start: 0;
|
14726
14589
|
opacity: 0;
|
14727
14590
|
transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
|
14728
14591
|
}
|
@@ -14730,24 +14593,24 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
14730
14593
|
@media (max-width: 65.98rem) {
|
14731
14594
|
.cds--side-nav__overlay-active {
|
14732
14595
|
z-index: 6000;
|
14733
|
-
width: 100vw;
|
14734
|
-
height: 100vh;
|
14735
14596
|
background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
|
14597
|
+
block-size: 100vh;
|
14598
|
+
inline-size: 100vw;
|
14736
14599
|
opacity: 1;
|
14737
14600
|
transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
|
14738
14601
|
}
|
14739
14602
|
}
|
14740
14603
|
.cds--header ~ .cds--side-nav {
|
14741
|
-
|
14742
|
-
|
14604
|
+
block-size: calc(100% - 48px);
|
14605
|
+
inset-block-start: 3rem;
|
14743
14606
|
}
|
14744
14607
|
|
14745
14608
|
.cds--side-nav--fixed {
|
14746
|
-
|
14609
|
+
inline-size: 16rem;
|
14747
14610
|
}
|
14748
14611
|
|
14749
14612
|
.cds--side-nav--collapsed {
|
14750
|
-
|
14613
|
+
inline-size: 16rem;
|
14751
14614
|
transform: translateX(-16rem);
|
14752
14615
|
}
|
14753
14616
|
|
@@ -14785,13 +14648,13 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
14785
14648
|
|
14786
14649
|
.cds--side-nav__item {
|
14787
14650
|
overflow: hidden;
|
14788
|
-
|
14789
|
-
|
14651
|
+
block-size: auto;
|
14652
|
+
inline-size: auto;
|
14790
14653
|
}
|
14791
14654
|
|
14792
14655
|
.cds--side-nav--ux .cds--side-nav__item {
|
14793
|
-
|
14794
|
-
|
14656
|
+
block-size: auto;
|
14657
|
+
inline-size: auto;
|
14795
14658
|
}
|
14796
14659
|
|
14797
14660
|
.cds--side-nav__item:not(.cds--side-nav__item--active):hover .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__submenu:hover,
|
@@ -14809,16 +14672,20 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
14809
14672
|
}
|
14810
14673
|
|
14811
14674
|
.cds--side-nav__item--large {
|
14812
|
-
|
14675
|
+
block-size: 3rem;
|
14813
14676
|
}
|
14814
14677
|
|
14815
14678
|
.cds--side-nav__divider {
|
14816
|
-
height: 1px;
|
14817
14679
|
margin: 0.5rem 1rem;
|
14818
14680
|
background-color: var(--cds-border-subtle);
|
14681
|
+
block-size: 1px;
|
14819
14682
|
list-style-type: none;
|
14820
14683
|
}
|
14821
14684
|
|
14685
|
+
.cds--side-nav__divider hr {
|
14686
|
+
border: none;
|
14687
|
+
}
|
14688
|
+
|
14822
14689
|
.cds--side-nav__submenu {
|
14823
14690
|
box-sizing: border-box;
|
14824
14691
|
padding: 0;
|
@@ -14834,7 +14701,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
14834
14701
|
background: none;
|
14835
14702
|
cursor: pointer;
|
14836
14703
|
text-align: start;
|
14837
|
-
|
14704
|
+
inline-size: 100%;
|
14838
14705
|
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
14839
14706
|
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
14840
14707
|
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
@@ -14842,9 +14709,9 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
14842
14709
|
outline: 2px solid transparent;
|
14843
14710
|
outline-offset: -2px;
|
14844
14711
|
display: flex;
|
14845
|
-
height: 2rem;
|
14846
14712
|
align-items: center;
|
14847
14713
|
padding: 0 1rem;
|
14714
|
+
block-size: 2rem;
|
14848
14715
|
color: var(--cds-text-secondary, #525252);
|
14849
14716
|
transition: color 110ms, background-color 110ms, outline 110ms;
|
14850
14717
|
user-select: none;
|
@@ -14879,7 +14746,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
14879
14746
|
overflow: hidden;
|
14880
14747
|
text-overflow: ellipsis;
|
14881
14748
|
white-space: nowrap;
|
14882
|
-
text-align:
|
14749
|
+
text-align: start;
|
14883
14750
|
}
|
14884
14751
|
|
14885
14752
|
.cds--side-nav__icon.cds--side-nav__submenu-chevron {
|
@@ -14889,8 +14756,8 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
14889
14756
|
}
|
14890
14757
|
|
14891
14758
|
.cds--side-nav__submenu-chevron > svg {
|
14892
|
-
|
14893
|
-
|
14759
|
+
block-size: 1rem;
|
14760
|
+
inline-size: 1rem;
|
14894
14761
|
transition: transform 110ms;
|
14895
14762
|
}
|
14896
14763
|
|
@@ -14899,7 +14766,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
14899
14766
|
}
|
14900
14767
|
|
14901
14768
|
.cds--side-nav__item--large .cds--side-nav__submenu {
|
14902
|
-
|
14769
|
+
block-size: 3rem;
|
14903
14770
|
}
|
14904
14771
|
|
14905
14772
|
.cds--side-nav__item--active .cds--side-nav__submenu:hover {
|
@@ -14915,12 +14782,12 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
14915
14782
|
|
14916
14783
|
.cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false]::before {
|
14917
14784
|
position: absolute;
|
14918
|
-
top: 0;
|
14919
|
-
bottom: 0;
|
14920
|
-
left: 0;
|
14921
|
-
width: 3px;
|
14922
14785
|
background-color: var(--cds-border-interactive, #0f62fe);
|
14923
14786
|
content: "";
|
14787
|
+
inline-size: 3px;
|
14788
|
+
inset-block-end: 0;
|
14789
|
+
inset-block-start: 0;
|
14790
|
+
inset-inline-start: 0;
|
14924
14791
|
}
|
14925
14792
|
|
14926
14793
|
.cds--side-nav__item--active .cds--side-nav__submenu-title {
|
@@ -14941,7 +14808,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
14941
14808
|
font-size: 100%;
|
14942
14809
|
vertical-align: baseline;
|
14943
14810
|
display: block;
|
14944
|
-
max-
|
14811
|
+
max-block-size: 0;
|
14945
14812
|
visibility: hidden;
|
14946
14813
|
}
|
14947
14814
|
|
@@ -14952,19 +14819,19 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
14952
14819
|
}
|
14953
14820
|
|
14954
14821
|
.cds--side-nav__submenu[aria-expanded=true] + .cds--side-nav__menu {
|
14955
|
-
max-
|
14822
|
+
max-block-size: 93.75rem;
|
14956
14823
|
visibility: inherit;
|
14957
14824
|
}
|
14958
14825
|
|
14959
14826
|
.cds--side-nav__menu a.cds--side-nav__link {
|
14960
|
-
|
14961
|
-
min-height: 2rem;
|
14962
|
-
padding-left: 2rem;
|
14827
|
+
block-size: 2rem;
|
14963
14828
|
font-weight: 400;
|
14829
|
+
min-block-size: 2rem;
|
14830
|
+
padding-inline-start: 2rem;
|
14964
14831
|
}
|
14965
14832
|
|
14966
14833
|
.cds--side-nav__item.cds--side-nav__item--icon a.cds--side-nav__link {
|
14967
|
-
padding-
|
14834
|
+
padding-inline-start: 4.5rem;
|
14968
14835
|
}
|
14969
14836
|
|
14970
14837
|
.cds--side-nav__menu a.cds--side-nav__link--current,
|
@@ -14991,15 +14858,15 @@ a.cds--side-nav__link,
|
|
14991
14858
|
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
14992
14859
|
position: relative;
|
14993
14860
|
display: flex;
|
14994
|
-
min-height: 2rem;
|
14995
14861
|
align-items: center;
|
14996
14862
|
padding: 0 1rem;
|
14863
|
+
min-block-size: 2rem;
|
14997
14864
|
text-decoration: none;
|
14998
14865
|
transition: color 110ms, background-color 110ms, outline 110ms;
|
14999
14866
|
}
|
15000
14867
|
|
15001
14868
|
.cds--side-nav__item--large a.cds--side-nav__link {
|
15002
|
-
|
14869
|
+
block-size: 3rem;
|
15003
14870
|
}
|
15004
14871
|
|
15005
14872
|
a.cds--side-nav__link > .cds--side-nav__link-text,
|
@@ -15040,12 +14907,12 @@ a.cds--side-nav__link--current .cds--side-nav__link-text {
|
|
15040
14907
|
a.cds--side-nav__link[aria-current=page]::before,
|
15041
14908
|
a.cds--side-nav__link--current::before {
|
15042
14909
|
position: absolute;
|
15043
|
-
top: 0;
|
15044
|
-
bottom: 0;
|
15045
|
-
left: 0;
|
15046
|
-
width: 3px;
|
15047
14910
|
background-color: var(--cds-border-interactive, #0f62fe);
|
15048
14911
|
content: "";
|
14912
|
+
inline-size: 3px;
|
14913
|
+
inset-block-end: 0;
|
14914
|
+
inset-block-start: 0;
|
14915
|
+
inset-inline-start: 0;
|
15049
14916
|
}
|
15050
14917
|
|
15051
14918
|
.cds--side-nav__icon {
|
@@ -15056,13 +14923,13 @@ a.cds--side-nav__link--current::before {
|
|
15056
14923
|
}
|
15057
14924
|
|
15058
14925
|
.cds--side-nav__icon:not(.cds--side-nav__submenu-chevron) {
|
15059
|
-
margin-
|
14926
|
+
margin-inline-end: 1.5rem;
|
15060
14927
|
}
|
15061
14928
|
|
15062
14929
|
.cds--side-nav__icon > svg {
|
15063
|
-
|
15064
|
-
height: 1rem;
|
14930
|
+
block-size: 1rem;
|
15065
14931
|
fill: var(--cds-icon-secondary, #525252);
|
14932
|
+
inline-size: 1rem;
|
15066
14933
|
}
|
15067
14934
|
|
15068
14935
|
.cds--side-nav__icon > svg.cds--side-nav-collapse-icon {
|
@@ -15079,11 +14946,11 @@ a.cds--side-nav__link--current::before {
|
|
15079
14946
|
|
15080
14947
|
.cds--side-nav--fixed a.cds--side-nav__link,
|
15081
14948
|
.cds--side-nav--fixed .cds--side-nav__submenu {
|
15082
|
-
padding-
|
14949
|
+
padding-inline-start: 1rem;
|
15083
14950
|
}
|
15084
14951
|
|
15085
14952
|
.cds--side-nav--fixed .cds--side-nav__item:not(.cds--side-nav__item--icon) .cds--side-nav__menu a.cds--side-nav__link {
|
15086
|
-
padding-
|
14953
|
+
padding-inline-start: 2rem;
|
15087
14954
|
}
|
15088
14955
|
|
15089
14956
|
@media (max-width: 65.98rem) {
|
@@ -15112,17 +14979,17 @@ a.cds--side-nav__link--current::before {
|
|
15112
14979
|
.cds--side-nav__header-navigation {
|
15113
14980
|
position: relative;
|
15114
14981
|
display: block;
|
15115
|
-
margin-
|
14982
|
+
margin-block-end: 2rem;
|
15116
14983
|
}
|
15117
14984
|
}
|
15118
14985
|
.cds--side-nav__header-divider::after {
|
15119
14986
|
position: absolute;
|
15120
|
-
bottom: -1rem;
|
15121
|
-
left: 1rem;
|
15122
|
-
width: calc(100% - 32px);
|
15123
|
-
height: 0.0625rem;
|
15124
14987
|
background: var(--cds-border-subtle);
|
14988
|
+
block-size: 0.0625rem;
|
15125
14989
|
content: "";
|
14990
|
+
inline-size: calc(100% - 32px);
|
14991
|
+
inset-block-end: -1rem;
|
14992
|
+
inset-inline-start: 1rem;
|
15126
14993
|
}
|
15127
14994
|
|
15128
14995
|
.cds--side-nav a.cds--header__menu-item {
|
@@ -15136,21 +15003,21 @@ a.cds--side-nav__link--current::before {
|
|
15136
15003
|
}
|
15137
15004
|
|
15138
15005
|
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
|
15139
|
-
bottom: inherit;
|
15140
|
-
width: 100%;
|
15141
15006
|
padding: 0;
|
15142
15007
|
background-color: transparent;
|
15143
15008
|
box-shadow: none;
|
15009
|
+
inline-size: 100%;
|
15010
|
+
inset-block-end: inherit;
|
15144
15011
|
transform: none;
|
15145
15012
|
}
|
15146
15013
|
|
15147
15014
|
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu li {
|
15148
|
-
|
15015
|
+
inline-size: 100%;
|
15149
15016
|
}
|
15150
15017
|
|
15151
15018
|
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item {
|
15152
|
-
padding-left: 4.25rem;
|
15153
15019
|
font-weight: 400;
|
15020
|
+
padding-inline-start: 4.25rem;
|
15154
15021
|
}
|
15155
15022
|
|
15156
15023
|
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item:hover {
|
@@ -15164,12 +15031,12 @@ a.cds--side-nav__link--current::before {
|
|
15164
15031
|
|
15165
15032
|
.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
|
15166
15033
|
.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
|
15167
|
-
|
15168
|
-
|
15034
|
+
block-size: calc(100% + 4px);
|
15035
|
+
inline-size: 3px;
|
15169
15036
|
}
|
15170
15037
|
|
15171
15038
|
.cds--side-nav .cds--header__menu a.cds--header__menu-item {
|
15172
|
-
|
15039
|
+
block-size: inherit;
|
15173
15040
|
}
|
15174
15041
|
|
15175
15042
|
.cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
|
@@ -15462,7 +15329,7 @@ a.cds--side-nav__link--current::before {
|
|
15462
15329
|
}
|
15463
15330
|
|
15464
15331
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container {
|
15465
|
-
max-height: calc(100% - 3rem +
|
15332
|
+
max-height: calc(100% - 3rem + 2 * 1rem);
|
15466
15333
|
}
|
15467
15334
|
|
15468
15335
|
.c4p--tearsheet .c4p--tearsheet__container--lower {
|
@@ -15474,7 +15341,7 @@ a.cds--side-nav__link--current::before {
|
|
15474
15341
|
}
|
15475
15342
|
|
15476
15343
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container--lower {
|
15477
|
-
max-height: calc(100% - (3rem + 2.5rem) +
|
15344
|
+
max-height: calc(100% - (3rem + 2.5rem) + 2 * 1rem);
|
15478
15345
|
}
|
15479
15346
|
|
15480
15347
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
|
@@ -15487,7 +15354,7 @@ a.cds--side-nav__link--current::before {
|
|
15487
15354
|
|
15488
15355
|
@media (min-width: 42rem) {
|
15489
15356
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
|
15490
|
-
width: calc(100% -
|
15357
|
+
width: calc(100% - 2 * 4rem);
|
15491
15358
|
}
|
15492
15359
|
}
|
15493
15360
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2.is-visible .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3.is-visible .c4p--tearsheet__container {
|
@@ -15899,4 +15766,215 @@ a.cds--side-nav__link--current::before {
|
|
15899
15766
|
color: #ffffff;
|
15900
15767
|
}
|
15901
15768
|
|
15769
|
+
.c4p--checklist__header {
|
15770
|
+
display: flex;
|
15771
|
+
padding: 1rem;
|
15772
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
15773
|
+
gap: 0.5rem;
|
15774
|
+
}
|
15775
|
+
|
15776
|
+
.c4p--checklist__chart {
|
15777
|
+
position: relative;
|
15778
|
+
width: 2.5rem;
|
15779
|
+
min-width: 2.5rem;
|
15780
|
+
height: 2.5rem;
|
15781
|
+
align-self: center;
|
15782
|
+
}
|
15783
|
+
|
15784
|
+
.c4p--checklist__chart::after {
|
15785
|
+
position: absolute;
|
15786
|
+
top: 0.25rem;
|
15787
|
+
left: 0.25rem;
|
15788
|
+
width: 2rem;
|
15789
|
+
height: 2rem;
|
15790
|
+
border-radius: 50%;
|
15791
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
15792
|
+
content: "";
|
15793
|
+
}
|
15794
|
+
|
15795
|
+
.c4p--checklist__titles {
|
15796
|
+
display: flex;
|
15797
|
+
flex-direction: column;
|
15798
|
+
justify-content: center;
|
15799
|
+
}
|
15800
|
+
|
15801
|
+
.c4p--checklist__title {
|
15802
|
+
font-size: var(--cds-productive-heading-02-font-size, 1rem);
|
15803
|
+
font-weight: var(--cds-productive-heading-02-font-weight, 600);
|
15804
|
+
line-height: var(--cds-productive-heading-02-line-height, 1.375);
|
15805
|
+
letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
|
15806
|
+
display: -webkit-box;
|
15807
|
+
overflow: hidden;
|
15808
|
+
-webkit-box-orient: vertical;
|
15809
|
+
-webkit-line-clamp: 2;
|
15810
|
+
text-overflow: ellipsis;
|
15811
|
+
}
|
15812
|
+
|
15813
|
+
.c4p--checklist__chart-label {
|
15814
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
15815
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
15816
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
15817
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
15818
|
+
display: -webkit-box;
|
15819
|
+
overflow: hidden;
|
15820
|
+
-webkit-box-orient: vertical;
|
15821
|
+
-webkit-line-clamp: 2;
|
15822
|
+
text-overflow: ellipsis;
|
15823
|
+
color: var(--cds-text-secondary, #525252);
|
15824
|
+
}
|
15825
|
+
|
15826
|
+
.c4p--checklist__title + .c4p--checklist__chart-label {
|
15827
|
+
margin-top: 0.125rem;
|
15828
|
+
}
|
15829
|
+
|
15830
|
+
.c4p--checklist__header .cds--tooltip {
|
15831
|
+
height: 2rem;
|
15832
|
+
margin-top: -0.5rem;
|
15833
|
+
margin-right: -0.5rem;
|
15834
|
+
margin-left: auto;
|
15835
|
+
}
|
15836
|
+
|
15837
|
+
.c4p--checklist__chevron {
|
15838
|
+
color: var(--cds-text-primary, #161616);
|
15839
|
+
transform: rotate(0deg);
|
15840
|
+
transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
15841
|
+
/* stylelint-disable-next-line max-nesting-depth */
|
15842
|
+
}
|
15843
|
+
@media (prefers-reduced-motion: reduce) {
|
15844
|
+
.c4p--checklist__chevron {
|
15845
|
+
transition: none;
|
15846
|
+
}
|
15847
|
+
}
|
15848
|
+
|
15849
|
+
.c4p--checklist__closed .c4p--checklist__chevron {
|
15850
|
+
transform: rotate(-180deg);
|
15851
|
+
}
|
15852
|
+
|
15853
|
+
.c4p--checklist__button.cds--btn--primary {
|
15854
|
+
max-width: none;
|
15855
|
+
min-height: auto;
|
15856
|
+
/* stylelint-disable-next-line declaration-property-value-disallowed-list */
|
15857
|
+
flex-shrink: unset;
|
15858
|
+
padding: 0;
|
15859
|
+
border: none;
|
15860
|
+
background-color: transparent;
|
15861
|
+
color: var(--cds-link-primary, #0f62fe);
|
15862
|
+
}
|
15863
|
+
|
15864
|
+
.c4p--checklist__button.cds--btn--primary div {
|
15865
|
+
display: -webkit-box;
|
15866
|
+
overflow: hidden;
|
15867
|
+
-webkit-box-orient: vertical;
|
15868
|
+
-webkit-line-clamp: 2;
|
15869
|
+
text-overflow: ellipsis;
|
15870
|
+
}
|
15871
|
+
|
15872
|
+
.c4p--checklist__button.cds--btn--primary:hover {
|
15873
|
+
background: transparent;
|
15874
|
+
color: var(--cds-link-primary-hover, #0043ce);
|
15875
|
+
text-decoration: underline;
|
15876
|
+
}
|
15877
|
+
|
15878
|
+
.c4p--checklist__button.cds--btn--primary:active {
|
15879
|
+
background: transparent;
|
15880
|
+
color: var(--cds-text-primary, #161616);
|
15881
|
+
text-decoration: underline;
|
15882
|
+
}
|
15883
|
+
|
15884
|
+
.c4p--checklist__button--error {
|
15885
|
+
/* stylelint-disable-next-line declaration-no-important */
|
15886
|
+
color: var(--cds-text-error, #da1e28) !important;
|
15887
|
+
}
|
15888
|
+
|
15889
|
+
.c4p--checklist__content-outer {
|
15890
|
+
overflow: hidden;
|
15891
|
+
}
|
15892
|
+
|
15893
|
+
.c4p--checklist__content-inner {
|
15894
|
+
height: 100%;
|
15895
|
+
background-color: var(--cds-layer-01, #f4f4f4);
|
15896
|
+
transform: translate(0, 0);
|
15897
|
+
transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
15898
|
+
/* stylelint-disable-next-line max-nesting-depth */
|
15899
|
+
}
|
15900
|
+
@media (prefers-reduced-motion: reduce) {
|
15901
|
+
.c4p--checklist__content-inner {
|
15902
|
+
transition: none;
|
15903
|
+
}
|
15904
|
+
}
|
15905
|
+
|
15906
|
+
.c4p--checklist__closed .c4p--checklist__content-inner {
|
15907
|
+
height: 0;
|
15908
|
+
transform: translate(0, -100%);
|
15909
|
+
}
|
15910
|
+
|
15911
|
+
.c4p--checklist__list-group {
|
15912
|
+
padding: 1rem;
|
15913
|
+
border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
15914
|
+
}
|
15915
|
+
|
15916
|
+
.c4p--checklist__list-title {
|
15917
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
15918
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
15919
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
15920
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
15921
|
+
display: -webkit-box;
|
15922
|
+
overflow: hidden;
|
15923
|
+
-webkit-box-orient: vertical;
|
15924
|
+
-webkit-line-clamp: 2;
|
15925
|
+
text-overflow: ellipsis;
|
15926
|
+
margin-bottom: 0.5rem;
|
15927
|
+
}
|
15928
|
+
|
15929
|
+
.c4p--checklist__list-item {
|
15930
|
+
display: flex;
|
15931
|
+
margin-bottom: 0.5rem;
|
15932
|
+
}
|
15933
|
+
|
15934
|
+
.c4p--checklist__list-item:last-child {
|
15935
|
+
margin-bottom: 0;
|
15936
|
+
}
|
15937
|
+
|
15938
|
+
.c4p--checklist__icon {
|
15939
|
+
/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
|
15940
|
+
margin: 0.0625rem 0.5rem 0 0;
|
15941
|
+
color: var(--cds-link-primary, #0f62fe);
|
15942
|
+
}
|
15943
|
+
|
15944
|
+
.c4p--checklist__icon--error {
|
15945
|
+
color: var(--cds-support-error, #da1e28);
|
15946
|
+
}
|
15947
|
+
|
15948
|
+
.c4p--checklist__icon--disabled {
|
15949
|
+
color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
15950
|
+
}
|
15951
|
+
|
15952
|
+
.c4p--checklist__label {
|
15953
|
+
font-size: var(--cds-body-short-01-font-size, 0.875rem);
|
15954
|
+
font-weight: var(--cds-body-short-01-font-weight, 400);
|
15955
|
+
line-height: var(--cds-body-short-01-line-height, 1.28572);
|
15956
|
+
letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
|
15957
|
+
display: -webkit-box;
|
15958
|
+
overflow: hidden;
|
15959
|
+
-webkit-box-orient: vertical;
|
15960
|
+
-webkit-line-clamp: 2;
|
15961
|
+
text-overflow: ellipsis;
|
15962
|
+
}
|
15963
|
+
|
15964
|
+
.c4p--checklist__label--checked,
|
15965
|
+
.c4p--checklist__label--disabled,
|
15966
|
+
.c4p--checklist__label--error {
|
15967
|
+
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
15968
|
+
}
|
15969
|
+
|
15970
|
+
.c4p--checklist__footer {
|
15971
|
+
display: -webkit-box;
|
15972
|
+
overflow: hidden;
|
15973
|
+
-webkit-box-orient: vertical;
|
15974
|
+
-webkit-line-clamp: 2;
|
15975
|
+
text-overflow: ellipsis;
|
15976
|
+
padding: 0.5rem 1rem;
|
15977
|
+
border-top: 1px solid var(--cds-border-subtle);
|
15978
|
+
}
|
15979
|
+
|
15902
15980
|
/*# sourceMappingURL=index-without-carbon.css.map */
|