@carbon/ibm-products 2.1.3 → 2.2.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +246 -777
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -3
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +11 -210
- 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 +48 -412
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -3
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +121 -344
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -3
- package/css/index.min.css.map +1 -1
- package/es/components/AboutModal/AboutModal.js +4 -2
- package/es/components/ActionBar/ActionBar.js +6 -2
- package/es/components/AddSelect/AddSelectFormControl.js +6 -6
- package/es/components/AddSelect/AddSelectRow.js +5 -15
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +6 -5
- package/es/components/ButtonMenu/ButtonMenu.js +4 -4
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +9 -3
- package/es/components/Cascade/Cascade.js +1 -11
- package/es/components/CreateFullPage/CreateFullPage.js +0 -13
- package/es/components/CreateModal/CreateModal.js +0 -7
- package/es/components/CreateSidePanel/CreateSidePanel.js +1 -1
- 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 +2 -3
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +47 -39
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +24 -20
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +15 -44
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +21 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +10 -12
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +2 -2
- package/es/components/Datagrid/useActionsColumn.js +7 -10
- package/es/components/Datagrid/useCustomizeColumns.js +7 -9
- package/es/components/Datagrid/useExpandedRow.js +7 -11
- package/es/components/Datagrid/useFiltering.js +8 -12
- package/es/components/Datagrid/useInlineEdit.js +0 -3
- package/es/components/Datagrid/useNestedRows.js +6 -10
- package/es/components/Datagrid/useStickyColumn.js +3 -10
- package/es/components/Datagrid/utils/DatagridActions.js +14 -6
- package/es/components/EditFullPage/EditFullPage.js +1 -2
- package/es/components/EditSidePanel/EditSidePanel.js +1 -1
- package/es/components/EditTearsheet/EditTearsheet.js +0 -4
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -1
- package/es/components/EditUpdateCards/EditUpdateCards.js +2 -3
- package/es/components/EmptyStates/EmptyState.js +0 -4
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +0 -4
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +0 -4
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +0 -4
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +0 -4
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +0 -4
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +0 -4
- package/es/components/ExportModal/ExportModal.js +0 -4
- package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +0 -6
- package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +0 -6
- package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +0 -6
- package/es/components/ImportModal/ImportModal.js +6 -13
- package/es/components/MultiAddSelect/MultiAddSelect.js +0 -4
- package/es/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +17 -2
- package/es/components/PageHeader/PageHeader.js +6 -2
- package/es/components/PageHeader/PageHeaderUtils.js +2 -2
- package/es/components/RemoveModal/RemoveModal.js +0 -6
- package/es/components/SidePanel/SidePanel.js +3 -1
- package/es/components/SingleAddSelect/SingleAddSelect.js +0 -4
- package/es/components/StatusIcon/StatusIcon.js +0 -10
- package/es/components/TagSet/TagSet.js +7 -4
- package/es/components/Tearsheet/TearsheetShell.js +6 -11
- package/es/components/UserProfileImage/UserProfileImage.js +3 -14
- package/es/components/WebTerminal/WebTerminal.js +0 -4
- package/es/global/js/hooks/useCreateComponentStepChange.js +15 -16
- package/es/global/js/hooks/useResizeObserver.js +28 -14
- package/es/global/js/package-settings.js +1 -14
- package/es/global/js/utils/story-helper.js +6 -108
- package/lib/components/AboutModal/AboutModal.js +4 -2
- package/lib/components/ActionBar/ActionBar.js +6 -2
- package/lib/components/AddSelect/AddSelectFormControl.js +6 -6
- package/lib/components/AddSelect/AddSelectRow.js +5 -15
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +6 -5
- package/lib/components/ButtonMenu/ButtonMenu.js +4 -4
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +9 -3
- package/lib/components/Cascade/Cascade.js +1 -11
- package/lib/components/CreateFullPage/CreateFullPage.js +0 -13
- package/lib/components/CreateModal/CreateModal.js +0 -7
- package/lib/components/CreateSidePanel/CreateSidePanel.js +1 -1
- 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 +2 -3
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +45 -37
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +24 -20
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +7 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +13 -42
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +30 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +10 -12
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +2 -2
- package/lib/components/Datagrid/useActionsColumn.js +7 -12
- package/lib/components/Datagrid/useCustomizeColumns.js +8 -10
- package/lib/components/Datagrid/useExpandedRow.js +6 -9
- package/lib/components/Datagrid/useFiltering.js +7 -10
- package/lib/components/Datagrid/useInlineEdit.js +0 -3
- package/lib/components/Datagrid/useNestedRows.js +6 -9
- package/lib/components/Datagrid/useStickyColumn.js +3 -10
- package/lib/components/Datagrid/utils/DatagridActions.js +13 -5
- package/lib/components/EditFullPage/EditFullPage.js +1 -2
- package/lib/components/EditSidePanel/EditSidePanel.js +1 -1
- package/lib/components/EditTearsheet/EditTearsheet.js +0 -4
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -1
- package/lib/components/EditUpdateCards/EditUpdateCards.js +2 -3
- package/lib/components/EmptyStates/EmptyState.js +0 -4
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +0 -4
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +0 -4
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +0 -4
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +0 -4
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +0 -4
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +0 -4
- package/lib/components/ExportModal/ExportModal.js +0 -4
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +0 -6
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +0 -6
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +0 -6
- package/lib/components/ImportModal/ImportModal.js +6 -13
- package/lib/components/MultiAddSelect/MultiAddSelect.js +0 -4
- package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +17 -2
- package/lib/components/PageHeader/PageHeader.js +6 -2
- package/lib/components/PageHeader/PageHeaderUtils.js +2 -2
- package/lib/components/RemoveModal/RemoveModal.js +0 -6
- package/lib/components/SidePanel/SidePanel.js +3 -1
- package/lib/components/SingleAddSelect/SingleAddSelect.js +0 -4
- package/lib/components/StatusIcon/StatusIcon.js +0 -10
- package/lib/components/TagSet/TagSet.js +7 -4
- package/lib/components/Tearsheet/TearsheetShell.js +6 -11
- package/lib/components/UserProfileImage/UserProfileImage.js +3 -14
- package/lib/components/WebTerminal/WebTerminal.js +0 -4
- package/lib/global/js/hooks/useCreateComponentStepChange.js +15 -16
- package/lib/global/js/hooks/useResizeObserver.js +27 -13
- package/lib/global/js/package-settings.js +1 -14
- package/lib/global/js/utils/story-helper.js +7 -115
- package/package.json +4 -4
- package/scss/components/AddSelect/_add-select.scss +0 -4
- package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +1 -0
- package/scss/components/ButtonMenu/_button-menu.scss +1 -32
- package/scss/components/Cascade/_storybook-styles.scss +2 -3
- package/scss/components/DataSpreadsheet/_storybook-styles.scss +0 -6
- package/scss/components/Datagrid/_datagrid.scss +2 -4
- package/scss/components/Datagrid/_storybook-styles.scss +2 -16
- package/scss/components/Datagrid/styles/_datagrid.scss +13 -26
- package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +0 -7
- package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +0 -4
- package/scss/components/HTTPErrors/_storybook-styles.scss +6 -0
- package/scss/components/NotificationsPanel/_notifications-panel.scss +1 -1
- package/scss/components/NotificationsPanel/_storybook-styles.scss +2 -10
- package/scss/components/PageHeader/_page-header.scss +1 -0
- package/scss/components/PageHeader/_storybook-styles.scss +14 -24
- package/scss/components/SidePanel/_side-panel.scss +2 -0
- package/scss/components/Tearsheet/_tearsheet.scss +6 -7
- package/scss/components/WebTerminal/_storybook-styles.scss +1 -11
- package/scss/global/styles/_display-box.scss +0 -1
- package/es/components/APIKeyModal/APIKeyModal.docs-page.js +0 -26
- package/es/components/AboutModal/AboutModal.docs-page.js +0 -21
- package/es/components/Cascade/Cascade.docs-page.js +0 -22
- package/es/components/CreateFullPage/CreateFullPage.docs-page.js +0 -39
- package/es/components/CreateModal/CreateModal.docs-page.js +0 -24
- package/es/components/CreateSidePanel/CreateSidePanel.docs-page.js +0 -18
- package/es/components/CreateTearsheet/CreateTearsheet.docs-page.js +0 -29
- package/es/components/EditFullPage/EditFullPage.docs-page.js +0 -39
- package/es/components/EditTearsheet/EditTearsheet.docs-page.js +0 -25
- package/es/components/ExampleComponent/ExampleComponent.docs-page.js +0 -22
- package/es/components/ImportModal/ImportModal.docs-page.js +0 -18
- package/es/components/MultiAddSelect/MultiAddSelect.docs-page.js +0 -17
- package/es/components/RemoveModal/RemoveModal.docs-page.js +0 -18
- package/es/components/SingleAddSelect/SingleAddSelect.docs-page.js +0 -15
- package/es/components/StatusIcon/StatusIcon.docs-page.js +0 -17
- package/es/components/Toolbar/Toolbar.docs-page.js +0 -14
- package/es/components/UserProfileImage/UserProfileImage.docs-page.js +0 -17
- package/es/components/WebTerminal/WebTerminal.docs-page.js +0 -52
- package/es/global/js/utils/StoryDocsPage.js +0 -218
- package/lib/components/APIKeyModal/APIKeyModal.docs-page.js +0 -37
- package/lib/components/AboutModal/AboutModal.docs-page.js +0 -32
- package/lib/components/Cascade/Cascade.docs-page.js +0 -33
- package/lib/components/CreateFullPage/CreateFullPage.docs-page.js +0 -50
- package/lib/components/CreateModal/CreateModal.docs-page.js +0 -35
- package/lib/components/CreateSidePanel/CreateSidePanel.docs-page.js +0 -29
- package/lib/components/CreateTearsheet/CreateTearsheet.docs-page.js +0 -40
- package/lib/components/EditFullPage/EditFullPage.docs-page.js +0 -50
- package/lib/components/EditTearsheet/EditTearsheet.docs-page.js +0 -36
- package/lib/components/ExampleComponent/ExampleComponent.docs-page.js +0 -33
- package/lib/components/ImportModal/ImportModal.docs-page.js +0 -26
- package/lib/components/MultiAddSelect/MultiAddSelect.docs-page.js +0 -25
- package/lib/components/RemoveModal/RemoveModal.docs-page.js +0 -26
- package/lib/components/SingleAddSelect/SingleAddSelect.docs-page.js +0 -23
- package/lib/components/StatusIcon/StatusIcon.docs-page.js +0 -28
- package/lib/components/Toolbar/Toolbar.docs-page.js +0 -25
- package/lib/components/UserProfileImage/UserProfileImage.docs-page.js +0 -28
- package/lib/components/WebTerminal/WebTerminal.docs-page.js +0 -63
- package/lib/global/js/utils/StoryDocsPage.js +0 -225
@@ -77,6 +77,8 @@
|
|
77
77
|
.cds--copy-btn {
|
78
78
|
position: relative;
|
79
79
|
display: flex;
|
80
|
+
width: 2.5rem;
|
81
|
+
height: 2.5rem;
|
80
82
|
align-items: center;
|
81
83
|
justify-content: center;
|
82
84
|
padding: 0;
|
@@ -486,13 +488,11 @@
|
|
486
488
|
transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
487
489
|
}
|
488
490
|
|
489
|
-
.cds--btn > .cds--snippet__icon {
|
490
|
-
margin-block-start: 0;
|
491
|
-
}
|
492
|
-
|
493
491
|
.cds--copy-btn {
|
494
492
|
display: flex;
|
495
493
|
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,13 +535,16 @@
|
|
535
535
|
right: 0;
|
536
536
|
}
|
537
537
|
|
538
|
-
.cds--snippet--inline.cds--btn {
|
539
|
-
|
540
|
-
|
541
|
-
|
538
|
+
.cds--snippet--inline.cds--btn--md.cds--btn--icon-only {
|
539
|
+
padding-right: 0;
|
540
|
+
padding-left: 0;
|
541
|
+
}
|
542
|
+
|
543
|
+
.cds--snippet--inline.cds--btn--md {
|
544
|
+
min-height: 1.25rem;
|
542
545
|
}
|
543
546
|
|
544
|
-
.cds--snippet--inline.cds--btn
|
547
|
+
.cds--snippet--inline.cds--btn--primary:hover {
|
545
548
|
color: var(--cds-text-primary, #161616);
|
546
549
|
}
|
547
550
|
|
@@ -550,8 +553,12 @@
|
|
550
553
|
right: 0.5rem;
|
551
554
|
}
|
552
555
|
|
553
|
-
.cds--snippet--multi .cds--copy-btn {
|
556
|
+
.cds--snippet--multi .cds--copy-btn.cds--btn--md {
|
554
557
|
z-index: 10;
|
558
|
+
width: 2rem;
|
559
|
+
height: 2rem;
|
560
|
+
min-height: 2rem;
|
561
|
+
padding: 0;
|
555
562
|
}
|
556
563
|
|
557
564
|
.cds--snippet-btn--expand {
|
@@ -997,33 +1004,8 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
997
1004
|
.c4p--button-menu {
|
998
1005
|
min-width: 160px;
|
999
1006
|
}
|
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
|
-
}
|
1018
1007
|
.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;
|
1024
1008
|
width: 100%;
|
1025
|
-
align-items: center;
|
1026
|
-
justify-content: space-between;
|
1027
1009
|
padding: 0 1rem;
|
1028
1010
|
}
|
1029
1011
|
|
@@ -2923,157 +2905,6 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2923
2905
|
margin-bottom: 0;
|
2924
2906
|
}
|
2925
2907
|
|
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
|
-
|
3077
2908
|
.c4p--side-panel__container {
|
3078
2909
|
--c4p--side-panel--subtitle-opacity: 1;
|
3079
2910
|
--c4p--side-panel--title-container-height: 0;
|
@@ -3086,6 +2917,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3086
2917
|
--c4p--side-panel--collapsed-title-y-position: 1rem;
|
3087
2918
|
--c4p--side-panel--label-text-height: 0;
|
3088
2919
|
position: fixed;
|
2920
|
+
/* stylelint-disable-next-line function-no-unknown */
|
3089
2921
|
z-index: 9000;
|
3090
2922
|
top: 3rem;
|
3091
2923
|
height: calc(100% - 3rem);
|
@@ -3491,6 +3323,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3491
3323
|
|
3492
3324
|
.c4p--side-panel__overlay {
|
3493
3325
|
position: fixed;
|
3326
|
+
/* stylelint-disable-next-line function-no-unknown */
|
3494
3327
|
z-index: 6000;
|
3495
3328
|
width: 100%;
|
3496
3329
|
height: 100%;
|
@@ -3630,6 +3463,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3630
3463
|
}
|
3631
3464
|
|
3632
3465
|
.c4p--tearsheet.c4p--tearsheet {
|
3466
|
+
/* stylelint-disable-next-line function-no-unknown */
|
3633
3467
|
z-index: 9001;
|
3634
3468
|
align-items: flex-end;
|
3635
3469
|
color: var(--cds-text-primary, #161616);
|
@@ -3638,6 +3472,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3638
3472
|
--c4p--tearsheet--stacking-scale-factor-double: 0.9;
|
3639
3473
|
}
|
3640
3474
|
.c4p--tearsheet.is-visible {
|
3475
|
+
/* stylelint-disable-next-line function-no-unknown */
|
3641
3476
|
z-index: 9000;
|
3642
3477
|
align-items: flex-end;
|
3643
3478
|
transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
|
@@ -3648,14 +3483,17 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3648
3483
|
}
|
3649
3484
|
}
|
3650
3485
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
|
3486
|
+
/* stylelint-disable-next-line function-no-unknown */
|
3651
3487
|
z-index: 8999;
|
3652
3488
|
background-color: rgba(22, 22, 22, 0.33);
|
3653
3489
|
}
|
3654
3490
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
|
3491
|
+
/* stylelint-disable-next-line function-no-unknown */
|
3655
3492
|
z-index: 8998;
|
3656
3493
|
background-color: rgba(22, 22, 22, 0.11);
|
3657
3494
|
}
|
3658
3495
|
.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
|
3496
|
+
/* stylelint-disable-next-line function-no-unknown */
|
3659
3497
|
z-index: 8999;
|
3660
3498
|
background-color: rgba(22, 22, 22, 0.25);
|
3661
3499
|
}
|
@@ -3704,13 +3542,11 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3704
3542
|
padding: 1.5rem 2rem;
|
3705
3543
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3706
3544
|
margin: 0;
|
3707
|
-
background-color: var(--cds-layer);
|
3708
3545
|
}
|
3709
3546
|
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
|
3710
3547
|
padding: 1rem;
|
3711
3548
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3712
3549
|
margin: 0;
|
3713
|
-
background-color: var(--cds-layer);
|
3714
3550
|
}
|
3715
3551
|
.c4p--tearsheet .c4p--tearsheet__header-content {
|
3716
3552
|
display: flex;
|
@@ -3801,13 +3637,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3801
3637
|
.c4p--tearsheet .c4p--tearsheet__main {
|
3802
3638
|
display: flex;
|
3803
3639
|
flex-direction: row;
|
3804
|
-
background-color: var(--cds-
|
3640
|
+
background-color: var(--cds-layer);
|
3805
3641
|
grid-column: 1/-1;
|
3806
3642
|
grid-row: 1/-1;
|
3807
3643
|
}
|
3808
|
-
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
|
3809
|
-
background-color: var(--cds-layer);
|
3810
|
-
}
|
3811
3644
|
.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
|
3812
3645
|
border-right: none;
|
3813
3646
|
border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
@@ -4429,9 +4262,6 @@ c4p--card__icon:active {
|
|
4429
4262
|
display: flex;
|
4430
4263
|
align-items: center;
|
4431
4264
|
}
|
4432
|
-
.c4p--add-select__selections-form-control-wrapper--radio {
|
4433
|
-
cursor: pointer;
|
4434
|
-
}
|
4435
4265
|
.c4p--add-select__selections-form-control-label-wrapper {
|
4436
4266
|
display: flex;
|
4437
4267
|
margin-left: 1rem;
|
@@ -4911,14 +4741,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4911
4741
|
--cds-fluid-spacing-02: 2vw;
|
4912
4742
|
--cds-fluid-spacing-03: 5vw;
|
4913
4743
|
--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;
|
4922
4744
|
--cds-label-01-font-size: 0.75rem;
|
4923
4745
|
--cds-label-01-font-weight: 400;
|
4924
4746
|
--cds-label-01-line-height: 1.33333;
|
@@ -5167,7 +4989,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5167
4989
|
top: 3rem;
|
5168
4990
|
right: 0;
|
5169
4991
|
overflow: auto;
|
5170
|
-
min-width:
|
4992
|
+
min-width: 22.75rem;
|
5171
4993
|
max-width: 22.75rem;
|
5172
4994
|
min-height: 38.5rem;
|
5173
4995
|
max-height: 38.5rem;
|
@@ -7175,6 +6997,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7175
6997
|
}
|
7176
6998
|
|
7177
6999
|
.c4p--breadcrumb-with-overflow__overflow-menu-options.c4p--breadcrumb-with-overflow__overflow-menu-options {
|
7000
|
+
/* stylelint-disable-next-line function-no-unknown */
|
7178
7001
|
z-index: 8000;
|
7179
7002
|
}
|
7180
7003
|
|
@@ -7340,6 +7163,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7340
7163
|
justify-content: flex-end;
|
7341
7164
|
}
|
7342
7165
|
|
7166
|
+
/* stylelint-disable-next-line function-no-unknown */
|
7343
7167
|
@keyframes background-appear {
|
7344
7168
|
from {
|
7345
7169
|
/* stylelint-disable-next-line carbon/theme-token-use */
|
@@ -8725,14 +8549,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8725
8549
|
--cds-fluid-spacing-02: 2vw;
|
8726
8550
|
--cds-fluid-spacing-03: 5vw;
|
8727
8551
|
--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;
|
8736
8552
|
--cds-label-01-font-size: 0.75rem;
|
8737
8553
|
--cds-label-01-font-weight: 400;
|
8738
8554
|
--cds-label-01-line-height: 1.33333;
|
@@ -9118,14 +8934,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9118
8934
|
--cds-fluid-spacing-02: 2vw;
|
9119
8935
|
--cds-fluid-spacing-03: 5vw;
|
9120
8936
|
--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;
|
9129
8937
|
--cds-label-01-font-size: 0.75rem;
|
9130
8938
|
--cds-label-01-font-weight: 400;
|
9131
8939
|
--cds-label-01-line-height: 1.33333;
|
@@ -10250,6 +10058,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10250
10058
|
overscroll-behavior: none;
|
10251
10059
|
}
|
10252
10060
|
|
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
|
+
*/
|
10253
10068
|
.c4p--datagrid__table-toolbar > section {
|
10254
10069
|
z-index: 2;
|
10255
10070
|
overflow: visible;
|
@@ -10721,6 +10536,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10721
10536
|
width: 100%;
|
10722
10537
|
}
|
10723
10538
|
|
10539
|
+
.cds--body--with-modal-open .c4p--datagrid__grid-container {
|
10540
|
+
overflow: hidden;
|
10541
|
+
height: 100vh;
|
10542
|
+
}
|
10543
|
+
|
10724
10544
|
.c4p--datagrid .cds--modal {
|
10725
10545
|
width: 100%;
|
10726
10546
|
}
|
@@ -10761,18 +10581,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10761
10581
|
background-color: var(--cds-layer-accent);
|
10762
10582
|
}
|
10763
10583
|
|
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
|
-
|
10776
10584
|
/*
|
10777
10585
|
* Licensed Materials - Property of IBM
|
10778
10586
|
* 5724-Q36
|
@@ -11203,13 +11011,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11203
11011
|
grid-template-columns: 1fr 1fr;
|
11204
11012
|
}
|
11205
11013
|
|
11206
|
-
.c4p--datagrid-filter-flyout__trigger.cds--btn {
|
11207
|
-
display: flex;
|
11208
|
-
width: 3rem;
|
11209
|
-
height: 3rem;
|
11210
|
-
justify-content: center;
|
11211
|
-
}
|
11212
|
-
|
11213
11014
|
.c4p--datagrid-filter-flyout__trigger--open.cds--btn.cds--btn--icon-only {
|
11214
11015
|
position: relative;
|
11215
11016
|
background-color: var(--cds-layer-02, #ffffff);
|
@@ -11333,10 +11134,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11333
11134
|
}
|
11334
11135
|
|
11335
11136
|
.cds--btn.c4p--datagrid-filter-panel-open-button {
|
11336
|
-
display: flex;
|
11337
|
-
width: 3rem;
|
11338
|
-
height: 3rem;
|
11339
|
-
justify-content: center;
|
11340
11137
|
border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
11341
11138
|
border-bottom: none;
|
11342
11139
|
}
|
@@ -11865,7 +11662,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11865
11662
|
.c4p--datagrid__datagridWrap :global(.cds--checkbox) {
|
11866
11663
|
display: none;
|
11867
11664
|
}
|
11868
|
-
.c4p--datagrid__datagridWrap .
|
11665
|
+
.c4p--datagrid__datagridWrap .bx--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
|
11869
11666
|
left: 0.125rem;
|
11870
11667
|
width: 112px;
|
11871
11668
|
}
|
@@ -13485,6 +13282,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
13485
13282
|
width: 0;
|
13486
13283
|
}
|
13487
13284
|
|
13285
|
+
.cds--side-nav.cds--side-nav--rail:not(.cds--side-nav--fixed):hover,
|
13488
13286
|
.cds--side-nav--expanded {
|
13489
13287
|
width: 16rem;
|
13490
13288
|
}
|
@@ -13891,16 +13689,6 @@ a.cds--side-nav__link--current::before {
|
|
13891
13689
|
color: var(--cds-text-primary, #161616);
|
13892
13690
|
}
|
13893
13691
|
|
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
|
-
|
13904
13692
|
.cds--side-nav .cds--header__menu a.cds--header__menu-item {
|
13905
13693
|
height: inherit;
|
13906
13694
|
}
|
@@ -13919,157 +13707,6 @@ a.cds--side-nav__link--current::before {
|
|
13919
13707
|
fill: ButtonText;
|
13920
13708
|
}
|
13921
13709
|
}
|
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
|
-
|
14073
13710
|
.c4p--action-set {
|
14074
13711
|
align-items: stretch;
|
14075
13712
|
justify-content: flex-end;
|
@@ -14140,6 +13777,7 @@ a.cds--side-nav__link--current::before {
|
|
14140
13777
|
}
|
14141
13778
|
|
14142
13779
|
.c4p--tearsheet.c4p--tearsheet {
|
13780
|
+
/* stylelint-disable-next-line function-no-unknown */
|
14143
13781
|
z-index: 9001;
|
14144
13782
|
align-items: flex-end;
|
14145
13783
|
color: var(--cds-text-primary, #161616);
|
@@ -14149,6 +13787,7 @@ a.cds--side-nav__link--current::before {
|
|
14149
13787
|
}
|
14150
13788
|
|
14151
13789
|
.c4p--tearsheet.is-visible {
|
13790
|
+
/* stylelint-disable-next-line function-no-unknown */
|
14152
13791
|
z-index: 9000;
|
14153
13792
|
align-items: flex-end;
|
14154
13793
|
transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
|
@@ -14160,16 +13799,19 @@ a.cds--side-nav__link--current::before {
|
|
14160
13799
|
}
|
14161
13800
|
}
|
14162
13801
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
|
13802
|
+
/* stylelint-disable-next-line function-no-unknown */
|
14163
13803
|
z-index: 8999;
|
14164
13804
|
background-color: rgba(22, 22, 22, 0.33);
|
14165
13805
|
}
|
14166
13806
|
|
14167
13807
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
|
13808
|
+
/* stylelint-disable-next-line function-no-unknown */
|
14168
13809
|
z-index: 8998;
|
14169
13810
|
background-color: rgba(22, 22, 22, 0.11);
|
14170
13811
|
}
|
14171
13812
|
|
14172
13813
|
.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
|
13814
|
+
/* stylelint-disable-next-line function-no-unknown */
|
14173
13815
|
z-index: 8999;
|
14174
13816
|
background-color: rgba(22, 22, 22, 0.25);
|
14175
13817
|
}
|
@@ -14230,14 +13872,12 @@ a.cds--side-nav__link--current::before {
|
|
14230
13872
|
padding: 1.5rem 2rem;
|
14231
13873
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
14232
13874
|
margin: 0;
|
14233
|
-
background-color: var(--cds-layer);
|
14234
13875
|
}
|
14235
13876
|
|
14236
13877
|
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
|
14237
13878
|
padding: 1rem;
|
14238
13879
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
14239
13880
|
margin: 0;
|
14240
|
-
background-color: var(--cds-layer);
|
14241
13881
|
}
|
14242
13882
|
|
14243
13883
|
.c4p--tearsheet .c4p--tearsheet__header-content {
|
@@ -14348,15 +13988,11 @@ a.cds--side-nav__link--current::before {
|
|
14348
13988
|
.c4p--tearsheet .c4p--tearsheet__main {
|
14349
13989
|
display: flex;
|
14350
13990
|
flex-direction: row;
|
14351
|
-
background-color: var(--cds-
|
13991
|
+
background-color: var(--cds-layer);
|
14352
13992
|
grid-column: 1/-1;
|
14353
13993
|
grid-row: 1/-1;
|
14354
13994
|
}
|
14355
13995
|
|
14356
|
-
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
|
14357
|
-
background-color: var(--cds-layer);
|
14358
|
-
}
|
14359
|
-
|
14360
13996
|
.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
|
14361
13997
|
border-right: none;
|
14362
13998
|
border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
@@ -14704,14 +14340,6 @@ video {
|
|
14704
14340
|
vertical-align: baseline;
|
14705
14341
|
}
|
14706
14342
|
|
14707
|
-
button,
|
14708
|
-
select,
|
14709
|
-
input,
|
14710
|
-
textarea {
|
14711
|
-
border-radius: 0;
|
14712
|
-
font-family: inherit;
|
14713
|
-
}
|
14714
|
-
|
14715
14343
|
/* HTML5 display-role reset for older browsers */
|
14716
14344
|
article,
|
14717
14345
|
aside,
|
@@ -16349,8 +15977,6 @@ em {
|
|
16349
15977
|
}
|
16350
15978
|
|
16351
15979
|
.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));
|
16354
15980
|
box-sizing: border-box;
|
16355
15981
|
padding: 0;
|
16356
15982
|
border: 0;
|
@@ -16396,10 +16022,11 @@ em {
|
|
16396
16022
|
position: relative;
|
16397
16023
|
display: flex;
|
16398
16024
|
width: 100%;
|
16399
|
-
min-height:
|
16025
|
+
min-height: 2.5rem;
|
16400
16026
|
flex-direction: row-reverse;
|
16401
|
-
align-items:
|
16027
|
+
align-items: flex-start;
|
16402
16028
|
justify-content: flex-start;
|
16029
|
+
padding: 0.625rem 0;
|
16403
16030
|
margin: 0;
|
16404
16031
|
color: var(--cds-text-primary, #161616);
|
16405
16032
|
cursor: pointer;
|
@@ -16437,6 +16064,16 @@ em {
|
|
16437
16064
|
}
|
16438
16065
|
}
|
16439
16066
|
|
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
|
+
|
16440
16077
|
.cds--accordion__heading[disabled] {
|
16441
16078
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
16442
16079
|
cursor: not-allowed;
|
@@ -16465,7 +16102,7 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16465
16102
|
width: 1rem;
|
16466
16103
|
height: 1rem;
|
16467
16104
|
flex: 0 0 1rem;
|
16468
|
-
margin:
|
16105
|
+
margin: 2px 1rem 0 0;
|
16469
16106
|
fill: var(--cds-icon-primary, #161616);
|
16470
16107
|
transform: rotate(-270deg) /*rtl:ignore*/;
|
16471
16108
|
transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
@@ -16479,13 +16116,14 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16479
16116
|
z-index: 1;
|
16480
16117
|
width: 100%;
|
16481
16118
|
padding-right: 1rem;
|
16482
|
-
margin: 0 0 0
|
16119
|
+
margin: 0 0 0 1rem;
|
16483
16120
|
text-align: left;
|
16484
16121
|
}
|
16485
16122
|
|
16486
16123
|
.cds--accordion__content {
|
16487
16124
|
display: none;
|
16488
|
-
padding-
|
16125
|
+
padding-right: 1rem;
|
16126
|
+
padding-left: 1rem;
|
16489
16127
|
transition: padding cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
|
16490
16128
|
}
|
16491
16129
|
@media (min-width: 480px) {
|
@@ -16510,7 +16148,7 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16510
16148
|
}
|
16511
16149
|
|
16512
16150
|
.cds--accordion--start .cds--accordion__arrow {
|
16513
|
-
margin: 2px 0 0
|
16151
|
+
margin: 2px 0 0 1rem;
|
16514
16152
|
}
|
16515
16153
|
|
16516
16154
|
.cds--accordion--start .cds--accordion__title {
|
@@ -16518,7 +16156,7 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16518
16156
|
}
|
16519
16157
|
|
16520
16158
|
.cds--accordion--start .cds--accordion__content {
|
16521
|
-
margin-left:
|
16159
|
+
margin-left: 2rem;
|
16522
16160
|
}
|
16523
16161
|
|
16524
16162
|
.cds--accordion__item--collapsing .cds--accordion__content,
|
@@ -16954,15 +16592,6 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16954
16592
|
}
|
16955
16593
|
|
16956
16594
|
.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
|
-
);
|
16966
16595
|
box-sizing: border-box;
|
16967
16596
|
padding: 0;
|
16968
16597
|
border: 0;
|
@@ -16978,16 +16607,15 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
16978
16607
|
display: inline-flex;
|
16979
16608
|
width: max-content;
|
16980
16609
|
max-width: 20rem;
|
16981
|
-
height:
|
16610
|
+
min-height: 3rem;
|
16982
16611
|
flex-shrink: 0;
|
16612
|
+
align-items: center;
|
16983
16613
|
justify-content: space-between;
|
16614
|
+
padding: calc(0.875rem - 3px) calc(4rem - 1px) calc(0.875rem - 3px) calc(1rem - 1px);
|
16984
16615
|
margin: 0;
|
16985
16616
|
border-radius: 0;
|
16986
16617
|
cursor: pointer;
|
16987
16618
|
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);
|
16991
16619
|
text-align: left;
|
16992
16620
|
text-decoration: none;
|
16993
16621
|
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);
|
@@ -17007,12 +16635,10 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
17007
16635
|
}
|
17008
16636
|
.cds--btn .cds--btn__icon {
|
17009
16637
|
position: absolute;
|
17010
|
-
|
17011
|
-
right: var(--cds-layout-density-padding-inline-local);
|
16638
|
+
right: 1rem;
|
17012
16639
|
width: 1rem;
|
17013
16640
|
height: 1rem;
|
17014
16641
|
flex-shrink: 0;
|
17015
|
-
margin-block-start: 0.0625rem;
|
17016
16642
|
}
|
17017
16643
|
|
17018
16644
|
.cds--btn::-moz-focus-inner {
|
@@ -17115,7 +16741,7 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
17115
16741
|
border-color: transparent;
|
17116
16742
|
background-color: transparent;
|
17117
16743
|
color: var(--cds-link-primary, #0f62fe);
|
17118
|
-
padding
|
16744
|
+
padding: calc(0.875rem - 3px) 1rem;
|
17119
16745
|
}
|
17120
16746
|
.cds--btn--ghost:hover {
|
17121
16747
|
background-color: var(--cds-layer-hover);
|
@@ -17147,19 +16773,19 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
17147
16773
|
color: var(--cds-text-on-color-disabled, #8d8d8d);
|
17148
16774
|
outline: none;
|
17149
16775
|
}
|
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
|
+
}
|
17150
16782
|
.cds--btn--ghost:not([disabled]) svg {
|
17151
16783
|
fill: var(--cds-icon-primary, #161616);
|
17152
16784
|
}
|
17153
16785
|
|
17154
16786
|
.cds--btn--icon-only {
|
17155
|
-
|
17156
|
-
|
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;
|
16787
|
+
padding-right: 0.9375rem;
|
16788
|
+
padding-left: 0.9375rem;
|
17163
16789
|
}
|
17164
16790
|
.cds--btn--icon-only .cds--btn__icon {
|
17165
16791
|
position: static;
|
@@ -17191,12 +16817,15 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
17191
16817
|
cursor: not-allowed;
|
17192
16818
|
}
|
17193
16819
|
|
17194
|
-
.cds--
|
17195
|
-
|
16820
|
+
.cds--btn--field.cds--btn--icon-only,
|
16821
|
+
.cds--btn--md.cds--btn--icon-only {
|
16822
|
+
padding-right: 0.6875rem;
|
16823
|
+
padding-left: 0.6875rem;
|
17196
16824
|
}
|
17197
16825
|
|
17198
|
-
.cds--
|
17199
|
-
|
16826
|
+
.cds--btn--sm.cds--btn--icon-only {
|
16827
|
+
padding-right: 0.4375rem;
|
16828
|
+
padding-left: 0.4375rem;
|
17200
16829
|
}
|
17201
16830
|
|
17202
16831
|
.cds--btn--danger {
|
@@ -17268,7 +16897,7 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
17268
16897
|
border-color: transparent;
|
17269
16898
|
background-color: transparent;
|
17270
16899
|
color: var(--cds-button-danger-secondary, #da1e28);
|
17271
|
-
padding
|
16900
|
+
padding: calc(0.875rem - 3px) 1rem;
|
17272
16901
|
}
|
17273
16902
|
.cds--btn--danger--ghost:hover {
|
17274
16903
|
background-color: var(--cds-button-danger-hover, #b81921);
|
@@ -17297,12 +16926,46 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
17297
16926
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
17298
16927
|
outline: none;
|
17299
16928
|
}
|
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
|
+
}
|
17300
16962
|
|
17301
16963
|
.cds--btn--expressive {
|
17302
16964
|
font-size: var(--cds-body-compact-02-font-size, 1rem);
|
17303
16965
|
font-weight: var(--cds-body-compact-02-font-weight, 400);
|
17304
16966
|
line-height: var(--cds-body-compact-02-line-height, 1.375);
|
17305
16967
|
letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
|
16968
|
+
min-height: 3rem;
|
17306
16969
|
}
|
17307
16970
|
|
17308
16971
|
.cds--btn--icon-only.cds--btn--expressive {
|
@@ -17603,7 +17266,6 @@ input[data-invalid] ~ .cds--form-requirement,
|
|
17603
17266
|
.cds--date-picker-input__wrapper--warn ~ .cds--form-requirement,
|
17604
17267
|
.cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,
|
17605
17268
|
.cds--time-picker--invalid ~ .cds--form-requirement,
|
17606
|
-
.cds--time-picker--warning ~ .cds--form-requirement,
|
17607
17269
|
.cds--text-input__field-wrapper[data-invalid] ~ .cds--form-requirement,
|
17608
17270
|
.cds--text-input__field-wrapper--warning ~ .cds--form-requirement,
|
17609
17271
|
.cds--text-input__field-wrapper--warning > .cds--text-input ~ .cds--form-requirement,
|
@@ -17993,8 +17655,6 @@ fieldset[disabled] .cds--form__helper-text {
|
|
17993
17655
|
}
|
17994
17656
|
|
17995
17657
|
.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));
|
17998
17658
|
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
17999
17659
|
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
18000
17660
|
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
@@ -18002,8 +17662,8 @@ fieldset[disabled] .cds--form__helper-text {
|
|
18002
17662
|
outline: 2px solid transparent;
|
18003
17663
|
outline-offset: -2px;
|
18004
17664
|
width: 100%;
|
18005
|
-
height:
|
18006
|
-
padding: 0
|
17665
|
+
height: 2.5rem;
|
17666
|
+
padding: 0 1rem;
|
18007
17667
|
border: none;
|
18008
17668
|
border-bottom: 1px solid var(--cds-border-strong);
|
18009
17669
|
background-color: var(--cds-field);
|
@@ -18040,6 +17700,14 @@ fieldset[disabled] .cds--form__helper-text {
|
|
18040
17700
|
display: none;
|
18041
17701
|
}
|
18042
17702
|
|
17703
|
+
.cds--text-input--lg {
|
17704
|
+
height: 3rem;
|
17705
|
+
}
|
17706
|
+
|
17707
|
+
.cds--text-input--sm {
|
17708
|
+
height: 2rem;
|
17709
|
+
}
|
17710
|
+
|
18043
17711
|
.cds--password-input {
|
18044
17712
|
padding-right: 2.5rem;
|
18045
17713
|
}
|
@@ -18583,10 +18251,6 @@ fieldset[disabled] .cds--form__helper-text {
|
|
18583
18251
|
}
|
18584
18252
|
|
18585
18253
|
.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)));
|
18590
18254
|
font-size: var(--cds-label-01-font-size, 0.75rem);
|
18591
18255
|
font-weight: var(--cds-label-01-font-weight, 400);
|
18592
18256
|
line-height: var(--cds-label-01-line-height, 1.33333);
|
@@ -18596,25 +18260,16 @@ fieldset[disabled] .cds--form__helper-text {
|
|
18596
18260
|
display: inline-flex;
|
18597
18261
|
min-width: 2rem;
|
18598
18262
|
max-width: 100%;
|
18599
|
-
min-height:
|
18263
|
+
min-height: 1.5rem;
|
18600
18264
|
align-items: center;
|
18601
18265
|
justify-content: center;
|
18266
|
+
padding: 0.25rem 0.5rem;
|
18602
18267
|
margin: 0.25rem;
|
18603
18268
|
border-radius: 0.9375rem;
|
18604
18269
|
cursor: default;
|
18605
|
-
padding-inline: 0.5rem;
|
18606
18270
|
vertical-align: middle;
|
18607
18271
|
word-break: break-word;
|
18608
18272
|
}
|
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
|
-
}
|
18618
18273
|
.cds--tag.cds--tag--interactive:hover,
|
18619
18274
|
.cds--tag .cds--tag__close-icon:hover {
|
18620
18275
|
background-color: var(--cds-tag-hover-gray, #c6c6c6);
|
@@ -18785,8 +18440,8 @@ fieldset[disabled] .cds--form__helper-text {
|
|
18785
18440
|
|
18786
18441
|
.cds--tag__close-icon {
|
18787
18442
|
display: flex;
|
18788
|
-
width:
|
18789
|
-
height:
|
18443
|
+
width: 1.5rem;
|
18444
|
+
height: 1.5rem;
|
18790
18445
|
flex-shrink: 0;
|
18791
18446
|
align-items: center;
|
18792
18447
|
justify-content: center;
|
@@ -18840,11 +18495,18 @@ fieldset[disabled] .cds--form__helper-text {
|
|
18840
18495
|
fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
18841
18496
|
}
|
18842
18497
|
|
18498
|
+
.cds--tag--sm {
|
18499
|
+
min-height: 1.125rem;
|
18500
|
+
padding: 0 0.5rem;
|
18501
|
+
}
|
18502
|
+
|
18843
18503
|
.cds--tag--sm.cds--tag--filter {
|
18844
18504
|
padding-right: 0;
|
18845
18505
|
}
|
18846
18506
|
|
18847
18507
|
.cds--tag--sm .cds--tag__close-icon {
|
18508
|
+
width: 1.125rem;
|
18509
|
+
height: 1.125rem;
|
18848
18510
|
margin-left: 0.3125rem;
|
18849
18511
|
}
|
18850
18512
|
|
@@ -19753,23 +19415,13 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19753
19415
|
transform: rotate(180deg);
|
19754
19416
|
}
|
19755
19417
|
|
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
|
-
|
19766
19418
|
.cds--contained-list__header {
|
19767
19419
|
position: sticky;
|
19768
19420
|
z-index: 1;
|
19769
19421
|
top: 0;
|
19770
19422
|
display: flex;
|
19771
19423
|
align-items: center;
|
19772
|
-
padding-inline:
|
19424
|
+
padding-inline: 1rem;
|
19773
19425
|
}
|
19774
19426
|
|
19775
19427
|
.cds--contained-list__label {
|
@@ -19779,7 +19431,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19779
19431
|
.cds--contained-list .cds--search {
|
19780
19432
|
position: sticky;
|
19781
19433
|
z-index: 1;
|
19782
|
-
top:
|
19434
|
+
top: 48px;
|
19783
19435
|
}
|
19784
19436
|
.cds--contained-list .cds--search.cds--search--expandable .cds--search-input {
|
19785
19437
|
background-color: var(--cds-field);
|
@@ -19818,6 +19470,46 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19818
19470
|
outline: none;
|
19819
19471
|
}
|
19820
19472
|
|
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
|
+
|
19821
19513
|
.cds--contained-list--on-page + .cds--contained-list--on-page {
|
19822
19514
|
margin-block-start: 1rem;
|
19823
19515
|
}
|
@@ -19827,7 +19519,6 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19827
19519
|
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
19828
19520
|
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
19829
19521
|
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
19830
|
-
height: var(--cds-layout-size-height-local);
|
19831
19522
|
border-bottom: 1px solid var(--cds-border-subtle);
|
19832
19523
|
background-color: var(--cds-background, #ffffff);
|
19833
19524
|
color: var(--cds-text-primary, #161616);
|
@@ -19853,17 +19544,12 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19853
19544
|
|
19854
19545
|
.cds--contained-list-item {
|
19855
19546
|
position: relative;
|
19856
|
-
list-style: none;
|
19857
19547
|
}
|
19858
19548
|
|
19859
19549
|
.cds--contained-list-item:not(:first-of-type) {
|
19860
19550
|
margin-top: -1px;
|
19861
19551
|
}
|
19862
19552
|
|
19863
|
-
.cds--contained-list-item__content {
|
19864
|
-
box-sizing: border-box;
|
19865
|
-
}
|
19866
|
-
|
19867
19553
|
.cds--contained-list-item--clickable .cds--contained-list-item__content {
|
19868
19554
|
box-sizing: border-box;
|
19869
19555
|
padding: 0;
|
@@ -19894,15 +19580,10 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19894
19580
|
|
19895
19581
|
.cds--contained-list-item__content,
|
19896
19582
|
.cds--contained-list-item--clickable .cds--contained-list-item__content {
|
19897
|
-
--temp-1lh: (
|
19898
|
-
var(--cds-body-01-line-height, 1.42857) * 1em
|
19899
|
-
);
|
19900
19583
|
font-size: var(--cds-body-01-font-size, 0.875rem);
|
19901
19584
|
font-weight: var(--cds-body-01-font-weight, 400);
|
19902
19585
|
line-height: var(--cds-body-01-line-height, 1.42857);
|
19903
19586
|
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);
|
19906
19587
|
color: var(--cds-text-primary, #161616);
|
19907
19588
|
}
|
19908
19589
|
|
@@ -19917,8 +19598,8 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19917
19598
|
}
|
19918
19599
|
|
19919
19600
|
.cds--contained-list--inset-rulers .cds--contained-list-item:not(:last-of-type)::before {
|
19920
|
-
right:
|
19921
|
-
left:
|
19601
|
+
right: 1rem;
|
19602
|
+
left: 1rem;
|
19922
19603
|
}
|
19923
19604
|
|
19924
19605
|
.cds--contained-list-item--clickable .cds--contained-list-item__content:not(:disabled):hover {
|
@@ -19986,14 +19667,20 @@ fieldset[disabled] .cds--form__helper-text {
|
|
19986
19667
|
}
|
19987
19668
|
|
19988
19669
|
.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));
|
19991
19670
|
display: flex;
|
19992
19671
|
width: 100%;
|
19993
|
-
height:
|
19672
|
+
height: 2.5rem;
|
19994
19673
|
justify-content: space-evenly;
|
19995
19674
|
}
|
19996
19675
|
|
19676
|
+
.cds--content-switcher--sm {
|
19677
|
+
height: 2rem;
|
19678
|
+
}
|
19679
|
+
|
19680
|
+
.cds--content-switcher--lg {
|
19681
|
+
height: 3rem;
|
19682
|
+
}
|
19683
|
+
|
19997
19684
|
.cds--content-switcher-btn {
|
19998
19685
|
font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
|
19999
19686
|
outline: 2px solid transparent;
|
@@ -20005,6 +19692,9 @@ fieldset[disabled] .cds--form__helper-text {
|
|
20005
19692
|
position: relative;
|
20006
19693
|
display: inline-flex;
|
20007
19694
|
overflow: hidden;
|
19695
|
+
width: 100%;
|
19696
|
+
align-items: center;
|
19697
|
+
padding: 0.5rem 1rem;
|
20008
19698
|
border: none;
|
20009
19699
|
border-top: 0.0625rem solid var(--cds-border-inverse, #161616);
|
20010
19700
|
border-bottom: 0.0625rem solid var(--cds-border-inverse, #161616);
|
@@ -20082,12 +19772,6 @@ fieldset[disabled] .cds--form__helper-text {
|
|
20082
19772
|
border-color: var(--cds-border-disabled, #c6c6c6);
|
20083
19773
|
}
|
20084
19774
|
|
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
|
-
|
20091
19775
|
.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child {
|
20092
19776
|
border-left: 0.0625rem solid var(--cds-border-inverse, #161616);
|
20093
19777
|
border-bottom-left-radius: 0.25rem;
|
@@ -20375,34 +20059,6 @@ fieldset[disabled] .cds--form__helper-text {
|
|
20375
20059
|
vertical-align: middle;
|
20376
20060
|
}
|
20377
20061
|
|
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
|
-
|
20406
20062
|
.cds--data-table th[align=right],
|
20407
20063
|
.cds--data-table td[align=right] {
|
20408
20064
|
text-align: right;
|
@@ -20683,8 +20339,7 @@ tr.cds--data-table--selected:last-of-type td {
|
|
20683
20339
|
height: calc(100% + 1px);
|
20684
20340
|
}
|
20685
20341
|
|
20686
|
-
.cds--data-table.cds--data-table--xs
|
20687
|
-
.cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
|
20342
|
+
.cds--data-table.cds--data-table--xs .cds--table-column-checkbox {
|
20688
20343
|
padding-top: 0;
|
20689
20344
|
padding-bottom: 0;
|
20690
20345
|
}
|
@@ -20706,14 +20361,12 @@ tr.cds--data-table--selected:last-of-type td {
|
|
20706
20361
|
}
|
20707
20362
|
|
20708
20363
|
.cds--data-table--sm td,
|
20709
|
-
.cds--data-table--sm tbody tr th
|
20710
|
-
.cds--data-table--sm.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
|
20364
|
+
.cds--data-table--sm tbody tr th {
|
20711
20365
|
padding-top: 0.4375rem;
|
20712
20366
|
padding-bottom: 0.375rem;
|
20713
20367
|
}
|
20714
20368
|
|
20715
|
-
.cds--data-table.cds--data-table--sm
|
20716
|
-
.cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
|
20369
|
+
.cds--data-table.cds--data-table--sm .cds--table-column-checkbox {
|
20717
20370
|
padding-top: 0.1875rem;
|
20718
20371
|
padding-bottom: 0.1875rem;
|
20719
20372
|
}
|
@@ -20728,8 +20381,7 @@ tr.cds--data-table--selected:last-of-type td {
|
|
20728
20381
|
height: 2.5rem;
|
20729
20382
|
}
|
20730
20383
|
|
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 {
|
20384
|
+
.cds--data-table--md .cds--table-header-label {
|
20733
20385
|
padding-top: 0.4375rem;
|
20734
20386
|
padding-bottom: 0.4375rem;
|
20735
20387
|
}
|
@@ -20740,8 +20392,7 @@ tr.cds--data-table--selected:last-of-type td {
|
|
20740
20392
|
padding-bottom: 0.375rem;
|
20741
20393
|
}
|
20742
20394
|
|
20743
|
-
.cds--data-table.cds--data-table--md
|
20744
|
-
.cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
|
20395
|
+
.cds--data-table.cds--data-table--md .cds--table-column-checkbox {
|
20745
20396
|
padding-top: 0.1875rem;
|
20746
20397
|
padding-bottom: 0.1875rem;
|
20747
20398
|
}
|
@@ -20765,7 +20416,6 @@ tr.cds--data-table--selected:last-of-type td {
|
|
20765
20416
|
.cds--data-table--xl td,
|
20766
20417
|
.cds--data-table--xl tbody tr th {
|
20767
20418
|
padding-top: 1rem;
|
20768
|
-
padding-bottom: 1rem;
|
20769
20419
|
}
|
20770
20420
|
|
20771
20421
|
.cds--data-table--xl th,
|
@@ -21687,25 +21337,6 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
|
|
21687
21337
|
border: 0;
|
21688
21338
|
}
|
21689
21339
|
|
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
|
-
|
21709
21340
|
.cds--table-expand__button:focus {
|
21710
21341
|
box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe);
|
21711
21342
|
outline: none;
|
@@ -21719,6 +21350,7 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
|
|
21719
21350
|
|
21720
21351
|
.cds--data-table--xl .cds--table-expand__button {
|
21721
21352
|
width: 2rem;
|
21353
|
+
padding: 0;
|
21722
21354
|
}
|
21723
21355
|
|
21724
21356
|
tr.cds--parent-row.cds--expandable-row td.cds--table-expand + td::after {
|
@@ -22053,30 +21685,6 @@ th .cds--table-sort__flex {
|
|
22053
21685
|
justify-content: space-between;
|
22054
21686
|
}
|
22055
21687
|
|
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
|
-
|
22080
21688
|
.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 {
|
22081
21689
|
/* IE11 workaround for align-items: center and min-height
|
22082
21690
|
https://github.com/philipwalton/flexbugs/issues/231 */
|
@@ -26913,10 +26521,6 @@ optgroup.cds--select-optgroup:disabled,
|
|
26913
26521
|
white-space: nowrap;
|
26914
26522
|
}
|
26915
26523
|
|
26916
|
-
.cds--menu-item__shortcut {
|
26917
|
-
display: flex;
|
26918
|
-
}
|
26919
|
-
|
26920
26524
|
.cds--menu--with-icons > .cds--menu-item,
|
26921
26525
|
.cds--menu--with-icons > .cds--menu-item-group > ul > .cds--menu-item,
|
26922
26526
|
.cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item {
|
@@ -27637,8 +27241,7 @@ optgroup.cds--select-optgroup:disabled,
|
|
27637
27241
|
border-color: var(--cds-support-warning, #f1c21b);
|
27638
27242
|
}
|
27639
27243
|
|
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 {
|
27244
|
+
.cds--inline-notification--warning .cds--inline-notification__icon path[opacity="0"] {
|
27642
27245
|
fill: #000000;
|
27643
27246
|
opacity: 1;
|
27644
27247
|
}
|
@@ -27952,8 +27555,7 @@ optgroup.cds--select-optgroup:disabled,
|
|
27952
27555
|
fill: var(--cds-support-warning, #f1c21b);
|
27953
27556
|
}
|
27954
27557
|
|
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 {
|
27558
|
+
.cds--toast-notification--warning .cds--toast-notification__icon path[opacity="0"] {
|
27957
27559
|
fill: #000000;
|
27958
27560
|
opacity: 1;
|
27959
27561
|
}
|
@@ -28278,8 +27880,7 @@ optgroup.cds--select-optgroup:disabled,
|
|
28278
27880
|
border-color: var(--cds-support-warning, #f1c21b);
|
28279
27881
|
}
|
28280
27882
|
|
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 {
|
27883
|
+
.cds--actionable-notification--warning .cds--toast-notification__icon path[opacity="0"] {
|
28283
27884
|
fill: #000000;
|
28284
27885
|
opacity: 1;
|
28285
27886
|
}
|
@@ -28403,8 +28004,7 @@ optgroup.cds--select-optgroup:disabled,
|
|
28403
28004
|
|
28404
28005
|
/* Tertiary action button when not inline (toast) */
|
28405
28006
|
.cds--actionable-notification__action-button.cds--btn--tertiary {
|
28406
|
-
padding
|
28407
|
-
padding-left: 1rem;
|
28007
|
+
padding: 0 1rem;
|
28408
28008
|
margin-bottom: 1rem;
|
28409
28009
|
margin-left: calc(2rem + 1.25rem - 0.125rem);
|
28410
28010
|
}
|
@@ -28616,10 +28216,6 @@ optgroup.cds--select-optgroup:disabled,
|
|
28616
28216
|
background-color: var(--cds-layer-hover);
|
28617
28217
|
}
|
28618
28218
|
|
28619
|
-
.cds--overflow-menu > :first-child {
|
28620
|
-
margin-block-start: 0;
|
28621
|
-
}
|
28622
|
-
|
28623
28219
|
.cds--overflow-menu--sm {
|
28624
28220
|
width: 2rem;
|
28625
28221
|
height: 2rem;
|
@@ -29147,11 +28743,6 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29147
28743
|
box-sizing: inherit;
|
29148
28744
|
}
|
29149
28745
|
|
29150
|
-
.cds--pagination__button > svg,
|
29151
|
-
.cds--btn--ghost.cds--pagination__button > svg {
|
29152
|
-
margin-block-start: 0;
|
29153
|
-
}
|
29154
|
-
|
29155
28746
|
.cds--pagination--sm .cds--pagination__button,
|
29156
28747
|
.cds--pagination--sm .cds--btn--ghost.cds--pagination__button {
|
29157
28748
|
width: 2rem;
|
@@ -29638,7 +29229,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29638
29229
|
pointer-events: auto;
|
29639
29230
|
}
|
29640
29231
|
|
29641
|
-
.cds--popover--open
|
29232
|
+
.cds--popover--open .cds--popover-content {
|
29642
29233
|
display: block;
|
29643
29234
|
}
|
29644
29235
|
|
@@ -29648,7 +29239,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29648
29239
|
content: "";
|
29649
29240
|
}
|
29650
29241
|
|
29651
|
-
.cds--popover--open
|
29242
|
+
.cds--popover--open .cds--popover-content::before {
|
29652
29243
|
display: block;
|
29653
29244
|
}
|
29654
29245
|
|
@@ -29660,14 +29251,10 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29660
29251
|
will-change: transform;
|
29661
29252
|
}
|
29662
29253
|
|
29663
|
-
.cds--popover--open
|
29254
|
+
.cds--popover--open.cds--popover--caret .cds--popover-caret {
|
29664
29255
|
display: block;
|
29665
29256
|
}
|
29666
29257
|
|
29667
|
-
.cds--popover--tab-tip .cds--popover .cds--popover-caret {
|
29668
|
-
display: none;
|
29669
|
-
}
|
29670
|
-
|
29671
29258
|
.cds--popover--bottom .cds--popover-content {
|
29672
29259
|
bottom: 0;
|
29673
29260
|
left: 50%;
|
@@ -29891,10 +29478,6 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29891
29478
|
fill: var(--cds-icon-primary, #161616);
|
29892
29479
|
}
|
29893
29480
|
|
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
|
-
|
29898
29481
|
.cds--progress-bar__label {
|
29899
29482
|
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
29900
29483
|
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
@@ -29903,8 +29486,8 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29903
29486
|
display: flex;
|
29904
29487
|
min-width: 3rem;
|
29905
29488
|
justify-content: space-between;
|
29489
|
+
margin-bottom: 0.5rem;
|
29906
29490
|
color: var(--cds-text-primary, #161616);
|
29907
|
-
margin-block-end: 0.5rem;
|
29908
29491
|
}
|
29909
29492
|
|
29910
29493
|
.cds--progress-bar__label-text {
|
@@ -29966,7 +29549,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29966
29549
|
|
29967
29550
|
.cds--progress-bar__status-icon {
|
29968
29551
|
flex-shrink: 0;
|
29969
|
-
margin-
|
29552
|
+
margin-left: 1rem;
|
29970
29553
|
}
|
29971
29554
|
|
29972
29555
|
.cds--progress-bar--finished .cds--progress-bar__bar,
|
@@ -30003,7 +29586,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
30003
29586
|
.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label {
|
30004
29587
|
flex-shrink: 1;
|
30005
29588
|
justify-content: flex-start;
|
30006
|
-
margin-
|
29589
|
+
margin-right: 0;
|
30007
29590
|
}
|
30008
29591
|
|
30009
29592
|
@keyframes progress-bar-indeterminate {
|
@@ -30022,7 +29605,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
30022
29605
|
.cds--progress-bar--inline .cds--progress-bar__label {
|
30023
29606
|
flex-shrink: 0;
|
30024
29607
|
margin-bottom: 0;
|
30025
|
-
margin-inline-end:
|
29608
|
+
margin-inline-end: 1rem;
|
30026
29609
|
}
|
30027
29610
|
|
30028
29611
|
.cds--progress-bar--inline .cds--progress-bar__track {
|
@@ -30045,7 +29628,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
30045
29628
|
|
30046
29629
|
.cds--progress-bar--indented .cds--progress-bar__label,
|
30047
29630
|
.cds--progress-bar--indented .cds--progress-bar__helper-text {
|
30048
|
-
padding-inline:
|
29631
|
+
padding-inline: 1rem;
|
30049
29632
|
}
|
30050
29633
|
|
30051
29634
|
.cds--tooltip {
|
@@ -30822,10 +30405,11 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
30822
30405
|
}
|
30823
30406
|
|
30824
30407
|
.cds--slider__range-label {
|
30825
|
-
font-
|
30826
|
-
font-
|
30827
|
-
|
30828
|
-
|
30408
|
+
font-family: var(--cds-code-02-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
|
30409
|
+
font-size: var(--cds-code-02-font-size, 0.875rem);
|
30410
|
+
font-weight: var(--cds-code-02-font-weight, 400);
|
30411
|
+
line-height: var(--cds-code-02-line-height, 1.42857);
|
30412
|
+
letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);
|
30829
30413
|
color: var(--cds-text-primary, #161616);
|
30830
30414
|
white-space: nowrap;
|
30831
30415
|
}
|
@@ -31580,47 +31164,11 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31580
31164
|
.cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {
|
31581
31165
|
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);
|
31582
31166
|
}
|
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
|
-
}
|
31607
31167
|
.cds--tabs .cds--tabs__nav-item--icon {
|
31608
31168
|
display: flex;
|
31609
31169
|
align-items: center;
|
31610
31170
|
padding-left: 0.5rem;
|
31611
31171
|
}
|
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
|
-
}
|
31624
31172
|
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
|
31625
31173
|
padding-left: 1rem;
|
31626
31174
|
}
|
@@ -31711,7 +31259,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31711
31259
|
border-bottom: 2px solid var(--cds-border-strong);
|
31712
31260
|
color: var(--cds-text-primary, #161616);
|
31713
31261
|
}
|
31714
|
-
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--
|
31262
|
+
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled):hover {
|
31715
31263
|
background-color: var(--cds-layer-accent-hover);
|
31716
31264
|
color: var(--cds-text-primary, #161616);
|
31717
31265
|
}
|
@@ -32128,26 +31676,6 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
32128
31676
|
padding: 1rem;
|
32129
31677
|
background-color: var(--cds-layer);
|
32130
31678
|
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;
|
32151
31679
|
}
|
32152
31680
|
|
32153
31681
|
.cds--tile--selectable {
|
@@ -32379,7 +31907,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
32379
31907
|
}
|
32380
31908
|
|
32381
31909
|
.cds--tile--disabled.cds--tile--is-selected {
|
32382
|
-
border-color: var(--cds-
|
31910
|
+
border-color: var(--cds-button-disabled, #c6c6c6);
|
32383
31911
|
}
|
32384
31912
|
|
32385
31913
|
.cds--tile--disabled .cds--tile__checkmark svg {
|
@@ -32407,21 +31935,10 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
32407
31935
|
}
|
32408
31936
|
|
32409
31937
|
.cds--time-picker__input {
|
32410
|
-
position: relative;
|
32411
31938
|
display: flex;
|
32412
31939
|
flex-direction: column;
|
32413
31940
|
}
|
32414
31941
|
|
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
|
-
|
32425
31942
|
.cds--time-picker .cds--select-input {
|
32426
31943
|
width: auto;
|
32427
31944
|
min-width: auto;
|
@@ -32449,10 +31966,6 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
32449
31966
|
opacity: 1;
|
32450
31967
|
}
|
32451
31968
|
|
32452
|
-
.cds--time-picker__input-field-error {
|
32453
|
-
width: 6.175rem;
|
32454
|
-
}
|
32455
|
-
|
32456
31969
|
.cds--time-picker--light .cds--select-input {
|
32457
31970
|
background-color: var(--cds-field-02, #ffffff);
|
32458
31971
|
}
|
@@ -32993,10 +32506,6 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
32993
32506
|
}
|
32994
32507
|
}
|
32995
32508
|
|
32996
|
-
.cds--header__action > :first-child {
|
32997
|
-
margin-block-start: 0;
|
32998
|
-
}
|
32999
|
-
|
33000
32509
|
.cds--header__action > svg.cds--navigation-menu-panel-collapse-icon,
|
33001
32510
|
.cds--header__action--active > svg.cds--navigation-menu-panel-expand-icon {
|
33002
32511
|
display: none;
|
@@ -33184,11 +32693,12 @@ a.cds--header__menu-item[aria-current=page],
|
|
33184
32693
|
a.cds--header__menu-item[aria-current=page]::after,
|
33185
32694
|
.cds--header__menu-item--current::after {
|
33186
32695
|
position: absolute;
|
32696
|
+
top: 0;
|
32697
|
+
right: 0;
|
33187
32698
|
bottom: -2px;
|
33188
|
-
left:
|
33189
|
-
width:
|
33190
|
-
|
33191
|
-
background-color: var(--cds-border-interactive, #0f62fe);
|
32699
|
+
left: 0;
|
32700
|
+
width: 100%;
|
32701
|
+
border-bottom: 3px solid var(--cds-border-interactive, #0f62fe);
|
33192
32702
|
content: "";
|
33193
32703
|
}
|
33194
32704
|
|
@@ -33199,19 +32709,15 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
|
|
33199
32709
|
|
33200
32710
|
.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
|
33201
32711
|
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
|
33202
|
-
|
32712
|
+
bottom: 0;
|
33203
32713
|
left: -2px;
|
33204
|
-
|
33205
|
-
|
33206
|
-
background-color: var(--cds-border-interactive, #0f62fe);
|
32714
|
+
border-bottom: none;
|
32715
|
+
border-left: 3px solid var(--cds-border-interactive, #0f62fe);
|
33207
32716
|
}
|
33208
32717
|
.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
|
33209
32718
|
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
|
33210
|
-
|
33211
|
-
left: -
|
33212
|
-
width: 5px;
|
33213
|
-
height: calc(100% + 4px);
|
33214
|
-
background-color: var(--cds-border-interactive, #0f62fe);
|
32719
|
+
left: 0;
|
32720
|
+
border-left: 3px solid var(--cds-border-interactive, #0f62fe);
|
33215
32721
|
}
|
33216
32722
|
|
33217
32723
|
a.cds--header__menu-item[aria-current=page]:focus,
|
@@ -33271,13 +32777,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
|
|
33271
32777
|
color: var(--cds-text-primary, #161616);
|
33272
32778
|
}
|
33273
32779
|
|
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
|
-
|
33281
32780
|
.cds--header__menu .cds--header__menu-item {
|
33282
32781
|
height: 3rem;
|
33283
32782
|
}
|
@@ -33378,6 +32877,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
|
|
33378
32877
|
width: 0;
|
33379
32878
|
}
|
33380
32879
|
|
32880
|
+
.cds--side-nav.cds--side-nav--rail:not(.cds--side-nav--fixed):hover,
|
33381
32881
|
.cds--side-nav--expanded {
|
33382
32882
|
width: 16rem;
|
33383
32883
|
}
|
@@ -33776,15 +33276,6 @@ a.cds--side-nav__link--current::before {
|
|
33776
33276
|
background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
|
33777
33277
|
color: var(--cds-text-primary, #161616);
|
33778
33278
|
}
|
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
|
-
}
|
33788
33279
|
|
33789
33280
|
.cds--side-nav .cds--header__menu a.cds--header__menu-item {
|
33790
33281
|
height: inherit;
|
@@ -33928,10 +33419,6 @@ a.cds--side-nav__link--current::before {
|
|
33928
33419
|
}
|
33929
33420
|
}
|
33930
33421
|
|
33931
|
-
.cds--header__action > :first-child {
|
33932
|
-
margin-block-start: 0;
|
33933
|
-
}
|
33934
|
-
|
33935
33422
|
.cds--header__action > svg.cds--navigation-menu-panel-collapse-icon,
|
33936
33423
|
.cds--header__action--active > svg.cds--navigation-menu-panel-expand-icon {
|
33937
33424
|
display: none;
|
@@ -34119,11 +33606,12 @@ a.cds--header__menu-item[aria-current=page],
|
|
34119
33606
|
a.cds--header__menu-item[aria-current=page]::after,
|
34120
33607
|
.cds--header__menu-item--current::after {
|
34121
33608
|
position: absolute;
|
33609
|
+
top: 0;
|
33610
|
+
right: 0;
|
34122
33611
|
bottom: -2px;
|
34123
|
-
left:
|
34124
|
-
width:
|
34125
|
-
|
34126
|
-
background-color: var(--cds-border-interactive, #0f62fe);
|
33612
|
+
left: 0;
|
33613
|
+
width: 100%;
|
33614
|
+
border-bottom: 3px solid var(--cds-border-interactive, #0f62fe);
|
34127
33615
|
content: "";
|
34128
33616
|
}
|
34129
33617
|
|
@@ -34134,19 +33622,15 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
|
|
34134
33622
|
|
34135
33623
|
.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
|
34136
33624
|
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
|
34137
|
-
|
33625
|
+
bottom: 0;
|
34138
33626
|
left: -2px;
|
34139
|
-
|
34140
|
-
|
34141
|
-
background-color: var(--cds-border-interactive, #0f62fe);
|
33627
|
+
border-bottom: none;
|
33628
|
+
border-left: 3px solid var(--cds-border-interactive, #0f62fe);
|
34142
33629
|
}
|
34143
33630
|
.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
|
34144
33631
|
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
|
34145
|
-
|
34146
|
-
left: -
|
34147
|
-
width: 5px;
|
34148
|
-
height: calc(100% + 4px);
|
34149
|
-
background-color: var(--cds-border-interactive, #0f62fe);
|
33632
|
+
left: 0;
|
33633
|
+
border-left: 3px solid var(--cds-border-interactive, #0f62fe);
|
34150
33634
|
}
|
34151
33635
|
|
34152
33636
|
a.cds--header__menu-item[aria-current=page]:focus,
|
@@ -34206,13 +33690,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
|
|
34206
33690
|
color: var(--cds-text-primary, #161616);
|
34207
33691
|
}
|
34208
33692
|
|
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
|
-
|
34216
33693
|
.cds--header__menu .cds--header__menu-item {
|
34217
33694
|
height: 3rem;
|
34218
33695
|
}
|
@@ -34313,6 +33790,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
|
|
34313
33790
|
width: 0;
|
34314
33791
|
}
|
34315
33792
|
|
33793
|
+
.cds--side-nav.cds--side-nav--rail:not(.cds--side-nav--fixed):hover,
|
34316
33794
|
.cds--side-nav--expanded {
|
34317
33795
|
width: 16rem;
|
34318
33796
|
}
|
@@ -34711,15 +34189,6 @@ a.cds--side-nav__link--current::before {
|
|
34711
34189
|
background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
|
34712
34190
|
color: var(--cds-text-primary, #161616);
|
34713
34191
|
}
|
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
|
-
}
|
34723
34192
|
|
34724
34193
|
.cds--side-nav .cds--header__menu a.cds--header__menu-item {
|
34725
34194
|
height: inherit;
|