@carbon/ibm-products 2.1.3 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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;
|