@carbon/ibm-products 2.1.0 → 2.1.2
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +215 -57
- 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 +58 -10
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +91 -29
- 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 +113 -27
- 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 +1 -3
- package/es/components/ActionBar/ActionBar.js +2 -6
- package/es/components/AddSelect/AddSelectFormControl.js +6 -6
- package/es/components/AddSelect/AddSelectRow.js +15 -5
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +5 -6
- package/es/components/ButtonMenu/ButtonMenu.js +4 -4
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +3 -9
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +3 -3
- package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -3
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +5 -11
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +17 -17
- package/es/components/Datagrid/useStickyColumn.js +10 -3
- package/es/components/Datagrid/utils/DatagridActions.js +6 -14
- package/es/components/ImportModal/ImportModal.js +13 -6
- package/es/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +2 -17
- package/es/components/PageHeader/PageHeader.js +2 -6
- package/es/components/PageHeader/PageHeaderUtils.js +2 -2
- package/es/components/SidePanel/SidePanel.js +1 -3
- package/es/components/TagSet/TagSet.js +4 -7
- package/es/components/Tearsheet/TearsheetShell.js +4 -5
- package/es/global/js/hooks/useCreateComponentStepChange.js +16 -15
- package/es/global/js/hooks/useResizeObserver.js +14 -28
- package/es/global/js/utils/story-helper.js +1 -1
- package/lib/components/AboutModal/AboutModal.js +1 -3
- package/lib/components/ActionBar/ActionBar.js +2 -6
- package/lib/components/AddSelect/AddSelectFormControl.js +6 -6
- package/lib/components/AddSelect/AddSelectRow.js +15 -5
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +5 -6
- package/lib/components/ButtonMenu/ButtonMenu.js +4 -4
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +3 -9
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +3 -3
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -3
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +4 -10
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +17 -17
- package/lib/components/Datagrid/useStickyColumn.js +10 -3
- package/lib/components/Datagrid/utils/DatagridActions.js +5 -13
- package/lib/components/ImportModal/ImportModal.js +13 -6
- package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +2 -17
- package/lib/components/PageHeader/PageHeader.js +2 -6
- package/lib/components/PageHeader/PageHeaderUtils.js +2 -2
- package/lib/components/SidePanel/SidePanel.js +1 -3
- package/lib/components/TagSet/TagSet.js +4 -7
- package/lib/components/Tearsheet/TearsheetShell.js +4 -5
- package/lib/global/js/hooks/useCreateComponentStepChange.js +16 -15
- package/lib/global/js/hooks/useResizeObserver.js +13 -27
- package/lib/global/js/utils/story-helper.js +1 -1
- package/package.json +17 -17
- package/scss/components/AddSelect/_add-select.scss +4 -0
- package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +0 -1
- package/scss/components/ButtonMenu/_button-menu.scss +32 -1
- package/scss/components/DataSpreadsheet/_storybook-styles.scss +6 -0
- package/scss/components/Datagrid/_datagrid.scss +4 -2
- package/scss/components/Datagrid/_storybook-styles.scss +15 -1
- package/scss/components/Datagrid/styles/_datagrid.scss +12 -13
- package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +7 -0
- package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +4 -0
- package/scss/components/HTTPErrors/_storybook-styles.scss +16 -2
- package/scss/components/NotificationsPanel/_storybook-styles.scss +0 -4
- package/scss/components/PageHeader/_page-header.scss +0 -1
- package/scss/components/PageHeader/_storybook-styles.scss +42 -14
- package/scss/components/SidePanel/_side-panel.scss +0 -2
- package/scss/components/Tearsheet/_tearsheet.scss +7 -6
- package/scss/components/WebTerminal/_storybook-styles.scss +16 -1
- package/scss/global/styles/_display-box.scss +1 -0
@@ -1004,8 +1004,33 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
1004
1004
|
.c4p--button-menu {
|
1005
1005
|
min-width: 160px;
|
1006
1006
|
}
|
1007
|
+
.c4p--button-menu.c4p--button-menu__wrapper--primary, .c4p--button-menu.c4p--button-menu__wrapper--primary.cds--overflow-menu.cds--overflow-menu--open {
|
1008
|
+
background-color: var(--cds-button-primary, #0f62fe);
|
1009
|
+
}
|
1010
|
+
.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--primary:hover {
|
1011
|
+
background-color: var(--cds-button-primary-hover, #0050e6);
|
1012
|
+
}
|
1013
|
+
.c4p--button-menu.c4p--button-menu__wrapper--tertiary, .c4p--button-menu.c4p--button-menu__wrapper--tertiary.cds--overflow-menu.cds--overflow-menu--open {
|
1014
|
+
background-color: var(--cds-button-tertiary, #0f62fe);
|
1015
|
+
}
|
1016
|
+
.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--tertiary:hover {
|
1017
|
+
background-color: var(--cds-button-tertiary-hover, #0050e6);
|
1018
|
+
}
|
1019
|
+
.c4p--button-menu.c4p--button-menu__wrapper--ghost, .c4p--button-menu.c4p--button-menu__wrapper--ghost.cds--overflow-menu.cds--overflow-menu--open {
|
1020
|
+
background-color: transparent;
|
1021
|
+
}
|
1022
|
+
.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--ghost:hover {
|
1023
|
+
background-color: var(--cds-layer-hover);
|
1024
|
+
}
|
1007
1025
|
.c4p--button-menu .c4p--button-menu__trigger {
|
1026
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
1027
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
1028
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
1029
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
1030
|
+
display: flex;
|
1008
1031
|
width: 100%;
|
1032
|
+
align-items: center;
|
1033
|
+
justify-content: space-between;
|
1009
1034
|
padding: 0 1rem;
|
1010
1035
|
}
|
1011
1036
|
|
@@ -2917,7 +2942,6 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2917
2942
|
--c4p--side-panel--collapsed-title-y-position: 1rem;
|
2918
2943
|
--c4p--side-panel--label-text-height: 0;
|
2919
2944
|
position: fixed;
|
2920
|
-
/* stylelint-disable-next-line function-no-unknown */
|
2921
2945
|
z-index: 9000;
|
2922
2946
|
top: 3rem;
|
2923
2947
|
height: calc(100% - 3rem);
|
@@ -3323,7 +3347,6 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3323
3347
|
|
3324
3348
|
.c4p--side-panel__overlay {
|
3325
3349
|
position: fixed;
|
3326
|
-
/* stylelint-disable-next-line function-no-unknown */
|
3327
3350
|
z-index: 6000;
|
3328
3351
|
width: 100%;
|
3329
3352
|
height: 100%;
|
@@ -3463,7 +3486,6 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3463
3486
|
}
|
3464
3487
|
|
3465
3488
|
.c4p--tearsheet.c4p--tearsheet {
|
3466
|
-
/* stylelint-disable-next-line function-no-unknown */
|
3467
3489
|
z-index: 9001;
|
3468
3490
|
align-items: flex-end;
|
3469
3491
|
color: var(--cds-text-primary, #161616);
|
@@ -3472,7 +3494,6 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3472
3494
|
--c4p--tearsheet--stacking-scale-factor-double: 0.9;
|
3473
3495
|
}
|
3474
3496
|
.c4p--tearsheet.is-visible {
|
3475
|
-
/* stylelint-disable-next-line function-no-unknown */
|
3476
3497
|
z-index: 9000;
|
3477
3498
|
align-items: flex-end;
|
3478
3499
|
transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
|
@@ -3483,17 +3504,14 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3483
3504
|
}
|
3484
3505
|
}
|
3485
3506
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
|
3486
|
-
/* stylelint-disable-next-line function-no-unknown */
|
3487
3507
|
z-index: 8999;
|
3488
3508
|
background-color: rgba(22, 22, 22, 0.33);
|
3489
3509
|
}
|
3490
3510
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
|
3491
|
-
/* stylelint-disable-next-line function-no-unknown */
|
3492
3511
|
z-index: 8998;
|
3493
3512
|
background-color: rgba(22, 22, 22, 0.11);
|
3494
3513
|
}
|
3495
3514
|
.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
|
3496
|
-
/* stylelint-disable-next-line function-no-unknown */
|
3497
3515
|
z-index: 8999;
|
3498
3516
|
background-color: rgba(22, 22, 22, 0.25);
|
3499
3517
|
}
|
@@ -3542,11 +3560,13 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3542
3560
|
padding: 1.5rem 2rem;
|
3543
3561
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3544
3562
|
margin: 0;
|
3563
|
+
background-color: var(--cds-layer);
|
3545
3564
|
}
|
3546
3565
|
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
|
3547
3566
|
padding: 1rem;
|
3548
3567
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
3549
3568
|
margin: 0;
|
3569
|
+
background-color: var(--cds-layer);
|
3550
3570
|
}
|
3551
3571
|
.c4p--tearsheet .c4p--tearsheet__header-content {
|
3552
3572
|
display: flex;
|
@@ -3637,10 +3657,13 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3637
3657
|
.c4p--tearsheet .c4p--tearsheet__main {
|
3638
3658
|
display: flex;
|
3639
3659
|
flex-direction: row;
|
3640
|
-
background-color: var(--cds-
|
3660
|
+
background-color: var(--cds-background, #ffffff);
|
3641
3661
|
grid-column: 1/-1;
|
3642
3662
|
grid-row: 1/-1;
|
3643
3663
|
}
|
3664
|
+
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
|
3665
|
+
background-color: var(--cds-layer);
|
3666
|
+
}
|
3644
3667
|
.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
|
3645
3668
|
border-right: none;
|
3646
3669
|
border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
@@ -4262,6 +4285,9 @@ c4p--card__icon:active {
|
|
4262
4285
|
display: flex;
|
4263
4286
|
align-items: center;
|
4264
4287
|
}
|
4288
|
+
.c4p--add-select__selections-form-control-wrapper--radio {
|
4289
|
+
cursor: pointer;
|
4290
|
+
}
|
4265
4291
|
.c4p--add-select__selections-form-control-label-wrapper {
|
4266
4292
|
display: flex;
|
4267
4293
|
margin-left: 1rem;
|
@@ -4741,6 +4767,14 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4741
4767
|
--cds-fluid-spacing-02: 2vw;
|
4742
4768
|
--cds-fluid-spacing-03: 5vw;
|
4743
4769
|
--cds-fluid-spacing-04: 10vw;
|
4770
|
+
--cds-caption-01-font-size: 0.75rem;
|
4771
|
+
--cds-caption-01-font-weight: 400;
|
4772
|
+
--cds-caption-01-line-height: 1.33333;
|
4773
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
4774
|
+
--cds-caption-02-font-size: 0.875rem;
|
4775
|
+
--cds-caption-02-font-weight: 400;
|
4776
|
+
--cds-caption-02-line-height: 1.28572;
|
4777
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
4744
4778
|
--cds-label-01-font-size: 0.75rem;
|
4745
4779
|
--cds-label-01-font-weight: 400;
|
4746
4780
|
--cds-label-01-line-height: 1.33333;
|
@@ -6997,7 +7031,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
6997
7031
|
}
|
6998
7032
|
|
6999
7033
|
.c4p--breadcrumb-with-overflow__overflow-menu-options.c4p--breadcrumb-with-overflow__overflow-menu-options {
|
7000
|
-
/* stylelint-disable-next-line function-no-unknown */
|
7001
7034
|
z-index: 8000;
|
7002
7035
|
}
|
7003
7036
|
|
@@ -7163,7 +7196,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7163
7196
|
justify-content: flex-end;
|
7164
7197
|
}
|
7165
7198
|
|
7166
|
-
/* stylelint-disable-next-line function-no-unknown */
|
7167
7199
|
@keyframes background-appear {
|
7168
7200
|
from {
|
7169
7201
|
/* stylelint-disable-next-line carbon/theme-token-use */
|
@@ -8549,6 +8581,14 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8549
8581
|
--cds-fluid-spacing-02: 2vw;
|
8550
8582
|
--cds-fluid-spacing-03: 5vw;
|
8551
8583
|
--cds-fluid-spacing-04: 10vw;
|
8584
|
+
--cds-caption-01-font-size: 0.75rem;
|
8585
|
+
--cds-caption-01-font-weight: 400;
|
8586
|
+
--cds-caption-01-line-height: 1.33333;
|
8587
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
8588
|
+
--cds-caption-02-font-size: 0.875rem;
|
8589
|
+
--cds-caption-02-font-weight: 400;
|
8590
|
+
--cds-caption-02-line-height: 1.28572;
|
8591
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
8552
8592
|
--cds-label-01-font-size: 0.75rem;
|
8553
8593
|
--cds-label-01-font-weight: 400;
|
8554
8594
|
--cds-label-01-line-height: 1.33333;
|
@@ -8934,6 +8974,14 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8934
8974
|
--cds-fluid-spacing-02: 2vw;
|
8935
8975
|
--cds-fluid-spacing-03: 5vw;
|
8936
8976
|
--cds-fluid-spacing-04: 10vw;
|
8977
|
+
--cds-caption-01-font-size: 0.75rem;
|
8978
|
+
--cds-caption-01-font-weight: 400;
|
8979
|
+
--cds-caption-01-line-height: 1.33333;
|
8980
|
+
--cds-caption-01-letter-spacing: 0.32px;
|
8981
|
+
--cds-caption-02-font-size: 0.875rem;
|
8982
|
+
--cds-caption-02-font-weight: 400;
|
8983
|
+
--cds-caption-02-line-height: 1.28572;
|
8984
|
+
--cds-caption-02-letter-spacing: 0.32px;
|
8937
8985
|
--cds-label-01-font-size: 0.75rem;
|
8938
8986
|
--cds-label-01-font-weight: 400;
|
8939
8987
|
--cds-label-01-line-height: 1.33333;
|
@@ -10058,13 +10106,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10058
10106
|
overscroll-behavior: none;
|
10059
10107
|
}
|
10060
10108
|
|
10061
|
-
/*
|
10062
|
-
* Licensed Materials - Property of IBM
|
10063
|
-
* 5724-Q36
|
10064
|
-
* (c) Copyright IBM Corp. 2020 - 2021
|
10065
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
10066
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
10067
|
-
*/
|
10068
10109
|
.c4p--datagrid__table-toolbar > section {
|
10069
10110
|
z-index: 2;
|
10070
10111
|
overflow: visible;
|
@@ -10536,11 +10577,6 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10536
10577
|
width: 100%;
|
10537
10578
|
}
|
10538
10579
|
|
10539
|
-
.cds--body--with-modal-open .c4p--datagrid__grid-container {
|
10540
|
-
overflow: hidden;
|
10541
|
-
height: 100vh;
|
10542
|
-
}
|
10543
|
-
|
10544
10580
|
.c4p--datagrid .cds--modal {
|
10545
10581
|
width: 100%;
|
10546
10582
|
}
|
@@ -10581,6 +10617,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10581
10617
|
background-color: var(--cds-layer-accent);
|
10582
10618
|
}
|
10583
10619
|
|
10620
|
+
.c4p--datagrid .cds--action-list .cds--btn.c4p--button-menu {
|
10621
|
+
padding: 0;
|
10622
|
+
}
|
10623
|
+
|
10584
10624
|
/*
|
10585
10625
|
* Licensed Materials - Property of IBM
|
10586
10626
|
* 5724-Q36
|
@@ -11011,6 +11051,13 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11011
11051
|
grid-template-columns: 1fr 1fr;
|
11012
11052
|
}
|
11013
11053
|
|
11054
|
+
.c4p--datagrid-filter-flyout__trigger.cds--btn {
|
11055
|
+
display: flex;
|
11056
|
+
width: 3rem;
|
11057
|
+
height: 3rem;
|
11058
|
+
justify-content: center;
|
11059
|
+
}
|
11060
|
+
|
11014
11061
|
.c4p--datagrid-filter-flyout__trigger--open.cds--btn.cds--btn--icon-only {
|
11015
11062
|
position: relative;
|
11016
11063
|
background-color: var(--cds-layer-02, #ffffff);
|
@@ -11134,6 +11181,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
11134
11181
|
}
|
11135
11182
|
|
11136
11183
|
.cds--btn.c4p--datagrid-filter-panel-open-button {
|
11184
|
+
display: flex;
|
11185
|
+
width: 3rem;
|
11186
|
+
height: 3rem;
|
11187
|
+
justify-content: center;
|
11137
11188
|
border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
11138
11189
|
border-bottom: none;
|
11139
11190
|
}
|
@@ -11662,7 +11713,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
|
|
11662
11713
|
.c4p--datagrid__datagridWrap :global(.cds--checkbox) {
|
11663
11714
|
display: none;
|
11664
11715
|
}
|
11665
|
-
.c4p--datagrid__datagridWrap .
|
11716
|
+
.c4p--datagrid__datagridWrap .cds--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
|
11666
11717
|
left: 0.125rem;
|
11667
11718
|
width: 112px;
|
11668
11719
|
}
|
@@ -13689,6 +13740,16 @@ a.cds--side-nav__link--current::before {
|
|
13689
13740
|
color: var(--cds-text-primary, #161616);
|
13690
13741
|
}
|
13691
13742
|
|
13743
|
+
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
|
13744
|
+
background-color: var(--cds-layer-selected-hover);
|
13745
|
+
}
|
13746
|
+
|
13747
|
+
.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
|
13748
|
+
.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
|
13749
|
+
width: 3px;
|
13750
|
+
height: calc(100% + 4px);
|
13751
|
+
}
|
13752
|
+
|
13692
13753
|
.cds--side-nav .cds--header__menu a.cds--header__menu-item {
|
13693
13754
|
height: inherit;
|
13694
13755
|
}
|
@@ -13777,7 +13838,6 @@ a.cds--side-nav__link--current::before {
|
|
13777
13838
|
}
|
13778
13839
|
|
13779
13840
|
.c4p--tearsheet.c4p--tearsheet {
|
13780
|
-
/* stylelint-disable-next-line function-no-unknown */
|
13781
13841
|
z-index: 9001;
|
13782
13842
|
align-items: flex-end;
|
13783
13843
|
color: var(--cds-text-primary, #161616);
|
@@ -13787,7 +13847,6 @@ a.cds--side-nav__link--current::before {
|
|
13787
13847
|
}
|
13788
13848
|
|
13789
13849
|
.c4p--tearsheet.is-visible {
|
13790
|
-
/* stylelint-disable-next-line function-no-unknown */
|
13791
13850
|
z-index: 9000;
|
13792
13851
|
align-items: flex-end;
|
13793
13852
|
transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
|
@@ -13799,19 +13858,16 @@ a.cds--side-nav__link--current::before {
|
|
13799
13858
|
}
|
13800
13859
|
}
|
13801
13860
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
|
13802
|
-
/* stylelint-disable-next-line function-no-unknown */
|
13803
13861
|
z-index: 8999;
|
13804
13862
|
background-color: rgba(22, 22, 22, 0.33);
|
13805
13863
|
}
|
13806
13864
|
|
13807
13865
|
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
|
13808
|
-
/* stylelint-disable-next-line function-no-unknown */
|
13809
13866
|
z-index: 8998;
|
13810
13867
|
background-color: rgba(22, 22, 22, 0.11);
|
13811
13868
|
}
|
13812
13869
|
|
13813
13870
|
.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
|
13814
|
-
/* stylelint-disable-next-line function-no-unknown */
|
13815
13871
|
z-index: 8999;
|
13816
13872
|
background-color: rgba(22, 22, 22, 0.25);
|
13817
13873
|
}
|
@@ -13872,12 +13928,14 @@ a.cds--side-nav__link--current::before {
|
|
13872
13928
|
padding: 1.5rem 2rem;
|
13873
13929
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
13874
13930
|
margin: 0;
|
13931
|
+
background-color: var(--cds-layer);
|
13875
13932
|
}
|
13876
13933
|
|
13877
13934
|
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
|
13878
13935
|
padding: 1rem;
|
13879
13936
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
13880
13937
|
margin: 0;
|
13938
|
+
background-color: var(--cds-layer);
|
13881
13939
|
}
|
13882
13940
|
|
13883
13941
|
.c4p--tearsheet .c4p--tearsheet__header-content {
|
@@ -13988,11 +14046,15 @@ a.cds--side-nav__link--current::before {
|
|
13988
14046
|
.c4p--tearsheet .c4p--tearsheet__main {
|
13989
14047
|
display: flex;
|
13990
14048
|
flex-direction: row;
|
13991
|
-
background-color: var(--cds-
|
14049
|
+
background-color: var(--cds-background, #ffffff);
|
13992
14050
|
grid-column: 1/-1;
|
13993
14051
|
grid-row: 1/-1;
|
13994
14052
|
}
|
13995
14053
|
|
14054
|
+
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
|
14055
|
+
background-color: var(--cds-layer);
|
14056
|
+
}
|
14057
|
+
|
13996
14058
|
.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
|
13997
14059
|
border-right: none;
|
13998
14060
|
border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
@@ -27241,7 +27303,8 @@ optgroup.cds--select-optgroup:disabled,
|
|
27241
27303
|
border-color: var(--cds-support-warning, #f1c21b);
|
27242
27304
|
}
|
27243
27305
|
|
27244
|
-
.cds--inline-notification--warning .cds--inline-notification__icon path[opacity="0"]
|
27306
|
+
.cds--inline-notification--warning .cds--inline-notification__icon path[opacity="0"],
|
27307
|
+
.cds--inline-notification--warning-alt .cds--inline-notification__icon path:first-of-type {
|
27245
27308
|
fill: #000000;
|
27246
27309
|
opacity: 1;
|
27247
27310
|
}
|
@@ -27555,7 +27618,8 @@ optgroup.cds--select-optgroup:disabled,
|
|
27555
27618
|
fill: var(--cds-support-warning, #f1c21b);
|
27556
27619
|
}
|
27557
27620
|
|
27558
|
-
.cds--toast-notification--warning .cds--toast-notification__icon path[opacity="0"]
|
27621
|
+
.cds--toast-notification--warning .cds--toast-notification__icon path[opacity="0"],
|
27622
|
+
.cds--toast-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
|
27559
27623
|
fill: #000000;
|
27560
27624
|
opacity: 1;
|
27561
27625
|
}
|
@@ -27880,7 +27944,8 @@ optgroup.cds--select-optgroup:disabled,
|
|
27880
27944
|
border-color: var(--cds-support-warning, #f1c21b);
|
27881
27945
|
}
|
27882
27946
|
|
27883
|
-
.cds--actionable-notification--warning .cds--toast-notification__icon path[opacity="0"]
|
27947
|
+
.cds--actionable-notification--warning .cds--toast-notification__icon path[opacity="0"],
|
27948
|
+
.cds--actionable-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
|
27884
27949
|
fill: #000000;
|
27885
27950
|
opacity: 1;
|
27886
27951
|
}
|
@@ -29229,7 +29294,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29229
29294
|
pointer-events: auto;
|
29230
29295
|
}
|
29231
29296
|
|
29232
|
-
.cds--popover--open .cds--popover-content {
|
29297
|
+
.cds--popover--open > .cds--popover > .cds--popover-content {
|
29233
29298
|
display: block;
|
29234
29299
|
}
|
29235
29300
|
|
@@ -29239,7 +29304,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29239
29304
|
content: "";
|
29240
29305
|
}
|
29241
29306
|
|
29242
|
-
.cds--popover--open .cds--popover-content::before {
|
29307
|
+
.cds--popover--open > .cds--popover > .cds--popover-content::before {
|
29243
29308
|
display: block;
|
29244
29309
|
}
|
29245
29310
|
|
@@ -29251,10 +29316,14 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
29251
29316
|
will-change: transform;
|
29252
29317
|
}
|
29253
29318
|
|
29254
|
-
.cds--popover--open.cds--popover
|
29319
|
+
.cds--popover--open > .cds--popover > .cds--popover-caret {
|
29255
29320
|
display: block;
|
29256
29321
|
}
|
29257
29322
|
|
29323
|
+
.cds--popover--tab-tip .cds--popover .cds--popover-caret {
|
29324
|
+
display: none;
|
29325
|
+
}
|
29326
|
+
|
29258
29327
|
.cds--popover--bottom .cds--popover-content {
|
29259
29328
|
bottom: 0;
|
29260
29329
|
left: 50%;
|
@@ -31164,11 +31233,42 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31164
31233
|
.cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {
|
31165
31234
|
transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
|
31166
31235
|
}
|
31236
|
+
.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 {
|
31237
|
+
padding: 1rem;
|
31238
|
+
margin-top: -0.5rem;
|
31239
|
+
margin-right: -1rem;
|
31240
|
+
margin-left: -1rem;
|
31241
|
+
}
|
31242
|
+
.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 {
|
31243
|
+
background-color: inherit;
|
31244
|
+
}
|
31245
|
+
.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 {
|
31246
|
+
width: 24px;
|
31247
|
+
height: 24px;
|
31248
|
+
padding: 0.25rem;
|
31249
|
+
margin: -0.25rem;
|
31250
|
+
}
|
31251
|
+
.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 {
|
31252
|
+
background-color: var(--cds-layer-accent-hover);
|
31253
|
+
}
|
31254
|
+
.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 {
|
31255
|
+
background-color: var(--cds-layer-hover);
|
31256
|
+
}
|
31257
|
+
.cds--tabs .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover {
|
31258
|
+
background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
|
31259
|
+
}
|
31167
31260
|
.cds--tabs .cds--tabs__nav-item--icon {
|
31168
31261
|
display: flex;
|
31169
31262
|
align-items: center;
|
31170
31263
|
padding-left: 0.5rem;
|
31171
31264
|
}
|
31265
|
+
.cds--tabs .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon {
|
31266
|
+
padding: 0.25rem;
|
31267
|
+
margin: -0.25rem;
|
31268
|
+
cursor: pointer;
|
31269
|
+
line-height: 0;
|
31270
|
+
pointer-events: auto;
|
31271
|
+
}
|
31172
31272
|
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
|
31173
31273
|
padding-left: 1rem;
|
31174
31274
|
}
|
@@ -31259,7 +31359,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31259
31359
|
border-bottom: 2px solid var(--cds-border-strong);
|
31260
31360
|
color: var(--cds-text-primary, #161616);
|
31261
31361
|
}
|
31262
|
-
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled):hover {
|
31362
|
+
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover {
|
31263
31363
|
background-color: var(--cds-layer-accent-hover);
|
31264
31364
|
color: var(--cds-text-primary, #161616);
|
31265
31365
|
}
|
@@ -31676,6 +31776,26 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31676
31776
|
padding: 1rem;
|
31677
31777
|
background-color: var(--cds-layer);
|
31678
31778
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
31779
|
+
cursor: not-allowed;
|
31780
|
+
}
|
31781
|
+
|
31782
|
+
.cds--tile--clickable .cds--tile--icon,
|
31783
|
+
.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
|
31784
|
+
position: absolute;
|
31785
|
+
right: 1rem;
|
31786
|
+
bottom: 1rem;
|
31787
|
+
}
|
31788
|
+
|
31789
|
+
.cds--tile--clickable .cds--tile--icon {
|
31790
|
+
fill: var(--cds-icon-interactive, #0f62fe);
|
31791
|
+
}
|
31792
|
+
|
31793
|
+
.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
|
31794
|
+
fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
31795
|
+
}
|
31796
|
+
|
31797
|
+
.cds--tile--clickable.cds--link--disabled .cds--tile--icon {
|
31798
|
+
display: none;
|
31679
31799
|
}
|
31680
31800
|
|
31681
31801
|
.cds--tile--selectable {
|
@@ -31907,7 +32027,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
31907
32027
|
}
|
31908
32028
|
|
31909
32029
|
.cds--tile--disabled.cds--tile--is-selected {
|
31910
|
-
border-color: var(--cds-
|
32030
|
+
border-color: var(--cds-border-disabled, #c6c6c6);
|
31911
32031
|
}
|
31912
32032
|
|
31913
32033
|
.cds--tile--disabled .cds--tile__checkmark svg {
|
@@ -32693,12 +32813,11 @@ a.cds--header__menu-item[aria-current=page],
|
|
32693
32813
|
a.cds--header__menu-item[aria-current=page]::after,
|
32694
32814
|
.cds--header__menu-item--current::after {
|
32695
32815
|
position: absolute;
|
32696
|
-
top: 0;
|
32697
|
-
right: 0;
|
32698
32816
|
bottom: -2px;
|
32699
|
-
left:
|
32700
|
-
width: 100
|
32701
|
-
|
32817
|
+
left: -2px;
|
32818
|
+
width: calc(100% + 4px);
|
32819
|
+
height: 3px;
|
32820
|
+
background-color: var(--cds-border-interactive, #0f62fe);
|
32702
32821
|
content: "";
|
32703
32822
|
}
|
32704
32823
|
|
@@ -32709,15 +32828,19 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
|
|
32709
32828
|
|
32710
32829
|
.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
|
32711
32830
|
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
|
32712
|
-
|
32831
|
+
top: -2px;
|
32713
32832
|
left: -2px;
|
32714
|
-
|
32715
|
-
|
32833
|
+
width: 3px;
|
32834
|
+
height: calc(100% + 4px);
|
32835
|
+
background-color: var(--cds-border-interactive, #0f62fe);
|
32716
32836
|
}
|
32717
32837
|
.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
|
32718
32838
|
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
|
32719
|
-
|
32720
|
-
|
32839
|
+
top: -2px;
|
32840
|
+
left: -2px;
|
32841
|
+
width: 5px;
|
32842
|
+
height: calc(100% + 4px);
|
32843
|
+
background-color: var(--cds-border-interactive, #0f62fe);
|
32721
32844
|
}
|
32722
32845
|
|
32723
32846
|
a.cds--header__menu-item[aria-current=page]:focus,
|
@@ -32777,6 +32900,13 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
|
|
32777
32900
|
color: var(--cds-text-primary, #161616);
|
32778
32901
|
}
|
32779
32902
|
|
32903
|
+
.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
|
32904
|
+
background-color: var(--cds-layer-selected);
|
32905
|
+
}
|
32906
|
+
.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
|
32907
|
+
background-color: var(--cds-layer-selected-hover);
|
32908
|
+
}
|
32909
|
+
|
32780
32910
|
.cds--header__menu .cds--header__menu-item {
|
32781
32911
|
height: 3rem;
|
32782
32912
|
}
|
@@ -33276,6 +33406,15 @@ a.cds--side-nav__link--current::before {
|
|
33276
33406
|
background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
|
33277
33407
|
color: var(--cds-text-primary, #161616);
|
33278
33408
|
}
|
33409
|
+
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
|
33410
|
+
background-color: var(--cds-layer-selected-hover);
|
33411
|
+
}
|
33412
|
+
|
33413
|
+
.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
|
33414
|
+
.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
|
33415
|
+
width: 3px;
|
33416
|
+
height: calc(100% + 4px);
|
33417
|
+
}
|
33279
33418
|
|
33280
33419
|
.cds--side-nav .cds--header__menu a.cds--header__menu-item {
|
33281
33420
|
height: inherit;
|
@@ -33606,12 +33745,11 @@ a.cds--header__menu-item[aria-current=page],
|
|
33606
33745
|
a.cds--header__menu-item[aria-current=page]::after,
|
33607
33746
|
.cds--header__menu-item--current::after {
|
33608
33747
|
position: absolute;
|
33609
|
-
top: 0;
|
33610
|
-
right: 0;
|
33611
33748
|
bottom: -2px;
|
33612
|
-
left:
|
33613
|
-
width: 100
|
33614
|
-
|
33749
|
+
left: -2px;
|
33750
|
+
width: calc(100% + 4px);
|
33751
|
+
height: 3px;
|
33752
|
+
background-color: var(--cds-border-interactive, #0f62fe);
|
33615
33753
|
content: "";
|
33616
33754
|
}
|
33617
33755
|
|
@@ -33622,15 +33760,19 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
|
|
33622
33760
|
|
33623
33761
|
.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
|
33624
33762
|
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
|
33625
|
-
|
33763
|
+
top: -2px;
|
33626
33764
|
left: -2px;
|
33627
|
-
|
33628
|
-
|
33765
|
+
width: 3px;
|
33766
|
+
height: calc(100% + 4px);
|
33767
|
+
background-color: var(--cds-border-interactive, #0f62fe);
|
33629
33768
|
}
|
33630
33769
|
.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
|
33631
33770
|
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
|
33632
|
-
|
33633
|
-
|
33771
|
+
top: -2px;
|
33772
|
+
left: -2px;
|
33773
|
+
width: 5px;
|
33774
|
+
height: calc(100% + 4px);
|
33775
|
+
background-color: var(--cds-border-interactive, #0f62fe);
|
33634
33776
|
}
|
33635
33777
|
|
33636
33778
|
a.cds--header__menu-item[aria-current=page]:focus,
|
@@ -33690,6 +33832,13 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
|
|
33690
33832
|
color: var(--cds-text-primary, #161616);
|
33691
33833
|
}
|
33692
33834
|
|
33835
|
+
.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
|
33836
|
+
background-color: var(--cds-layer-selected);
|
33837
|
+
}
|
33838
|
+
.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
|
33839
|
+
background-color: var(--cds-layer-selected-hover);
|
33840
|
+
}
|
33841
|
+
|
33693
33842
|
.cds--header__menu .cds--header__menu-item {
|
33694
33843
|
height: 3rem;
|
33695
33844
|
}
|
@@ -34189,6 +34338,15 @@ a.cds--side-nav__link--current::before {
|
|
34189
34338
|
background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
|
34190
34339
|
color: var(--cds-text-primary, #161616);
|
34191
34340
|
}
|
34341
|
+
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
|
34342
|
+
background-color: var(--cds-layer-selected-hover);
|
34343
|
+
}
|
34344
|
+
|
34345
|
+
.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
|
34346
|
+
.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
|
34347
|
+
width: 3px;
|
34348
|
+
height: calc(100% + 4px);
|
34349
|
+
}
|
34192
34350
|
|
34193
34351
|
.cds--side-nav .cds--header__menu a.cds--header__menu-item {
|
34194
34352
|
height: inherit;
|