@carbon/ibm-products 2.1.3 → 2.2.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +246 -777
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -3
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +11 -210
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +2 -2
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +48 -412
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -3
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +121 -344
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -3
- package/css/index.min.css.map +1 -1
- package/es/components/AboutModal/AboutModal.js +4 -2
- package/es/components/ActionBar/ActionBar.js +6 -2
- package/es/components/AddSelect/AddSelectFormControl.js +6 -6
- package/es/components/AddSelect/AddSelectRow.js +5 -15
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +6 -5
- package/es/components/ButtonMenu/ButtonMenu.js +4 -4
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +9 -3
- package/es/components/Cascade/Cascade.js +1 -11
- package/es/components/CreateFullPage/CreateFullPage.js +0 -13
- package/es/components/CreateModal/CreateModal.js +0 -7
- package/es/components/CreateSidePanel/CreateSidePanel.js +1 -1
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +3 -3
- package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -3
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +2 -3
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -1
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +47 -39
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +24 -20
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +1 -0
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +15 -44
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +21 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +10 -12
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +2 -2
- package/es/components/Datagrid/useActionsColumn.js +7 -10
- package/es/components/Datagrid/useCustomizeColumns.js +7 -9
- package/es/components/Datagrid/useExpandedRow.js +7 -11
- package/es/components/Datagrid/useFiltering.js +8 -12
- package/es/components/Datagrid/useInlineEdit.js +0 -3
- package/es/components/Datagrid/useNestedRows.js +6 -10
- package/es/components/Datagrid/useStickyColumn.js +3 -10
- package/es/components/Datagrid/utils/DatagridActions.js +14 -6
- package/es/components/EditFullPage/EditFullPage.js +1 -2
- package/es/components/EditSidePanel/EditSidePanel.js +1 -1
- package/es/components/EditTearsheet/EditTearsheet.js +0 -4
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -1
- package/es/components/EditUpdateCards/EditUpdateCards.js +2 -3
- package/es/components/EmptyStates/EmptyState.js +0 -4
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +0 -4
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +0 -4
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +0 -4
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +0 -4
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +0 -4
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +0 -4
- package/es/components/ExportModal/ExportModal.js +0 -4
- package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +0 -6
- package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +0 -6
- package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +0 -6
- package/es/components/ImportModal/ImportModal.js +6 -13
- package/es/components/MultiAddSelect/MultiAddSelect.js +0 -4
- package/es/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +17 -2
- package/es/components/PageHeader/PageHeader.js +6 -2
- package/es/components/PageHeader/PageHeaderUtils.js +2 -2
- package/es/components/RemoveModal/RemoveModal.js +0 -6
- package/es/components/SidePanel/SidePanel.js +3 -1
- package/es/components/SingleAddSelect/SingleAddSelect.js +0 -4
- package/es/components/StatusIcon/StatusIcon.js +0 -10
- package/es/components/TagSet/TagSet.js +7 -4
- package/es/components/Tearsheet/TearsheetShell.js +6 -11
- package/es/components/UserProfileImage/UserProfileImage.js +3 -14
- package/es/components/WebTerminal/WebTerminal.js +0 -4
- package/es/global/js/hooks/useCreateComponentStepChange.js +15 -16
- package/es/global/js/hooks/useResizeObserver.js +28 -14
- package/es/global/js/package-settings.js +1 -14
- package/es/global/js/utils/story-helper.js +6 -108
- package/lib/components/AboutModal/AboutModal.js +4 -2
- package/lib/components/ActionBar/ActionBar.js +6 -2
- package/lib/components/AddSelect/AddSelectFormControl.js +6 -6
- package/lib/components/AddSelect/AddSelectRow.js +5 -15
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +6 -5
- package/lib/components/ButtonMenu/ButtonMenu.js +4 -4
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +9 -3
- package/lib/components/Cascade/Cascade.js +1 -11
- package/lib/components/CreateFullPage/CreateFullPage.js +0 -13
- package/lib/components/CreateModal/CreateModal.js +0 -7
- package/lib/components/CreateSidePanel/CreateSidePanel.js +1 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +3 -3
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -3
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +2 -3
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -1
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +45 -37
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +24 -20
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +7 -0
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +13 -42
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +30 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +10 -12
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +2 -2
- package/lib/components/Datagrid/useActionsColumn.js +7 -12
- package/lib/components/Datagrid/useCustomizeColumns.js +8 -10
- package/lib/components/Datagrid/useExpandedRow.js +6 -9
- package/lib/components/Datagrid/useFiltering.js +7 -10
- package/lib/components/Datagrid/useInlineEdit.js +0 -3
- package/lib/components/Datagrid/useNestedRows.js +6 -9
- package/lib/components/Datagrid/useStickyColumn.js +3 -10
- package/lib/components/Datagrid/utils/DatagridActions.js +13 -5
- package/lib/components/EditFullPage/EditFullPage.js +1 -2
- package/lib/components/EditSidePanel/EditSidePanel.js +1 -1
- package/lib/components/EditTearsheet/EditTearsheet.js +0 -4
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -1
- package/lib/components/EditUpdateCards/EditUpdateCards.js +2 -3
- package/lib/components/EmptyStates/EmptyState.js +0 -4
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +0 -4
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +0 -4
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +0 -4
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +0 -4
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +0 -4
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +0 -4
- package/lib/components/ExportModal/ExportModal.js +0 -4
- package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +0 -6
- package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +0 -6
- package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +0 -6
- package/lib/components/ImportModal/ImportModal.js +6 -13
- package/lib/components/MultiAddSelect/MultiAddSelect.js +0 -4
- package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +17 -2
- package/lib/components/PageHeader/PageHeader.js +6 -2
- package/lib/components/PageHeader/PageHeaderUtils.js +2 -2
- package/lib/components/RemoveModal/RemoveModal.js +0 -6
- package/lib/components/SidePanel/SidePanel.js +3 -1
- package/lib/components/SingleAddSelect/SingleAddSelect.js +0 -4
- package/lib/components/StatusIcon/StatusIcon.js +0 -10
- package/lib/components/TagSet/TagSet.js +7 -4
- package/lib/components/Tearsheet/TearsheetShell.js +6 -11
- package/lib/components/UserProfileImage/UserProfileImage.js +3 -14
- package/lib/components/WebTerminal/WebTerminal.js +0 -4
- package/lib/global/js/hooks/useCreateComponentStepChange.js +15 -16
- package/lib/global/js/hooks/useResizeObserver.js +27 -13
- package/lib/global/js/package-settings.js +1 -14
- package/lib/global/js/utils/story-helper.js +7 -115
- package/package.json +4 -4
- package/scss/components/AddSelect/_add-select.scss +0 -4
- package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +1 -0
- package/scss/components/ButtonMenu/_button-menu.scss +1 -32
- package/scss/components/Cascade/_storybook-styles.scss +2 -3
- package/scss/components/DataSpreadsheet/_storybook-styles.scss +0 -6
- package/scss/components/Datagrid/_datagrid.scss +2 -4
- package/scss/components/Datagrid/_storybook-styles.scss +2 -16
- package/scss/components/Datagrid/styles/_datagrid.scss +13 -26
- package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +0 -7
- package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +0 -4
- package/scss/components/HTTPErrors/_storybook-styles.scss +6 -0
- package/scss/components/NotificationsPanel/_notifications-panel.scss +1 -1
- package/scss/components/NotificationsPanel/_storybook-styles.scss +2 -10
- package/scss/components/PageHeader/_page-header.scss +1 -0
- package/scss/components/PageHeader/_storybook-styles.scss +14 -24
- package/scss/components/SidePanel/_side-panel.scss +2 -0
- package/scss/components/Tearsheet/_tearsheet.scss +6 -7
- package/scss/components/WebTerminal/_storybook-styles.scss +1 -11
- package/scss/global/styles/_display-box.scss +0 -1
- package/es/components/APIKeyModal/APIKeyModal.docs-page.js +0 -26
- package/es/components/AboutModal/AboutModal.docs-page.js +0 -21
- package/es/components/Cascade/Cascade.docs-page.js +0 -22
- package/es/components/CreateFullPage/CreateFullPage.docs-page.js +0 -39
- package/es/components/CreateModal/CreateModal.docs-page.js +0 -24
- package/es/components/CreateSidePanel/CreateSidePanel.docs-page.js +0 -18
- package/es/components/CreateTearsheet/CreateTearsheet.docs-page.js +0 -29
- package/es/components/EditFullPage/EditFullPage.docs-page.js +0 -39
- package/es/components/EditTearsheet/EditTearsheet.docs-page.js +0 -25
- package/es/components/ExampleComponent/ExampleComponent.docs-page.js +0 -22
- package/es/components/ImportModal/ImportModal.docs-page.js +0 -18
- package/es/components/MultiAddSelect/MultiAddSelect.docs-page.js +0 -17
- package/es/components/RemoveModal/RemoveModal.docs-page.js +0 -18
- package/es/components/SingleAddSelect/SingleAddSelect.docs-page.js +0 -15
- package/es/components/StatusIcon/StatusIcon.docs-page.js +0 -17
- package/es/components/Toolbar/Toolbar.docs-page.js +0 -14
- package/es/components/UserProfileImage/UserProfileImage.docs-page.js +0 -17
- package/es/components/WebTerminal/WebTerminal.docs-page.js +0 -52
- package/es/global/js/utils/StoryDocsPage.js +0 -218
- package/lib/components/APIKeyModal/APIKeyModal.docs-page.js +0 -37
- package/lib/components/AboutModal/AboutModal.docs-page.js +0 -32
- package/lib/components/Cascade/Cascade.docs-page.js +0 -33
- package/lib/components/CreateFullPage/CreateFullPage.docs-page.js +0 -50
- package/lib/components/CreateModal/CreateModal.docs-page.js +0 -35
- package/lib/components/CreateSidePanel/CreateSidePanel.docs-page.js +0 -29
- package/lib/components/CreateTearsheet/CreateTearsheet.docs-page.js +0 -40
- package/lib/components/EditFullPage/EditFullPage.docs-page.js +0 -50
- package/lib/components/EditTearsheet/EditTearsheet.docs-page.js +0 -36
- package/lib/components/ExampleComponent/ExampleComponent.docs-page.js +0 -33
- package/lib/components/ImportModal/ImportModal.docs-page.js +0 -26
- package/lib/components/MultiAddSelect/MultiAddSelect.docs-page.js +0 -25
- package/lib/components/RemoveModal/RemoveModal.docs-page.js +0 -26
- package/lib/components/SingleAddSelect/SingleAddSelect.docs-page.js +0 -23
- package/lib/components/StatusIcon/StatusIcon.docs-page.js +0 -28
- package/lib/components/Toolbar/Toolbar.docs-page.js +0 -25
- package/lib/components/UserProfileImage/UserProfileImage.docs-page.js +0 -28
- package/lib/components/WebTerminal/WebTerminal.docs-page.js +0 -63
- package/lib/global/js/utils/StoryDocsPage.js +0 -225
@@ -76,6 +76,8 @@
|
|
76
76
|
.cds--copy-btn {
|
77
77
|
position: relative;
|
78
78
|
display: flex;
|
79
|
+
width: 2.5rem;
|
80
|
+
height: 2.5rem;
|
79
81
|
align-items: center;
|
80
82
|
justify-content: center;
|
81
83
|
padding: 0;
|
@@ -485,13 +487,11 @@
|
|
485
487
|
transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
486
488
|
}
|
487
489
|
|
488
|
-
.cds--btn > .cds--snippet__icon {
|
489
|
-
margin-block-start: 0;
|
490
|
-
}
|
491
|
-
|
492
490
|
.cds--copy-btn {
|
493
491
|
display: flex;
|
494
492
|
overflow: visible;
|
493
|
+
width: 2.5rem;
|
494
|
+
height: 2.5rem;
|
495
495
|
align-items: center;
|
496
496
|
justify-content: center;
|
497
497
|
padding: 0;
|
@@ -534,13 +534,16 @@
|
|
534
534
|
right: 0;
|
535
535
|
}
|
536
536
|
|
537
|
-
.cds--snippet--inline.cds--btn {
|
538
|
-
|
539
|
-
|
540
|
-
padding-inline: 0;
|
537
|
+
.cds--snippet--inline.cds--btn--md.cds--btn--icon-only {
|
538
|
+
padding-right: 0;
|
539
|
+
padding-left: 0;
|
541
540
|
}
|
542
541
|
|
543
|
-
.cds--snippet--inline.cds--btn
|
542
|
+
.cds--snippet--inline.cds--btn--md {
|
543
|
+
min-height: 1.25rem;
|
544
|
+
}
|
545
|
+
|
546
|
+
.cds--snippet--inline.cds--btn--primary:hover {
|
544
547
|
color: var(--cds-text-primary, #161616);
|
545
548
|
}
|
546
549
|
|
@@ -549,8 +552,12 @@
|
|
549
552
|
right: 0.5rem;
|
550
553
|
}
|
551
554
|
|
552
|
-
.cds--snippet--multi .cds--copy-btn {
|
555
|
+
.cds--snippet--multi .cds--copy-btn.cds--btn--md {
|
553
556
|
z-index: 10;
|
557
|
+
width: 2rem;
|
558
|
+
height: 2rem;
|
559
|
+
min-height: 2rem;
|
560
|
+
padding: 0;
|
554
561
|
}
|
555
562
|
|
556
563
|
.cds--snippet-btn--expand {
|
@@ -996,33 +1003,8 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
996
1003
|
.c4p--button-menu {
|
997
1004
|
min-width: 160px;
|
998
1005
|
}
|
999
|
-
.c4p--button-menu.c4p--button-menu__wrapper--primary, .c4p--button-menu.c4p--button-menu__wrapper--primary.cds--overflow-menu.cds--overflow-menu--open {
|
1000
|
-
background-color: var(--cds-button-primary, #0f62fe);
|
1001
|
-
}
|
1002
|
-
.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--primary:hover {
|
1003
|
-
background-color: var(--cds-button-primary-hover, #0050e6);
|
1004
|
-
}
|
1005
|
-
.c4p--button-menu.c4p--button-menu__wrapper--tertiary, .c4p--button-menu.c4p--button-menu__wrapper--tertiary.cds--overflow-menu.cds--overflow-menu--open {
|
1006
|
-
background-color: var(--cds-button-tertiary, #0f62fe);
|
1007
|
-
}
|
1008
|
-
.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--tertiary:hover {
|
1009
|
-
background-color: var(--cds-button-tertiary-hover, #0050e6);
|
1010
|
-
}
|
1011
|
-
.c4p--button-menu.c4p--button-menu__wrapper--ghost, .c4p--button-menu.c4p--button-menu__wrapper--ghost.cds--overflow-menu.cds--overflow-menu--open {
|
1012
|
-
background-color: transparent;
|
1013
|
-
}
|
1014
|
-
.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--ghost:hover {
|
1015
|
-
background-color: var(--cds-layer-hover);
|
1016
|
-
}
|
1017
1006
|
.c4p--button-menu .c4p--button-menu__trigger {
|
1018
|
-
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
1019
|
-
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
1020
|
-
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
1021
|
-
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
1022
|
-
display: flex;
|
1023
1007
|
width: 100%;
|
1024
|
-
align-items: center;
|
1025
|
-
justify-content: space-between;
|
1026
1008
|
padding: 0 1rem;
|
1027
1009
|
}
|
1028
1010
|
|
@@ -2922,157 +2904,6 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2922
2904
|
margin-bottom: 0;
|
2923
2905
|
}
|
2924
2906
|
|
2925
|
-
:root {
|
2926
|
-
--cds-layout-size-height-xs: 1.5rem;
|
2927
|
-
--cds-layout-size-height-sm: 2rem;
|
2928
|
-
--cds-layout-size-height-md: 2.5rem;
|
2929
|
-
--cds-layout-size-height-lg: 3rem;
|
2930
|
-
--cds-layout-size-height-xl: 4rem;
|
2931
|
-
--cds-layout-size-height-2xl: 5rem;
|
2932
|
-
--cds-layout-size-height-min: 0px;
|
2933
|
-
--cds-layout-size-height-max: 999999999px;
|
2934
|
-
--cds-layout-density-padding-inline-condensed: 0.5rem;
|
2935
|
-
--cds-layout-density-padding-inline-normal: 1rem;
|
2936
|
-
--cds-layout-density-padding-inline-min: 0px;
|
2937
|
-
--cds-layout-density-padding-inline-max: 999999999px;
|
2938
|
-
}
|
2939
|
-
|
2940
|
-
.cds--layout--size-xs {
|
2941
|
-
--cds-layout-size-height-context: var(--cds-layout-size-height-xs, 1.5rem);
|
2942
|
-
--cds-layout-size-height: var(--cds-layout-size-height-context);
|
2943
|
-
}
|
2944
|
-
|
2945
|
-
.cds--layout-constraint--size\:default-xs {
|
2946
|
-
--cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
|
2947
|
-
}
|
2948
|
-
|
2949
|
-
.cds--layout-constraint--size\:min-xs {
|
2950
|
-
--cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);
|
2951
|
-
}
|
2952
|
-
|
2953
|
-
.cds--layout-constraint--size\:max-xs {
|
2954
|
-
--cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);
|
2955
|
-
}
|
2956
|
-
|
2957
|
-
.cds--layout--size-sm {
|
2958
|
-
--cds-layout-size-height-context: var(--cds-layout-size-height-sm, 2rem);
|
2959
|
-
--cds-layout-size-height: var(--cds-layout-size-height-context);
|
2960
|
-
}
|
2961
|
-
|
2962
|
-
.cds--layout-constraint--size\:default-sm {
|
2963
|
-
--cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
|
2964
|
-
}
|
2965
|
-
|
2966
|
-
.cds--layout-constraint--size\:min-sm {
|
2967
|
-
--cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);
|
2968
|
-
}
|
2969
|
-
|
2970
|
-
.cds--layout-constraint--size\:max-sm {
|
2971
|
-
--cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);
|
2972
|
-
}
|
2973
|
-
|
2974
|
-
.cds--layout--size-md {
|
2975
|
-
--cds-layout-size-height-context: var(--cds-layout-size-height-md, 2.5rem);
|
2976
|
-
--cds-layout-size-height: var(--cds-layout-size-height-context);
|
2977
|
-
}
|
2978
|
-
|
2979
|
-
.cds--layout-constraint--size\:default-md {
|
2980
|
-
--cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
|
2981
|
-
}
|
2982
|
-
|
2983
|
-
.cds--layout-constraint--size\:min-md {
|
2984
|
-
--cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);
|
2985
|
-
}
|
2986
|
-
|
2987
|
-
.cds--layout-constraint--size\:max-md {
|
2988
|
-
--cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);
|
2989
|
-
}
|
2990
|
-
|
2991
|
-
.cds--layout--size-lg {
|
2992
|
-
--cds-layout-size-height-context: var(--cds-layout-size-height-lg, 3rem);
|
2993
|
-
--cds-layout-size-height: var(--cds-layout-size-height-context);
|
2994
|
-
}
|
2995
|
-
|
2996
|
-
.cds--layout-constraint--size\:default-lg {
|
2997
|
-
--cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
|
2998
|
-
}
|
2999
|
-
|
3000
|
-
.cds--layout-constraint--size\:min-lg {
|
3001
|
-
--cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);
|
3002
|
-
}
|
3003
|
-
|
3004
|
-
.cds--layout-constraint--size\:max-lg {
|
3005
|
-
--cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);
|
3006
|
-
}
|
3007
|
-
|
3008
|
-
.cds--layout--size-xl {
|
3009
|
-
--cds-layout-size-height-context: var(--cds-layout-size-height-xl, 4rem);
|
3010
|
-
--cds-layout-size-height: var(--cds-layout-size-height-context);
|
3011
|
-
}
|
3012
|
-
|
3013
|
-
.cds--layout-constraint--size\:default-xl {
|
3014
|
-
--cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
|
3015
|
-
}
|
3016
|
-
|
3017
|
-
.cds--layout-constraint--size\:min-xl {
|
3018
|
-
--cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);
|
3019
|
-
}
|
3020
|
-
|
3021
|
-
.cds--layout-constraint--size\:max-xl {
|
3022
|
-
--cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);
|
3023
|
-
}
|
3024
|
-
|
3025
|
-
.cds--layout--size-2xl {
|
3026
|
-
--cds-layout-size-height-context: var(--cds-layout-size-height-2xl, 5rem);
|
3027
|
-
--cds-layout-size-height: var(--cds-layout-size-height-context);
|
3028
|
-
}
|
3029
|
-
|
3030
|
-
.cds--layout-constraint--size\:default-2xl {
|
3031
|
-
--cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
|
3032
|
-
}
|
3033
|
-
|
3034
|
-
.cds--layout-constraint--size\:min-2xl {
|
3035
|
-
--cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
|
3036
|
-
}
|
3037
|
-
|
3038
|
-
.cds--layout-constraint--size\:max-2xl {
|
3039
|
-
--cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
|
3040
|
-
}
|
3041
|
-
|
3042
|
-
.cds--layout--density-condensed {
|
3043
|
-
--cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
|
3044
|
-
--cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
|
3045
|
-
}
|
3046
|
-
|
3047
|
-
.cds--layout-constraint--density\:default-condensed {
|
3048
|
-
--cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
|
3049
|
-
}
|
3050
|
-
|
3051
|
-
.cds--layout-constraint--density\:min-condensed {
|
3052
|
-
--cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
|
3053
|
-
}
|
3054
|
-
|
3055
|
-
.cds--layout-constraint--density\:max-condensed {
|
3056
|
-
--cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
|
3057
|
-
}
|
3058
|
-
|
3059
|
-
.cds--layout--density-normal {
|
3060
|
-
--cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);
|
3061
|
-
--cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
|
3062
|
-
}
|
3063
|
-
|
3064
|
-
.cds--layout-constraint--density\:default-normal {
|
3065
|
-
--cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
|
3066
|
-
}
|
3067
|
-
|
3068
|
-
.cds--layout-constraint--density\:min-normal {
|
3069
|
-
--cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
|
3070
|
-
}
|
3071
|
-
|
3072
|
-
.cds--layout-constraint--density\:max-normal {
|
3073
|
-
--cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
|
3074
|
-
}
|
3075
|
-
|
3076
2907
|
.c4p--side-panel__container {
|
3077
2908
|
--c4p--side-panel--subtitle-opacity: 1;
|
3078
2909
|
--c4p--side-panel--title-container-height: 0;
|
@@ -3085,6 +2916,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3085
2916
|
--c4p--side-panel--collapsed-title-y-position: 1rem;
|
3086
2917
|
--c4p--side-panel--label-text-height: 0;
|
3087
2918
|
position: fixed;
|
2919
|
+
/* stylelint-disable-next-line function-no-unknown */
|
3088
2920
|
z-index: 9000;
|
3089
2921
|
top: 3rem;
|
3090
2922
|
height: calc(100% - 3rem);
|
@@ -3490,6 +3322,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3490
3322
|
|
3491
3323
|
.c4p--side-panel__overlay {
|
3492
3324
|
position: fixed;
|
3325
|
+
/* stylelint-disable-next-line function-no-unknown */
|
3493
3326
|
z-index: 6000;
|
3494
3327
|
width: 100%;
|
3495
3328
|
height: 100%;
|
@@ -3629,6 +3462,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3629
3462
|
}
|
3630
3463
|
|
3631
3464
|
.c4p--tearsheet.c4p--tearsheet {
|
3465
|
+
/* stylelint-disable-next-line function-no-unknown */
|
3632
3466
|
z-index: 9001;
|
3633
3467
|
align-items: flex-end;
|
3634
3468
|
color: var(--cds-text-primary, #161616);
|
@@ -3637,6 +3471,7 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3637
3471
|
--c4p--tearsheet--stacking-scale-factor-double: 0.9;
|
3638
3472
|
}
|
3639
3473
|
.c4p--tearsheet.is-visible {
|
3474
|
+
/* stylelint-disable-next-line function-no-unknown */
|
3640
3475
|
z-index: 9000;
|
3641
3476
|
align-items: flex-end;
|
3642
3477
|
transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
|
@@ -3647,14 +3482,17 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3647
3482
|
}
|
3648
3483
|
}
|
3649
3484
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
|
3485
|
+
/* stylelint-disable-next-line function-no-unknown */
|
3650
3486
|
z-index: 8999;
|
3651
3487
|
background-color: rgba(22, 22, 22, 0.33);
|
3652
3488
|
}
|
3653
3489
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
|
3490
|
+
/* stylelint-disable-next-line function-no-unknown */
|
3654
3491
|
z-index: 8998;
|
3655
3492
|
background-color: rgba(22, 22, 22, 0.11);
|
3656
3493
|
}
|
3657
3494
|
.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
|
3495
|
+
/* stylelint-disable-next-line function-no-unknown */
|
3658
3496
|
z-index: 8999;
|
3659
3497
|
background-color: rgba(22, 22, 22, 0.25);
|
3660
3498
|
}
|
@@ -3703,13 +3541,11 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3703
3541
|
padding: 1.5rem 2rem;
|
3704
3542
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3705
3543
|
margin: 0;
|
3706
|
-
background-color: var(--cds-layer);
|
3707
3544
|
}
|
3708
3545
|
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
|
3709
3546
|
padding: 1rem;
|
3710
3547
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3711
3548
|
margin: 0;
|
3712
|
-
background-color: var(--cds-layer);
|
3713
3549
|
}
|
3714
3550
|
.c4p--tearsheet .c4p--tearsheet__header-content {
|
3715
3551
|
display: flex;
|
@@ -3800,13 +3636,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3800
3636
|
.c4p--tearsheet .c4p--tearsheet__main {
|
3801
3637
|
display: flex;
|
3802
3638
|
flex-direction: row;
|
3803
|
-
background-color: var(--cds-
|
3639
|
+
background-color: var(--cds-layer);
|
3804
3640
|
grid-column: 1/-1;
|
3805
3641
|
grid-row: 1/-1;
|
3806
3642
|
}
|
3807
|
-
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
|
3808
|
-
background-color: var(--cds-layer);
|
3809
|
-
}
|
3810
3643
|
.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
|
3811
3644
|
border-right: none;
|
3812
3645
|
border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
@@ -4428,9 +4261,6 @@ c4p--card__icon:active {
|
|
4428
4261
|
display: flex;
|
4429
4262
|
align-items: center;
|
4430
4263
|
}
|
4431
|
-
.c4p--add-select__selections-form-control-wrapper--radio {
|
4432
|
-
cursor: pointer;
|
4433
|
-
}
|
4434
4264
|
.c4p--add-select__selections-form-control-label-wrapper {
|
4435
4265
|
display: flex;
|
4436
4266
|
margin-left: 1rem;
|
@@ -4910,14 +4740,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4910
4740
|
--cds-fluid-spacing-02: 2vw;
|
4911
4741
|
--cds-fluid-spacing-03: 5vw;
|
4912
4742
|
--cds-fluid-spacing-04: 10vw;
|
4913
|
-
--cds-caption-01-font-size: 0.75rem;
|
4914
|
-
--cds-caption-01-font-weight: 400;
|
4915
|
-
--cds-caption-01-line-height: 1.33333;
|
4916
|
-
--cds-caption-01-letter-spacing: 0.32px;
|
4917
|
-
--cds-caption-02-font-size: 0.875rem;
|
4918
|
-
--cds-caption-02-font-weight: 400;
|
4919
|
-
--cds-caption-02-line-height: 1.28572;
|
4920
|
-
--cds-caption-02-letter-spacing: 0.32px;
|
4921
4743
|
--cds-label-01-font-size: 0.75rem;
|
4922
4744
|
--cds-label-01-font-weight: 400;
|
4923
4745
|
--cds-label-01-line-height: 1.33333;
|
@@ -5166,7 +4988,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5166
4988
|
top: 3rem;
|
5167
4989
|
right: 0;
|
5168
4990
|
overflow: auto;
|
5169
|
-
min-width:
|
4991
|
+
min-width: 22.75rem;
|
5170
4992
|
max-width: 22.75rem;
|
5171
4993
|
min-height: 38.5rem;
|
5172
4994
|
max-height: 38.5rem;
|
@@ -7174,6 +6996,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7174
6996
|
}
|
7175
6997
|
|
7176
6998
|
.c4p--breadcrumb-with-overflow__overflow-menu-options.c4p--breadcrumb-with-overflow__overflow-menu-options {
|
6999
|
+
/* stylelint-disable-next-line function-no-unknown */
|
7177
7000
|
z-index: 8000;
|
7178
7001
|
}
|
7179
7002
|
|
@@ -7339,6 +7162,7 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7339
7162
|
justify-content: flex-end;
|
7340
7163
|
}
|
7341
7164
|
|
7165
|
+
/* stylelint-disable-next-line function-no-unknown */
|
7342
7166
|
@keyframes background-appear {
|
7343
7167
|
from {
|
7344
7168
|
/* stylelint-disable-next-line carbon/theme-token-use */
|
@@ -8724,14 +8548,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8724
8548
|
--cds-fluid-spacing-02: 2vw;
|
8725
8549
|
--cds-fluid-spacing-03: 5vw;
|
8726
8550
|
--cds-fluid-spacing-04: 10vw;
|
8727
|
-
--cds-caption-01-font-size: 0.75rem;
|
8728
|
-
--cds-caption-01-font-weight: 400;
|
8729
|
-
--cds-caption-01-line-height: 1.33333;
|
8730
|
-
--cds-caption-01-letter-spacing: 0.32px;
|
8731
|
-
--cds-caption-02-font-size: 0.875rem;
|
8732
|
-
--cds-caption-02-font-weight: 400;
|
8733
|
-
--cds-caption-02-line-height: 1.28572;
|
8734
|
-
--cds-caption-02-letter-spacing: 0.32px;
|
8735
8551
|
--cds-label-01-font-size: 0.75rem;
|
8736
8552
|
--cds-label-01-font-weight: 400;
|
8737
8553
|
--cds-label-01-line-height: 1.33333;
|
@@ -9117,14 +8933,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9117
8933
|
--cds-fluid-spacing-02: 2vw;
|
9118
8934
|
--cds-fluid-spacing-03: 5vw;
|
9119
8935
|
--cds-fluid-spacing-04: 10vw;
|
9120
|
-
--cds-caption-01-font-size: 0.75rem;
|
9121
|
-
--cds-caption-01-font-weight: 400;
|
9122
|
-
--cds-caption-01-line-height: 1.33333;
|
9123
|
-
--cds-caption-01-letter-spacing: 0.32px;
|
9124
|
-
--cds-caption-02-font-size: 0.875rem;
|
9125
|
-
--cds-caption-02-font-weight: 400;
|
9126
|
-
--cds-caption-02-line-height: 1.28572;
|
9127
|
-
--cds-caption-02-letter-spacing: 0.32px;
|
9128
8936
|
--cds-label-01-font-size: 0.75rem;
|
9129
8937
|
--cds-label-01-font-weight: 400;
|
9130
8938
|
--cds-label-01-line-height: 1.33333;
|
@@ -10249,6 +10057,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10249
10057
|
overscroll-behavior: none;
|
10250
10058
|
}
|
10251
10059
|
|
10060
|
+
/*
|
10061
|
+
* Licensed Materials - Property of IBM
|
10062
|
+
* 5724-Q36
|
10063
|
+
* (c) Copyright IBM Corp. 2020 - 2021
|
10064
|
+
* US Government Users Restricted Rights - Use, duplication or disclosure
|
10065
|
+
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
10066
|
+
*/
|
10252
10067
|
.c4p--datagrid__table-toolbar > section {
|
10253
10068
|
z-index: 2;
|
10254
10069
|
overflow: visible;
|
@@ -10720,6 +10535,11 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10720
10535
|
width: 100%;
|
10721
10536
|
}
|
10722
10537
|
|
10538
|
+
.cds--body--with-modal-open .c4p--datagrid__grid-container {
|
10539
|
+
overflow: hidden;
|
10540
|
+
height: 100vh;
|
10541
|
+
}
|
10542
|
+
|
10723
10543
|
.c4p--datagrid .cds--modal {
|
10724
10544
|
width: 100%;
|
10725
10545
|
}
|
@@ -10760,18 +10580,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10760
10580
|
background-color: var(--cds-layer-accent);
|
10761
10581
|
}
|
10762
10582
|
|
10763
|
-
.c4p--datagrid .cds--action-list .cds--btn.c4p--button-menu {
|
10764
|
-
padding: 0;
|
10765
|
-
}
|
10766
|
-
|
10767
|
-
.c4p--datagrid .cds--action-list .cds--btn {
|
10768
|
-
align-items: center;
|
10769
|
-
}
|
10770
|
-
|
10771
|
-
.c4p--datagrid .cds--action-list .cds--btn__icon {
|
10772
|
-
margin-top: 0;
|
10773
|
-
}
|
10774
|
-
|
10775
10583
|
/*
|
10776
10584
|
* Licensed Materials - Property of IBM
|
10777
10585
|
* 5724-Q36
|
@@ -11202,13 +11010,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11202
11010
|
grid-template-columns: 1fr 1fr;
|
11203
11011
|
}
|
11204
11012
|
|
11205
|
-
.c4p--datagrid-filter-flyout__trigger.cds--btn {
|
11206
|
-
display: flex;
|
11207
|
-
width: 3rem;
|
11208
|
-
height: 3rem;
|
11209
|
-
justify-content: center;
|
11210
|
-
}
|
11211
|
-
|
11212
11013
|
.c4p--datagrid-filter-flyout__trigger--open.cds--btn.cds--btn--icon-only {
|
11213
11014
|
position: relative;
|
11214
11015
|
background-color: var(--cds-layer-02, #ffffff);
|
@@ -11332,10 +11133,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11332
11133
|
}
|
11333
11134
|
|
11334
11135
|
.cds--btn.c4p--datagrid-filter-panel-open-button {
|
11335
|
-
display: flex;
|
11336
|
-
width: 3rem;
|
11337
|
-
height: 3rem;
|
11338
|
-
justify-content: center;
|
11339
11136
|
border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
11340
11137
|
border-bottom: none;
|
11341
11138
|
}
|
@@ -11864,7 +11661,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11864
11661
|
.c4p--datagrid__datagridWrap :global(.cds--checkbox) {
|
11865
11662
|
display: none;
|
11866
11663
|
}
|
11867
|
-
.c4p--datagrid__datagridWrap .
|
11664
|
+
.c4p--datagrid__datagridWrap .bx--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
|
11868
11665
|
left: 0.125rem;
|
11869
11666
|
width: 112px;
|
11870
11667
|
}
|
@@ -13484,6 +13281,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
13484
13281
|
width: 0;
|
13485
13282
|
}
|
13486
13283
|
|
13284
|
+
.cds--side-nav.cds--side-nav--rail:not(.cds--side-nav--fixed):hover,
|
13487
13285
|
.cds--side-nav--expanded {
|
13488
13286
|
width: 16rem;
|
13489
13287
|
}
|
@@ -13890,16 +13688,6 @@ a.cds--side-nav__link--current::before {
|
|
13890
13688
|
color: var(--cds-text-primary, #161616);
|
13891
13689
|
}
|
13892
13690
|
|
13893
|
-
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
|
13894
|
-
background-color: var(--cds-layer-selected-hover);
|
13895
|
-
}
|
13896
|
-
|
13897
|
-
.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
|
13898
|
-
.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
|
13899
|
-
width: 3px;
|
13900
|
-
height: calc(100% + 4px);
|
13901
|
-
}
|
13902
|
-
|
13903
13691
|
.cds--side-nav .cds--header__menu a.cds--header__menu-item {
|
13904
13692
|
height: inherit;
|
13905
13693
|
}
|
@@ -13918,157 +13706,6 @@ a.cds--side-nav__link--current::before {
|
|
13918
13706
|
fill: ButtonText;
|
13919
13707
|
}
|
13920
13708
|
}
|
13921
|
-
:root {
|
13922
|
-
--cds-layout-size-height-xs:1.5rem;
|
13923
|
-
--cds-layout-size-height-sm:2rem;
|
13924
|
-
--cds-layout-size-height-md:2.5rem;
|
13925
|
-
--cds-layout-size-height-lg:3rem;
|
13926
|
-
--cds-layout-size-height-xl:4rem;
|
13927
|
-
--cds-layout-size-height-2xl:5rem;
|
13928
|
-
--cds-layout-size-height-min:0px;
|
13929
|
-
--cds-layout-size-height-max:999999999px;
|
13930
|
-
--cds-layout-density-padding-inline-condensed:0.5rem;
|
13931
|
-
--cds-layout-density-padding-inline-normal:1rem;
|
13932
|
-
--cds-layout-density-padding-inline-min:0px;
|
13933
|
-
--cds-layout-density-padding-inline-max:999999999px;
|
13934
|
-
}
|
13935
|
-
|
13936
|
-
.cds--layout--size-xs {
|
13937
|
-
--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);
|
13938
|
-
--cds-layout-size-height:var(--cds-layout-size-height-context);
|
13939
|
-
}
|
13940
|
-
|
13941
|
-
.cds--layout-constraint--size\:default-xs {
|
13942
|
-
--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
|
13943
|
-
}
|
13944
|
-
|
13945
|
-
.cds--layout-constraint--size\:min-xs {
|
13946
|
-
--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);
|
13947
|
-
}
|
13948
|
-
|
13949
|
-
.cds--layout-constraint--size\:max-xs {
|
13950
|
-
--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);
|
13951
|
-
}
|
13952
|
-
|
13953
|
-
.cds--layout--size-sm {
|
13954
|
-
--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);
|
13955
|
-
--cds-layout-size-height:var(--cds-layout-size-height-context);
|
13956
|
-
}
|
13957
|
-
|
13958
|
-
.cds--layout-constraint--size\:default-sm {
|
13959
|
-
--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
|
13960
|
-
}
|
13961
|
-
|
13962
|
-
.cds--layout-constraint--size\:min-sm {
|
13963
|
-
--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);
|
13964
|
-
}
|
13965
|
-
|
13966
|
-
.cds--layout-constraint--size\:max-sm {
|
13967
|
-
--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);
|
13968
|
-
}
|
13969
|
-
|
13970
|
-
.cds--layout--size-md {
|
13971
|
-
--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);
|
13972
|
-
--cds-layout-size-height:var(--cds-layout-size-height-context);
|
13973
|
-
}
|
13974
|
-
|
13975
|
-
.cds--layout-constraint--size\:default-md {
|
13976
|
-
--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
|
13977
|
-
}
|
13978
|
-
|
13979
|
-
.cds--layout-constraint--size\:min-md {
|
13980
|
-
--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);
|
13981
|
-
}
|
13982
|
-
|
13983
|
-
.cds--layout-constraint--size\:max-md {
|
13984
|
-
--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);
|
13985
|
-
}
|
13986
|
-
|
13987
|
-
.cds--layout--size-lg {
|
13988
|
-
--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);
|
13989
|
-
--cds-layout-size-height:var(--cds-layout-size-height-context);
|
13990
|
-
}
|
13991
|
-
|
13992
|
-
.cds--layout-constraint--size\:default-lg {
|
13993
|
-
--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
|
13994
|
-
}
|
13995
|
-
|
13996
|
-
.cds--layout-constraint--size\:min-lg {
|
13997
|
-
--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);
|
13998
|
-
}
|
13999
|
-
|
14000
|
-
.cds--layout-constraint--size\:max-lg {
|
14001
|
-
--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);
|
14002
|
-
}
|
14003
|
-
|
14004
|
-
.cds--layout--size-xl {
|
14005
|
-
--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);
|
14006
|
-
--cds-layout-size-height:var(--cds-layout-size-height-context);
|
14007
|
-
}
|
14008
|
-
|
14009
|
-
.cds--layout-constraint--size\:default-xl {
|
14010
|
-
--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
|
14011
|
-
}
|
14012
|
-
|
14013
|
-
.cds--layout-constraint--size\:min-xl {
|
14014
|
-
--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);
|
14015
|
-
}
|
14016
|
-
|
14017
|
-
.cds--layout-constraint--size\:max-xl {
|
14018
|
-
--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);
|
14019
|
-
}
|
14020
|
-
|
14021
|
-
.cds--layout--size-2xl {
|
14022
|
-
--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);
|
14023
|
-
--cds-layout-size-height:var(--cds-layout-size-height-context);
|
14024
|
-
}
|
14025
|
-
|
14026
|
-
.cds--layout-constraint--size\:default-2xl {
|
14027
|
-
--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
|
14028
|
-
}
|
14029
|
-
|
14030
|
-
.cds--layout-constraint--size\:min-2xl {
|
14031
|
-
--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);
|
14032
|
-
}
|
14033
|
-
|
14034
|
-
.cds--layout-constraint--size\:max-2xl {
|
14035
|
-
--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);
|
14036
|
-
}
|
14037
|
-
|
14038
|
-
.cds--layout--density-condensed {
|
14039
|
-
--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);
|
14040
|
-
--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);
|
14041
|
-
}
|
14042
|
-
|
14043
|
-
.cds--layout-constraint--density\:default-condensed {
|
14044
|
-
--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
|
14045
|
-
}
|
14046
|
-
|
14047
|
-
.cds--layout-constraint--density\:min-condensed {
|
14048
|
-
--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);
|
14049
|
-
}
|
14050
|
-
|
14051
|
-
.cds--layout-constraint--density\:max-condensed {
|
14052
|
-
--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);
|
14053
|
-
}
|
14054
|
-
|
14055
|
-
.cds--layout--density-normal {
|
14056
|
-
--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);
|
14057
|
-
--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);
|
14058
|
-
}
|
14059
|
-
|
14060
|
-
.cds--layout-constraint--density\:default-normal {
|
14061
|
-
--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
|
14062
|
-
}
|
14063
|
-
|
14064
|
-
.cds--layout-constraint--density\:min-normal {
|
14065
|
-
--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);
|
14066
|
-
}
|
14067
|
-
|
14068
|
-
.cds--layout-constraint--density\:max-normal {
|
14069
|
-
--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);
|
14070
|
-
}
|
14071
|
-
|
14072
13709
|
.c4p--action-set {
|
14073
13710
|
align-items: stretch;
|
14074
13711
|
justify-content: flex-end;
|
@@ -14139,6 +13776,7 @@ a.cds--side-nav__link--current::before {
|
|
14139
13776
|
}
|
14140
13777
|
|
14141
13778
|
.c4p--tearsheet.c4p--tearsheet {
|
13779
|
+
/* stylelint-disable-next-line function-no-unknown */
|
14142
13780
|
z-index: 9001;
|
14143
13781
|
align-items: flex-end;
|
14144
13782
|
color: var(--cds-text-primary, #161616);
|
@@ -14148,6 +13786,7 @@ a.cds--side-nav__link--current::before {
|
|
14148
13786
|
}
|
14149
13787
|
|
14150
13788
|
.c4p--tearsheet.is-visible {
|
13789
|
+
/* stylelint-disable-next-line function-no-unknown */
|
14151
13790
|
z-index: 9000;
|
14152
13791
|
align-items: flex-end;
|
14153
13792
|
transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
|
@@ -14159,16 +13798,19 @@ a.cds--side-nav__link--current::before {
|
|
14159
13798
|
}
|
14160
13799
|
}
|
14161
13800
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
|
13801
|
+
/* stylelint-disable-next-line function-no-unknown */
|
14162
13802
|
z-index: 8999;
|
14163
13803
|
background-color: rgba(22, 22, 22, 0.33);
|
14164
13804
|
}
|
14165
13805
|
|
14166
13806
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
|
13807
|
+
/* stylelint-disable-next-line function-no-unknown */
|
14167
13808
|
z-index: 8998;
|
14168
13809
|
background-color: rgba(22, 22, 22, 0.11);
|
14169
13810
|
}
|
14170
13811
|
|
14171
13812
|
.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
|
13813
|
+
/* stylelint-disable-next-line function-no-unknown */
|
14172
13814
|
z-index: 8999;
|
14173
13815
|
background-color: rgba(22, 22, 22, 0.25);
|
14174
13816
|
}
|
@@ -14229,14 +13871,12 @@ a.cds--side-nav__link--current::before {
|
|
14229
13871
|
padding: 1.5rem 2rem;
|
14230
13872
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
14231
13873
|
margin: 0;
|
14232
|
-
background-color: var(--cds-layer);
|
14233
13874
|
}
|
14234
13875
|
|
14235
13876
|
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
|
14236
13877
|
padding: 1rem;
|
14237
13878
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
14238
13879
|
margin: 0;
|
14239
|
-
background-color: var(--cds-layer);
|
14240
13880
|
}
|
14241
13881
|
|
14242
13882
|
.c4p--tearsheet .c4p--tearsheet__header-content {
|
@@ -14347,15 +13987,11 @@ a.cds--side-nav__link--current::before {
|
|
14347
13987
|
.c4p--tearsheet .c4p--tearsheet__main {
|
14348
13988
|
display: flex;
|
14349
13989
|
flex-direction: row;
|
14350
|
-
background-color: var(--cds-
|
13990
|
+
background-color: var(--cds-layer);
|
14351
13991
|
grid-column: 1/-1;
|
14352
13992
|
grid-row: 1/-1;
|
14353
13993
|
}
|
14354
13994
|
|
14355
|
-
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
|
14356
|
-
background-color: var(--cds-layer);
|
14357
|
-
}
|
14358
|
-
|
14359
13995
|
.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
|
14360
13996
|
border-right: none;
|
14361
13997
|
border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|