@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
package/css/index.css
CHANGED
@@ -6130,18 +6130,18 @@ a.cds--overflow-menu-options__btn::before {
|
|
6130
6130
|
}
|
6131
6131
|
|
6132
6132
|
.c4p--create-full-page .c4p--create-full-page__step-subtitle {
|
6133
|
-
font-size: var(--cds-
|
6134
|
-
font-weight: var(--cds-
|
6135
|
-
line-height: var(--cds-
|
6136
|
-
letter-spacing: var(--cds-
|
6133
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
6134
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
6135
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
6136
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
6137
6137
|
margin-bottom: 0.5rem;
|
6138
6138
|
}
|
6139
6139
|
|
6140
6140
|
.c4p--create-full-page .c4p--create-full-page__step-description {
|
6141
|
-
font-size: var(--cds-body-
|
6142
|
-
font-weight: var(--cds-body-
|
6143
|
-
line-height: var(--cds-body-
|
6144
|
-
letter-spacing: var(--cds-body-
|
6141
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
6142
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
6143
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
6144
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
6145
6145
|
margin-bottom: 1.5rem;
|
6146
6146
|
}
|
6147
6147
|
|
@@ -6230,10 +6230,10 @@ a.cds--overflow-menu-options__btn::before {
|
|
6230
6230
|
}
|
6231
6231
|
|
6232
6232
|
.c4p--create-full-page .c4p--create-full-page__step-title {
|
6233
|
-
font-size: var(--cds-
|
6234
|
-
font-weight: var(--cds-
|
6235
|
-
line-height: var(--cds-
|
6236
|
-
letter-spacing: var(--cds-
|
6233
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
6234
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
6235
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
6236
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
6237
6237
|
margin-bottom: 1rem;
|
6238
6238
|
}
|
6239
6239
|
|
@@ -6291,27 +6291,27 @@ a.cds--overflow-menu-options__btn::before {
|
|
6291
6291
|
}
|
6292
6292
|
|
6293
6293
|
.c4p--create-modal__title {
|
6294
|
-
font-size: var(--cds-
|
6295
|
-
font-weight: var(--cds-
|
6296
|
-
line-height: var(--cds-
|
6297
|
-
letter-spacing: var(--cds-
|
6294
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
6295
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
6296
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
6297
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
6298
6298
|
margin-bottom: 0.25rem;
|
6299
6299
|
}
|
6300
6300
|
|
6301
6301
|
.c4p--create-modal__subtitle {
|
6302
|
-
font-size: var(--cds-body-
|
6303
|
-
font-weight: var(--cds-body-
|
6304
|
-
line-height: var(--cds-body-
|
6305
|
-
letter-spacing: var(--cds-body-
|
6302
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
6303
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
6304
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
6305
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
6306
6306
|
margin-bottom: 0.5rem;
|
6307
6307
|
color: var(--cds-text-secondary, #525252);
|
6308
6308
|
}
|
6309
6309
|
|
6310
6310
|
.c4p--create-modal__description {
|
6311
|
-
font-size: var(--cds-body-
|
6312
|
-
font-weight: var(--cds-body-
|
6313
|
-
line-height: var(--cds-body-
|
6314
|
-
letter-spacing: var(--cds-body-
|
6311
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
6312
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
6313
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
6314
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
6315
6315
|
padding-right: calc(20% - 1rem);
|
6316
6316
|
margin: 0.5rem 0 1rem 0;
|
6317
6317
|
}
|
@@ -6519,10 +6519,10 @@ a.cds--overflow-menu-options__btn::before {
|
|
6519
6519
|
top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height));
|
6520
6520
|
}
|
6521
6521
|
.c4p--side-panel__container .c4p--side-panel__title-text {
|
6522
|
-
font-size: var(--cds-
|
6523
|
-
font-weight: var(--cds-
|
6524
|
-
line-height: var(--cds-
|
6525
|
-
letter-spacing: var(--cds-
|
6522
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
6523
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
6524
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
6525
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
6526
6526
|
display: -webkit-box;
|
6527
6527
|
overflow: hidden;
|
6528
6528
|
padding-right: 3rem;
|
@@ -6547,10 +6547,10 @@ a.cds--overflow-menu-options__btn::before {
|
|
6547
6547
|
white-space: nowrap;
|
6548
6548
|
}
|
6549
6549
|
.c4p--side-panel__container .c4p--side-panel__collapsed-title-text {
|
6550
|
-
font-size: var(--cds-
|
6551
|
-
font-weight: var(--cds-
|
6552
|
-
line-height: var(--cds-
|
6553
|
-
letter-spacing: var(--cds-
|
6550
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
6551
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
6552
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
6553
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
6554
6554
|
display: -webkit-box;
|
6555
6555
|
overflow: hidden;
|
6556
6556
|
padding-right: 3rem;
|
@@ -6562,10 +6562,10 @@ a.cds--overflow-menu-options__btn::before {
|
|
6562
6562
|
transform: translateY(var(--c4p--side-panel--collapsed-title-y-position));
|
6563
6563
|
}
|
6564
6564
|
.c4p--side-panel__container .c4p--side-panel__subtitle-text {
|
6565
|
-
font-size: var(--cds-body-
|
6566
|
-
font-weight: var(--cds-body-
|
6567
|
-
line-height: var(--cds-body-
|
6568
|
-
letter-spacing: var(--cds-body-
|
6565
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
6566
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
6567
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
6568
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
6569
6569
|
overflow: hidden;
|
6570
6570
|
padding: 0 3rem 1rem 1rem;
|
6571
6571
|
-webkit-box-orient: vertical;
|
@@ -6840,18 +6840,18 @@ a.cds--overflow-menu-options__btn::before {
|
|
6840
6840
|
}
|
6841
6841
|
|
6842
6842
|
.c4p--create-side-panel__form-title-text {
|
6843
|
-
font-size: var(--cds-
|
6844
|
-
font-weight: var(--cds-
|
6845
|
-
line-height: var(--cds-
|
6846
|
-
letter-spacing: var(--cds-
|
6843
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
6844
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
6845
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
6846
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
6847
6847
|
padding-bottom: 0.5rem;
|
6848
6848
|
}
|
6849
6849
|
|
6850
6850
|
.c4p--create-side-panel__form-description-text {
|
6851
|
-
font-size: var(--cds-body-
|
6852
|
-
font-weight: var(--cds-body-
|
6853
|
-
line-height: var(--cds-body-
|
6854
|
-
letter-spacing: var(--cds-body-
|
6851
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
6852
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
6853
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
6854
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
6855
6855
|
}
|
6856
6856
|
|
6857
6857
|
.c4p--create-side-panel.c4p--side-panel .cds--btn.c4p--side-panel__close-button {
|
@@ -6859,18 +6859,18 @@ a.cds--overflow-menu-options__btn::before {
|
|
6859
6859
|
}
|
6860
6860
|
|
6861
6861
|
.c4p--create-side-panel__title {
|
6862
|
-
font-size: var(--cds-
|
6863
|
-
font-weight: var(--cds-
|
6864
|
-
line-height: var(--cds-
|
6865
|
-
letter-spacing: var(--cds-
|
6862
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
6863
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
6864
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
6865
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
6866
6866
|
margin-bottom: 0.25rem;
|
6867
6867
|
}
|
6868
6868
|
|
6869
6869
|
.c4p--create-side-panel__subtitle {
|
6870
|
-
font-size: var(--cds-body-
|
6871
|
-
font-weight: var(--cds-body-
|
6872
|
-
line-height: var(--cds-body-
|
6873
|
-
letter-spacing: var(--cds-body-
|
6870
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
6871
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
6872
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
6873
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
6874
6874
|
margin-bottom: 0.5rem;
|
6875
6875
|
color: var(--cds-text-secondary, #525252);
|
6876
6876
|
}
|
@@ -6985,20 +6985,20 @@ a.cds--overflow-menu-options__btn::before {
|
|
6985
6985
|
display: none;
|
6986
6986
|
}
|
6987
6987
|
.c4p--tearsheet.c4p--tearsheet--wide .cds--modal-header__heading.c4p--tearsheet__heading {
|
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
|
}
|
6993
6993
|
.c4p--tearsheet .c4p--tearsheet__header-description {
|
6994
6994
|
display: -webkit-box;
|
6995
6995
|
overflow: hidden;
|
6996
6996
|
max-width: 100%;
|
6997
6997
|
margin-top: 1rem;
|
6998
|
-
font-size: var(--cds-body-
|
6999
|
-
font-weight: var(--cds-body-
|
7000
|
-
line-height: var(--cds-body-
|
7001
|
-
letter-spacing: var(--cds-body-
|
6998
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
6999
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
7000
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
7001
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
7002
7002
|
-webkit-box-orient: vertical;
|
7003
7003
|
-webkit-line-clamp: 2;
|
7004
7004
|
word-break: break-word;
|
@@ -7196,19 +7196,19 @@ a.cds--overflow-menu-options__btn::before {
|
|
7196
7196
|
|
7197
7197
|
.c4p--tearsheet-create .c4p--tearsheet-create__section--subtitle,
|
7198
7198
|
.c4p--tearsheet-create .c4p--tearsheet-create__step--subtitle {
|
7199
|
-
font-size: var(--cds-
|
7200
|
-
font-weight: var(--cds-
|
7201
|
-
line-height: var(--cds-
|
7202
|
-
letter-spacing: var(--cds-
|
7199
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
7200
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
7201
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
7202
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
7203
7203
|
margin-bottom: 0.5rem;
|
7204
7204
|
}
|
7205
7205
|
|
7206
7206
|
.c4p--tearsheet-create .c4p--tearsheet-create__section--description,
|
7207
7207
|
.c4p--tearsheet-create .c4p--tearsheet-create__step--description {
|
7208
|
-
font-size: var(--cds-body-
|
7209
|
-
font-weight: var(--cds-body-
|
7210
|
-
line-height: var(--cds-body-
|
7211
|
-
letter-spacing: var(--cds-body-
|
7208
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
7209
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
7210
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
7211
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
7212
7212
|
margin-bottom: 1.5rem;
|
7213
7213
|
}
|
7214
7214
|
|
@@ -7252,18 +7252,18 @@ a.cds--overflow-menu-options__btn::before {
|
|
7252
7252
|
}
|
7253
7253
|
|
7254
7254
|
.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-title-text {
|
7255
|
-
font-size: var(--cds-
|
7256
|
-
font-weight: var(--cds-
|
7257
|
-
line-height: var(--cds-
|
7258
|
-
letter-spacing: var(--cds-
|
7255
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
7256
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
7257
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
7258
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
7259
7259
|
padding-bottom: 0.5rem;
|
7260
7260
|
}
|
7261
7261
|
|
7262
7262
|
.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-description-text {
|
7263
|
-
font-size: var(--cds-body-
|
7264
|
-
font-weight: var(--cds-body-
|
7265
|
-
line-height: var(--cds-body-
|
7266
|
-
letter-spacing: var(--cds-body-
|
7263
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
7264
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
7265
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
7266
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
7267
7267
|
}
|
7268
7268
|
|
7269
7269
|
.cds--link {
|
@@ -8484,10 +8484,10 @@ c4p--card__icon:active {
|
|
8484
8484
|
.c4p--import-modal .c4p--import-modal__file-drop-header,
|
8485
8485
|
.c4p--import-modal .c4p--import-modal__label {
|
8486
8486
|
margin-bottom: 0.5rem;
|
8487
|
-
font-size: var(--cds-
|
8488
|
-
font-weight: var(--cds-
|
8489
|
-
line-height: var(--cds-
|
8490
|
-
letter-spacing: var(--cds-
|
8487
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
8488
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
8489
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
8490
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
8491
8491
|
}
|
8492
8492
|
|
8493
8493
|
.c4p--import-modal__helper-text {
|
@@ -8621,10 +8621,10 @@ c4p--card__icon:active {
|
|
8621
8621
|
border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
|
8622
8622
|
}
|
8623
8623
|
.c4p--add-select__sidebar-header .c4p--add-select__sidebar-title {
|
8624
|
-
font-size: var(--cds-
|
8625
|
-
font-weight: var(--cds-
|
8626
|
-
line-height: var(--cds-
|
8627
|
-
letter-spacing: var(--cds-
|
8624
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
8625
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
8626
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
8627
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
8628
8628
|
}
|
8629
8629
|
|
8630
8630
|
.c4p--add-select__sidebar-title {
|
@@ -8656,10 +8656,10 @@ c4p--card__icon:active {
|
|
8656
8656
|
}
|
8657
8657
|
|
8658
8658
|
.c4p--add-select .c4p--add-select__sidebar-item-body {
|
8659
|
-
font-size: var(--cds-body-
|
8660
|
-
font-weight: var(--cds-body-
|
8661
|
-
line-height: var(--cds-body-
|
8662
|
-
letter-spacing: var(--cds-body-
|
8659
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
8660
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
8661
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
8662
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
8663
8663
|
margin-bottom: 1rem;
|
8664
8664
|
}
|
8665
8665
|
|
@@ -8800,24 +8800,24 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8800
8800
|
}
|
8801
8801
|
|
8802
8802
|
.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-title {
|
8803
|
-
font-size: var(--cds-
|
8804
|
-
font-weight: var(--cds-
|
8805
|
-
line-height: var(--cds-
|
8806
|
-
letter-spacing: var(--cds-
|
8803
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
8804
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
8805
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
8806
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
8807
8807
|
}
|
8808
8808
|
|
8809
8809
|
.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-entry-title {
|
8810
|
-
font-size: var(--cds-
|
8811
|
-
font-weight: var(--cds-
|
8812
|
-
line-height: var(--cds-
|
8813
|
-
letter-spacing: var(--cds-
|
8810
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
8811
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
8812
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
8813
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
8814
8814
|
}
|
8815
8815
|
|
8816
8816
|
.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-entry-body {
|
8817
|
-
font-size: var(--cds-body-
|
8818
|
-
font-weight: var(--cds-body-
|
8819
|
-
line-height: var(--cds-body-
|
8820
|
-
letter-spacing: var(--cds-body-
|
8817
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
8818
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
8819
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
8820
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
8821
8821
|
}
|
8822
8822
|
|
8823
8823
|
.c4p--add-select__selections .cds--list-box__menu {
|
@@ -8851,10 +8851,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
8851
8851
|
}
|
8852
8852
|
|
8853
8853
|
.c4p--add-select .c4p--add-select__items-label {
|
8854
|
-
font-size: var(--cds-
|
8855
|
-
font-weight: var(--cds-
|
8856
|
-
line-height: var(--cds-
|
8857
|
-
letter-spacing: var(--cds-
|
8854
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
8855
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
8856
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
8857
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
8858
8858
|
}
|
8859
8859
|
|
8860
8860
|
.c4p--add-select .cds--modal-container--sm .cds--modal-content p {
|
@@ -9358,10 +9358,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9358
9358
|
color: var(--cds-text-primary, #161616);
|
9359
9359
|
}
|
9360
9360
|
.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__header {
|
9361
|
-
font-size: var(--cds-
|
9362
|
-
font-weight: var(--cds-
|
9363
|
-
line-height: var(--cds-
|
9364
|
-
letter-spacing: var(--cds-
|
9361
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
9362
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
9363
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
9364
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
9365
9365
|
margin: 0;
|
9366
9366
|
}
|
9367
9367
|
.c4p--notifications-panel__container .c4p--notifications-panel__time-section-label {
|
@@ -9530,10 +9530,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
9530
9530
|
margin-top: 10rem;
|
9531
9531
|
}
|
9532
9532
|
.c4p--notifications-panel__container .c4p--notifications-panel__main-section-empty.c4p--notifications-panel__main-section .c4p-subtext {
|
9533
|
-
font-size: var(--cds-body-
|
9534
|
-
font-weight: var(--cds-body-
|
9535
|
-
line-height: var(--cds-body-
|
9536
|
-
letter-spacing: var(--cds-body-
|
9533
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
9534
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
9535
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
9536
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
9537
9537
|
}
|
9538
9538
|
.c4p--notifications-panel__container .c4p--notifications-panel__main-section {
|
9539
9539
|
min-height: 498px;
|
@@ -12011,10 +12011,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12011
12011
|
}
|
12012
12012
|
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item,
|
12013
12013
|
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item .cds--tag {
|
12014
|
-
font-size: var(--cds-body-
|
12015
|
-
font-weight: var(--cds-body-
|
12016
|
-
line-height: var(--cds-body-
|
12017
|
-
letter-spacing: var(--cds-body-
|
12014
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
12015
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
12016
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
12017
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
12018
12018
|
display: block;
|
12019
12019
|
overflow: hidden;
|
12020
12020
|
min-width: initial;
|
@@ -12373,10 +12373,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12373
12373
|
}
|
12374
12374
|
}
|
12375
12375
|
.c4p--page-header .c4p--page-header__title {
|
12376
|
-
font-size: var(--cds-
|
12377
|
-
font-weight: var(--cds-
|
12378
|
-
line-height: var(--cds-
|
12379
|
-
letter-spacing: var(--cds-
|
12376
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
12377
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
12378
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
12379
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
12380
12380
|
min-height: 2.5rem;
|
12381
12381
|
overflow-x: hidden;
|
12382
12382
|
text-overflow: ellipsis;
|
@@ -12476,16 +12476,16 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12476
12476
|
height: 1rem;
|
12477
12477
|
}
|
12478
12478
|
.c4p--page-header .c4p--page-header__subtitle {
|
12479
|
-
font-size: var(--cds-body-
|
12480
|
-
font-weight: var(--cds-body-
|
12481
|
-
line-height: var(--cds-body-
|
12482
|
-
letter-spacing: var(--cds-body-
|
12479
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
12480
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
12481
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
12482
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
12483
12483
|
}
|
12484
12484
|
.c4p--page-header .c4p--page-header__available-row {
|
12485
|
-
font-size: var(--cds-body-
|
12486
|
-
font-weight: var(--cds-body-
|
12487
|
-
line-height: var(--cds-body-
|
12488
|
-
letter-spacing: var(--cds-body-
|
12485
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
12486
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
12487
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
12488
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
12489
12489
|
margin-top: 0.5rem;
|
12490
12490
|
}
|
12491
12491
|
.c4p--page-header .c4p--page-header__available-row + .c4p--page-header__last-row-buffer--active {
|
@@ -12495,10 +12495,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12495
12495
|
margin-top: 1rem;
|
12496
12496
|
}
|
12497
12497
|
.c4p--page-header .c4p--page-header__available-row * {
|
12498
|
-
font-size: var(--cds-body-
|
12499
|
-
font-weight: var(--cds-body-
|
12500
|
-
line-height: var(--cds-body-
|
12501
|
-
letter-spacing: var(--cds-body-
|
12498
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
12499
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
12500
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
12501
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
12502
12502
|
}
|
12503
12503
|
.c4p--page-header .c4p--page-header__navigation-row {
|
12504
12504
|
flex-wrap: wrap-reverse;
|
@@ -12671,10 +12671,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
12671
12671
|
}
|
12672
12672
|
|
12673
12673
|
.c4p--saving__text {
|
12674
|
-
font-size: var(--cds-body-
|
12675
|
-
font-weight: var(--cds-body-
|
12676
|
-
line-height: var(--cds-body-
|
12677
|
-
letter-spacing: var(--cds-body-
|
12674
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
12675
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
12676
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
12677
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
12678
12678
|
}
|
12679
12679
|
|
12680
12680
|
.c4p--saving__buttons {
|
@@ -15148,19 +15148,19 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15148
15148
|
.c4p--user-profile-image--xl {
|
15149
15149
|
width: 4rem;
|
15150
15150
|
height: 4rem;
|
15151
|
-
font-size: var(--cds-
|
15152
|
-
font-weight: var(--cds-
|
15153
|
-
line-height: var(--cds-
|
15154
|
-
letter-spacing: var(--cds-
|
15151
|
+
font-size: var(--cds-heading-04-font-size, 1.75rem);
|
15152
|
+
font-weight: var(--cds-heading-04-font-weight, 400);
|
15153
|
+
line-height: var(--cds-heading-04-line-height, 1.28572);
|
15154
|
+
letter-spacing: var(--cds-heading-04-letter-spacing, 0);
|
15155
15155
|
}
|
15156
15156
|
|
15157
15157
|
.c4p--user-profile-image--lg {
|
15158
15158
|
width: 2rem;
|
15159
15159
|
height: 2rem;
|
15160
|
-
font-size: var(--cds-body-
|
15161
|
-
font-weight: var(--cds-body-
|
15162
|
-
line-height: var(--cds-body-
|
15163
|
-
letter-spacing: var(--cds-body-
|
15160
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
15161
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
15162
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
15163
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
15164
15164
|
}
|
15165
15165
|
|
15166
15166
|
.c4p--user-profile-image--md {
|
@@ -15203,17 +15203,17 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15203
15203
|
margin-bottom: 1rem;
|
15204
15204
|
}
|
15205
15205
|
.c4p--edit-side-panel .c4p--edit-side-panel__form-title-text {
|
15206
|
-
font-size: var(--cds-
|
15207
|
-
font-weight: var(--cds-
|
15208
|
-
line-height: var(--cds-
|
15209
|
-
letter-spacing: var(--cds-
|
15206
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
15207
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
15208
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
15209
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
15210
15210
|
padding-bottom: 0.5rem;
|
15211
15211
|
}
|
15212
15212
|
.c4p--edit-side-panel .c4p--edit-side-panel__form-description-text {
|
15213
|
-
font-size: var(--cds-body-
|
15214
|
-
font-weight: var(--cds-body-
|
15215
|
-
line-height: var(--cds-body-
|
15216
|
-
letter-spacing: var(--cds-body-
|
15213
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
15214
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
15215
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
15216
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
15217
15217
|
}
|
15218
15218
|
.c4p--edit-side-panel.c4p--side-panel .cds--btn.c4p--side-panel__close-button {
|
15219
15219
|
display: none;
|
@@ -15598,10 +15598,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15598
15598
|
}
|
15599
15599
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
|
15600
15600
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__td {
|
15601
|
-
font-size: var(--cds-body-
|
15602
|
-
font-weight: var(--cds-body-
|
15603
|
-
line-height: var(--cds-body-
|
15604
|
-
letter-spacing: var(--cds-body-
|
15601
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
15602
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
15603
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
15604
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
15605
15605
|
width: 100%;
|
15606
15606
|
height: 100%;
|
15607
15607
|
padding: 0 0.5rem;
|
@@ -15656,18 +15656,18 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15656
15656
|
text-align: left;
|
15657
15657
|
}
|
15658
15658
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__th {
|
15659
|
-
font-size: var(--cds-
|
15660
|
-
font-weight: var(--cds-
|
15661
|
-
line-height: var(--cds-
|
15662
|
-
letter-spacing: var(--cds-
|
15659
|
+
font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
|
15660
|
+
font-weight: var(--cds-heading-compact-01-font-weight, 600);
|
15661
|
+
line-height: var(--cds-heading-compact-01-line-height, 1.28572);
|
15662
|
+
letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
|
15663
15663
|
color: var(--cds-text-primary, #161616);
|
15664
15664
|
text-align: left;
|
15665
15665
|
}
|
15666
15666
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor {
|
15667
|
-
font-size: var(--cds-body-
|
15668
|
-
font-weight: var(--cds-body-
|
15669
|
-
line-height: var(--cds-body-
|
15670
|
-
letter-spacing: var(--cds-body-
|
15667
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
15668
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
15669
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
15670
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
15671
15671
|
outline: 2px solid transparent;
|
15672
15672
|
outline-offset: -2px;
|
15673
15673
|
position: absolute;
|
@@ -15699,10 +15699,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15699
15699
|
outline-offset: -2px;
|
15700
15700
|
}
|
15701
15701
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor-ruler {
|
15702
|
-
font-size: var(--cds-body-
|
15703
|
-
font-weight: var(--cds-body-
|
15704
|
-
line-height: var(--cds-body-
|
15705
|
-
letter-spacing: var(--cds-body-
|
15702
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
15703
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
15704
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
15705
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
15706
15706
|
position: absolute;
|
15707
15707
|
overflow: hidden;
|
15708
15708
|
width: fit-content;
|
@@ -15716,10 +15716,10 @@ button.c4p--add-select__global-filter-toggle--open {
|
|
15716
15716
|
outline: 0.125rem solid var(--cds-background-brand, #0f62fe);
|
15717
15717
|
}
|
15718
15718
|
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight {
|
15719
|
-
font-size: var(--cds-body-
|
15720
|
-
font-weight: var(--cds-body-
|
15721
|
-
line-height: var(--cds-body-
|
15722
|
-
letter-spacing: var(--cds-body-
|
15719
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
15720
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
15721
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
15722
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
15723
15723
|
border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
15724
15724
|
border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
|
15725
15725
|
position: absolute;
|