@carbon/ibm-products 2.2.0 → 2.3.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +965 -434
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +4 -4
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +354 -155
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +2 -2
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +600 -236
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +4 -4
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +516 -293
- package/css/index.css.map +1 -1
- package/css/index.min.css +4 -4
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyModal.docs-page.js +26 -0
- package/es/components/AboutModal/AboutModal.docs-page.js +21 -0
- package/es/components/AboutModal/AboutModal.js +2 -4
- package/es/components/ActionBar/ActionBar.js +2 -6
- package/es/components/AddSelect/AddSelectFormControl.js +6 -6
- package/es/components/AddSelect/AddSelectRow.js +15 -5
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +5 -6
- package/es/components/ButtonMenu/ButtonMenu.js +4 -4
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +3 -9
- package/es/components/Cascade/Cascade.docs-page.js +22 -0
- package/es/components/Cascade/Cascade.js +11 -1
- package/es/components/CreateFullPage/CreateFullPage.docs-page.js +39 -0
- package/es/components/CreateFullPage/CreateFullPage.js +13 -0
- package/es/components/CreateModal/CreateModal.docs-page.js +24 -0
- package/es/components/CreateModal/CreateModal.js +7 -0
- package/es/components/CreateSidePanel/CreateSidePanel.docs-page.js +18 -0
- package/es/components/CreateSidePanel/CreateSidePanel.js +1 -1
- package/es/components/CreateTearsheet/CreateTearsheet.docs-page.js +29 -0
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +3 -3
- package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -3
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +25 -10
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -3
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +39 -47
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +20 -24
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +13 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +44 -15
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +16 -30
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +2 -2
- package/es/components/Datagrid/index.js +2 -1
- package/es/components/Datagrid/useActionsColumn.js +10 -7
- package/es/components/Datagrid/useCustomizeColumns.js +9 -7
- package/es/components/Datagrid/useExpandedRow.js +11 -7
- package/es/components/Datagrid/useFiltering.js +12 -8
- package/es/components/Datagrid/useInlineEdit.js +3 -0
- package/es/components/Datagrid/useNestedRows.js +10 -6
- package/es/components/Datagrid/useStickyColumn.js +10 -3
- package/es/components/Datagrid/utils/DatagridActions.js +12 -20
- package/es/components/EditFullPage/EditFullPage.docs-page.js +39 -0
- package/es/components/EditFullPage/EditFullPage.js +2 -1
- package/es/components/EditSidePanel/EditSidePanel.js +1 -1
- package/es/components/EditTearsheet/EditTearsheet.docs-page.js +25 -0
- package/es/components/EditTearsheet/EditTearsheet.js +4 -0
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -1
- package/es/components/EditUpdateCards/EditUpdateCards.js +3 -2
- package/es/components/EmptyStates/EmptyState.js +4 -0
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +4 -0
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +4 -0
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +4 -0
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +4 -0
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +4 -0
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +4 -0
- package/es/components/ExampleComponent/ExampleComponent.docs-page.js +22 -0
- package/es/components/ExportModal/ExportModal.js +4 -0
- package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
- package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
- package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
- package/es/components/ImportModal/ImportModal.docs-page.js +18 -0
- package/es/components/ImportModal/ImportModal.js +13 -6
- package/es/components/MultiAddSelect/MultiAddSelect.docs-page.js +17 -0
- package/es/components/MultiAddSelect/MultiAddSelect.js +4 -0
- package/es/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +2 -17
- package/es/components/PageHeader/PageHeader.js +2 -6
- package/es/components/PageHeader/PageHeaderUtils.js +2 -2
- package/es/components/RemoveModal/RemoveModal.docs-page.js +18 -0
- package/es/components/RemoveModal/RemoveModal.js +6 -0
- package/es/components/SidePanel/SidePanel.js +1 -3
- package/es/components/SingleAddSelect/SingleAddSelect.docs-page.js +15 -0
- package/es/components/SingleAddSelect/SingleAddSelect.js +4 -0
- package/es/components/StatusIcon/StatusIcon.docs-page.js +17 -0
- package/es/components/StatusIcon/StatusIcon.js +10 -0
- package/es/components/TagSet/TagSet.js +4 -7
- package/es/components/Tearsheet/TearsheetShell.js +11 -6
- package/es/components/Toolbar/Toolbar.docs-page.js +14 -0
- package/es/components/UserProfileImage/UserProfileImage.docs-page.js +17 -0
- package/es/components/UserProfileImage/UserProfileImage.js +14 -3
- package/es/components/WebTerminal/WebTerminal.docs-page.js +52 -0
- package/es/components/WebTerminal/WebTerminal.js +4 -0
- package/es/components/index.js +1 -1
- package/es/global/js/hooks/useCreateComponentStepChange.js +16 -15
- package/es/global/js/hooks/useResizeObserver.js +14 -28
- package/es/global/js/package-settings.js +14 -1
- package/es/global/js/utils/StoryDocsPage.js +218 -0
- package/es/global/js/utils/story-helper.js +108 -6
- package/lib/components/APIKeyModal/APIKeyModal.docs-page.js +37 -0
- package/lib/components/AboutModal/AboutModal.docs-page.js +32 -0
- package/lib/components/AboutModal/AboutModal.js +2 -4
- package/lib/components/ActionBar/ActionBar.js +2 -6
- package/lib/components/AddSelect/AddSelectFormControl.js +6 -6
- package/lib/components/AddSelect/AddSelectRow.js +15 -5
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +5 -6
- package/lib/components/ButtonMenu/ButtonMenu.js +4 -4
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +3 -9
- package/lib/components/Cascade/Cascade.docs-page.js +33 -0
- package/lib/components/Cascade/Cascade.js +11 -1
- package/lib/components/CreateFullPage/CreateFullPage.docs-page.js +50 -0
- package/lib/components/CreateFullPage/CreateFullPage.js +13 -0
- package/lib/components/CreateModal/CreateModal.docs-page.js +35 -0
- package/lib/components/CreateModal/CreateModal.js +7 -0
- package/lib/components/CreateSidePanel/CreateSidePanel.docs-page.js +29 -0
- package/lib/components/CreateSidePanel/CreateSidePanel.js +1 -1
- package/lib/components/CreateTearsheet/CreateTearsheet.docs-page.js +40 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +3 -3
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -3
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +25 -10
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -3
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +37 -45
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +20 -24
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +6 -6
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +20 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +42 -13
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +16 -30
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +2 -2
- package/lib/components/Datagrid/index.js +8 -1
- package/lib/components/Datagrid/useActionsColumn.js +12 -7
- package/lib/components/Datagrid/useCustomizeColumns.js +10 -8
- package/lib/components/Datagrid/useExpandedRow.js +9 -6
- package/lib/components/Datagrid/useFiltering.js +10 -7
- package/lib/components/Datagrid/useInlineEdit.js +3 -0
- package/lib/components/Datagrid/useNestedRows.js +9 -6
- package/lib/components/Datagrid/useStickyColumn.js +10 -3
- package/lib/components/Datagrid/utils/DatagridActions.js +49 -57
- package/lib/components/EditFullPage/EditFullPage.docs-page.js +50 -0
- package/lib/components/EditFullPage/EditFullPage.js +2 -1
- package/lib/components/EditSidePanel/EditSidePanel.js +1 -1
- package/lib/components/EditTearsheet/EditTearsheet.docs-page.js +36 -0
- package/lib/components/EditTearsheet/EditTearsheet.js +4 -0
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -1
- package/lib/components/EditUpdateCards/EditUpdateCards.js +3 -2
- package/lib/components/EmptyStates/EmptyState.js +4 -0
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +4 -0
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +4 -0
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +4 -0
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +4 -0
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +4 -0
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +4 -0
- package/lib/components/ExampleComponent/ExampleComponent.docs-page.js +33 -0
- package/lib/components/ExportModal/ExportModal.js +4 -0
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +6 -0
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +6 -0
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +6 -0
- package/lib/components/ImportModal/ImportModal.docs-page.js +26 -0
- package/lib/components/ImportModal/ImportModal.js +13 -6
- package/lib/components/MultiAddSelect/MultiAddSelect.docs-page.js +25 -0
- package/lib/components/MultiAddSelect/MultiAddSelect.js +4 -0
- package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +2 -17
- package/lib/components/PageHeader/PageHeader.js +2 -6
- package/lib/components/PageHeader/PageHeaderUtils.js +2 -2
- package/lib/components/RemoveModal/RemoveModal.docs-page.js +26 -0
- package/lib/components/RemoveModal/RemoveModal.js +6 -0
- package/lib/components/SidePanel/SidePanel.js +1 -3
- package/lib/components/SingleAddSelect/SingleAddSelect.docs-page.js +23 -0
- package/lib/components/SingleAddSelect/SingleAddSelect.js +4 -0
- package/lib/components/StatusIcon/StatusIcon.docs-page.js +28 -0
- package/lib/components/StatusIcon/StatusIcon.js +10 -0
- package/lib/components/TagSet/TagSet.js +4 -7
- package/lib/components/Tearsheet/TearsheetShell.js +11 -6
- package/lib/components/Toolbar/Toolbar.docs-page.js +25 -0
- package/lib/components/UserProfileImage/UserProfileImage.docs-page.js +28 -0
- package/lib/components/UserProfileImage/UserProfileImage.js +14 -3
- package/lib/components/WebTerminal/WebTerminal.docs-page.js +63 -0
- package/lib/components/WebTerminal/WebTerminal.js +4 -0
- package/lib/components/index.js +6 -0
- package/lib/global/js/hooks/useCreateComponentStepChange.js +16 -15
- package/lib/global/js/hooks/useResizeObserver.js +13 -27
- package/lib/global/js/package-settings.js +14 -1
- package/lib/global/js/utils/StoryDocsPage.js +225 -0
- package/lib/global/js/utils/story-helper.js +115 -7
- package/package.json +4 -4
- package/scss/components/AddSelect/_add-select.scss +10 -6
- package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +0 -1
- package/scss/components/ButtonMenu/_button-menu.scss +32 -1
- package/scss/components/Cascade/_storybook-styles.scss +3 -2
- package/scss/components/CreateFullPage/_create-full-page.scss +3 -3
- package/scss/components/CreateModal/_create-modal.scss +3 -3
- package/scss/components/CreateSidePanel/_create-side-panel.scss +4 -4
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +2 -2
- package/scss/components/CreateTearsheet/_storybook-styles.scss +1 -1
- package/scss/components/CreateTearsheetNarrow/_create-tearsheet-narrow.scss +2 -2
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +5 -5
- package/scss/components/DataSpreadsheet/_storybook-styles.scss +6 -0
- package/scss/components/Datagrid/_datagrid.scss +4 -2
- package/scss/components/Datagrid/_storybook-styles.scss +18 -4
- package/scss/components/Datagrid/styles/_datagrid.scss +26 -13
- package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +7 -0
- package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +4 -0
- package/scss/components/EditSidePanel/_edit-side-panel.scss +2 -2
- package/scss/components/EditTearsheet/_edit-tearsheet.scss +2 -2
- package/scss/components/EditTearsheet/_storybook-styles.scss +1 -1
- package/scss/components/ImportModal/_import-modal.scss +1 -1
- package/scss/components/NotificationsPanel/_notifications-panel.scss +3 -3
- package/scss/components/NotificationsPanel/_storybook-styles.scss +10 -2
- package/scss/components/OptionsTile/_storybook-styles.scss +1 -1
- package/scss/components/PageHeader/_page-header.scss +4 -5
- package/scss/components/PageHeader/_storybook-styles.scss +24 -14
- package/scss/components/Saving/_saving.scss +1 -1
- package/scss/components/SidePanel/_side-panel.scss +3 -5
- package/scss/components/TagSet/_tag-set.scss +1 -1
- package/scss/components/Tearsheet/_tearsheet.scss +9 -8
- package/scss/components/UserProfileImage/_user-profile-image.scss +2 -2
- package/scss/components/WebTerminal/_storybook-styles.scss +11 -1
- package/scss/global/styles/_display-box.scss +1 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +0 -21
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +0 -30
- package/scss/components/HTTPErrors/_storybook-styles.scss +0 -6
@@ -77,8 +77,6 @@
|
|
77
77
|
.cds--copy-btn {
|
78
78
|
position: relative;
|
79
79
|
display: flex;
|
80
|
-
width: 2.5rem;
|
81
|
-
height: 2.5rem;
|
82
80
|
align-items: center;
|
83
81
|
justify-content: center;
|
84
82
|
padding: 0;
|
@@ -488,11 +486,13 @@
|
|
488
486
|
transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
489
487
|
}
|
490
488
|
|
489
|
+
.cds--btn > .cds--snippet__icon {
|
490
|
+
margin-block-start: 0;
|
491
|
+
}
|
492
|
+
|
491
493
|
.cds--copy-btn {
|
492
494
|
display: flex;
|
493
495
|
overflow: visible;
|
494
|
-
width: 2.5rem;
|
495
|
-
height: 2.5rem;
|
496
496
|
align-items: center;
|
497
497
|
justify-content: center;
|
498
498
|
padding: 0;
|
@@ -535,16 +535,13 @@
|
|
535
535
|
right: 0;
|
536
536
|
}
|
537
537
|
|
538
|
-
.cds--snippet--inline.cds--btn
|
539
|
-
|
540
|
-
|
541
|
-
|
542
|
-
|
543
|
-
.cds--snippet--inline.cds--btn--md {
|
544
|
-
min-height: 1.25rem;
|
538
|
+
.cds--snippet--inline.cds--btn {
|
539
|
+
width: initial;
|
540
|
+
height: 1.25rem;
|
541
|
+
padding-inline: 0;
|
545
542
|
}
|
546
543
|
|
547
|
-
.cds--snippet--inline.cds--btn--primary:hover {
|
544
|
+
.cds--snippet--inline.cds--btn.cds--btn--primary:hover {
|
548
545
|
color: var(--cds-text-primary, #161616);
|
549
546
|
}
|
550
547
|
|
@@ -553,12 +550,8 @@
|
|
553
550
|
right: 0.5rem;
|
554
551
|
}
|
555
552
|
|
556
|
-
.cds--snippet--multi .cds--copy-btn
|
553
|
+
.cds--snippet--multi .cds--copy-btn {
|
557
554
|
z-index: 10;
|
558
|
-
width: 2rem;
|
559
|
-
height: 2rem;
|
560
|
-
min-height: 2rem;
|
561
|
-
padding: 0;
|
562
555
|
}
|
563
556
|
|
564
557
|
.cds--snippet-btn--expand {
|
@@ -1004,8 +997,33 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
1004
997
|
.c4p--button-menu {
|
1005
998
|
min-width: 160px;
|
1006
999
|
}
|
1000
|
+
.c4p--button-menu.c4p--button-menu__wrapper--primary, .c4p--button-menu.c4p--button-menu__wrapper--primary.cds--overflow-menu.cds--overflow-menu--open {
|
1001
|
+
background-color: var(--cds-button-primary, #0f62fe);
|
1002
|
+
}
|
1003
|
+
.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--primary:hover {
|
1004
|
+
background-color: var(--cds-button-primary-hover, #0050e6);
|
1005
|
+
}
|
1006
|
+
.c4p--button-menu.c4p--button-menu__wrapper--tertiary, .c4p--button-menu.c4p--button-menu__wrapper--tertiary.cds--overflow-menu.cds--overflow-menu--open {
|
1007
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
1008
|
+
}
|
1009
|
+
.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--tertiary:hover {
|
1010
|
+
background-color: var(--cds-button-tertiary-hover, #0050e6);
|
1011
|
+
}
|
1012
|
+
.c4p--button-menu.c4p--button-menu__wrapper--ghost, .c4p--button-menu.c4p--button-menu__wrapper--ghost.cds--overflow-menu.cds--overflow-menu--open {
|
1013
|
+
background-color: transparent;
|
1014
|
+
}
|
1015
|
+
.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--ghost:hover {
|
1016
|
+
background-color: var(--cds-layer-hover);
|
1017
|
+
}
|
1007
1018
|
.c4p--button-menu .c4p--button-menu__trigger {
|
1019
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
1020
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
1021
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
1022
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
1023
|
+
display: flex;
|
1008
1024
|
width: 100%;
|
1025
|
+
align-items: center;
|
1026
|
+
justify-content: space-between;
|
1009
1027
|
padding: 0 1rem;
|
1010
1028
|
}
|
1011
1029
|
|
@@ -2706,18 +2724,18 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2706
2724
|
}
|
2707
2725
|
|
2708
2726
|
.c4p--create-full-page .c4p--create-full-page__step-subtitle {
|
2709
|
-
font-size: var(--cds-
|
2710
|
-
font-weight: var(--cds-
|
2711
|
-
line-height: var(--cds-
|
2712
|
-
letter-spacing: var(--cds-
|
2727
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
2728
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
2729
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
2730
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
2713
2731
|
margin-bottom: 0.5rem;
|
2714
2732
|
}
|
2715
2733
|
|
2716
2734
|
.c4p--create-full-page .c4p--create-full-page__step-description {
|
2717
|
-
font-size: var(--cds-body-
|
2718
|
-
font-weight: var(--cds-body-
|
2719
|
-
line-height: var(--cds-body-
|
2720
|
-
letter-spacing: var(--cds-body-
|
2735
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
2736
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
2737
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
2738
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
2721
2739
|
margin-bottom: 1.5rem;
|
2722
2740
|
}
|
2723
2741
|
|
@@ -2806,10 +2824,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2806
2824
|
}
|
2807
2825
|
|
2808
2826
|
.c4p--create-full-page .c4p--create-full-page__step-title {
|
2809
|
-
font-size: var(--cds-
|
2810
|
-
font-weight: var(--cds-
|
2811
|
-
line-height: var(--cds-
|
2812
|
-
letter-spacing: var(--cds-
|
2827
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
2828
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
2829
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
2830
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
2813
2831
|
margin-bottom: 1rem;
|
2814
2832
|
}
|
2815
2833
|
|
@@ -2867,27 +2885,27 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2867
2885
|
}
|
2868
2886
|
|
2869
2887
|
.c4p--create-modal__title {
|
2870
|
-
font-size: var(--cds-
|
2871
|
-
font-weight: var(--cds-
|
2872
|
-
line-height: var(--cds-
|
2873
|
-
letter-spacing: var(--cds-
|
2888
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
2889
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
2890
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
2891
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
2874
2892
|
margin-bottom: 0.25rem;
|
2875
2893
|
}
|
2876
2894
|
|
2877
2895
|
.c4p--create-modal__subtitle {
|
2878
|
-
font-size: var(--cds-body-
|
2879
|
-
font-weight: var(--cds-body-
|
2880
|
-
line-height: var(--cds-body-
|
2881
|
-
letter-spacing: var(--cds-body-
|
2896
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
2897
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
2898
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
2899
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
2882
2900
|
margin-bottom: 0.5rem;
|
2883
2901
|
color: var(--cds-text-secondary, #525252);
|
2884
2902
|
}
|
2885
2903
|
|
2886
2904
|
.c4p--create-modal__description {
|
2887
|
-
font-size: var(--cds-body-
|
2888
|
-
font-weight: var(--cds-body-
|
2889
|
-
line-height: var(--cds-body-
|
2890
|
-
letter-spacing: var(--cds-body-
|
2905
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
2906
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
2907
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
2908
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
2891
2909
|
padding-right: calc(20% - 1rem);
|
2892
2910
|
margin: 0.5rem 0 1rem 0;
|
2893
2911
|
}
|
@@ -2905,6 +2923,157 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2905
2923
|
margin-bottom: 0;
|
2906
2924
|
}
|
2907
2925
|
|
2926
|
+
:root {
|
2927
|
+
--cds-layout-size-height-xs: 1.5rem;
|
2928
|
+
--cds-layout-size-height-sm: 2rem;
|
2929
|
+
--cds-layout-size-height-md: 2.5rem;
|
2930
|
+
--cds-layout-size-height-lg: 3rem;
|
2931
|
+
--cds-layout-size-height-xl: 4rem;
|
2932
|
+
--cds-layout-size-height-2xl: 5rem;
|
2933
|
+
--cds-layout-size-height-min: 0px;
|
2934
|
+
--cds-layout-size-height-max: 999999999px;
|
2935
|
+
--cds-layout-density-padding-inline-condensed: 0.5rem;
|
2936
|
+
--cds-layout-density-padding-inline-normal: 1rem;
|
2937
|
+
--cds-layout-density-padding-inline-min: 0px;
|
2938
|
+
--cds-layout-density-padding-inline-max: 999999999px;
|
2939
|
+
}
|
2940
|
+
|
2941
|
+
.cds--layout--size-xs {
|
2942
|
+
--cds-layout-size-height-context: var(--cds-layout-size-height-xs, 1.5rem);
|
2943
|
+
--cds-layout-size-height: var(--cds-layout-size-height-context);
|
2944
|
+
}
|
2945
|
+
|
2946
|
+
.cds--layout-constraint--size\:default-xs {
|
2947
|
+
--cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
|
2948
|
+
}
|
2949
|
+
|
2950
|
+
.cds--layout-constraint--size\:min-xs {
|
2951
|
+
--cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);
|
2952
|
+
}
|
2953
|
+
|
2954
|
+
.cds--layout-constraint--size\:max-xs {
|
2955
|
+
--cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);
|
2956
|
+
}
|
2957
|
+
|
2958
|
+
.cds--layout--size-sm {
|
2959
|
+
--cds-layout-size-height-context: var(--cds-layout-size-height-sm, 2rem);
|
2960
|
+
--cds-layout-size-height: var(--cds-layout-size-height-context);
|
2961
|
+
}
|
2962
|
+
|
2963
|
+
.cds--layout-constraint--size\:default-sm {
|
2964
|
+
--cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
|
2965
|
+
}
|
2966
|
+
|
2967
|
+
.cds--layout-constraint--size\:min-sm {
|
2968
|
+
--cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);
|
2969
|
+
}
|
2970
|
+
|
2971
|
+
.cds--layout-constraint--size\:max-sm {
|
2972
|
+
--cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);
|
2973
|
+
}
|
2974
|
+
|
2975
|
+
.cds--layout--size-md {
|
2976
|
+
--cds-layout-size-height-context: var(--cds-layout-size-height-md, 2.5rem);
|
2977
|
+
--cds-layout-size-height: var(--cds-layout-size-height-context);
|
2978
|
+
}
|
2979
|
+
|
2980
|
+
.cds--layout-constraint--size\:default-md {
|
2981
|
+
--cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
|
2982
|
+
}
|
2983
|
+
|
2984
|
+
.cds--layout-constraint--size\:min-md {
|
2985
|
+
--cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);
|
2986
|
+
}
|
2987
|
+
|
2988
|
+
.cds--layout-constraint--size\:max-md {
|
2989
|
+
--cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);
|
2990
|
+
}
|
2991
|
+
|
2992
|
+
.cds--layout--size-lg {
|
2993
|
+
--cds-layout-size-height-context: var(--cds-layout-size-height-lg, 3rem);
|
2994
|
+
--cds-layout-size-height: var(--cds-layout-size-height-context);
|
2995
|
+
}
|
2996
|
+
|
2997
|
+
.cds--layout-constraint--size\:default-lg {
|
2998
|
+
--cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
|
2999
|
+
}
|
3000
|
+
|
3001
|
+
.cds--layout-constraint--size\:min-lg {
|
3002
|
+
--cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);
|
3003
|
+
}
|
3004
|
+
|
3005
|
+
.cds--layout-constraint--size\:max-lg {
|
3006
|
+
--cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);
|
3007
|
+
}
|
3008
|
+
|
3009
|
+
.cds--layout--size-xl {
|
3010
|
+
--cds-layout-size-height-context: var(--cds-layout-size-height-xl, 4rem);
|
3011
|
+
--cds-layout-size-height: var(--cds-layout-size-height-context);
|
3012
|
+
}
|
3013
|
+
|
3014
|
+
.cds--layout-constraint--size\:default-xl {
|
3015
|
+
--cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
|
3016
|
+
}
|
3017
|
+
|
3018
|
+
.cds--layout-constraint--size\:min-xl {
|
3019
|
+
--cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);
|
3020
|
+
}
|
3021
|
+
|
3022
|
+
.cds--layout-constraint--size\:max-xl {
|
3023
|
+
--cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);
|
3024
|
+
}
|
3025
|
+
|
3026
|
+
.cds--layout--size-2xl {
|
3027
|
+
--cds-layout-size-height-context: var(--cds-layout-size-height-2xl, 5rem);
|
3028
|
+
--cds-layout-size-height: var(--cds-layout-size-height-context);
|
3029
|
+
}
|
3030
|
+
|
3031
|
+
.cds--layout-constraint--size\:default-2xl {
|
3032
|
+
--cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
|
3033
|
+
}
|
3034
|
+
|
3035
|
+
.cds--layout-constraint--size\:min-2xl {
|
3036
|
+
--cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
|
3037
|
+
}
|
3038
|
+
|
3039
|
+
.cds--layout-constraint--size\:max-2xl {
|
3040
|
+
--cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
|
3041
|
+
}
|
3042
|
+
|
3043
|
+
.cds--layout--density-condensed {
|
3044
|
+
--cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
|
3045
|
+
--cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
|
3046
|
+
}
|
3047
|
+
|
3048
|
+
.cds--layout-constraint--density\:default-condensed {
|
3049
|
+
--cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
|
3050
|
+
}
|
3051
|
+
|
3052
|
+
.cds--layout-constraint--density\:min-condensed {
|
3053
|
+
--cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
|
3054
|
+
}
|
3055
|
+
|
3056
|
+
.cds--layout-constraint--density\:max-condensed {
|
3057
|
+
--cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
|
3058
|
+
}
|
3059
|
+
|
3060
|
+
.cds--layout--density-normal {
|
3061
|
+
--cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);
|
3062
|
+
--cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
|
3063
|
+
}
|
3064
|
+
|
3065
|
+
.cds--layout-constraint--density\:default-normal {
|
3066
|
+
--cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
|
3067
|
+
}
|
3068
|
+
|
3069
|
+
.cds--layout-constraint--density\:min-normal {
|
3070
|
+
--cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
|
3071
|
+
}
|
3072
|
+
|
3073
|
+
.cds--layout-constraint--density\:max-normal {
|
3074
|
+
--cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
|
3075
|
+
}
|
3076
|
+
|
2908
3077
|
.c4p--side-panel__container {
|
2909
3078
|
--c4p--side-panel--subtitle-opacity: 1;
|
2910
3079
|
--c4p--side-panel--title-container-height: 0;
|
@@ -2917,7 +3086,6 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2917
3086
|
--c4p--side-panel--collapsed-title-y-position: 1rem;
|
2918
3087
|
--c4p--side-panel--label-text-height: 0;
|
2919
3088
|
position: fixed;
|
2920
|
-
/* stylelint-disable-next-line function-no-unknown */
|
2921
3089
|
z-index: 9000;
|
2922
3090
|
top: 3rem;
|
2923
3091
|
height: calc(100% - 3rem);
|
@@ -3096,10 +3264,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3096
3264
|
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height));
|
3097
3265
|
}
|
3098
3266
|
.c4p--side-panel__container .c4p--side-panel__title-text {
|
3099
|
-
font-size: var(--cds-
|
3100
|
-
font-weight: var(--cds-
|
3101
|
-
line-height: var(--cds-
|
3102
|
-
letter-spacing: var(--cds-
|
3267
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
3268
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
3269
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
3270
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
3103
3271
|
display: -webkit-box;
|
3104
3272
|
overflow: hidden;
|
3105
3273
|
padding-right: 3rem;
|
@@ -3124,10 +3292,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3124
3292
|
white-space: nowrap;
|
3125
3293
|
}
|
3126
3294
|
.c4p--side-panel__container .c4p--side-panel__collapsed-title-text {
|
3127
|
-
font-size: var(--cds-
|
3128
|
-
font-weight: var(--cds-
|
3129
|
-
line-height: var(--cds-
|
3130
|
-
letter-spacing: var(--cds-
|
3295
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
3296
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
3297
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
3298
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
3131
3299
|
display: -webkit-box;
|
3132
3300
|
overflow: hidden;
|
3133
3301
|
padding-right: 3rem;
|
@@ -3139,10 +3307,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3139
3307
|
transform: translateY(var(--c4p--side-panel--collapsed-title-y-position));
|
3140
3308
|
}
|
3141
3309
|
.c4p--side-panel__container .c4p--side-panel__subtitle-text {
|
3142
|
-
font-size: var(--cds-body-
|
3143
|
-
font-weight: var(--cds-body-
|
3144
|
-
line-height: var(--cds-body-
|
3145
|
-
letter-spacing: var(--cds-body-
|
3310
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
3311
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
3312
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
3313
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
3146
3314
|
overflow: hidden;
|
3147
3315
|
padding: 0 3rem 1rem 1rem;
|
3148
3316
|
-webkit-box-orient: vertical;
|
@@ -3323,7 +3491,6 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3323
3491
|
|
3324
3492
|
.c4p--side-panel__overlay {
|
3325
3493
|
position: fixed;
|
3326
|
-
/* stylelint-disable-next-line function-no-unknown */
|
3327
3494
|
z-index: 6000;
|
3328
3495
|
width: 100%;
|
3329
3496
|
height: 100%;
|
@@ -3418,18 +3585,18 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3418
3585
|
}
|
3419
3586
|
|
3420
3587
|
.c4p--create-side-panel__form-title-text {
|
3421
|
-
font-size: var(--cds-
|
3422
|
-
font-weight: var(--cds-
|
3423
|
-
line-height: var(--cds-
|
3424
|
-
letter-spacing: var(--cds-
|
3588
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
3589
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
3590
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
3591
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
3425
3592
|
padding-bottom: 0.5rem;
|
3426
3593
|
}
|
3427
3594
|
|
3428
3595
|
.c4p--create-side-panel__form-description-text {
|
3429
|
-
font-size: var(--cds-body-
|
3430
|
-
font-weight: var(--cds-body-
|
3431
|
-
line-height: var(--cds-body-
|
3432
|
-
letter-spacing: var(--cds-body-
|
3596
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
3597
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
3598
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
3599
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
3433
3600
|
}
|
3434
3601
|
|
3435
3602
|
.c4p--create-side-panel.c4p--side-panel .cds--btn.c4p--side-panel__close-button {
|
@@ -3437,18 +3604,18 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3437
3604
|
}
|
3438
3605
|
|
3439
3606
|
.c4p--create-side-panel__title {
|
3440
|
-
font-size: var(--cds-
|
3441
|
-
font-weight: var(--cds-
|
3442
|
-
line-height: var(--cds-
|
3443
|
-
letter-spacing: var(--cds-
|
3607
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
3608
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
3609
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
3610
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
3444
3611
|
margin-bottom: 0.25rem;
|
3445
3612
|
}
|
3446
3613
|
|
3447
3614
|
.c4p--create-side-panel__subtitle {
|
3448
|
-
font-size: var(--cds-body-
|
3449
|
-
font-weight: var(--cds-body-
|
3450
|
-
line-height: var(--cds-body-
|
3451
|
-
letter-spacing: var(--cds-body-
|
3615
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
3616
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
3617
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
3618
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
3452
3619
|
margin-bottom: 0.5rem;
|
3453
3620
|
color: var(--cds-text-secondary, #525252);
|
3454
3621
|
}
|
@@ -3463,7 +3630,6 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3463
3630
|
}
|
3464
3631
|
|
3465
3632
|
.c4p--tearsheet.c4p--tearsheet {
|
3466
|
-
/* stylelint-disable-next-line function-no-unknown */
|
3467
3633
|
z-index: 9001;
|
3468
3634
|
align-items: flex-end;
|
3469
3635
|
color: var(--cds-text-primary, #161616);
|
@@ -3472,7 +3638,6 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3472
3638
|
--c4p--tearsheet--stacking-scale-factor-double: 0.9;
|
3473
3639
|
}
|
3474
3640
|
.c4p--tearsheet.is-visible {
|
3475
|
-
/* stylelint-disable-next-line function-no-unknown */
|
3476
3641
|
z-index: 9000;
|
3477
3642
|
align-items: flex-end;
|
3478
3643
|
transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
|
@@ -3483,17 +3648,14 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3483
3648
|
}
|
3484
3649
|
}
|
3485
3650
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
|
3486
|
-
/* stylelint-disable-next-line function-no-unknown */
|
3487
3651
|
z-index: 8999;
|
3488
3652
|
background-color: rgba(22, 22, 22, 0.33);
|
3489
3653
|
}
|
3490
3654
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
|
3491
|
-
/* stylelint-disable-next-line function-no-unknown */
|
3492
3655
|
z-index: 8998;
|
3493
3656
|
background-color: rgba(22, 22, 22, 0.11);
|
3494
3657
|
}
|
3495
3658
|
.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
|
3496
|
-
/* stylelint-disable-next-line function-no-unknown */
|
3497
3659
|
z-index: 8999;
|
3498
3660
|
background-color: rgba(22, 22, 22, 0.25);
|
3499
3661
|
}
|
@@ -3542,11 +3704,13 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3542
3704
|
padding: 1.5rem 2rem;
|
3543
3705
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3544
3706
|
margin: 0;
|
3707
|
+
background-color: var(--cds-layer);
|
3545
3708
|
}
|
3546
3709
|
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
|
3547
3710
|
padding: 1rem;
|
3548
3711
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3549
3712
|
margin: 0;
|
3713
|
+
background-color: var(--cds-layer);
|
3550
3714
|
}
|
3551
3715
|
.c4p--tearsheet .c4p--tearsheet__header-content {
|
3552
3716
|
display: flex;
|
@@ -3566,20 +3730,20 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3566
3730
|
display: none;
|
3567
3731
|
}
|
3568
3732
|
.c4p--tearsheet.c4p--tearsheet--wide .cds--modal-header__heading.c4p--tearsheet__heading {
|
3569
|
-
font-size: var(--cds-
|
3570
|
-
font-weight: var(--cds-
|
3571
|
-
line-height: var(--cds-
|
3572
|
-
letter-spacing: var(--cds-
|
3733
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
3734
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
3735
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
3736
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
3573
3737
|
}
|
3574
3738
|
.c4p--tearsheet .c4p--tearsheet__header-description {
|
3575
3739
|
display: -webkit-box;
|
3576
3740
|
overflow: hidden;
|
3577
3741
|
max-width: 100%;
|
3578
3742
|
margin-top: 1rem;
|
3579
|
-
font-size: var(--cds-body-
|
3580
|
-
font-weight: var(--cds-body-
|
3581
|
-
line-height: var(--cds-body-
|
3582
|
-
letter-spacing: var(--cds-body-
|
3743
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
3744
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
3745
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
3746
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
3583
3747
|
-webkit-box-orient: vertical;
|
3584
3748
|
-webkit-line-clamp: 2;
|
3585
3749
|
word-break: break-word;
|
@@ -3637,10 +3801,13 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3637
3801
|
.c4p--tearsheet .c4p--tearsheet__main {
|
3638
3802
|
display: flex;
|
3639
3803
|
flex-direction: row;
|
3640
|
-
background-color: var(--cds-
|
3804
|
+
background-color: var(--cds-background, #ffffff);
|
3641
3805
|
grid-column: 1/-1;
|
3642
3806
|
grid-row: 1/-1;
|
3643
3807
|
}
|
3808
|
+
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
|
3809
|
+
background-color: var(--cds-layer);
|
3810
|
+
}
|
3644
3811
|
.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
|
3645
3812
|
border-right: none;
|
3646
3813
|
border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
@@ -3774,19 +3941,19 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3774
3941
|
|
3775
3942
|
.c4p--tearsheet-create .c4p--tearsheet-create__section--subtitle,
|
3776
3943
|
.c4p--tearsheet-create .c4p--tearsheet-create__step--subtitle {
|
3777
|
-
font-size: var(--cds-
|
3778
|
-
font-weight: var(--cds-
|
3779
|
-
line-height: var(--cds-
|
3780
|
-
letter-spacing: var(--cds-
|
3944
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
3945
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
3946
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
3947
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
3781
3948
|
margin-bottom: 0.5rem;
|
3782
3949
|
}
|
3783
3950
|
|
3784
3951
|
.c4p--tearsheet-create .c4p--tearsheet-create__section--description,
|
3785
3952
|
.c4p--tearsheet-create .c4p--tearsheet-create__step--description {
|
3786
|
-
font-size: var(--cds-body-
|
3787
|
-
font-weight: var(--cds-body-
|
3788
|
-
line-height: var(--cds-body-
|
3789
|
-
letter-spacing: var(--cds-body-
|
3953
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
3954
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
3955
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
3956
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
3790
3957
|
margin-bottom: 1.5rem;
|
3791
3958
|
}
|
3792
3959
|
|
@@ -3830,18 +3997,18 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3830
3997
|
}
|
3831
3998
|
|
3832
3999
|
.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-title-text {
|
3833
|
-
font-size: var(--cds-
|
3834
|
-
font-weight: var(--cds-
|
3835
|
-
line-height: var(--cds-
|
3836
|
-
letter-spacing: var(--cds-
|
4000
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
4001
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
4002
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
4003
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
3837
4004
|
padding-bottom: 0.5rem;
|
3838
4005
|
}
|
3839
4006
|
|
3840
4007
|
.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-description-text {
|
3841
|
-
font-size: var(--cds-body-
|
3842
|
-
font-weight: var(--cds-body-
|
3843
|
-
line-height: var(--cds-body-
|
3844
|
-
letter-spacing: var(--cds-body-
|
4008
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
4009
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
4010
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
4011
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
3845
4012
|
}
|
3846
4013
|
|
3847
4014
|
.c4p--empty-state {
|
@@ -4178,10 +4345,10 @@ c4p--card__icon:active {
|
|
4178
4345
|
.c4p--import-modal .c4p--import-modal__file-drop-header,
|
4179
4346
|
.c4p--import-modal .c4p--import-modal__label {
|
4180
4347
|
margin-bottom: 0.5rem;
|
4181
|
-
font-size: var(--cds-
|
4182
|
-
font-weight: var(--cds-
|
4183
|
-
line-height: var(--cds-
|
4184
|
-
letter-spacing: var(--cds-
|
4348
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
4349
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
4350
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
4351
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
4185
4352
|
}
|
4186
4353
|
|
4187
4354
|
.c4p--import-modal__helper-text {
|
@@ -4262,6 +4429,9 @@ c4p--card__icon:active {
|
|
4262
4429
|
display: flex;
|
4263
4430
|
align-items: center;
|
4264
4431
|
}
|
4432
|
+
.c4p--add-select__selections-form-control-wrapper--radio {
|
4433
|
+
cursor: pointer;
|
4434
|
+
}
|
4265
4435
|
.c4p--add-select__selections-form-control-label-wrapper {
|
4266
4436
|
display: flex;
|
4267
4437
|
margin-left: 1rem;
|
@@ -4312,10 +4482,10 @@ c4p--card__icon:active {
|
|
4312
4482
|
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
4313
4483
|
}
|
4314
4484
|
.c4p--add-select__sidebar-header .c4p--add-select__sidebar-title {
|
4315
|
-
font-size: var(--cds-
|
4316
|
-
font-weight: var(--cds-
|
4317
|
-
line-height: var(--cds-
|
4318
|
-
letter-spacing: var(--cds-
|
4485
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
4486
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
4487
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
4488
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
4319
4489
|
}
|
4320
4490
|
|
4321
4491
|
.c4p--add-select__sidebar-title {
|
@@ -4347,10 +4517,10 @@ c4p--card__icon:active {
|
|
4347
4517
|
}
|
4348
4518
|
|
4349
4519
|
.c4p--add-select .c4p--add-select__sidebar-item-body {
|
4350
|
-
font-size: var(--cds-body-
|
4351
|
-
font-weight: var(--cds-body-
|
4352
|
-
line-height: var(--cds-body-
|
4353
|
-
letter-spacing: var(--cds-body-
|
4520
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
4521
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
4522
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
4523
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
4354
4524
|
margin-bottom: 1rem;
|
4355
4525
|
}
|
4356
4526
|
|
@@ -4491,24 +4661,24 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4491
4661
|
}
|
4492
4662
|
|
4493
4663
|
.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-title {
|
4494
|
-
font-size: var(--cds-
|
4495
|
-
font-weight: var(--cds-
|
4496
|
-
line-height: var(--cds-
|
4497
|
-
letter-spacing: var(--cds-
|
4664
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
4665
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
4666
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
4667
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
4498
4668
|
}
|
4499
4669
|
|
4500
4670
|
.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-entry-title {
|
4501
|
-
font-size: var(--cds-
|
4502
|
-
font-weight: var(--cds-
|
4503
|
-
line-height: var(--cds-
|
4504
|
-
letter-spacing: var(--cds-
|
4671
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
4672
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
4673
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
4674
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
4505
4675
|
}
|
4506
4676
|
|
4507
4677
|
.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-entry-body {
|
4508
|
-
font-size: var(--cds-body-
|
4509
|
-
font-weight: var(--cds-body-
|
4510
|
-
line-height: var(--cds-body-
|
4511
|
-
letter-spacing: var(--cds-body-
|
4678
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
4679
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
4680
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
4681
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
4512
4682
|
}
|
4513
4683
|
|
4514
4684
|
.c4p--add-select__selections .cds--list-box__menu {
|
@@ -4542,10 +4712,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4542
4712
|
}
|
4543
4713
|
|
4544
4714
|
.c4p--add-select .c4p--add-select__items-label {
|
4545
|
-
font-size: var(--cds-
|
4546
|
-
font-weight: var(--cds-
|
4547
|
-
line-height: var(--cds-
|
4548
|
-
letter-spacing: var(--cds-
|
4715
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
4716
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
4717
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
4718
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
4549
4719
|
}
|
4550
4720
|
|
4551
4721
|
.c4p--add-select .cds--modal-container--sm .cds--modal-content p {
|
@@ -4741,6 +4911,14 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4741
4911
|
--cds-fluid-spacing-02: 2vw;
|
4742
4912
|
--cds-fluid-spacing-03: 5vw;
|
4743
4913
|
--cds-fluid-spacing-04: 10vw;
|
4914
|
+
--cds-caption-01-font-size: 0.75rem;
|
4915
|
+
--cds-caption-01-font-weight: 400;
|
4916
|
+
--cds-caption-01-line-height: 1.33333;
|
4917
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
4918
|
+
--cds-caption-02-font-size: 0.875rem;
|
4919
|
+
--cds-caption-02-font-weight: 400;
|
4920
|
+
--cds-caption-02-line-height: 1.28572;
|
4921
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
4744
4922
|
--cds-label-01-font-size: 0.75rem;
|
4745
4923
|
--cds-label-01-font-weight: 400;
|
4746
4924
|
--cds-label-01-line-height: 1.33333;
|
@@ -4989,7 +5167,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4989
5167
|
top: 3rem;
|
4990
5168
|
right: 0;
|
4991
5169
|
overflow: auto;
|
4992
|
-
min-width:
|
5170
|
+
min-width: 20rem;
|
4993
5171
|
max-width: 22.75rem;
|
4994
5172
|
min-height: 38.5rem;
|
4995
5173
|
max-height: 38.5rem;
|
@@ -5026,10 +5204,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5026
5204
|
color: var(--cds-text-primary, #161616);
|
5027
5205
|
}
|
5028
5206
|
.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__header {
|
5029
|
-
font-size: var(--cds-
|
5030
|
-
font-weight: var(--cds-
|
5031
|
-
line-height: var(--cds-
|
5032
|
-
letter-spacing: var(--cds-
|
5207
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
5208
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
5209
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
5210
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
5033
5211
|
margin: 0;
|
5034
5212
|
}
|
5035
5213
|
.c4p--notifications-panel__container .c4p--notifications-panel__time-section-label {
|
@@ -5198,10 +5376,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5198
5376
|
margin-top: 10rem;
|
5199
5377
|
}
|
5200
5378
|
.c4p--notifications-panel__container .c4p--notifications-panel__main-section-empty.c4p--notifications-panel__main-section .c4p-subtext {
|
5201
|
-
font-size: var(--cds-body-
|
5202
|
-
font-weight: var(--cds-body-
|
5203
|
-
line-height: var(--cds-body-
|
5204
|
-
letter-spacing: var(--cds-body-
|
5379
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
5380
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
5381
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
5382
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
5205
5383
|
}
|
5206
5384
|
.c4p--notifications-panel__container .c4p--notifications-panel__main-section {
|
5207
5385
|
min-height: 498px;
|
@@ -6997,7 +7175,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
6997
7175
|
}
|
6998
7176
|
|
6999
7177
|
.c4p--breadcrumb-with-overflow__overflow-menu-options.c4p--breadcrumb-with-overflow__overflow-menu-options {
|
7000
|
-
/* stylelint-disable-next-line function-no-unknown */
|
7001
7178
|
z-index: 8000;
|
7002
7179
|
}
|
7003
7180
|
|
@@ -7107,10 +7284,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7107
7284
|
}
|
7108
7285
|
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item,
|
7109
7286
|
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item .cds--tag {
|
7110
|
-
font-size: var(--cds-body-
|
7111
|
-
font-weight: var(--cds-body-
|
7112
|
-
line-height: var(--cds-body-
|
7113
|
-
letter-spacing: var(--cds-body-
|
7287
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
7288
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
7289
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
7290
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
7114
7291
|
display: block;
|
7115
7292
|
overflow: hidden;
|
7116
7293
|
min-width: initial;
|
@@ -7163,7 +7340,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7163
7340
|
justify-content: flex-end;
|
7164
7341
|
}
|
7165
7342
|
|
7166
|
-
/* stylelint-disable-next-line function-no-unknown */
|
7167
7343
|
@keyframes background-appear {
|
7168
7344
|
from {
|
7169
7345
|
/* stylelint-disable-next-line carbon/theme-token-use */
|
@@ -7470,10 +7646,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7470
7646
|
}
|
7471
7647
|
}
|
7472
7648
|
.c4p--page-header .c4p--page-header__title {
|
7473
|
-
font-size: var(--cds-
|
7474
|
-
font-weight: var(--cds-
|
7475
|
-
line-height: var(--cds-
|
7476
|
-
letter-spacing: var(--cds-
|
7649
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
7650
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
7651
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
7652
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
7477
7653
|
min-height: 2.5rem;
|
7478
7654
|
overflow-x: hidden;
|
7479
7655
|
text-overflow: ellipsis;
|
@@ -7573,16 +7749,16 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7573
7749
|
height: 1rem;
|
7574
7750
|
}
|
7575
7751
|
.c4p--page-header .c4p--page-header__subtitle {
|
7576
|
-
font-size: var(--cds-body-
|
7577
|
-
font-weight: var(--cds-body-
|
7578
|
-
line-height: var(--cds-body-
|
7579
|
-
letter-spacing: var(--cds-body-
|
7752
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
7753
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
7754
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
7755
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
7580
7756
|
}
|
7581
7757
|
.c4p--page-header .c4p--page-header__available-row {
|
7582
|
-
font-size: var(--cds-body-
|
7583
|
-
font-weight: var(--cds-body-
|
7584
|
-
line-height: var(--cds-body-
|
7585
|
-
letter-spacing: var(--cds-body-
|
7758
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
7759
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
7760
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
7761
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
7586
7762
|
margin-top: 0.5rem;
|
7587
7763
|
}
|
7588
7764
|
.c4p--page-header .c4p--page-header__available-row + .c4p--page-header__last-row-buffer--active {
|
@@ -7592,10 +7768,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7592
7768
|
margin-top: 1rem;
|
7593
7769
|
}
|
7594
7770
|
.c4p--page-header .c4p--page-header__available-row * {
|
7595
|
-
font-size: var(--cds-body-
|
7596
|
-
font-weight: var(--cds-body-
|
7597
|
-
line-height: var(--cds-body-
|
7598
|
-
letter-spacing: var(--cds-body-
|
7771
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
7772
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
7773
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
7774
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
7599
7775
|
}
|
7600
7776
|
.c4p--page-header .c4p--page-header__navigation-row {
|
7601
7777
|
flex-wrap: wrap-reverse;
|
@@ -7768,10 +7944,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7768
7944
|
}
|
7769
7945
|
|
7770
7946
|
.c4p--saving__text {
|
7771
|
-
font-size: var(--cds-body-
|
7772
|
-
font-weight: var(--cds-body-
|
7773
|
-
line-height: var(--cds-body-
|
7774
|
-
letter-spacing: var(--cds-body-
|
7947
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
7948
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
7949
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
7950
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
7775
7951
|
}
|
7776
7952
|
|
7777
7953
|
.c4p--saving__buttons {
|
@@ -8549,6 +8725,14 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8549
8725
|
--cds-fluid-spacing-02: 2vw;
|
8550
8726
|
--cds-fluid-spacing-03: 5vw;
|
8551
8727
|
--cds-fluid-spacing-04: 10vw;
|
8728
|
+
--cds-caption-01-font-size: 0.75rem;
|
8729
|
+
--cds-caption-01-font-weight: 400;
|
8730
|
+
--cds-caption-01-line-height: 1.33333;
|
8731
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
8732
|
+
--cds-caption-02-font-size: 0.875rem;
|
8733
|
+
--cds-caption-02-font-weight: 400;
|
8734
|
+
--cds-caption-02-line-height: 1.28572;
|
8735
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
8552
8736
|
--cds-label-01-font-size: 0.75rem;
|
8553
8737
|
--cds-label-01-font-weight: 400;
|
8554
8738
|
--cds-label-01-line-height: 1.33333;
|
@@ -8934,6 +9118,14 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8934
9118
|
--cds-fluid-spacing-02: 2vw;
|
8935
9119
|
--cds-fluid-spacing-03: 5vw;
|
8936
9120
|
--cds-fluid-spacing-04: 10vw;
|
9121
|
+
--cds-caption-01-font-size: 0.75rem;
|
9122
|
+
--cds-caption-01-font-weight: 400;
|
9123
|
+
--cds-caption-01-line-height: 1.33333;
|
9124
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
9125
|
+
--cds-caption-02-font-size: 0.875rem;
|
9126
|
+
--cds-caption-02-font-weight: 400;
|
9127
|
+
--cds-caption-02-line-height: 1.28572;
|
9128
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
8937
9129
|
--cds-label-01-font-size: 0.75rem;
|
8938
9130
|
--cds-label-01-font-weight: 400;
|
8939
9131
|
--cds-label-01-line-height: 1.33333;
|
@@ -9369,19 +9561,19 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9369
9561
|
.c4p--user-profile-image--xl {
|
9370
9562
|
width: 4rem;
|
9371
9563
|
height: 4rem;
|
9372
|
-
font-size: var(--cds-
|
9373
|
-
font-weight: var(--cds-
|
9374
|
-
line-height: var(--cds-
|
9375
|
-
letter-spacing: var(--cds-
|
9564
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
9565
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
9566
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
9567
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
9376
9568
|
}
|
9377
9569
|
|
9378
9570
|
.c4p--user-profile-image--lg {
|
9379
9571
|
width: 2rem;
|
9380
9572
|
height: 2rem;
|
9381
|
-
font-size: var(--cds-body-
|
9382
|
-
font-weight: var(--cds-body-
|
9383
|
-
line-height: var(--cds-body-
|
9384
|
-
letter-spacing: var(--cds-body-
|
9573
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
9574
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
9575
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
9576
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
9385
9577
|
}
|
9386
9578
|
|
9387
9579
|
.c4p--user-profile-image--md {
|
@@ -9424,17 +9616,17 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9424
9616
|
margin-bottom: 1rem;
|
9425
9617
|
}
|
9426
9618
|
.c4p--edit-side-panel .c4p--edit-side-panel__form-title-text {
|
9427
|
-
font-size: var(--cds-
|
9428
|
-
font-weight: var(--cds-
|
9429
|
-
line-height: var(--cds-
|
9430
|
-
letter-spacing: var(--cds-
|
9619
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
9620
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
9621
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
9622
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
9431
9623
|
padding-bottom: 0.5rem;
|
9432
9624
|
}
|
9433
9625
|
.c4p--edit-side-panel .c4p--edit-side-panel__form-description-text {
|
9434
|
-
font-size: var(--cds-body-
|
9435
|
-
font-weight: var(--cds-body-
|
9436
|
-
line-height: var(--cds-body-
|
9437
|
-
letter-spacing: var(--cds-body-
|
9626
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
9627
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
9628
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
9629
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
9438
9630
|
}
|
9439
9631
|
.c4p--edit-side-panel.c4p--side-panel .cds--btn.c4p--side-panel__close-button {
|
9440
9632
|
display: none;
|
@@ -9819,10 +10011,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9819
10011
|
}
|
9820
10012
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
|
9821
10013
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td {
|
9822
|
-
font-size: var(--cds-body-
|
9823
|
-
font-weight: var(--cds-body-
|
9824
|
-
line-height: var(--cds-body-
|
9825
|
-
letter-spacing: var(--cds-body-
|
10014
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
10015
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
10016
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
10017
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
9826
10018
|
width: 100%;
|
9827
10019
|
height: 100%;
|
9828
10020
|
padding: 0 0.5rem;
|
@@ -9877,18 +10069,18 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9877
10069
|
text-align: left;
|
9878
10070
|
}
|
9879
10071
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th {
|
9880
|
-
font-size: var(--cds-
|
9881
|
-
font-weight: var(--cds-
|
9882
|
-
line-height: var(--cds-
|
9883
|
-
letter-spacing: var(--cds-
|
10072
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
10073
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
10074
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
10075
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
9884
10076
|
color: var(--cds-text-primary, #161616);
|
9885
10077
|
text-align: left;
|
9886
10078
|
}
|
9887
10079
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor {
|
9888
|
-
font-size: var(--cds-body-
|
9889
|
-
font-weight: var(--cds-body-
|
9890
|
-
line-height: var(--cds-body-
|
9891
|
-
letter-spacing: var(--cds-body-
|
10080
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
10081
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
10082
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
10083
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
9892
10084
|
outline: 2px solid transparent;
|
9893
10085
|
outline-offset: -2px;
|
9894
10086
|
position: absolute;
|
@@ -9920,10 +10112,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9920
10112
|
outline-offset: -2px;
|
9921
10113
|
}
|
9922
10114
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor-ruler {
|
9923
|
-
font-size: var(--cds-body-
|
9924
|
-
font-weight: var(--cds-body-
|
9925
|
-
line-height: var(--cds-body-
|
9926
|
-
letter-spacing: var(--cds-body-
|
10115
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
10116
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
10117
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
10118
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
9927
10119
|
position: absolute;
|
9928
10120
|
overflow: hidden;
|
9929
10121
|
width: fit-content;
|
@@ -9937,10 +10129,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9937
10129
|
outline: 0.125rem solid var(--cds-background-brand, #0f62fe);
|
9938
10130
|
}
|
9939
10131
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight {
|
9940
|
-
font-size: var(--cds-body-
|
9941
|
-
font-weight: var(--cds-body-
|
9942
|
-
line-height: var(--cds-body-
|
9943
|
-
letter-spacing: var(--cds-body-
|
10132
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
10133
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
10134
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
10135
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
9944
10136
|
border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
9945
10137
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
9946
10138
|
position: absolute;
|
@@ -10058,13 +10250,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10058
10250
|
overscroll-behavior: none;
|
10059
10251
|
}
|
10060
10252
|
|
10061
|
-
/*
|
10062
|
-
* Licensed Materials - Property of IBM
|
10063
|
-
* 5724-Q36
|
10064
|
-
* (c) Copyright IBM Corp. 2020 - 2021
|
10065
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
10066
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
10067
|
-
*/
|
10068
10253
|
.c4p--datagrid__table-toolbar > section {
|
10069
10254
|
z-index: 2;
|
10070
10255
|
overflow: visible;
|
@@ -10536,11 +10721,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10536
10721
|
width: 100%;
|
10537
10722
|
}
|
10538
10723
|
|
10539
|
-
.cds--body--with-modal-open .c4p--datagrid__grid-container {
|
10540
|
-
overflow: hidden;
|
10541
|
-
height: 100vh;
|
10542
|
-
}
|
10543
|
-
|
10544
10724
|
.c4p--datagrid .cds--modal {
|
10545
10725
|
width: 100%;
|
10546
10726
|
}
|
@@ -10581,6 +10761,18 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10581
10761
|
background-color: var(--cds-layer-accent);
|
10582
10762
|
}
|
10583
10763
|
|
10764
|
+
.c4p--datagrid .cds--action-list .cds--btn.c4p--button-menu {
|
10765
|
+
padding: 0;
|
10766
|
+
}
|
10767
|
+
|
10768
|
+
.c4p--datagrid .cds--action-list .cds--btn {
|
10769
|
+
align-items: center;
|
10770
|
+
}
|
10771
|
+
|
10772
|
+
.c4p--datagrid .cds--action-list .cds--btn__icon {
|
10773
|
+
margin-top: 0;
|
10774
|
+
}
|
10775
|
+
|
10584
10776
|
/*
|
10585
10777
|
* Licensed Materials - Property of IBM
|
10586
10778
|
* 5724-Q36
|
@@ -11011,6 +11203,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11011
11203
|
grid-template-columns: 1fr 1fr;
|
11012
11204
|
}
|
11013
11205
|
|
11206
|
+
.c4p--datagrid-filter-flyout__trigger.cds--btn {
|
11207
|
+
display: flex;
|
11208
|
+
width: 3rem;
|
11209
|
+
height: 3rem;
|
11210
|
+
justify-content: center;
|
11211
|
+
}
|
11212
|
+
|
11014
11213
|
.c4p--datagrid-filter-flyout__trigger--open.cds--btn.cds--btn--icon-only {
|
11015
11214
|
position: relative;
|
11016
11215
|
background-color: var(--cds-layer-02, #ffffff);
|
@@ -11134,6 +11333,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11134
11333
|
}
|
11135
11334
|
|
11136
11335
|
.cds--btn.c4p--datagrid-filter-panel-open-button {
|
11336
|
+
display: flex;
|
11337
|
+
width: 3rem;
|
11338
|
+
height: 3rem;
|
11339
|
+
justify-content: center;
|
11137
11340
|
border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
11138
11341
|
border-bottom: none;
|
11139
11342
|
}
|
@@ -11662,7 +11865,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11662
11865
|
.c4p--datagrid__datagridWrap :global(.cds--checkbox) {
|
11663
11866
|
display: none;
|
11664
11867
|
}
|
11665
|
-
.c4p--datagrid__datagridWrap .
|
11868
|
+
.c4p--datagrid__datagridWrap .cds--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
|
11666
11869
|
left: 0.125rem;
|
11667
11870
|
width: 112px;
|
11668
11871
|
}
|
@@ -13282,7 +13485,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
13282
13485
|
width: 0;
|
13283
13486
|
}
|
13284
13487
|
|
13285
|
-
.cds--side-nav.cds--side-nav--rail:not(.cds--side-nav--fixed):hover,
|
13286
13488
|
.cds--side-nav--expanded {
|
13287
13489
|
width: 16rem;
|
13288
13490
|
}
|
@@ -13689,6 +13891,16 @@ a.cds--side-nav__link--current::before {
|
|
13689
13891
|
color: var(--cds-text-primary, #161616);
|
13690
13892
|
}
|
13691
13893
|
|
13894
|
+
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
|
13895
|
+
background-color: var(--cds-layer-selected-hover);
|
13896
|
+
}
|
13897
|
+
|
13898
|
+
.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
|
13899
|
+
.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
|
13900
|
+
width: 3px;
|
13901
|
+
height: calc(100% + 4px);
|
13902
|
+
}
|
13903
|
+
|
13692
13904
|
.cds--side-nav .cds--header__menu a.cds--header__menu-item {
|
13693
13905
|
height: inherit;
|
13694
13906
|
}
|
@@ -13707,6 +13919,157 @@ a.cds--side-nav__link--current::before {
|
|
13707
13919
|
fill: ButtonText;
|
13708
13920
|
}
|
13709
13921
|
}
|
13922
|
+
:root {
|
13923
|
+
--cds-layout-size-height-xs:1.5rem;
|
13924
|
+
--cds-layout-size-height-sm:2rem;
|
13925
|
+
--cds-layout-size-height-md:2.5rem;
|
13926
|
+
--cds-layout-size-height-lg:3rem;
|
13927
|
+
--cds-layout-size-height-xl:4rem;
|
13928
|
+
--cds-layout-size-height-2xl:5rem;
|
13929
|
+
--cds-layout-size-height-min:0px;
|
13930
|
+
--cds-layout-size-height-max:999999999px;
|
13931
|
+
--cds-layout-density-padding-inline-condensed:0.5rem;
|
13932
|
+
--cds-layout-density-padding-inline-normal:1rem;
|
13933
|
+
--cds-layout-density-padding-inline-min:0px;
|
13934
|
+
--cds-layout-density-padding-inline-max:999999999px;
|
13935
|
+
}
|
13936
|
+
|
13937
|
+
.cds--layout--size-xs {
|
13938
|
+
--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);
|
13939
|
+
--cds-layout-size-height:var(--cds-layout-size-height-context);
|
13940
|
+
}
|
13941
|
+
|
13942
|
+
.cds--layout-constraint--size\:default-xs {
|
13943
|
+
--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
|
13944
|
+
}
|
13945
|
+
|
13946
|
+
.cds--layout-constraint--size\:min-xs {
|
13947
|
+
--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);
|
13948
|
+
}
|
13949
|
+
|
13950
|
+
.cds--layout-constraint--size\:max-xs {
|
13951
|
+
--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);
|
13952
|
+
}
|
13953
|
+
|
13954
|
+
.cds--layout--size-sm {
|
13955
|
+
--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);
|
13956
|
+
--cds-layout-size-height:var(--cds-layout-size-height-context);
|
13957
|
+
}
|
13958
|
+
|
13959
|
+
.cds--layout-constraint--size\:default-sm {
|
13960
|
+
--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
|
13961
|
+
}
|
13962
|
+
|
13963
|
+
.cds--layout-constraint--size\:min-sm {
|
13964
|
+
--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);
|
13965
|
+
}
|
13966
|
+
|
13967
|
+
.cds--layout-constraint--size\:max-sm {
|
13968
|
+
--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);
|
13969
|
+
}
|
13970
|
+
|
13971
|
+
.cds--layout--size-md {
|
13972
|
+
--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);
|
13973
|
+
--cds-layout-size-height:var(--cds-layout-size-height-context);
|
13974
|
+
}
|
13975
|
+
|
13976
|
+
.cds--layout-constraint--size\:default-md {
|
13977
|
+
--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
|
13978
|
+
}
|
13979
|
+
|
13980
|
+
.cds--layout-constraint--size\:min-md {
|
13981
|
+
--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);
|
13982
|
+
}
|
13983
|
+
|
13984
|
+
.cds--layout-constraint--size\:max-md {
|
13985
|
+
--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);
|
13986
|
+
}
|
13987
|
+
|
13988
|
+
.cds--layout--size-lg {
|
13989
|
+
--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);
|
13990
|
+
--cds-layout-size-height:var(--cds-layout-size-height-context);
|
13991
|
+
}
|
13992
|
+
|
13993
|
+
.cds--layout-constraint--size\:default-lg {
|
13994
|
+
--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
|
13995
|
+
}
|
13996
|
+
|
13997
|
+
.cds--layout-constraint--size\:min-lg {
|
13998
|
+
--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);
|
13999
|
+
}
|
14000
|
+
|
14001
|
+
.cds--layout-constraint--size\:max-lg {
|
14002
|
+
--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);
|
14003
|
+
}
|
14004
|
+
|
14005
|
+
.cds--layout--size-xl {
|
14006
|
+
--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);
|
14007
|
+
--cds-layout-size-height:var(--cds-layout-size-height-context);
|
14008
|
+
}
|
14009
|
+
|
14010
|
+
.cds--layout-constraint--size\:default-xl {
|
14011
|
+
--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
|
14012
|
+
}
|
14013
|
+
|
14014
|
+
.cds--layout-constraint--size\:min-xl {
|
14015
|
+
--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);
|
14016
|
+
}
|
14017
|
+
|
14018
|
+
.cds--layout-constraint--size\:max-xl {
|
14019
|
+
--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);
|
14020
|
+
}
|
14021
|
+
|
14022
|
+
.cds--layout--size-2xl {
|
14023
|
+
--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);
|
14024
|
+
--cds-layout-size-height:var(--cds-layout-size-height-context);
|
14025
|
+
}
|
14026
|
+
|
14027
|
+
.cds--layout-constraint--size\:default-2xl {
|
14028
|
+
--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
|
14029
|
+
}
|
14030
|
+
|
14031
|
+
.cds--layout-constraint--size\:min-2xl {
|
14032
|
+
--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);
|
14033
|
+
}
|
14034
|
+
|
14035
|
+
.cds--layout-constraint--size\:max-2xl {
|
14036
|
+
--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);
|
14037
|
+
}
|
14038
|
+
|
14039
|
+
.cds--layout--density-condensed {
|
14040
|
+
--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);
|
14041
|
+
--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);
|
14042
|
+
}
|
14043
|
+
|
14044
|
+
.cds--layout-constraint--density\:default-condensed {
|
14045
|
+
--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
|
14046
|
+
}
|
14047
|
+
|
14048
|
+
.cds--layout-constraint--density\:min-condensed {
|
14049
|
+
--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);
|
14050
|
+
}
|
14051
|
+
|
14052
|
+
.cds--layout-constraint--density\:max-condensed {
|
14053
|
+
--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);
|
14054
|
+
}
|
14055
|
+
|
14056
|
+
.cds--layout--density-normal {
|
14057
|
+
--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);
|
14058
|
+
--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);
|
14059
|
+
}
|
14060
|
+
|
14061
|
+
.cds--layout-constraint--density\:default-normal {
|
14062
|
+
--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
|
14063
|
+
}
|
14064
|
+
|
14065
|
+
.cds--layout-constraint--density\:min-normal {
|
14066
|
+
--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);
|
14067
|
+
}
|
14068
|
+
|
14069
|
+
.cds--layout-constraint--density\:max-normal {
|
14070
|
+
--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);
|
14071
|
+
}
|
14072
|
+
|
13710
14073
|
.c4p--action-set {
|
13711
14074
|
align-items: stretch;
|
13712
14075
|
justify-content: flex-end;
|
@@ -13777,7 +14140,6 @@ a.cds--side-nav__link--current::before {
|
|
13777
14140
|
}
|
13778
14141
|
|
13779
14142
|
.c4p--tearsheet.c4p--tearsheet {
|
13780
|
-
/* stylelint-disable-next-line function-no-unknown */
|
13781
14143
|
z-index: 9001;
|
13782
14144
|
align-items: flex-end;
|
13783
14145
|
color: var(--cds-text-primary, #161616);
|
@@ -13787,7 +14149,6 @@ a.cds--side-nav__link--current::before {
|
|
13787
14149
|
}
|
13788
14150
|
|
13789
14151
|
.c4p--tearsheet.is-visible {
|
13790
|
-
/* stylelint-disable-next-line function-no-unknown */
|
13791
14152
|
z-index: 9000;
|
13792
14153
|
align-items: flex-end;
|
13793
14154
|
transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
|
@@ -13799,19 +14160,16 @@ a.cds--side-nav__link--current::before {
|
|
13799
14160
|
}
|
13800
14161
|
}
|
13801
14162
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
|
13802
|
-
/* stylelint-disable-next-line function-no-unknown */
|
13803
14163
|
z-index: 8999;
|
13804
14164
|
background-color: rgba(22, 22, 22, 0.33);
|
13805
14165
|
}
|
13806
14166
|
|
13807
14167
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
|
13808
|
-
/* stylelint-disable-next-line function-no-unknown */
|
13809
14168
|
z-index: 8998;
|
13810
14169
|
background-color: rgba(22, 22, 22, 0.11);
|
13811
14170
|
}
|
13812
14171
|
|
13813
14172
|
.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
|
13814
|
-
/* stylelint-disable-next-line function-no-unknown */
|
13815
14173
|
z-index: 8999;
|
13816
14174
|
background-color: rgba(22, 22, 22, 0.25);
|
13817
14175
|
}
|
@@ -13872,12 +14230,14 @@ a.cds--side-nav__link--current::before {
|
|
13872
14230
|
padding: 1.5rem 2rem;
|
13873
14231
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
13874
14232
|
margin: 0;
|
14233
|
+
background-color: var(--cds-layer);
|
13875
14234
|
}
|
13876
14235
|
|
13877
14236
|
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
|
13878
14237
|
padding: 1rem;
|
13879
14238
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
13880
14239
|
margin: 0;
|
14240
|
+
background-color: var(--cds-layer);
|
13881
14241
|
}
|
13882
14242
|
|
13883
14243
|
.c4p--tearsheet .c4p--tearsheet__header-content {
|
@@ -13903,10 +14263,10 @@ a.cds--side-nav__link--current::before {
|
|
13903
14263
|
}
|
13904
14264
|
|
13905
14265
|
.c4p--tearsheet.c4p--tearsheet--wide .cds--modal-header__heading.c4p--tearsheet__heading {
|
13906
|
-
font-size: var(--cds-
|
13907
|
-
font-weight: var(--cds-
|
13908
|
-
line-height: var(--cds-
|
13909
|
-
letter-spacing: var(--cds-
|
14266
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
14267
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
14268
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
14269
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
13910
14270
|
}
|
13911
14271
|
|
13912
14272
|
.c4p--tearsheet .c4p--tearsheet__header-description {
|
@@ -13914,10 +14274,10 @@ a.cds--side-nav__link--current::before {
|
|
13914
14274
|
overflow: hidden;
|
13915
14275
|
max-width: 100%;
|
13916
14276
|
margin-top: 1rem;
|
13917
|
-
font-size: var(--cds-body-
|
13918
|
-
font-weight: var(--cds-body-
|
13919
|
-
line-height: var(--cds-body-
|
13920
|
-
letter-spacing: var(--cds-body-
|
14277
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
14278
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
14279
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
14280
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
13921
14281
|
-webkit-box-orient: vertical;
|
13922
14282
|
-webkit-line-clamp: 2;
|
13923
14283
|
word-break: break-word;
|
@@ -13988,11 +14348,15 @@ a.cds--side-nav__link--current::before {
|
|
13988
14348
|
.c4p--tearsheet .c4p--tearsheet__main {
|
13989
14349
|
display: flex;
|
13990
14350
|
flex-direction: row;
|
13991
|
-
background-color: var(--cds-
|
14351
|
+
background-color: var(--cds-background, #ffffff);
|
13992
14352
|
grid-column: 1/-1;
|
13993
14353
|
grid-row: 1/-1;
|
13994
14354
|
}
|
13995
14355
|
|
14356
|
+
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
|
14357
|
+
background-color: var(--cds-layer);
|
14358
|
+
}
|
14359
|
+
|
13996
14360
|
.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
|
13997
14361
|
border-right: none;
|
13998
14362
|
border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
@@ -14188,19 +14552,19 @@ a.cds--side-nav__link--current::before {
|
|
14188
14552
|
|
14189
14553
|
.c4p--tearsheet-edit .c4p--tearsheet-edit__section--subtitle,
|
14190
14554
|
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--subtitle {
|
14191
|
-
font-size: var(--cds-
|
14192
|
-
font-weight: var(--cds-
|
14193
|
-
line-height: var(--cds-
|
14194
|
-
letter-spacing: var(--cds-
|
14555
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
14556
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
14557
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
14558
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
14195
14559
|
margin-bottom: 0.5rem;
|
14196
14560
|
}
|
14197
14561
|
|
14198
14562
|
.c4p--tearsheet-edit .c4p--tearsheet-edit__section--description,
|
14199
14563
|
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--description {
|
14200
|
-
font-size: var(--cds-body-
|
14201
|
-
font-weight: var(--cds-body-
|
14202
|
-
line-height: var(--cds-body-
|
14203
|
-
letter-spacing: var(--cds-body-
|
14564
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
14565
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
14566
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
14567
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
14204
14568
|
margin-bottom: 1.5rem;
|
14205
14569
|
}
|
14206
14570
|
|
@@ -14340,6 +14704,14 @@ video {
|
|
14340
14704
|
vertical-align: baseline;
|
14341
14705
|
}
|
14342
14706
|
|
14707
|
+
button,
|
14708
|
+
select,
|
14709
|
+
input,
|
14710
|
+
textarea {
|
14711
|
+
border-radius: 0;
|
14712
|
+
font-family: inherit;
|
14713
|
+
}
|
14714
|
+
|
14343
14715
|
/* HTML5 display-role reset for older browsers */
|
14344
14716
|
article,
|
14345
14717
|
aside,
|
@@ -15977,6 +16349,8 @@ em {
|
|
15977
16349
|
}
|
15978
16350
|
|
15979
16351
|
.cds--accordion {
|
16352
|
+
--cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
|
16353
|
+
--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));
|
15980
16354
|
box-sizing: border-box;
|
15981
16355
|
padding: 0;
|
15982
16356
|
border: 0;
|
@@ -16022,11 +16396,10 @@ em {
|
|
16022
16396
|
position: relative;
|
16023
16397
|
display: flex;
|
16024
16398
|
width: 100%;
|
16025
|
-
min-height:
|
16399
|
+
min-height: var(--cds-layout-size-height-local);
|
16026
16400
|
flex-direction: row-reverse;
|
16027
|
-
align-items:
|
16401
|
+
align-items: center;
|
16028
16402
|
justify-content: flex-start;
|
16029
|
-
padding: 0.625rem 0;
|
16030
16403
|
margin: 0;
|
16031
16404
|
color: var(--cds-text-primary, #161616);
|
16032
16405
|
cursor: pointer;
|
@@ -16064,16 +16437,6 @@ em {
|
|
16064
16437
|
}
|
16065
16438
|
}
|
16066
16439
|
|
16067
|
-
.cds--accordion--lg .cds--accordion__heading {
|
16068
|
-
min-height: 3rem;
|
16069
|
-
align-items: center;
|
16070
|
-
}
|
16071
|
-
|
16072
|
-
.cds--accordion--sm .cds--accordion__heading {
|
16073
|
-
min-height: 2rem;
|
16074
|
-
padding: 0.3125rem 0;
|
16075
|
-
}
|
16076
|
-
|
16077
16440
|
.cds--accordion__heading[disabled] {
|
16078
16441
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
16079
16442
|
cursor: not-allowed;
|
@@ -16102,7 +16465,7 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16102
16465
|
width: 1rem;
|
16103
16466
|
height: 1rem;
|
16104
16467
|
flex: 0 0 1rem;
|
16105
|
-
margin:
|
16468
|
+
margin: 0 var(--cds-layout-density-padding-inline-local) 0 0;
|
16106
16469
|
fill: var(--cds-icon-primary, #161616);
|
16107
16470
|
transform: rotate(-270deg) /*rtl:ignore*/;
|
16108
16471
|
transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
@@ -16116,14 +16479,13 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16116
16479
|
z-index: 1;
|
16117
16480
|
width: 100%;
|
16118
16481
|
padding-right: 1rem;
|
16119
|
-
margin: 0 0 0
|
16482
|
+
margin: 0 0 0 var(--cds-layout-density-padding-inline-local);
|
16120
16483
|
text-align: left;
|
16121
16484
|
}
|
16122
16485
|
|
16123
16486
|
.cds--accordion__content {
|
16124
16487
|
display: none;
|
16125
|
-
padding-
|
16126
|
-
padding-left: 1rem;
|
16488
|
+
padding-inline: var(--cds-layout-density-padding-inline-local);
|
16127
16489
|
transition: padding cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
|
16128
16490
|
}
|
16129
16491
|
@media (min-width: 480px) {
|
@@ -16148,7 +16510,7 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16148
16510
|
}
|
16149
16511
|
|
16150
16512
|
.cds--accordion--start .cds--accordion__arrow {
|
16151
|
-
margin: 2px 0 0
|
16513
|
+
margin: 2px 0 0 var(--cds-layout-density-padding-inline-local);
|
16152
16514
|
}
|
16153
16515
|
|
16154
16516
|
.cds--accordion--start .cds--accordion__title {
|
@@ -16156,7 +16518,7 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16156
16518
|
}
|
16157
16519
|
|
16158
16520
|
.cds--accordion--start .cds--accordion__content {
|
16159
|
-
margin-left:
|
16521
|
+
margin-left: calc(var(--cds-layout-density-padding-inline-local) + 1rem);
|
16160
16522
|
}
|
16161
16523
|
|
16162
16524
|
.cds--accordion__item--collapsing .cds--accordion__content,
|
@@ -16592,6 +16954,15 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16592
16954
|
}
|
16593
16955
|
|
16594
16956
|
.cds--btn {
|
16957
|
+
--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));
|
16958
|
+
--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));
|
16959
|
+
--temp-1lh: (
|
16960
|
+
var(--cds-body-compact-01-line-height, 1.28572) * 1em
|
16961
|
+
);
|
16962
|
+
--temp-padding-block-max: calc(
|
16963
|
+
(var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -
|
16964
|
+
0.0625rem
|
16965
|
+
);
|
16595
16966
|
box-sizing: border-box;
|
16596
16967
|
padding: 0;
|
16597
16968
|
border: 0;
|
@@ -16607,15 +16978,16 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16607
16978
|
display: inline-flex;
|
16608
16979
|
width: max-content;
|
16609
16980
|
max-width: 20rem;
|
16610
|
-
|
16981
|
+
height: var(--cds-layout-size-height-local);
|
16611
16982
|
flex-shrink: 0;
|
16612
|
-
align-items: center;
|
16613
16983
|
justify-content: space-between;
|
16614
|
-
padding: calc(0.875rem - 3px) calc(4rem - 1px) calc(0.875rem - 3px) calc(1rem - 1px);
|
16615
16984
|
margin: 0;
|
16616
16985
|
border-radius: 0;
|
16617
16986
|
cursor: pointer;
|
16618
16987
|
outline: none;
|
16988
|
+
padding-block-start: min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));
|
16989
|
+
padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
|
16990
|
+
padding-inline-start: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
|
16619
16991
|
text-align: left;
|
16620
16992
|
text-decoration: none;
|
16621
16993
|
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);
|
@@ -16635,10 +17007,12 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16635
17007
|
}
|
16636
17008
|
.cds--btn .cds--btn__icon {
|
16637
17009
|
position: absolute;
|
16638
|
-
|
17010
|
+
top: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
|
17011
|
+
right: var(--cds-layout-density-padding-inline-local);
|
16639
17012
|
width: 1rem;
|
16640
17013
|
height: 1rem;
|
16641
17014
|
flex-shrink: 0;
|
17015
|
+
margin-block-start: 0.0625rem;
|
16642
17016
|
}
|
16643
17017
|
|
16644
17018
|
.cds--btn::-moz-focus-inner {
|
@@ -16741,7 +17115,7 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16741
17115
|
border-color: transparent;
|
16742
17116
|
background-color: transparent;
|
16743
17117
|
color: var(--cds-link-primary, #0f62fe);
|
16744
|
-
padding: calc(
|
17118
|
+
padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
|
16745
17119
|
}
|
16746
17120
|
.cds--btn--ghost:hover {
|
16747
17121
|
background-color: var(--cds-layer-hover);
|
@@ -16773,19 +17147,19 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16773
17147
|
color: var(--cds-text-on-color-disabled, #8d8d8d);
|
16774
17148
|
outline: none;
|
16775
17149
|
}
|
16776
|
-
.cds--btn--ghost.cds--btn--sm {
|
16777
|
-
padding: calc(0.375rem - 3px) 1rem;
|
16778
|
-
}
|
16779
|
-
.cds--btn--ghost.cds--btn--field, .cds--btn--ghost.cds--btn--md {
|
16780
|
-
padding: calc(0.675rem - 3px) 1rem;
|
16781
|
-
}
|
16782
17150
|
.cds--btn--ghost:not([disabled]) svg {
|
16783
17151
|
fill: var(--cds-icon-primary, #161616);
|
16784
17152
|
}
|
16785
17153
|
|
16786
17154
|
.cds--btn--icon-only {
|
16787
|
-
|
16788
|
-
|
17155
|
+
width: var(--cds-layout-size-height-local);
|
17156
|
+
height: var(--cds-layout-size-height-local);
|
17157
|
+
justify-content: center;
|
17158
|
+
padding: 0;
|
17159
|
+
padding-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
|
17160
|
+
}
|
17161
|
+
.cds--btn--icon-only > :first-child {
|
17162
|
+
margin-block-start: 0.0625rem;
|
16789
17163
|
}
|
16790
17164
|
.cds--btn--icon-only .cds--btn__icon {
|
16791
17165
|
position: static;
|
@@ -16817,15 +17191,12 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16817
17191
|
cursor: not-allowed;
|
16818
17192
|
}
|
16819
17193
|
|
16820
|
-
.cds--
|
16821
|
-
|
16822
|
-
padding-right: 0.6875rem;
|
16823
|
-
padding-left: 0.6875rem;
|
17194
|
+
.cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper {
|
17195
|
+
cursor: not-allowed;
|
16824
17196
|
}
|
16825
17197
|
|
16826
|
-
.cds--
|
16827
|
-
|
16828
|
-
padding-left: 0.4375rem;
|
17198
|
+
.cds--icon-tooltip--disabled .cds--btn--icon-only[disabled] {
|
17199
|
+
pointer-events: none;
|
16829
17200
|
}
|
16830
17201
|
|
16831
17202
|
.cds--btn--danger {
|
@@ -16897,7 +17268,7 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16897
17268
|
border-color: transparent;
|
16898
17269
|
background-color: transparent;
|
16899
17270
|
color: var(--cds-button-danger-secondary, #da1e28);
|
16900
|
-
padding: calc(
|
17271
|
+
padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
|
16901
17272
|
}
|
16902
17273
|
.cds--btn--danger--ghost:hover {
|
16903
17274
|
background-color: var(--cds-button-danger-hover, #b81921);
|
@@ -16926,46 +17297,12 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16926
17297
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
16927
17298
|
outline: none;
|
16928
17299
|
}
|
16929
|
-
.cds--btn--danger--ghost.cds--btn--sm {
|
16930
|
-
padding: calc(0.375rem - 3px) 1rem;
|
16931
|
-
}
|
16932
|
-
.cds--btn--danger--ghost.cds--btn--field, .cds--btn--danger--ghost.cds--btn--md {
|
16933
|
-
padding: calc(0.675rem - 3px) 1rem;
|
16934
|
-
}
|
16935
|
-
|
16936
|
-
.cds--btn--sm {
|
16937
|
-
min-height: 2rem;
|
16938
|
-
padding: calc(0.375rem - 3px) calc(4rem - 4px) calc(0.375rem - 3px) calc(1rem - 4px);
|
16939
|
-
}
|
16940
|
-
|
16941
|
-
.cds--btn--2xl:not(.cds--btn--icon-only) {
|
16942
|
-
align-items: baseline;
|
16943
|
-
padding-top: 1rem;
|
16944
|
-
padding-right: 4rem;
|
16945
|
-
padding-left: 1rem;
|
16946
|
-
min-height: 5rem;
|
16947
|
-
}
|
16948
|
-
|
16949
|
-
.cds--btn--xl:not(.cds--btn--icon-only) {
|
16950
|
-
align-items: baseline;
|
16951
|
-
padding-top: 1rem;
|
16952
|
-
padding-right: 4rem;
|
16953
|
-
padding-left: 1rem;
|
16954
|
-
min-height: 4rem;
|
16955
|
-
}
|
16956
|
-
|
16957
|
-
.cds--btn--field,
|
16958
|
-
.cds--btn--md {
|
16959
|
-
min-height: 2.5rem;
|
16960
|
-
padding: calc(0.675rem - 3px) calc(4rem - 4px) calc(0.675rem - 3px) calc(1rem - 4px);
|
16961
|
-
}
|
16962
17300
|
|
16963
17301
|
.cds--btn--expressive {
|
16964
17302
|
font-size: var(--cds-body-compact-02-font-size, 1rem);
|
16965
17303
|
font-weight: var(--cds-body-compact-02-font-weight, 400);
|
16966
17304
|
line-height: var(--cds-body-compact-02-line-height, 1.375);
|
16967
17305
|
letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
|
16968
|
-
min-height: 3rem;
|
16969
17306
|
}
|
16970
17307
|
|
16971
17308
|
.cds--btn--icon-only.cds--btn--expressive {
|
@@ -17266,6 +17603,7 @@ input[data-invalid] ~ .cds--form-requirement,
|
|
17266
17603
|
.cds--date-picker-input__wrapper--warn ~ .cds--form-requirement,
|
17267
17604
|
.cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,
|
17268
17605
|
.cds--time-picker--invalid ~ .cds--form-requirement,
|
17606
|
+
.cds--time-picker--warning ~ .cds--form-requirement,
|
17269
17607
|
.cds--text-input__field-wrapper[data-invalid] ~ .cds--form-requirement,
|
17270
17608
|
.cds--text-input__field-wrapper--warning ~ .cds--form-requirement,
|
17271
17609
|
.cds--text-input__field-wrapper--warning > .cds--text-input ~ .cds--form-requirement,
|
@@ -17655,6 +17993,8 @@ fieldset[disabled] .cds--form__helper-text {
|
|
17655
17993
|
}
|
17656
17994
|
|
17657
17995
|
.cds--text-input {
|
17996
|
+
--cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
|
17997
|
+
--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));
|
17658
17998
|
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
17659
17999
|
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
17660
18000
|
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
@@ -17662,8 +18002,8 @@ fieldset[disabled] .cds--form__helper-text {
|
|
17662
18002
|
outline: 2px solid transparent;
|
17663
18003
|
outline-offset: -2px;
|
17664
18004
|
width: 100%;
|
17665
|
-
height:
|
17666
|
-
padding: 0
|
18005
|
+
height: var(--cds-layout-size-height-local);
|
18006
|
+
padding: 0 var(--cds-layout-density-padding-inline-local);
|
17667
18007
|
border: none;
|
17668
18008
|
border-bottom: 1px solid var(--cds-border-strong);
|
17669
18009
|
background-color: var(--cds-field);
|
@@ -17700,14 +18040,6 @@ fieldset[disabled] .cds--form__helper-text {
|
|
17700
18040
|
display: none;
|
17701
18041
|
}
|
17702
18042
|
|
17703
|
-
.cds--text-input--lg {
|
17704
|
-
height: 3rem;
|
17705
|
-
}
|
17706
|
-
|
17707
|
-
.cds--text-input--sm {
|
17708
|
-
height: 2rem;
|
17709
|
-
}
|
17710
|
-
|
17711
18043
|
.cds--password-input {
|
17712
18044
|
padding-right: 2.5rem;
|
17713
18045
|
}
|
@@ -18251,6 +18583,10 @@ fieldset[disabled] .cds--form__helper-text {
|
|
18251
18583
|
}
|
18252
18584
|
|
18253
18585
|
.cds--tag {
|
18586
|
+
--cds-layout-size-height-xs: 1.125rem;
|
18587
|
+
--cds-layout-size-height-sm: 1.125rem;
|
18588
|
+
--cds-layout-size-height-md: 1.5rem;
|
18589
|
+
--cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-md)));
|
18254
18590
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
18255
18591
|
font-weight: var(--cds-label-01-font-weight, 400);
|
18256
18592
|
line-height: var(--cds-label-01-line-height, 1.33333);
|
@@ -18260,16 +18596,25 @@ fieldset[disabled] .cds--form__helper-text {
|
|
18260
18596
|
display: inline-flex;
|
18261
18597
|
min-width: 2rem;
|
18262
18598
|
max-width: 100%;
|
18263
|
-
min-height:
|
18599
|
+
min-height: var(--cds-layout-size-height-local);
|
18264
18600
|
align-items: center;
|
18265
18601
|
justify-content: center;
|
18266
|
-
padding: 0.25rem 0.5rem;
|
18267
18602
|
margin: 0.25rem;
|
18268
18603
|
border-radius: 0.9375rem;
|
18269
18604
|
cursor: default;
|
18605
|
+
padding-inline: 0.5rem;
|
18270
18606
|
vertical-align: middle;
|
18271
18607
|
word-break: break-word;
|
18272
18608
|
}
|
18609
|
+
.cds--layout--size-xs .cds--tag {
|
18610
|
+
--cds-layout-size-height: var(--cds-layout-size-height-xs);
|
18611
|
+
}
|
18612
|
+
.cds--layout--size-sm .cds--tag {
|
18613
|
+
--cds-layout-size-height: var(--cds-layout-size-height-sm);
|
18614
|
+
}
|
18615
|
+
.cds--layout--size-md .cds--tag {
|
18616
|
+
--cds-layout-size-height: var(--cds-layout-size-height-md);
|
18617
|
+
}
|
18273
18618
|
.cds--tag.cds--tag--interactive:hover,
|
18274
18619
|
.cds--tag .cds--tag__close-icon:hover {
|
18275
18620
|
background-color: var(--cds-tag-hover-gray, #c6c6c6);
|
@@ -18440,8 +18785,8 @@ fieldset[disabled] .cds--form__helper-text {
|
|
18440
18785
|
|
18441
18786
|
.cds--tag__close-icon {
|
18442
18787
|
display: flex;
|
18443
|
-
width:
|
18444
|
-
height:
|
18788
|
+
width: var(--cds-layout-size-height-local);
|
18789
|
+
height: var(--cds-layout-size-height-local);
|
18445
18790
|
flex-shrink: 0;
|
18446
18791
|
align-items: center;
|
18447
18792
|
justify-content: center;
|
@@ -18495,18 +18840,11 @@ fieldset[disabled] .cds--form__helper-text {
|
|
18495
18840
|
fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
18496
18841
|
}
|
18497
18842
|
|
18498
|
-
.cds--tag--sm {
|
18499
|
-
min-height: 1.125rem;
|
18500
|
-
padding: 0 0.5rem;
|
18501
|
-
}
|
18502
|
-
|
18503
18843
|
.cds--tag--sm.cds--tag--filter {
|
18504
18844
|
padding-right: 0;
|
18505
18845
|
}
|
18506
18846
|
|
18507
18847
|
.cds--tag--sm .cds--tag__close-icon {
|
18508
|
-
width: 1.125rem;
|
18509
|
-
height: 1.125rem;
|
18510
18848
|
margin-left: 0.3125rem;
|
18511
18849
|
}
|
18512
18850
|
|
@@ -19415,13 +19753,23 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19415
19753
|
transform: rotate(180deg);
|
19416
19754
|
}
|
19417
19755
|
|
19756
|
+
.cds--contained-list {
|
19757
|
+
--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-xl)));
|
19758
|
+
--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));
|
19759
|
+
}
|
19760
|
+
|
19761
|
+
.cds--contained-list > ul {
|
19762
|
+
padding: 0;
|
19763
|
+
margin: 0;
|
19764
|
+
}
|
19765
|
+
|
19418
19766
|
.cds--contained-list__header {
|
19419
19767
|
position: sticky;
|
19420
19768
|
z-index: 1;
|
19421
19769
|
top: 0;
|
19422
19770
|
display: flex;
|
19423
19771
|
align-items: center;
|
19424
|
-
padding-inline:
|
19772
|
+
padding-inline: var(--cds-layout-density-padding-inline-local);
|
19425
19773
|
}
|
19426
19774
|
|
19427
19775
|
.cds--contained-list__label {
|
@@ -19431,7 +19779,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19431
19779
|
.cds--contained-list .cds--search {
|
19432
19780
|
position: sticky;
|
19433
19781
|
z-index: 1;
|
19434
|
-
top:
|
19782
|
+
top: var(--cds-layout-size-height-local);
|
19435
19783
|
}
|
19436
19784
|
.cds--contained-list .cds--search.cds--search--expandable .cds--search-input {
|
19437
19785
|
background-color: var(--cds-field);
|
@@ -19470,46 +19818,6 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19470
19818
|
outline: none;
|
19471
19819
|
}
|
19472
19820
|
|
19473
|
-
.cds--contained-list--on-page.cds--contained-list--sm .cds--contained-list__header {
|
19474
|
-
height: 2rem;
|
19475
|
-
}
|
19476
|
-
|
19477
|
-
.cds--contained-list--sm .cds--contained-list-item__content,
|
19478
|
-
.cds--contained-list--sm .cds--contained-list-item--clickable .cds--contained-list-item__content {
|
19479
|
-
min-height: 2rem;
|
19480
|
-
padding: calc(0.5rem - 0.125rem) 1rem;
|
19481
|
-
}
|
19482
|
-
|
19483
|
-
.cds--contained-list--on-page.cds--contained-list--md .cds--contained-list__header {
|
19484
|
-
height: 2.5rem;
|
19485
|
-
}
|
19486
|
-
|
19487
|
-
.cds--contained-list--md .cds--contained-list-item__content,
|
19488
|
-
.cds--contained-list--md .cds--contained-list-item--clickable .cds--contained-list-item__content {
|
19489
|
-
min-height: 2.5rem;
|
19490
|
-
padding: calc(0.75rem - 0.125rem) 1rem;
|
19491
|
-
}
|
19492
|
-
|
19493
|
-
.cds--contained-list--on-page.cds--contained-list--lg .cds--contained-list__header {
|
19494
|
-
height: 3rem;
|
19495
|
-
}
|
19496
|
-
|
19497
|
-
.cds--contained-list--lg .cds--contained-list-item__content,
|
19498
|
-
.cds--contained-list--lg .cds--contained-list-item--clickable .cds--contained-list-item__content {
|
19499
|
-
min-height: 3rem;
|
19500
|
-
padding: calc(1rem - 0.125rem) 1rem;
|
19501
|
-
}
|
19502
|
-
|
19503
|
-
.cds--contained-list--on-page.cds--contained-list--xl .cds--contained-list__header {
|
19504
|
-
height: 4rem;
|
19505
|
-
}
|
19506
|
-
|
19507
|
-
.cds--contained-list--xl .cds--contained-list-item__content,
|
19508
|
-
.cds--contained-list--xl .cds--contained-list-item--clickable .cds--contained-list-item__content {
|
19509
|
-
min-height: 4rem;
|
19510
|
-
padding: calc(1.5rem - 0.125rem) 1rem;
|
19511
|
-
}
|
19512
|
-
|
19513
19821
|
.cds--contained-list--on-page + .cds--contained-list--on-page {
|
19514
19822
|
margin-block-start: 1rem;
|
19515
19823
|
}
|
@@ -19519,6 +19827,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19519
19827
|
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
19520
19828
|
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
19521
19829
|
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
19830
|
+
height: var(--cds-layout-size-height-local);
|
19522
19831
|
border-bottom: 1px solid var(--cds-border-subtle);
|
19523
19832
|
background-color: var(--cds-background, #ffffff);
|
19524
19833
|
color: var(--cds-text-primary, #161616);
|
@@ -19544,12 +19853,17 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19544
19853
|
|
19545
19854
|
.cds--contained-list-item {
|
19546
19855
|
position: relative;
|
19856
|
+
list-style: none;
|
19547
19857
|
}
|
19548
19858
|
|
19549
19859
|
.cds--contained-list-item:not(:first-of-type) {
|
19550
19860
|
margin-top: -1px;
|
19551
19861
|
}
|
19552
19862
|
|
19863
|
+
.cds--contained-list-item__content {
|
19864
|
+
box-sizing: border-box;
|
19865
|
+
}
|
19866
|
+
|
19553
19867
|
.cds--contained-list-item--clickable .cds--contained-list-item__content {
|
19554
19868
|
box-sizing: border-box;
|
19555
19869
|
padding: 0;
|
@@ -19580,10 +19894,15 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19580
19894
|
|
19581
19895
|
.cds--contained-list-item__content,
|
19582
19896
|
.cds--contained-list-item--clickable .cds--contained-list-item__content {
|
19897
|
+
--temp-1lh: (
|
19898
|
+
var(--cds-body-01-line-height, 1.42857) * 1em
|
19899
|
+
);
|
19583
19900
|
font-size: var(--cds-body-01-font-size, 0.875rem);
|
19584
19901
|
font-weight: var(--cds-body-01-font-weight, 400);
|
19585
19902
|
line-height: var(--cds-body-01-line-height, 1.42857);
|
19586
19903
|
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
19904
|
+
min-height: var(--cds-layout-size-height-local);
|
19905
|
+
padding: calc((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2) var(--cds-layout-density-padding-inline-local);
|
19587
19906
|
color: var(--cds-text-primary, #161616);
|
19588
19907
|
}
|
19589
19908
|
|
@@ -19598,8 +19917,8 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19598
19917
|
}
|
19599
19918
|
|
19600
19919
|
.cds--contained-list--inset-rulers .cds--contained-list-item:not(:last-of-type)::before {
|
19601
|
-
right:
|
19602
|
-
left:
|
19920
|
+
right: var(--cds-layout-density-padding-inline-local);
|
19921
|
+
left: var(--cds-layout-density-padding-inline-local);
|
19603
19922
|
}
|
19604
19923
|
|
19605
19924
|
.cds--contained-list-item--clickable .cds--contained-list-item__content:not(:disabled):hover {
|
@@ -19667,20 +19986,14 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19667
19986
|
}
|
19668
19987
|
|
19669
19988
|
.cds--content-switcher {
|
19989
|
+
--cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
|
19990
|
+
--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));
|
19670
19991
|
display: flex;
|
19671
19992
|
width: 100%;
|
19672
|
-
height:
|
19993
|
+
height: var(--cds-layout-size-height-local);
|
19673
19994
|
justify-content: space-evenly;
|
19674
19995
|
}
|
19675
19996
|
|
19676
|
-
.cds--content-switcher--sm {
|
19677
|
-
height: 2rem;
|
19678
|
-
}
|
19679
|
-
|
19680
|
-
.cds--content-switcher--lg {
|
19681
|
-
height: 3rem;
|
19682
|
-
}
|
19683
|
-
|
19684
19997
|
.cds--content-switcher-btn {
|
19685
19998
|
font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
|
19686
19999
|
outline: 2px solid transparent;
|
@@ -19692,9 +20005,6 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19692
20005
|
position: relative;
|
19693
20006
|
display: inline-flex;
|
19694
20007
|
overflow: hidden;
|
19695
|
-
width: 100%;
|
19696
|
-
align-items: center;
|
19697
|
-
padding: 0.5rem 1rem;
|
19698
20008
|
border: none;
|
19699
20009
|
border-top: 0.0625rem solid var(--cds-border-inverse, #161616);
|
19700
20010
|
border-bottom: 0.0625rem solid var(--cds-border-inverse, #161616);
|
@@ -19772,6 +20082,12 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19772
20082
|
border-color: var(--cds-border-disabled, #c6c6c6);
|
19773
20083
|
}
|
19774
20084
|
|
20085
|
+
.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn {
|
20086
|
+
width: 100%;
|
20087
|
+
align-items: center;
|
20088
|
+
padding: 0.5rem var(--cds-layout-density-padding-inline-local);
|
20089
|
+
}
|
20090
|
+
|
19775
20091
|
.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child {
|
19776
20092
|
border-left: 0.0625rem solid var(--cds-border-inverse, #161616);
|
19777
20093
|
border-bottom-left-radius: 0.25rem;
|
@@ -20059,6 +20375,34 @@ fieldset[disabled] .cds--form__helper-text {
|
|
20059
20375
|
vertical-align: middle;
|
20060
20376
|
}
|
20061
20377
|
|
20378
|
+
.cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand) {
|
20379
|
+
padding-top: 1rem;
|
20380
|
+
padding-bottom: 1rem;
|
20381
|
+
}
|
20382
|
+
.cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-menu {
|
20383
|
+
padding-top: 0.5rem;
|
20384
|
+
}
|
20385
|
+
.cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-checkbox:not(.cds--table-column-radio) {
|
20386
|
+
padding-top: 0.8125rem;
|
20387
|
+
}
|
20388
|
+
.cds--data-table.cds--data-table--top-aligned-body td {
|
20389
|
+
vertical-align: top;
|
20390
|
+
}
|
20391
|
+
|
20392
|
+
.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header) {
|
20393
|
+
padding-top: 1rem;
|
20394
|
+
padding-bottom: 1rem;
|
20395
|
+
}
|
20396
|
+
.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-menu {
|
20397
|
+
padding-top: 0.5rem;
|
20398
|
+
}
|
20399
|
+
.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-checkbox {
|
20400
|
+
padding-top: 0.8125rem;
|
20401
|
+
}
|
20402
|
+
.cds--data-table.cds--data-table--top-aligned-header th {
|
20403
|
+
vertical-align: top;
|
20404
|
+
}
|
20405
|
+
|
20062
20406
|
.cds--data-table th[align=right],
|
20063
20407
|
.cds--data-table td[align=right] {
|
20064
20408
|
text-align: right;
|
@@ -20339,7 +20683,8 @@ tr.cds--data-table--selected:last-of-type td {
|
|
20339
20683
|
height: calc(100% + 1px);
|
20340
20684
|
}
|
20341
20685
|
|
20342
|
-
.cds--data-table.cds--data-table--xs .cds--table-column-checkbox
|
20686
|
+
.cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
|
20687
|
+
.cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
|
20343
20688
|
padding-top: 0;
|
20344
20689
|
padding-bottom: 0;
|
20345
20690
|
}
|
@@ -20361,12 +20706,14 @@ tr.cds--data-table--selected:last-of-type td {
|
|
20361
20706
|
}
|
20362
20707
|
|
20363
20708
|
.cds--data-table--sm td,
|
20364
|
-
.cds--data-table--sm tbody tr th
|
20709
|
+
.cds--data-table--sm tbody tr th,
|
20710
|
+
.cds--data-table--sm.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
|
20365
20711
|
padding-top: 0.4375rem;
|
20366
20712
|
padding-bottom: 0.375rem;
|
20367
20713
|
}
|
20368
20714
|
|
20369
|
-
.cds--data-table.cds--data-table--sm .cds--table-column-checkbox
|
20715
|
+
.cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
|
20716
|
+
.cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
|
20370
20717
|
padding-top: 0.1875rem;
|
20371
20718
|
padding-bottom: 0.1875rem;
|
20372
20719
|
}
|
@@ -20381,7 +20728,8 @@ tr.cds--data-table--selected:last-of-type td {
|
|
20381
20728
|
height: 2.5rem;
|
20382
20729
|
}
|
20383
20730
|
|
20384
|
-
.cds--data-table--md .cds--table-header-label
|
20731
|
+
.cds--data-table--md .cds--table-header-label,
|
20732
|
+
.cds--data-table--md.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
|
20385
20733
|
padding-top: 0.4375rem;
|
20386
20734
|
padding-bottom: 0.4375rem;
|
20387
20735
|
}
|
@@ -20392,7 +20740,8 @@ tr.cds--data-table--selected:last-of-type td {
|
|
20392
20740
|
padding-bottom: 0.375rem;
|
20393
20741
|
}
|
20394
20742
|
|
20395
|
-
.cds--data-table.cds--data-table--md .cds--table-column-checkbox
|
20743
|
+
.cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
|
20744
|
+
.cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
|
20396
20745
|
padding-top: 0.1875rem;
|
20397
20746
|
padding-bottom: 0.1875rem;
|
20398
20747
|
}
|
@@ -20416,6 +20765,7 @@ tr.cds--data-table--selected:last-of-type td {
|
|
20416
20765
|
.cds--data-table--xl td,
|
20417
20766
|
.cds--data-table--xl tbody tr th {
|
20418
20767
|
padding-top: 1rem;
|
20768
|
+
padding-bottom: 1rem;
|
20419
20769
|
}
|
20420
20770
|
|
20421
20771
|
.cds--data-table--xl th,
|
@@ -21337,6 +21687,25 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
|
|
21337
21687
|
border: 0;
|
21338
21688
|
}
|
21339
21689
|
|
21690
|
+
.cds--data-table--top-aligned-body td .cds--table-expand__button,
|
21691
|
+
.cds--data-table--top-aligned-header th .cds--table-expand__button {
|
21692
|
+
height: 2rem;
|
21693
|
+
align-items: start;
|
21694
|
+
padding-top: 0.5rem;
|
21695
|
+
}
|
21696
|
+
|
21697
|
+
.cds--data-table--top-aligned-body.cds--data-table--xs td .cds--table-expand__button,
|
21698
|
+
.cds--data-table--top-aligned-header.cds--data-table--xs th .cds--table-expand__button {
|
21699
|
+
height: 1.5rem;
|
21700
|
+
padding-top: 0.25rem;
|
21701
|
+
}
|
21702
|
+
|
21703
|
+
.cds--data-table--top-aligned-body.cds--data-table--md td .cds--table-expand__button,
|
21704
|
+
.cds--data-table--top-aligned-header.cds--data-table--md th .cds--table-expand__button {
|
21705
|
+
padding-top: 0.5rem;
|
21706
|
+
margin-top: -0.25rem;
|
21707
|
+
}
|
21708
|
+
|
21340
21709
|
.cds--table-expand__button:focus {
|
21341
21710
|
box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe);
|
21342
21711
|
outline: none;
|
@@ -21350,7 +21719,6 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
|
|
21350
21719
|
|
21351
21720
|
.cds--data-table--xl .cds--table-expand__button {
|
21352
21721
|
width: 2rem;
|
21353
|
-
padding: 0;
|
21354
21722
|
}
|
21355
21723
|
|
21356
21724
|
tr.cds--parent-row.cds--expandable-row td.cds--table-expand + td::after {
|
@@ -21685,6 +22053,30 @@ th .cds--table-sort__flex {
|
|
21685
22053
|
justify-content: space-between;
|
21686
22054
|
}
|
21687
22055
|
|
22056
|
+
.cds--data-table--top-aligned-header th .cds--table-sort__flex {
|
22057
|
+
align-items: start;
|
22058
|
+
}
|
22059
|
+
|
22060
|
+
.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th.cds--table-sort__header {
|
22061
|
+
padding-top: 1rem;
|
22062
|
+
}
|
22063
|
+
|
22064
|
+
.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label,
|
22065
|
+
.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label {
|
22066
|
+
padding-top: 0;
|
22067
|
+
padding-bottom: 0;
|
22068
|
+
}
|
22069
|
+
|
22070
|
+
.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header {
|
22071
|
+
padding-top: 0.4375rem;
|
22072
|
+
padding-bottom: 0.4375rem;
|
22073
|
+
}
|
22074
|
+
|
22075
|
+
.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header {
|
22076
|
+
padding-top: 0.125rem;
|
22077
|
+
padding-bottom: 0.125rem;
|
22078
|
+
}
|
22079
|
+
|
21688
22080
|
.cds--data-table--sort:not(.cds--data-table--xs):not(.cds--data-table--sm):not(.cds--data-table--md):not(.cds--data-table--xl) th .cds--table-sort__flex {
|
21689
22081
|
/* IE11 workaround for align-items: center and min-height
|
21690
22082
|
https://github.com/philipwalton/flexbugs/issues/231 */
|
@@ -26521,6 +26913,10 @@ optgroup.cds--select-optgroup:disabled,
|
|
26521
26913
|
white-space: nowrap;
|
26522
26914
|
}
|
26523
26915
|
|
26916
|
+
.cds--menu-item__shortcut {
|
26917
|
+
display: flex;
|
26918
|
+
}
|
26919
|
+
|
26524
26920
|
.cds--menu--with-icons > .cds--menu-item,
|
26525
26921
|
.cds--menu--with-icons > .cds--menu-item-group > ul > .cds--menu-item,
|
26526
26922
|
.cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item {
|
@@ -27241,7 +27637,8 @@ optgroup.cds--select-optgroup:disabled,
|
|
27241
27637
|
border-color: var(--cds-support-warning, #f1c21b);
|
27242
27638
|
}
|
27243
27639
|
|
27244
|
-
.cds--inline-notification--warning .cds--inline-notification__icon path[opacity="0"]
|
27640
|
+
.cds--inline-notification--warning .cds--inline-notification__icon path[opacity="0"],
|
27641
|
+
.cds--inline-notification--warning-alt .cds--inline-notification__icon path:first-of-type {
|
27245
27642
|
fill: #000000;
|
27246
27643
|
opacity: 1;
|
27247
27644
|
}
|
@@ -27555,7 +27952,8 @@ optgroup.cds--select-optgroup:disabled,
|
|
27555
27952
|
fill: var(--cds-support-warning, #f1c21b);
|
27556
27953
|
}
|
27557
27954
|
|
27558
|
-
.cds--toast-notification--warning .cds--toast-notification__icon path[opacity="0"]
|
27955
|
+
.cds--toast-notification--warning .cds--toast-notification__icon path[opacity="0"],
|
27956
|
+
.cds--toast-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
|
27559
27957
|
fill: #000000;
|
27560
27958
|
opacity: 1;
|
27561
27959
|
}
|
@@ -27880,7 +28278,8 @@ optgroup.cds--select-optgroup:disabled,
|
|
27880
28278
|
border-color: var(--cds-support-warning, #f1c21b);
|
27881
28279
|
}
|
27882
28280
|
|
27883
|
-
.cds--actionable-notification--warning .cds--toast-notification__icon path[opacity="0"]
|
28281
|
+
.cds--actionable-notification--warning .cds--toast-notification__icon path[opacity="0"],
|
28282
|
+
.cds--actionable-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
|
27884
28283
|
fill: #000000;
|
27885
28284
|
opacity: 1;
|
27886
28285
|
}
|
@@ -28004,7 +28403,8 @@ optgroup.cds--select-optgroup:disabled,
|
|
28004
28403
|
|
28005
28404
|
/* Tertiary action button when not inline (toast) */
|
28006
28405
|
.cds--actionable-notification__action-button.cds--btn--tertiary {
|
28007
|
-
padding:
|
28406
|
+
padding-right: 1rem;
|
28407
|
+
padding-left: 1rem;
|
28008
28408
|
margin-bottom: 1rem;
|
28009
28409
|
margin-left: calc(2rem + 1.25rem - 0.125rem);
|
28010
28410
|
}
|
@@ -28216,6 +28616,10 @@ optgroup.cds--select-optgroup:disabled,
|
|
28216
28616
|
background-color: var(--cds-layer-hover);
|
28217
28617
|
}
|
28218
28618
|
|
28619
|
+
.cds--overflow-menu > :first-child {
|
28620
|
+
margin-block-start: 0;
|
28621
|
+
}
|
28622
|
+
|
28219
28623
|
.cds--overflow-menu--sm {
|
28220
28624
|
width: 2rem;
|
28221
28625
|
height: 2rem;
|
@@ -28743,6 +29147,11 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
28743
29147
|
box-sizing: inherit;
|
28744
29148
|
}
|
28745
29149
|
|
29150
|
+
.cds--pagination__button > svg,
|
29151
|
+
.cds--btn--ghost.cds--pagination__button > svg {
|
29152
|
+
margin-block-start: 0;
|
29153
|
+
}
|
29154
|
+
|
28746
29155
|
.cds--pagination--sm .cds--pagination__button,
|
28747
29156
|
.cds--pagination--sm .cds--btn--ghost.cds--pagination__button {
|
28748
29157
|
width: 2rem;
|
@@ -29229,7 +29638,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29229
29638
|
pointer-events: auto;
|
29230
29639
|
}
|
29231
29640
|
|
29232
|
-
.cds--popover--open .cds--popover-content {
|
29641
|
+
.cds--popover--open > .cds--popover > .cds--popover-content {
|
29233
29642
|
display: block;
|
29234
29643
|
}
|
29235
29644
|
|
@@ -29239,7 +29648,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29239
29648
|
content: "";
|
29240
29649
|
}
|
29241
29650
|
|
29242
|
-
.cds--popover--open .cds--popover-content::before {
|
29651
|
+
.cds--popover--open > .cds--popover > .cds--popover-content::before {
|
29243
29652
|
display: block;
|
29244
29653
|
}
|
29245
29654
|
|
@@ -29251,10 +29660,14 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29251
29660
|
will-change: transform;
|
29252
29661
|
}
|
29253
29662
|
|
29254
|
-
.cds--popover--open.cds--popover
|
29663
|
+
.cds--popover--open > .cds--popover > .cds--popover-caret {
|
29255
29664
|
display: block;
|
29256
29665
|
}
|
29257
29666
|
|
29667
|
+
.cds--popover--tab-tip .cds--popover .cds--popover-caret {
|
29668
|
+
display: none;
|
29669
|
+
}
|
29670
|
+
|
29258
29671
|
.cds--popover--bottom .cds--popover-content {
|
29259
29672
|
bottom: 0;
|
29260
29673
|
left: 50%;
|
@@ -29478,6 +29891,10 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29478
29891
|
fill: var(--cds-icon-primary, #161616);
|
29479
29892
|
}
|
29480
29893
|
|
29894
|
+
.cds--progress-bar {
|
29895
|
+
--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));
|
29896
|
+
}
|
29897
|
+
|
29481
29898
|
.cds--progress-bar__label {
|
29482
29899
|
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
29483
29900
|
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
@@ -29486,8 +29903,8 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29486
29903
|
display: flex;
|
29487
29904
|
min-width: 3rem;
|
29488
29905
|
justify-content: space-between;
|
29489
|
-
margin-bottom: 0.5rem;
|
29490
29906
|
color: var(--cds-text-primary, #161616);
|
29907
|
+
margin-block-end: 0.5rem;
|
29491
29908
|
}
|
29492
29909
|
|
29493
29910
|
.cds--progress-bar__label-text {
|
@@ -29549,7 +29966,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29549
29966
|
|
29550
29967
|
.cds--progress-bar__status-icon {
|
29551
29968
|
flex-shrink: 0;
|
29552
|
-
margin-
|
29969
|
+
margin-inline-start: var(--cds-layout-density-padding-inline-local);
|
29553
29970
|
}
|
29554
29971
|
|
29555
29972
|
.cds--progress-bar--finished .cds--progress-bar__bar,
|
@@ -29586,7 +30003,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29586
30003
|
.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label {
|
29587
30004
|
flex-shrink: 1;
|
29588
30005
|
justify-content: flex-start;
|
29589
|
-
margin-
|
30006
|
+
margin-inline-end: 0;
|
29590
30007
|
}
|
29591
30008
|
|
29592
30009
|
@keyframes progress-bar-indeterminate {
|
@@ -29605,7 +30022,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29605
30022
|
.cds--progress-bar--inline .cds--progress-bar__label {
|
29606
30023
|
flex-shrink: 0;
|
29607
30024
|
margin-bottom: 0;
|
29608
|
-
margin-inline-end:
|
30025
|
+
margin-inline-end: var(--cds-layout-density-padding-inline-local);
|
29609
30026
|
}
|
29610
30027
|
|
29611
30028
|
.cds--progress-bar--inline .cds--progress-bar__track {
|
@@ -29628,7 +30045,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29628
30045
|
|
29629
30046
|
.cds--progress-bar--indented .cds--progress-bar__label,
|
29630
30047
|
.cds--progress-bar--indented .cds--progress-bar__helper-text {
|
29631
|
-
padding-inline:
|
30048
|
+
padding-inline: var(--cds-layout-density-padding-inline-local);
|
29632
30049
|
}
|
29633
30050
|
|
29634
30051
|
.cds--tooltip {
|
@@ -30405,11 +30822,10 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
30405
30822
|
}
|
30406
30823
|
|
30407
30824
|
.cds--slider__range-label {
|
30408
|
-
font-
|
30409
|
-
font-
|
30410
|
-
|
30411
|
-
|
30412
|
-
letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);
|
30825
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
30826
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
30827
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
30828
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
30413
30829
|
color: var(--cds-text-primary, #161616);
|
30414
30830
|
white-space: nowrap;
|
30415
30831
|
}
|
@@ -31164,11 +31580,47 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31164
31580
|
.cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {
|
31165
31581
|
transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
31166
31582
|
}
|
31583
|
+
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon {
|
31584
|
+
padding: 1rem;
|
31585
|
+
margin-top: -0.5rem;
|
31586
|
+
margin-right: -1rem;
|
31587
|
+
margin-left: -1rem;
|
31588
|
+
}
|
31589
|
+
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover {
|
31590
|
+
background-color: inherit;
|
31591
|
+
}
|
31592
|
+
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg {
|
31593
|
+
width: 24px;
|
31594
|
+
height: 24px;
|
31595
|
+
padding: 0.25rem;
|
31596
|
+
margin: -0.25rem;
|
31597
|
+
}
|
31598
|
+
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover {
|
31599
|
+
background-color: var(--cds-layer-accent-hover);
|
31600
|
+
}
|
31601
|
+
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled).cds--tabs__nav-item--selected .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover {
|
31602
|
+
background-color: var(--cds-layer-hover);
|
31603
|
+
}
|
31604
|
+
.cds--tabs .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover {
|
31605
|
+
background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
|
31606
|
+
}
|
31167
31607
|
.cds--tabs .cds--tabs__nav-item--icon {
|
31168
31608
|
display: flex;
|
31169
31609
|
align-items: center;
|
31170
31610
|
padding-left: 0.5rem;
|
31171
31611
|
}
|
31612
|
+
.cds--tabs .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon {
|
31613
|
+
padding: 0.25rem;
|
31614
|
+
margin: -0.25rem;
|
31615
|
+
line-height: 0;
|
31616
|
+
pointer-events: auto;
|
31617
|
+
}
|
31618
|
+
.cds--tabs .cds--tabs__nav-item--icon-left {
|
31619
|
+
display: flex;
|
31620
|
+
align-items: center;
|
31621
|
+
padding-right: 0.5rem;
|
31622
|
+
margin-top: -2px;
|
31623
|
+
}
|
31172
31624
|
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
|
31173
31625
|
padding-left: 1rem;
|
31174
31626
|
}
|
@@ -31259,7 +31711,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31259
31711
|
border-bottom: 2px solid var(--cds-border-strong);
|
31260
31712
|
color: var(--cds-text-primary, #161616);
|
31261
31713
|
}
|
31262
|
-
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled):hover {
|
31714
|
+
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover {
|
31263
31715
|
background-color: var(--cds-layer-accent-hover);
|
31264
31716
|
color: var(--cds-text-primary, #161616);
|
31265
31717
|
}
|
@@ -31676,6 +32128,26 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31676
32128
|
padding: 1rem;
|
31677
32129
|
background-color: var(--cds-layer);
|
31678
32130
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
32131
|
+
cursor: not-allowed;
|
32132
|
+
}
|
32133
|
+
|
32134
|
+
.cds--tile--clickable .cds--tile--icon,
|
32135
|
+
.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
|
32136
|
+
position: absolute;
|
32137
|
+
right: 1rem;
|
32138
|
+
bottom: 1rem;
|
32139
|
+
}
|
32140
|
+
|
32141
|
+
.cds--tile--clickable .cds--tile--icon {
|
32142
|
+
fill: var(--cds-icon-interactive, #0f62fe);
|
32143
|
+
}
|
32144
|
+
|
32145
|
+
.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
|
32146
|
+
fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
32147
|
+
}
|
32148
|
+
|
32149
|
+
.cds--tile--clickable.cds--link--disabled .cds--tile--icon {
|
32150
|
+
display: none;
|
31679
32151
|
}
|
31680
32152
|
|
31681
32153
|
.cds--tile--selectable {
|
@@ -31907,7 +32379,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31907
32379
|
}
|
31908
32380
|
|
31909
32381
|
.cds--tile--disabled.cds--tile--is-selected {
|
31910
|
-
border-color: var(--cds-
|
32382
|
+
border-color: var(--cds-border-disabled, #c6c6c6);
|
31911
32383
|
}
|
31912
32384
|
|
31913
32385
|
.cds--tile--disabled .cds--tile__checkmark svg {
|
@@ -31935,10 +32407,21 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31935
32407
|
}
|
31936
32408
|
|
31937
32409
|
.cds--time-picker__input {
|
32410
|
+
position: relative;
|
31938
32411
|
display: flex;
|
31939
32412
|
flex-direction: column;
|
31940
32413
|
}
|
31941
32414
|
|
32415
|
+
.cds--time-picker__error__icon {
|
32416
|
+
position: absolute;
|
32417
|
+
top: 50%;
|
32418
|
+
right: 1rem;
|
32419
|
+
display: flex;
|
32420
|
+
height: 100%;
|
32421
|
+
place-items: center;
|
32422
|
+
transform: translateY(-50%);
|
32423
|
+
}
|
32424
|
+
|
31942
32425
|
.cds--time-picker .cds--select-input {
|
31943
32426
|
width: auto;
|
31944
32427
|
min-width: auto;
|
@@ -31966,6 +32449,10 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31966
32449
|
opacity: 1;
|
31967
32450
|
}
|
31968
32451
|
|
32452
|
+
.cds--time-picker__input-field-error {
|
32453
|
+
width: 6.175rem;
|
32454
|
+
}
|
32455
|
+
|
31969
32456
|
.cds--time-picker--light .cds--select-input {
|
31970
32457
|
background-color: var(--cds-field-02, #ffffff);
|
31971
32458
|
}
|
@@ -32506,6 +32993,10 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
32506
32993
|
}
|
32507
32994
|
}
|
32508
32995
|
|
32996
|
+
.cds--header__action > :first-child {
|
32997
|
+
margin-block-start: 0;
|
32998
|
+
}
|
32999
|
+
|
32509
33000
|
.cds--header__action > svg.cds--navigation-menu-panel-collapse-icon,
|
32510
33001
|
.cds--header__action--active > svg.cds--navigation-menu-panel-expand-icon {
|
32511
33002
|
display: none;
|
@@ -32693,12 +33184,11 @@ a.cds--header__menu-item[aria-current=page],
|
|
32693
33184
|
a.cds--header__menu-item[aria-current=page]::after,
|
32694
33185
|
.cds--header__menu-item--current::after {
|
32695
33186
|
position: absolute;
|
32696
|
-
top: 0;
|
32697
|
-
right: 0;
|
32698
33187
|
bottom: -2px;
|
32699
|
-
left:
|
32700
|
-
width: 100
|
32701
|
-
|
33188
|
+
left: -2px;
|
33189
|
+
width: calc(100% + 4px);
|
33190
|
+
height: 3px;
|
33191
|
+
background-color: var(--cds-border-interactive, #0f62fe);
|
32702
33192
|
content: "";
|
32703
33193
|
}
|
32704
33194
|
|
@@ -32709,15 +33199,19 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
|
|
32709
33199
|
|
32710
33200
|
.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
|
32711
33201
|
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
|
32712
|
-
|
33202
|
+
top: -2px;
|
32713
33203
|
left: -2px;
|
32714
|
-
|
32715
|
-
|
33204
|
+
width: 3px;
|
33205
|
+
height: calc(100% + 4px);
|
33206
|
+
background-color: var(--cds-border-interactive, #0f62fe);
|
32716
33207
|
}
|
32717
33208
|
.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
|
32718
33209
|
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
|
32719
|
-
|
32720
|
-
|
33210
|
+
top: -2px;
|
33211
|
+
left: -2px;
|
33212
|
+
width: 5px;
|
33213
|
+
height: calc(100% + 4px);
|
33214
|
+
background-color: var(--cds-border-interactive, #0f62fe);
|
32721
33215
|
}
|
32722
33216
|
|
32723
33217
|
a.cds--header__menu-item[aria-current=page]:focus,
|
@@ -32777,6 +33271,13 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
|
|
32777
33271
|
color: var(--cds-text-primary, #161616);
|
32778
33272
|
}
|
32779
33273
|
|
33274
|
+
.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
|
33275
|
+
background-color: var(--cds-layer-selected);
|
33276
|
+
}
|
33277
|
+
.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
|
33278
|
+
background-color: var(--cds-layer-selected-hover);
|
33279
|
+
}
|
33280
|
+
|
32780
33281
|
.cds--header__menu .cds--header__menu-item {
|
32781
33282
|
height: 3rem;
|
32782
33283
|
}
|
@@ -32877,7 +33378,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
|
|
32877
33378
|
width: 0;
|
32878
33379
|
}
|
32879
33380
|
|
32880
|
-
.cds--side-nav.cds--side-nav--rail:not(.cds--side-nav--fixed):hover,
|
32881
33381
|
.cds--side-nav--expanded {
|
32882
33382
|
width: 16rem;
|
32883
33383
|
}
|
@@ -33276,6 +33776,15 @@ a.cds--side-nav__link--current::before {
|
|
33276
33776
|
background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
|
33277
33777
|
color: var(--cds-text-primary, #161616);
|
33278
33778
|
}
|
33779
|
+
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
|
33780
|
+
background-color: var(--cds-layer-selected-hover);
|
33781
|
+
}
|
33782
|
+
|
33783
|
+
.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
|
33784
|
+
.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
|
33785
|
+
width: 3px;
|
33786
|
+
height: calc(100% + 4px);
|
33787
|
+
}
|
33279
33788
|
|
33280
33789
|
.cds--side-nav .cds--header__menu a.cds--header__menu-item {
|
33281
33790
|
height: inherit;
|
@@ -33419,6 +33928,10 @@ a.cds--side-nav__link--current::before {
|
|
33419
33928
|
}
|
33420
33929
|
}
|
33421
33930
|
|
33931
|
+
.cds--header__action > :first-child {
|
33932
|
+
margin-block-start: 0;
|
33933
|
+
}
|
33934
|
+
|
33422
33935
|
.cds--header__action > svg.cds--navigation-menu-panel-collapse-icon,
|
33423
33936
|
.cds--header__action--active > svg.cds--navigation-menu-panel-expand-icon {
|
33424
33937
|
display: none;
|
@@ -33606,12 +34119,11 @@ a.cds--header__menu-item[aria-current=page],
|
|
33606
34119
|
a.cds--header__menu-item[aria-current=page]::after,
|
33607
34120
|
.cds--header__menu-item--current::after {
|
33608
34121
|
position: absolute;
|
33609
|
-
top: 0;
|
33610
|
-
right: 0;
|
33611
34122
|
bottom: -2px;
|
33612
|
-
left:
|
33613
|
-
width: 100
|
33614
|
-
|
34123
|
+
left: -2px;
|
34124
|
+
width: calc(100% + 4px);
|
34125
|
+
height: 3px;
|
34126
|
+
background-color: var(--cds-border-interactive, #0f62fe);
|
33615
34127
|
content: "";
|
33616
34128
|
}
|
33617
34129
|
|
@@ -33622,15 +34134,19 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
|
|
33622
34134
|
|
33623
34135
|
.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
|
33624
34136
|
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
|
33625
|
-
|
34137
|
+
top: -2px;
|
33626
34138
|
left: -2px;
|
33627
|
-
|
33628
|
-
|
34139
|
+
width: 3px;
|
34140
|
+
height: calc(100% + 4px);
|
34141
|
+
background-color: var(--cds-border-interactive, #0f62fe);
|
33629
34142
|
}
|
33630
34143
|
.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
|
33631
34144
|
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
|
33632
|
-
|
33633
|
-
|
34145
|
+
top: -2px;
|
34146
|
+
left: -2px;
|
34147
|
+
width: 5px;
|
34148
|
+
height: calc(100% + 4px);
|
34149
|
+
background-color: var(--cds-border-interactive, #0f62fe);
|
33634
34150
|
}
|
33635
34151
|
|
33636
34152
|
a.cds--header__menu-item[aria-current=page]:focus,
|
@@ -33690,6 +34206,13 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
|
|
33690
34206
|
color: var(--cds-text-primary, #161616);
|
33691
34207
|
}
|
33692
34208
|
|
34209
|
+
.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
|
34210
|
+
background-color: var(--cds-layer-selected);
|
34211
|
+
}
|
34212
|
+
.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
|
34213
|
+
background-color: var(--cds-layer-selected-hover);
|
34214
|
+
}
|
34215
|
+
|
33693
34216
|
.cds--header__menu .cds--header__menu-item {
|
33694
34217
|
height: 3rem;
|
33695
34218
|
}
|
@@ -33790,7 +34313,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
|
|
33790
34313
|
width: 0;
|
33791
34314
|
}
|
33792
34315
|
|
33793
|
-
.cds--side-nav.cds--side-nav--rail:not(.cds--side-nav--fixed):hover,
|
33794
34316
|
.cds--side-nav--expanded {
|
33795
34317
|
width: 16rem;
|
33796
34318
|
}
|
@@ -34189,6 +34711,15 @@ a.cds--side-nav__link--current::before {
|
|
34189
34711
|
background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
|
34190
34712
|
color: var(--cds-text-primary, #161616);
|
34191
34713
|
}
|
34714
|
+
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
|
34715
|
+
background-color: var(--cds-layer-selected-hover);
|
34716
|
+
}
|
34717
|
+
|
34718
|
+
.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
|
34719
|
+
.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
|
34720
|
+
width: 3px;
|
34721
|
+
height: calc(100% + 4px);
|
34722
|
+
}
|
34192
34723
|
|
34193
34724
|
.cds--side-nav .cds--header__menu a.cds--header__menu-item {
|
34194
34725
|
height: inherit;
|