@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
@@ -2724,18 +2724,18 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2724
2724
|
}
|
2725
2725
|
|
2726
2726
|
.c4p--create-full-page .c4p--create-full-page__step-subtitle {
|
2727
|
-
font-size: var(--cds-
|
2728
|
-
font-weight: var(--cds-
|
2729
|
-
line-height: var(--cds-
|
2730
|
-
letter-spacing: var(--cds-
|
2727
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
2728
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
2729
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
2730
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
2731
2731
|
margin-bottom: 0.5rem;
|
2732
2732
|
}
|
2733
2733
|
|
2734
2734
|
.c4p--create-full-page .c4p--create-full-page__step-description {
|
2735
|
-
font-size: var(--cds-body-
|
2736
|
-
font-weight: var(--cds-body-
|
2737
|
-
line-height: var(--cds-body-
|
2738
|
-
letter-spacing: var(--cds-body-
|
2735
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
2736
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
2737
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
2738
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
2739
2739
|
margin-bottom: 1.5rem;
|
2740
2740
|
}
|
2741
2741
|
|
@@ -2824,10 +2824,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2824
2824
|
}
|
2825
2825
|
|
2826
2826
|
.c4p--create-full-page .c4p--create-full-page__step-title {
|
2827
|
-
font-size: var(--cds-
|
2828
|
-
font-weight: var(--cds-
|
2829
|
-
line-height: var(--cds-
|
2830
|
-
letter-spacing: var(--cds-
|
2827
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
2828
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
2829
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
2830
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
2831
2831
|
margin-bottom: 1rem;
|
2832
2832
|
}
|
2833
2833
|
|
@@ -2885,27 +2885,27 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
2885
2885
|
}
|
2886
2886
|
|
2887
2887
|
.c4p--create-modal__title {
|
2888
|
-
font-size: var(--cds-
|
2889
|
-
font-weight: var(--cds-
|
2890
|
-
line-height: var(--cds-
|
2891
|
-
letter-spacing: var(--cds-
|
2888
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
2889
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
2890
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
2891
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
2892
2892
|
margin-bottom: 0.25rem;
|
2893
2893
|
}
|
2894
2894
|
|
2895
2895
|
.c4p--create-modal__subtitle {
|
2896
|
-
font-size: var(--cds-body-
|
2897
|
-
font-weight: var(--cds-body-
|
2898
|
-
line-height: var(--cds-body-
|
2899
|
-
letter-spacing: var(--cds-body-
|
2896
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
2897
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
2898
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
2899
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
2900
2900
|
margin-bottom: 0.5rem;
|
2901
2901
|
color: var(--cds-text-secondary, #525252);
|
2902
2902
|
}
|
2903
2903
|
|
2904
2904
|
.c4p--create-modal__description {
|
2905
|
-
font-size: var(--cds-body-
|
2906
|
-
font-weight: var(--cds-body-
|
2907
|
-
line-height: var(--cds-body-
|
2908
|
-
letter-spacing: var(--cds-body-
|
2905
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
2906
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
2907
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
2908
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
2909
2909
|
padding-right: calc(20% - 1rem);
|
2910
2910
|
margin: 0.5rem 0 1rem 0;
|
2911
2911
|
}
|
@@ -3264,10 +3264,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3264
3264
|
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height));
|
3265
3265
|
}
|
3266
3266
|
.c4p--side-panel__container .c4p--side-panel__title-text {
|
3267
|
-
font-size: var(--cds-
|
3268
|
-
font-weight: var(--cds-
|
3269
|
-
line-height: var(--cds-
|
3270
|
-
letter-spacing: var(--cds-
|
3267
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
3268
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
3269
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
3270
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
3271
3271
|
display: -webkit-box;
|
3272
3272
|
overflow: hidden;
|
3273
3273
|
padding-right: 3rem;
|
@@ -3292,10 +3292,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3292
3292
|
white-space: nowrap;
|
3293
3293
|
}
|
3294
3294
|
.c4p--side-panel__container .c4p--side-panel__collapsed-title-text {
|
3295
|
-
font-size: var(--cds-
|
3296
|
-
font-weight: var(--cds-
|
3297
|
-
line-height: var(--cds-
|
3298
|
-
letter-spacing: var(--cds-
|
3295
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
3296
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
3297
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
3298
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
3299
3299
|
display: -webkit-box;
|
3300
3300
|
overflow: hidden;
|
3301
3301
|
padding-right: 3rem;
|
@@ -3307,10 +3307,10 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3307
3307
|
transform: translateY(var(--c4p--side-panel--collapsed-title-y-position));
|
3308
3308
|
}
|
3309
3309
|
.c4p--side-panel__container .c4p--side-panel__subtitle-text {
|
3310
|
-
font-size: var(--cds-body-
|
3311
|
-
font-weight: var(--cds-body-
|
3312
|
-
line-height: var(--cds-body-
|
3313
|
-
letter-spacing: var(--cds-body-
|
3310
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
3311
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
3312
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
3313
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
3314
3314
|
overflow: hidden;
|
3315
3315
|
padding: 0 3rem 1rem 1rem;
|
3316
3316
|
-webkit-box-orient: vertical;
|
@@ -3585,18 +3585,18 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3585
3585
|
}
|
3586
3586
|
|
3587
3587
|
.c4p--create-side-panel__form-title-text {
|
3588
|
-
font-size: var(--cds-
|
3589
|
-
font-weight: var(--cds-
|
3590
|
-
line-height: var(--cds-
|
3591
|
-
letter-spacing: var(--cds-
|
3588
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
3589
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
3590
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
3591
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
3592
3592
|
padding-bottom: 0.5rem;
|
3593
3593
|
}
|
3594
3594
|
|
3595
3595
|
.c4p--create-side-panel__form-description-text {
|
3596
|
-
font-size: var(--cds-body-
|
3597
|
-
font-weight: var(--cds-body-
|
3598
|
-
line-height: var(--cds-body-
|
3599
|
-
letter-spacing: var(--cds-body-
|
3596
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
3597
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
3598
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
3599
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
3600
3600
|
}
|
3601
3601
|
|
3602
3602
|
.c4p--create-side-panel.c4p--side-panel .cds--btn.c4p--side-panel__close-button {
|
@@ -3604,18 +3604,18 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3604
3604
|
}
|
3605
3605
|
|
3606
3606
|
.c4p--create-side-panel__title {
|
3607
|
-
font-size: var(--cds-
|
3608
|
-
font-weight: var(--cds-
|
3609
|
-
line-height: var(--cds-
|
3610
|
-
letter-spacing: var(--cds-
|
3607
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
3608
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
3609
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
3610
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
3611
3611
|
margin-bottom: 0.25rem;
|
3612
3612
|
}
|
3613
3613
|
|
3614
3614
|
.c4p--create-side-panel__subtitle {
|
3615
|
-
font-size: var(--cds-body-
|
3616
|
-
font-weight: var(--cds-body-
|
3617
|
-
line-height: var(--cds-body-
|
3618
|
-
letter-spacing: var(--cds-body-
|
3615
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
3616
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
3617
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
3618
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
3619
3619
|
margin-bottom: 0.5rem;
|
3620
3620
|
color: var(--cds-text-secondary, #525252);
|
3621
3621
|
}
|
@@ -3730,20 +3730,20 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3730
3730
|
display: none;
|
3731
3731
|
}
|
3732
3732
|
.c4p--tearsheet.c4p--tearsheet--wide .cds--modal-header__heading.c4p--tearsheet__heading {
|
3733
|
-
font-size: var(--cds-
|
3734
|
-
font-weight: var(--cds-
|
3735
|
-
line-height: var(--cds-
|
3736
|
-
letter-spacing: var(--cds-
|
3733
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
3734
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
3735
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
3736
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
3737
3737
|
}
|
3738
3738
|
.c4p--tearsheet .c4p--tearsheet__header-description {
|
3739
3739
|
display: -webkit-box;
|
3740
3740
|
overflow: hidden;
|
3741
3741
|
max-width: 100%;
|
3742
3742
|
margin-top: 1rem;
|
3743
|
-
font-size: var(--cds-body-
|
3744
|
-
font-weight: var(--cds-body-
|
3745
|
-
line-height: var(--cds-body-
|
3746
|
-
letter-spacing: var(--cds-body-
|
3743
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
3744
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
3745
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
3746
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
3747
3747
|
-webkit-box-orient: vertical;
|
3748
3748
|
-webkit-line-clamp: 2;
|
3749
3749
|
word-break: break-word;
|
@@ -3941,19 +3941,19 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3941
3941
|
|
3942
3942
|
.c4p--tearsheet-create .c4p--tearsheet-create__section--subtitle,
|
3943
3943
|
.c4p--tearsheet-create .c4p--tearsheet-create__step--subtitle {
|
3944
|
-
font-size: var(--cds-
|
3945
|
-
font-weight: var(--cds-
|
3946
|
-
line-height: var(--cds-
|
3947
|
-
letter-spacing: var(--cds-
|
3944
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
3945
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
3946
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
3947
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
3948
3948
|
margin-bottom: 0.5rem;
|
3949
3949
|
}
|
3950
3950
|
|
3951
3951
|
.c4p--tearsheet-create .c4p--tearsheet-create__section--description,
|
3952
3952
|
.c4p--tearsheet-create .c4p--tearsheet-create__step--description {
|
3953
|
-
font-size: var(--cds-body-
|
3954
|
-
font-weight: var(--cds-body-
|
3955
|
-
line-height: var(--cds-body-
|
3956
|
-
letter-spacing: var(--cds-body-
|
3953
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
3954
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
3955
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
3956
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
3957
3957
|
margin-bottom: 1.5rem;
|
3958
3958
|
}
|
3959
3959
|
|
@@ -3997,18 +3997,18 @@ p.c4p--about-modal__copyright-text:first-child {
|
|
3997
3997
|
}
|
3998
3998
|
|
3999
3999
|
.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-title-text {
|
4000
|
-
font-size: var(--cds-
|
4001
|
-
font-weight: var(--cds-
|
4002
|
-
line-height: var(--cds-
|
4003
|
-
letter-spacing: var(--cds-
|
4000
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
4001
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
4002
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
4003
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
4004
4004
|
padding-bottom: 0.5rem;
|
4005
4005
|
}
|
4006
4006
|
|
4007
4007
|
.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-description-text {
|
4008
|
-
font-size: var(--cds-body-
|
4009
|
-
font-weight: var(--cds-body-
|
4010
|
-
line-height: var(--cds-body-
|
4011
|
-
letter-spacing: var(--cds-body-
|
4008
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
4009
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
4010
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
4011
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
4012
4012
|
}
|
4013
4013
|
|
4014
4014
|
.c4p--empty-state {
|
@@ -4345,10 +4345,10 @@ c4p--card__icon:active {
|
|
4345
4345
|
.c4p--import-modal .c4p--import-modal__file-drop-header,
|
4346
4346
|
.c4p--import-modal .c4p--import-modal__label {
|
4347
4347
|
margin-bottom: 0.5rem;
|
4348
|
-
font-size: var(--cds-
|
4349
|
-
font-weight: var(--cds-
|
4350
|
-
line-height: var(--cds-
|
4351
|
-
letter-spacing: var(--cds-
|
4348
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
4349
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
4350
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
4351
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
4352
4352
|
}
|
4353
4353
|
|
4354
4354
|
.c4p--import-modal__helper-text {
|
@@ -4482,10 +4482,10 @@ c4p--card__icon:active {
|
|
4482
4482
|
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
4483
4483
|
}
|
4484
4484
|
.c4p--add-select__sidebar-header .c4p--add-select__sidebar-title {
|
4485
|
-
font-size: var(--cds-
|
4486
|
-
font-weight: var(--cds-
|
4487
|
-
line-height: var(--cds-
|
4488
|
-
letter-spacing: var(--cds-
|
4485
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
4486
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
4487
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
4488
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
4489
4489
|
}
|
4490
4490
|
|
4491
4491
|
.c4p--add-select__sidebar-title {
|
@@ -4517,10 +4517,10 @@ c4p--card__icon:active {
|
|
4517
4517
|
}
|
4518
4518
|
|
4519
4519
|
.c4p--add-select .c4p--add-select__sidebar-item-body {
|
4520
|
-
font-size: var(--cds-body-
|
4521
|
-
font-weight: var(--cds-body-
|
4522
|
-
line-height: var(--cds-body-
|
4523
|
-
letter-spacing: var(--cds-body-
|
4520
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
4521
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
4522
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
4523
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
4524
4524
|
margin-bottom: 1rem;
|
4525
4525
|
}
|
4526
4526
|
|
@@ -4661,24 +4661,24 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4661
4661
|
}
|
4662
4662
|
|
4663
4663
|
.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-title {
|
4664
|
-
font-size: var(--cds-
|
4665
|
-
font-weight: var(--cds-
|
4666
|
-
line-height: var(--cds-
|
4667
|
-
letter-spacing: var(--cds-
|
4664
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
4665
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
4666
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
4667
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
4668
4668
|
}
|
4669
4669
|
|
4670
4670
|
.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-entry-title {
|
4671
|
-
font-size: var(--cds-
|
4672
|
-
font-weight: var(--cds-
|
4673
|
-
line-height: var(--cds-
|
4674
|
-
letter-spacing: var(--cds-
|
4671
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
4672
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
4673
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
4674
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
4675
4675
|
}
|
4676
4676
|
|
4677
4677
|
.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-entry-body {
|
4678
|
-
font-size: var(--cds-body-
|
4679
|
-
font-weight: var(--cds-body-
|
4680
|
-
line-height: var(--cds-body-
|
4681
|
-
letter-spacing: var(--cds-body-
|
4678
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
4679
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
4680
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
4681
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
4682
4682
|
}
|
4683
4683
|
|
4684
4684
|
.c4p--add-select__selections .cds--list-box__menu {
|
@@ -4712,10 +4712,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
4712
4712
|
}
|
4713
4713
|
|
4714
4714
|
.c4p--add-select .c4p--add-select__items-label {
|
4715
|
-
font-size: var(--cds-
|
4716
|
-
font-weight: var(--cds-
|
4717
|
-
line-height: var(--cds-
|
4718
|
-
letter-spacing: var(--cds-
|
4715
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
4716
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
4717
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
4718
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
4719
4719
|
}
|
4720
4720
|
|
4721
4721
|
.c4p--add-select .cds--modal-container--sm .cds--modal-content p {
|
@@ -5204,10 +5204,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5204
5204
|
color: var(--cds-text-primary, #161616);
|
5205
5205
|
}
|
5206
5206
|
.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__header {
|
5207
|
-
font-size: var(--cds-
|
5208
|
-
font-weight: var(--cds-
|
5209
|
-
line-height: var(--cds-
|
5210
|
-
letter-spacing: var(--cds-
|
5207
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
5208
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
5209
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
5210
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
5211
5211
|
margin: 0;
|
5212
5212
|
}
|
5213
5213
|
.c4p--notifications-panel__container .c4p--notifications-panel__time-section-label {
|
@@ -5376,10 +5376,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
5376
5376
|
margin-top: 10rem;
|
5377
5377
|
}
|
5378
5378
|
.c4p--notifications-panel__container .c4p--notifications-panel__main-section-empty.c4p--notifications-panel__main-section .c4p-subtext {
|
5379
|
-
font-size: var(--cds-body-
|
5380
|
-
font-weight: var(--cds-body-
|
5381
|
-
line-height: var(--cds-body-
|
5382
|
-
letter-spacing: var(--cds-body-
|
5379
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
5380
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
5381
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
5382
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
5383
5383
|
}
|
5384
5384
|
.c4p--notifications-panel__container .c4p--notifications-panel__main-section {
|
5385
5385
|
min-height: 498px;
|
@@ -7284,10 +7284,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7284
7284
|
}
|
7285
7285
|
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item,
|
7286
7286
|
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item .cds--tag {
|
7287
|
-
font-size: var(--cds-body-
|
7288
|
-
font-weight: var(--cds-body-
|
7289
|
-
line-height: var(--cds-body-
|
7290
|
-
letter-spacing: var(--cds-body-
|
7287
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
7288
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
7289
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
7290
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
7291
7291
|
display: block;
|
7292
7292
|
overflow: hidden;
|
7293
7293
|
min-width: initial;
|
@@ -7646,10 +7646,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7646
7646
|
}
|
7647
7647
|
}
|
7648
7648
|
.c4p--page-header .c4p--page-header__title {
|
7649
|
-
font-size: var(--cds-
|
7650
|
-
font-weight: var(--cds-
|
7651
|
-
line-height: var(--cds-
|
7652
|
-
letter-spacing: var(--cds-
|
7649
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
7650
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
7651
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
7652
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
7653
7653
|
min-height: 2.5rem;
|
7654
7654
|
overflow-x: hidden;
|
7655
7655
|
text-overflow: ellipsis;
|
@@ -7749,16 +7749,16 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7749
7749
|
height: 1rem;
|
7750
7750
|
}
|
7751
7751
|
.c4p--page-header .c4p--page-header__subtitle {
|
7752
|
-
font-size: var(--cds-body-
|
7753
|
-
font-weight: var(--cds-body-
|
7754
|
-
line-height: var(--cds-body-
|
7755
|
-
letter-spacing: var(--cds-body-
|
7752
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
7753
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
7754
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
7755
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
7756
7756
|
}
|
7757
7757
|
.c4p--page-header .c4p--page-header__available-row {
|
7758
|
-
font-size: var(--cds-body-
|
7759
|
-
font-weight: var(--cds-body-
|
7760
|
-
line-height: var(--cds-body-
|
7761
|
-
letter-spacing: var(--cds-body-
|
7758
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
7759
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
7760
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
7761
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
7762
7762
|
margin-top: 0.5rem;
|
7763
7763
|
}
|
7764
7764
|
.c4p--page-header .c4p--page-header__available-row + .c4p--page-header__last-row-buffer--active {
|
@@ -7768,10 +7768,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7768
7768
|
margin-top: 1rem;
|
7769
7769
|
}
|
7770
7770
|
.c4p--page-header .c4p--page-header__available-row * {
|
7771
|
-
font-size: var(--cds-body-
|
7772
|
-
font-weight: var(--cds-body-
|
7773
|
-
line-height: var(--cds-body-
|
7774
|
-
letter-spacing: var(--cds-body-
|
7771
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
7772
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
7773
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
7774
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
7775
7775
|
}
|
7776
7776
|
.c4p--page-header .c4p--page-header__navigation-row {
|
7777
7777
|
flex-wrap: wrap-reverse;
|
@@ -7944,10 +7944,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
7944
7944
|
}
|
7945
7945
|
|
7946
7946
|
.c4p--saving__text {
|
7947
|
-
font-size: var(--cds-body-
|
7948
|
-
font-weight: var(--cds-body-
|
7949
|
-
line-height: var(--cds-body-
|
7950
|
-
letter-spacing: var(--cds-body-
|
7947
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
7948
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
7949
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
7950
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
7951
7951
|
}
|
7952
7952
|
|
7953
7953
|
.c4p--saving__buttons {
|
@@ -9561,19 +9561,19 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9561
9561
|
.c4p--user-profile-image--xl {
|
9562
9562
|
width: 4rem;
|
9563
9563
|
height: 4rem;
|
9564
|
-
font-size: var(--cds-
|
9565
|
-
font-weight: var(--cds-
|
9566
|
-
line-height: var(--cds-
|
9567
|
-
letter-spacing: var(--cds-
|
9564
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
9565
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
9566
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
9567
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
9568
9568
|
}
|
9569
9569
|
|
9570
9570
|
.c4p--user-profile-image--lg {
|
9571
9571
|
width: 2rem;
|
9572
9572
|
height: 2rem;
|
9573
|
-
font-size: var(--cds-body-
|
9574
|
-
font-weight: var(--cds-body-
|
9575
|
-
line-height: var(--cds-body-
|
9576
|
-
letter-spacing: var(--cds-body-
|
9573
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
9574
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
9575
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
9576
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
9577
9577
|
}
|
9578
9578
|
|
9579
9579
|
.c4p--user-profile-image--md {
|
@@ -9616,17 +9616,17 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9616
9616
|
margin-bottom: 1rem;
|
9617
9617
|
}
|
9618
9618
|
.c4p--edit-side-panel .c4p--edit-side-panel__form-title-text {
|
9619
|
-
font-size: var(--cds-
|
9620
|
-
font-weight: var(--cds-
|
9621
|
-
line-height: var(--cds-
|
9622
|
-
letter-spacing: var(--cds-
|
9619
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
9620
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
9621
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
9622
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
9623
9623
|
padding-bottom: 0.5rem;
|
9624
9624
|
}
|
9625
9625
|
.c4p--edit-side-panel .c4p--edit-side-panel__form-description-text {
|
9626
|
-
font-size: var(--cds-body-
|
9627
|
-
font-weight: var(--cds-body-
|
9628
|
-
line-height: var(--cds-body-
|
9629
|
-
letter-spacing: var(--cds-body-
|
9626
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
9627
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
9628
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
9629
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
9630
9630
|
}
|
9631
9631
|
.c4p--edit-side-panel.c4p--side-panel .cds--btn.c4p--side-panel__close-button {
|
9632
9632
|
display: none;
|
@@ -10011,10 +10011,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10011
10011
|
}
|
10012
10012
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
|
10013
10013
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td {
|
10014
|
-
font-size: var(--cds-body-
|
10015
|
-
font-weight: var(--cds-body-
|
10016
|
-
line-height: var(--cds-body-
|
10017
|
-
letter-spacing: var(--cds-body-
|
10014
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
10015
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
10016
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
10017
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
10018
10018
|
width: 100%;
|
10019
10019
|
height: 100%;
|
10020
10020
|
padding: 0 0.5rem;
|
@@ -10069,18 +10069,18 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10069
10069
|
text-align: left;
|
10070
10070
|
}
|
10071
10071
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th {
|
10072
|
-
font-size: var(--cds-
|
10073
|
-
font-weight: var(--cds-
|
10074
|
-
line-height: var(--cds-
|
10075
|
-
letter-spacing: var(--cds-
|
10072
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
10073
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
10074
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
10075
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
10076
10076
|
color: var(--cds-text-primary, #161616);
|
10077
10077
|
text-align: left;
|
10078
10078
|
}
|
10079
10079
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor {
|
10080
|
-
font-size: var(--cds-body-
|
10081
|
-
font-weight: var(--cds-body-
|
10082
|
-
line-height: var(--cds-body-
|
10083
|
-
letter-spacing: var(--cds-body-
|
10080
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
10081
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
10082
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
10083
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
10084
10084
|
outline: 2px solid transparent;
|
10085
10085
|
outline-offset: -2px;
|
10086
10086
|
position: absolute;
|
@@ -10112,10 +10112,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10112
10112
|
outline-offset: -2px;
|
10113
10113
|
}
|
10114
10114
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor-ruler {
|
10115
|
-
font-size: var(--cds-body-
|
10116
|
-
font-weight: var(--cds-body-
|
10117
|
-
line-height: var(--cds-body-
|
10118
|
-
letter-spacing: var(--cds-body-
|
10115
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
10116
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
10117
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
10118
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
10119
10119
|
position: absolute;
|
10120
10120
|
overflow: hidden;
|
10121
10121
|
width: fit-content;
|
@@ -10129,10 +10129,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
10129
10129
|
outline: 0.125rem solid var(--cds-background-brand, #0f62fe);
|
10130
10130
|
}
|
10131
10131
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight {
|
10132
|
-
font-size: var(--cds-body-
|
10133
|
-
font-weight: var(--cds-body-
|
10134
|
-
line-height: var(--cds-body-
|
10135
|
-
letter-spacing: var(--cds-body-
|
10132
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
10133
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
10134
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
10135
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
10136
10136
|
border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
10137
10137
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
10138
10138
|
position: absolute;
|
@@ -14263,10 +14263,10 @@ a.cds--side-nav__link--current::before {
|
|
14263
14263
|
}
|
14264
14264
|
|
14265
14265
|
.c4p--tearsheet.c4p--tearsheet--wide .cds--modal-header__heading.c4p--tearsheet__heading {
|
14266
|
-
font-size: var(--cds-
|
14267
|
-
font-weight: var(--cds-
|
14268
|
-
line-height: var(--cds-
|
14269
|
-
letter-spacing: var(--cds-
|
14266
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
14267
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
14268
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
14269
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
14270
14270
|
}
|
14271
14271
|
|
14272
14272
|
.c4p--tearsheet .c4p--tearsheet__header-description {
|
@@ -14274,10 +14274,10 @@ a.cds--side-nav__link--current::before {
|
|
14274
14274
|
overflow: hidden;
|
14275
14275
|
max-width: 100%;
|
14276
14276
|
margin-top: 1rem;
|
14277
|
-
font-size: var(--cds-body-
|
14278
|
-
font-weight: var(--cds-body-
|
14279
|
-
line-height: var(--cds-body-
|
14280
|
-
letter-spacing: var(--cds-body-
|
14277
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
14278
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
14279
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
14280
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
14281
14281
|
-webkit-box-orient: vertical;
|
14282
14282
|
-webkit-line-clamp: 2;
|
14283
14283
|
word-break: break-word;
|
@@ -14552,19 +14552,19 @@ a.cds--side-nav__link--current::before {
|
|
14552
14552
|
|
14553
14553
|
.c4p--tearsheet-edit .c4p--tearsheet-edit__section--subtitle,
|
14554
14554
|
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--subtitle {
|
14555
|
-
font-size: var(--cds-
|
14556
|
-
font-weight: var(--cds-
|
14557
|
-
line-height: var(--cds-
|
14558
|
-
letter-spacing: var(--cds-
|
14555
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
14556
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
14557
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
14558
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
14559
14559
|
margin-bottom: 0.5rem;
|
14560
14560
|
}
|
14561
14561
|
|
14562
14562
|
.c4p--tearsheet-edit .c4p--tearsheet-edit__section--description,
|
14563
14563
|
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--description {
|
14564
|
-
font-size: var(--cds-body-
|
14565
|
-
font-weight: var(--cds-body-
|
14566
|
-
line-height: var(--cds-body-
|
14567
|
-
letter-spacing: var(--cds-body-
|
14564
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
14565
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
14566
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
14567
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
14568
14568
|
margin-bottom: 1.5rem;
|
14569
14569
|
}
|
14570
14570
|
|