@carbon/ibm-products 2.1.3 → 2.3.0
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +188 -188
- package/css/index-full-carbon.min.css +4 -4
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +144 -144
- 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 +188 -188
- package/css/index-without-carbon.min.css +4 -4
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +172 -172
- package/css/index.min.css +3 -3
- package/css/index.min.css.map +1 -1
- package/es/components/Datagrid/Datagrid/DatagridToolbar.js +22 -8
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +2 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +13 -0
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +4 -20
- package/es/components/Datagrid/index.js +2 -1
- package/es/components/Datagrid/utils/DatagridActions.js +7 -7
- package/es/components/index.js +1 -1
- package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +22 -8
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +8 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js +20 -0
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +4 -20
- package/lib/components/Datagrid/index.js +8 -1
- package/lib/components/Datagrid/utils/DatagridActions.js +46 -46
- package/lib/components/index.js +6 -0
- package/package.json +2 -2
- package/scss/components/AddSelect/_add-select.scss +6 -6
- package/scss/components/CreateFullPage/_create-full-page.scss +3 -3
- package/scss/components/CreateModal/_create-modal.scss +3 -3
- package/scss/components/CreateSidePanel/_create-side-panel.scss +4 -4
- package/scss/components/CreateTearsheet/_create-tearsheet.scss +2 -2
- package/scss/components/CreateTearsheet/_storybook-styles.scss +1 -1
- package/scss/components/CreateTearsheetNarrow/_create-tearsheet-narrow.scss +2 -2
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +5 -5
- package/scss/components/Datagrid/_storybook-styles.scss +2 -2
- package/scss/components/EditSidePanel/_edit-side-panel.scss +2 -2
- package/scss/components/EditTearsheet/_edit-tearsheet.scss +2 -2
- package/scss/components/EditTearsheet/_storybook-styles.scss +1 -1
- package/scss/components/ImportModal/_import-modal.scss +1 -1
- package/scss/components/NotificationsPanel/_notifications-panel.scss +2 -2
- package/scss/components/OptionsTile/_storybook-styles.scss +1 -1
- package/scss/components/PageHeader/_page-header.scss +4 -4
- package/scss/components/Saving/_saving.scss +1 -1
- package/scss/components/SidePanel/_side-panel.scss +3 -3
- package/scss/components/TagSet/_tag-set.scss +1 -1
- package/scss/components/Tearsheet/_tearsheet.scss +2 -2
- package/scss/components/UserProfileImage/_user-profile-image.scss +2 -2
@@ -1773,27 +1773,27 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
1773
1773
|
}
|
1774
1774
|
|
1775
1775
|
.c4p--create-modal__title {
|
1776
|
-
font-size: var(--cds-
|
1777
|
-
font-weight: var(--cds-
|
1778
|
-
line-height: var(--cds-
|
1779
|
-
letter-spacing: var(--cds-
|
1776
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
1777
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
1778
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
1779
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
1780
1780
|
margin-bottom: 0.25rem;
|
1781
1781
|
}
|
1782
1782
|
|
1783
1783
|
.c4p--create-modal__subtitle {
|
1784
|
-
font-size: var(--cds-body-
|
1785
|
-
font-weight: var(--cds-body-
|
1786
|
-
line-height: var(--cds-body-
|
1787
|
-
letter-spacing: var(--cds-body-
|
1784
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
1785
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
1786
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
1787
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
1788
1788
|
margin-bottom: 0.5rem;
|
1789
1789
|
color: var(--cds-text-secondary, #525252);
|
1790
1790
|
}
|
1791
1791
|
|
1792
1792
|
.c4p--create-modal__description {
|
1793
|
-
font-size: var(--cds-body-
|
1794
|
-
font-weight: var(--cds-body-
|
1795
|
-
line-height: var(--cds-body-
|
1796
|
-
letter-spacing: var(--cds-body-
|
1793
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
1794
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
1795
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
1796
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
1797
1797
|
padding-right: calc(20% - 1rem);
|
1798
1798
|
margin: 0.5rem 0 1rem 0;
|
1799
1799
|
}
|
@@ -1896,18 +1896,18 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
1896
1896
|
}
|
1897
1897
|
|
1898
1898
|
.c4p--create-full-page .c4p--create-full-page__step-subtitle {
|
1899
|
-
font-size: var(--cds-
|
1900
|
-
font-weight: var(--cds-
|
1901
|
-
line-height: var(--cds-
|
1902
|
-
letter-spacing: var(--cds-
|
1899
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
1900
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
1901
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
1902
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
1903
1903
|
margin-bottom: 0.5rem;
|
1904
1904
|
}
|
1905
1905
|
|
1906
1906
|
.c4p--create-full-page .c4p--create-full-page__step-description {
|
1907
|
-
font-size: var(--cds-body-
|
1908
|
-
font-weight: var(--cds-body-
|
1909
|
-
line-height: var(--cds-body-
|
1910
|
-
letter-spacing: var(--cds-body-
|
1907
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
1908
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
1909
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
1910
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
1911
1911
|
margin-bottom: 1.5rem;
|
1912
1912
|
}
|
1913
1913
|
|
@@ -1996,10 +1996,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
1996
1996
|
}
|
1997
1997
|
|
1998
1998
|
.c4p--create-full-page .c4p--create-full-page__step-title {
|
1999
|
-
font-size: var(--cds-
|
2000
|
-
font-weight: var(--cds-
|
2001
|
-
line-height: var(--cds-
|
2002
|
-
letter-spacing: var(--cds-
|
1999
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
2000
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
2001
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
2002
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
2003
2003
|
margin-bottom: 1rem;
|
2004
2004
|
}
|
2005
2005
|
|
@@ -2442,10 +2442,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2442
2442
|
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height));
|
2443
2443
|
}
|
2444
2444
|
.c4p--side-panel__container .c4p--side-panel__title-text {
|
2445
|
-
font-size: var(--cds-
|
2446
|
-
font-weight: var(--cds-
|
2447
|
-
line-height: var(--cds-
|
2448
|
-
letter-spacing: var(--cds-
|
2445
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
2446
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
2447
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
2448
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
2449
2449
|
display: -webkit-box;
|
2450
2450
|
overflow: hidden;
|
2451
2451
|
padding-right: 3rem;
|
@@ -2470,10 +2470,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2470
2470
|
white-space: nowrap;
|
2471
2471
|
}
|
2472
2472
|
.c4p--side-panel__container .c4p--side-panel__collapsed-title-text {
|
2473
|
-
font-size: var(--cds-
|
2474
|
-
font-weight: var(--cds-
|
2475
|
-
line-height: var(--cds-
|
2476
|
-
letter-spacing: var(--cds-
|
2473
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
2474
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
2475
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
2476
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
2477
2477
|
display: -webkit-box;
|
2478
2478
|
overflow: hidden;
|
2479
2479
|
padding-right: 3rem;
|
@@ -2485,10 +2485,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2485
2485
|
transform: translateY(var(--c4p--side-panel--collapsed-title-y-position));
|
2486
2486
|
}
|
2487
2487
|
.c4p--side-panel__container .c4p--side-panel__subtitle-text {
|
2488
|
-
font-size: var(--cds-body-
|
2489
|
-
font-weight: var(--cds-body-
|
2490
|
-
line-height: var(--cds-body-
|
2491
|
-
letter-spacing: var(--cds-body-
|
2488
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
2489
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
2490
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
2491
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
2492
2492
|
overflow: hidden;
|
2493
2493
|
padding: 0 3rem 1rem 1rem;
|
2494
2494
|
-webkit-box-orient: vertical;
|
@@ -2763,18 +2763,18 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2763
2763
|
}
|
2764
2764
|
|
2765
2765
|
.c4p--create-side-panel__form-title-text {
|
2766
|
-
font-size: var(--cds-
|
2767
|
-
font-weight: var(--cds-
|
2768
|
-
line-height: var(--cds-
|
2769
|
-
letter-spacing: var(--cds-
|
2766
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
2767
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
2768
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
2769
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
2770
2770
|
padding-bottom: 0.5rem;
|
2771
2771
|
}
|
2772
2772
|
|
2773
2773
|
.c4p--create-side-panel__form-description-text {
|
2774
|
-
font-size: var(--cds-body-
|
2775
|
-
font-weight: var(--cds-body-
|
2776
|
-
line-height: var(--cds-body-
|
2777
|
-
letter-spacing: var(--cds-body-
|
2774
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
2775
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
2776
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
2777
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
2778
2778
|
}
|
2779
2779
|
|
2780
2780
|
.c4p--create-side-panel.c4p--side-panel .cds--btn.c4p--side-panel__close-button {
|
@@ -2782,18 +2782,18 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2782
2782
|
}
|
2783
2783
|
|
2784
2784
|
.c4p--create-side-panel__title {
|
2785
|
-
font-size: var(--cds-
|
2786
|
-
font-weight: var(--cds-
|
2787
|
-
line-height: var(--cds-
|
2788
|
-
letter-spacing: var(--cds-
|
2785
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
2786
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
2787
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
2788
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
2789
2789
|
margin-bottom: 0.25rem;
|
2790
2790
|
}
|
2791
2791
|
|
2792
2792
|
.c4p--create-side-panel__subtitle {
|
2793
|
-
font-size: var(--cds-body-
|
2794
|
-
font-weight: var(--cds-body-
|
2795
|
-
line-height: var(--cds-body-
|
2796
|
-
letter-spacing: var(--cds-body-
|
2793
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
2794
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
2795
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
2796
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
2797
2797
|
margin-bottom: 0.5rem;
|
2798
2798
|
color: var(--cds-text-secondary, #525252);
|
2799
2799
|
}
|
@@ -2908,20 +2908,20 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2908
2908
|
display: none;
|
2909
2909
|
}
|
2910
2910
|
.c4p--tearsheet.c4p--tearsheet--wide .cds--modal-header__heading.c4p--tearsheet__heading {
|
2911
|
-
font-size: var(--cds-
|
2912
|
-
font-weight: var(--cds-
|
2913
|
-
line-height: var(--cds-
|
2914
|
-
letter-spacing: var(--cds-
|
2911
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
2912
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
2913
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
2914
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
2915
2915
|
}
|
2916
2916
|
.c4p--tearsheet .c4p--tearsheet__header-description {
|
2917
2917
|
display: -webkit-box;
|
2918
2918
|
overflow: hidden;
|
2919
2919
|
max-width: 100%;
|
2920
2920
|
margin-top: 1rem;
|
2921
|
-
font-size: var(--cds-body-
|
2922
|
-
font-weight: var(--cds-body-
|
2923
|
-
line-height: var(--cds-body-
|
2924
|
-
letter-spacing: var(--cds-body-
|
2921
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
2922
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
2923
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
2924
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
2925
2925
|
-webkit-box-orient: vertical;
|
2926
2926
|
-webkit-line-clamp: 2;
|
2927
2927
|
word-break: break-word;
|
@@ -3065,18 +3065,18 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3065
3065
|
}
|
3066
3066
|
|
3067
3067
|
.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-title-text {
|
3068
|
-
font-size: var(--cds-
|
3069
|
-
font-weight: var(--cds-
|
3070
|
-
line-height: var(--cds-
|
3071
|
-
letter-spacing: var(--cds-
|
3068
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
3069
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
3070
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
3071
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
3072
3072
|
padding-bottom: 0.5rem;
|
3073
3073
|
}
|
3074
3074
|
|
3075
3075
|
.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-description-text {
|
3076
|
-
font-size: var(--cds-body-
|
3077
|
-
font-weight: var(--cds-body-
|
3078
|
-
line-height: var(--cds-body-
|
3079
|
-
letter-spacing: var(--cds-body-
|
3076
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
3077
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
3078
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
3079
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
3080
3080
|
}
|
3081
3081
|
|
3082
3082
|
@keyframes step-content-entrance {
|
@@ -3165,19 +3165,19 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3165
3165
|
|
3166
3166
|
.c4p--tearsheet-create .c4p--tearsheet-create__section--subtitle,
|
3167
3167
|
.c4p--tearsheet-create .c4p--tearsheet-create__step--subtitle {
|
3168
|
-
font-size: var(--cds-
|
3169
|
-
font-weight: var(--cds-
|
3170
|
-
line-height: var(--cds-
|
3171
|
-
letter-spacing: var(--cds-
|
3168
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
3169
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
3170
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
3171
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
3172
3172
|
margin-bottom: 0.5rem;
|
3173
3173
|
}
|
3174
3174
|
|
3175
3175
|
.c4p--tearsheet-create .c4p--tearsheet-create__section--description,
|
3176
3176
|
.c4p--tearsheet-create .c4p--tearsheet-create__step--description {
|
3177
|
-
font-size: var(--cds-body-
|
3178
|
-
font-weight: var(--cds-body-
|
3179
|
-
line-height: var(--cds-body-
|
3180
|
-
letter-spacing: var(--cds-body-
|
3177
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
3178
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
3179
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
3180
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
3181
3181
|
margin-bottom: 1.5rem;
|
3182
3182
|
}
|
3183
3183
|
|
@@ -3647,10 +3647,10 @@ c4p--card__icon:active {
|
|
3647
3647
|
.c4p--import-modal .c4p--import-modal__file-drop-header,
|
3648
3648
|
.c4p--import-modal .c4p--import-modal__label {
|
3649
3649
|
margin-bottom: 0.5rem;
|
3650
|
-
font-size: var(--cds-
|
3651
|
-
font-weight: var(--cds-
|
3652
|
-
line-height: var(--cds-
|
3653
|
-
letter-spacing: var(--cds-
|
3650
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
3651
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
3652
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
3653
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
3654
3654
|
}
|
3655
3655
|
|
3656
3656
|
.c4p--import-modal__helper-text {
|
@@ -3784,10 +3784,10 @@ c4p--card__icon:active {
|
|
3784
3784
|
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
3785
3785
|
}
|
3786
3786
|
.c4p--add-select__sidebar-header .c4p--add-select__sidebar-title {
|
3787
|
-
font-size: var(--cds-
|
3788
|
-
font-weight: var(--cds-
|
3789
|
-
line-height: var(--cds-
|
3790
|
-
letter-spacing: var(--cds-
|
3787
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
3788
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
3789
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
3790
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
3791
3791
|
}
|
3792
3792
|
|
3793
3793
|
.c4p--add-select__sidebar-title {
|
@@ -3819,10 +3819,10 @@ c4p--card__icon:active {
|
|
3819
3819
|
}
|
3820
3820
|
|
3821
3821
|
.c4p--add-select .c4p--add-select__sidebar-item-body {
|
3822
|
-
font-size: var(--cds-body-
|
3823
|
-
font-weight: var(--cds-body-
|
3824
|
-
line-height: var(--cds-body-
|
3825
|
-
letter-spacing: var(--cds-body-
|
3822
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
3823
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
3824
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
3825
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
3826
3826
|
margin-bottom: 1rem;
|
3827
3827
|
}
|
3828
3828
|
|
@@ -3963,24 +3963,24 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
3963
3963
|
}
|
3964
3964
|
|
3965
3965
|
.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-title {
|
3966
|
-
font-size: var(--cds-
|
3967
|
-
font-weight: var(--cds-
|
3968
|
-
line-height: var(--cds-
|
3969
|
-
letter-spacing: var(--cds-
|
3966
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
3967
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
3968
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
3969
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
3970
3970
|
}
|
3971
3971
|
|
3972
3972
|
.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-entry-title {
|
3973
|
-
font-size: var(--cds-
|
3974
|
-
font-weight: var(--cds-
|
3975
|
-
line-height: var(--cds-
|
3976
|
-
letter-spacing: var(--cds-
|
3973
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
3974
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
3975
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
3976
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
3977
3977
|
}
|
3978
3978
|
|
3979
3979
|
.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-entry-body {
|
3980
|
-
font-size: var(--cds-body-
|
3981
|
-
font-weight: var(--cds-body-
|
3982
|
-
line-height: var(--cds-body-
|
3983
|
-
letter-spacing: var(--cds-body-
|
3980
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
3981
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
3982
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
3983
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
3984
3984
|
}
|
3985
3985
|
|
3986
3986
|
.c4p--add-select__selections .cds--list-box__menu {
|
@@ -4014,10 +4014,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4014
4014
|
}
|
4015
4015
|
|
4016
4016
|
.c4p--add-select .c4p--add-select__items-label {
|
4017
|
-
font-size: var(--cds-
|
4018
|
-
font-weight: var(--cds-
|
4019
|
-
line-height: var(--cds-
|
4020
|
-
letter-spacing: var(--cds-
|
4017
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
4018
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
4019
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
4020
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
4021
4021
|
}
|
4022
4022
|
|
4023
4023
|
.c4p--add-select .cds--modal-container--sm .cds--modal-content p {
|
@@ -4506,10 +4506,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4506
4506
|
color: var(--cds-text-primary, #161616);
|
4507
4507
|
}
|
4508
4508
|
.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__header {
|
4509
|
-
font-size: var(--cds-
|
4510
|
-
font-weight: var(--cds-
|
4511
|
-
line-height: var(--cds-
|
4512
|
-
letter-spacing: var(--cds-
|
4509
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
4510
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
4511
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
4512
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
4513
4513
|
margin: 0;
|
4514
4514
|
}
|
4515
4515
|
.c4p--notifications-panel__container .c4p--notifications-panel__time-section-label {
|
@@ -4678,10 +4678,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4678
4678
|
margin-top: 10rem;
|
4679
4679
|
}
|
4680
4680
|
.c4p--notifications-panel__container .c4p--notifications-panel__main-section-empty.c4p--notifications-panel__main-section .c4p-subtext {
|
4681
|
-
font-size: var(--cds-body-
|
4682
|
-
font-weight: var(--cds-body-
|
4683
|
-
line-height: var(--cds-body-
|
4684
|
-
letter-spacing: var(--cds-body-
|
4681
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
4682
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
4683
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
4684
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
4685
4685
|
}
|
4686
4686
|
.c4p--notifications-panel__container .c4p--notifications-panel__main-section {
|
4687
4687
|
min-height: 498px;
|
@@ -6586,10 +6586,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
6586
6586
|
}
|
6587
6587
|
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item,
|
6588
6588
|
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item .cds--tag {
|
6589
|
-
font-size: var(--cds-body-
|
6590
|
-
font-weight: var(--cds-body-
|
6591
|
-
line-height: var(--cds-body-
|
6592
|
-
letter-spacing: var(--cds-body-
|
6589
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
6590
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
6591
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
6592
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
6593
6593
|
display: block;
|
6594
6594
|
overflow: hidden;
|
6595
6595
|
min-width: initial;
|
@@ -6985,10 +6985,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
6985
6985
|
}
|
6986
6986
|
}
|
6987
6987
|
.c4p--page-header .c4p--page-header__title {
|
6988
|
-
font-size: var(--cds-
|
6989
|
-
font-weight: var(--cds-
|
6990
|
-
line-height: var(--cds-
|
6991
|
-
letter-spacing: var(--cds-
|
6988
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
6989
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
6990
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
6991
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
6992
6992
|
min-height: 2.5rem;
|
6993
6993
|
overflow-x: hidden;
|
6994
6994
|
text-overflow: ellipsis;
|
@@ -7088,16 +7088,16 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7088
7088
|
height: 1rem;
|
7089
7089
|
}
|
7090
7090
|
.c4p--page-header .c4p--page-header__subtitle {
|
7091
|
-
font-size: var(--cds-body-
|
7092
|
-
font-weight: var(--cds-body-
|
7093
|
-
line-height: var(--cds-body-
|
7094
|
-
letter-spacing: var(--cds-body-
|
7091
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
7092
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
7093
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
7094
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
7095
7095
|
}
|
7096
7096
|
.c4p--page-header .c4p--page-header__available-row {
|
7097
|
-
font-size: var(--cds-body-
|
7098
|
-
font-weight: var(--cds-body-
|
7099
|
-
line-height: var(--cds-body-
|
7100
|
-
letter-spacing: var(--cds-body-
|
7097
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
7098
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
7099
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
7100
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
7101
7101
|
margin-top: 0.5rem;
|
7102
7102
|
}
|
7103
7103
|
.c4p--page-header .c4p--page-header__available-row + .c4p--page-header__last-row-buffer--active {
|
@@ -7107,10 +7107,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7107
7107
|
margin-top: 1rem;
|
7108
7108
|
}
|
7109
7109
|
.c4p--page-header .c4p--page-header__available-row * {
|
7110
|
-
font-size: var(--cds-body-
|
7111
|
-
font-weight: var(--cds-body-
|
7112
|
-
line-height: var(--cds-body-
|
7113
|
-
letter-spacing: var(--cds-body-
|
7110
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
7111
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
7112
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
7113
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
7114
7114
|
}
|
7115
7115
|
.c4p--page-header .c4p--page-header__navigation-row {
|
7116
7116
|
flex-wrap: wrap-reverse;
|
@@ -7283,10 +7283,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7283
7283
|
}
|
7284
7284
|
|
7285
7285
|
.c4p--saving__text {
|
7286
|
-
font-size: var(--cds-body-
|
7287
|
-
font-weight: var(--cds-body-
|
7288
|
-
line-height: var(--cds-body-
|
7289
|
-
letter-spacing: var(--cds-body-
|
7286
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
7287
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
7288
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
7289
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
7290
7290
|
}
|
7291
7291
|
|
7292
7292
|
.c4p--saving__buttons {
|
@@ -8047,19 +8047,19 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8047
8047
|
.c4p--user-profile-image--xl {
|
8048
8048
|
width: 4rem;
|
8049
8049
|
height: 4rem;
|
8050
|
-
font-size: var(--cds-
|
8051
|
-
font-weight: var(--cds-
|
8052
|
-
line-height: var(--cds-
|
8053
|
-
letter-spacing: var(--cds-
|
8050
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
8051
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
8052
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
8053
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
8054
8054
|
}
|
8055
8055
|
|
8056
8056
|
.c4p--user-profile-image--lg {
|
8057
8057
|
width: 2rem;
|
8058
8058
|
height: 2rem;
|
8059
|
-
font-size: var(--cds-body-
|
8060
|
-
font-weight: var(--cds-body-
|
8061
|
-
line-height: var(--cds-body-
|
8062
|
-
letter-spacing: var(--cds-body-
|
8059
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
8060
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
8061
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
8062
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
8063
8063
|
}
|
8064
8064
|
|
8065
8065
|
.c4p--user-profile-image--md {
|