@carbon/ibm-products 2.0.0-rc.23 → 2.0.0-rc.24
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +33 -33
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -3
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +28 -32
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +3 -3
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +33 -33
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -3
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +28 -32
- package/css/index.css.map +1 -1
- package/css/index.min.css +2 -2
- package/css/index.min.css.map +1 -1
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +6 -4
- package/es/components/AddSelect/AddSelectFilter.js +1 -2
- package/es/components/AddSelect/AddSelectList.js +16 -34
- package/es/components/CreateFullPage/CreateFullPage.js +4 -2
- package/es/components/Tearsheet/Tearsheet.js +3 -3
- package/es/components/Tearsheet/TearsheetShell.js +7 -6
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +6 -4
- package/lib/components/AddSelect/AddSelectFilter.js +1 -2
- package/lib/components/AddSelect/AddSelectList.js +15 -33
- package/lib/components/CreateFullPage/CreateFullPage.js +3 -1
- package/lib/components/Tearsheet/Tearsheet.js +2 -2
- package/lib/components/Tearsheet/TearsheetShell.js +7 -6
- package/package.json +2 -2
- package/scss/components/ActionSet/_action-set.scss +4 -1
- package/scss/components/AddSelect/_add-select.scss +0 -10
- package/scss/components/EmptyStates/_empty-state.scss +7 -4
- package/scss/components/HTTPErrors/_http-errors.scss +8 -4
- package/scss/components/Tearsheet/_tearsheet.scss +4 -0
@@ -1006,7 +1006,7 @@
|
|
1006
1006
|
.c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
1007
1007
|
.c4p--action-set.cds--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
1008
1008
|
.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost) {
|
1009
|
-
max-width:
|
1009
|
+
max-width: 14.5rem;
|
1010
1010
|
flex: 0 1 25%;
|
1011
1011
|
}
|
1012
1012
|
|
@@ -3640,6 +3640,9 @@
|
|
3640
3640
|
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
|
3641
3641
|
padding-right: 4rem;
|
3642
3642
|
}
|
3643
|
+
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
|
3644
|
+
max-width: 80%;
|
3645
|
+
}
|
3643
3646
|
.c4p--tearsheet .c4p--tearsheet__header-navigation {
|
3644
3647
|
margin: 0.75rem 0 0;
|
3645
3648
|
}
|
@@ -3881,25 +3884,25 @@
|
|
3881
3884
|
color: var(--cds-text-primary, #161616);
|
3882
3885
|
}
|
3883
3886
|
.c4p--empty-state .c4p--empty-state__header {
|
3884
|
-
font-size: var(--cds-
|
3885
|
-
font-weight: var(--cds-
|
3886
|
-
line-height: var(--cds-
|
3887
|
-
letter-spacing: var(--cds-
|
3887
|
+
font-size: var(--cds-heading-03-font-size, 1.25rem);
|
3888
|
+
font-weight: var(--cds-heading-03-font-weight, 400);
|
3889
|
+
line-height: var(--cds-heading-03-line-height, 1.4);
|
3890
|
+
letter-spacing: var(--cds-heading-03-letter-spacing, 0);
|
3888
3891
|
padding-bottom: 0.375rem;
|
3889
3892
|
margin: 0;
|
3890
3893
|
}
|
3891
3894
|
.c4p--empty-state .c4p--empty-state__subtitle {
|
3892
|
-
font-size: var(--cds-body-
|
3893
|
-
font-weight: var(--cds-body-
|
3894
|
-
line-height: var(--cds-body-
|
3895
|
-
letter-spacing: var(--cds-body-
|
3895
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
3896
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
3897
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
3898
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
3896
3899
|
padding-bottom: 1rem;
|
3897
3900
|
}
|
3898
3901
|
.c4p--empty-state .c4p--empty-state__header--small {
|
3899
|
-
font-size: var(--cds-body-
|
3900
|
-
font-weight: var(--cds-body-
|
3901
|
-
line-height: var(--cds-body-
|
3902
|
-
letter-spacing: var(--cds-body-
|
3902
|
+
font-size: var(--cds-body-compact-02-font-size, 1rem);
|
3903
|
+
font-weight: var(--cds-body-compact-02-font-weight, 400);
|
3904
|
+
line-height: var(--cds-body-compact-02-line-height, 1.375);
|
3905
|
+
letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
|
3903
3906
|
padding-bottom: 0.5rem;
|
3904
3907
|
}
|
3905
3908
|
.c4p--empty-state .c4p--empty-state__subtitle--small {
|
@@ -4107,26 +4110,26 @@
|
|
4107
4110
|
}
|
4108
4111
|
|
4109
4112
|
.c4p--http-errors .c4p--http-errors__error-code-label {
|
4110
|
-
font-size: var(--cds-
|
4111
|
-
font-weight: var(--cds-
|
4112
|
-
line-height: var(--cds-
|
4113
|
-
letter-spacing: var(--cds-
|
4113
|
+
font-size: var(--cds-heading-compact-02-font-size, 1rem);
|
4114
|
+
font-weight: var(--cds-heading-compact-02-font-weight, 600);
|
4115
|
+
line-height: var(--cds-heading-compact-02-line-height, 1.375);
|
4116
|
+
letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
|
4114
4117
|
margin-bottom: 0.25rem;
|
4115
4118
|
}
|
4116
4119
|
|
4117
4120
|
.c4p--http-errors .c4p--http-errors__title {
|
4118
|
-
font-size: var(--cds-
|
4119
|
-
font-weight: var(--cds-
|
4120
|
-
line-height: var(--cds-
|
4121
|
-
letter-spacing: var(--cds-
|
4121
|
+
font-size: var(--cds-heading-05-font-size, 2rem);
|
4122
|
+
font-weight: var(--cds-heading-05-font-weight, 400);
|
4123
|
+
line-height: var(--cds-heading-05-line-height, 1.25);
|
4124
|
+
letter-spacing: var(--cds-heading-05-letter-spacing, 0);
|
4122
4125
|
margin-bottom: 0.75rem;
|
4123
4126
|
}
|
4124
4127
|
|
4125
4128
|
.c4p--http-errors .c4p--http-errors__description {
|
4126
|
-
font-size: var(--cds-body-
|
4127
|
-
font-weight: var(--cds-body-
|
4128
|
-
line-height: var(--cds-body-
|
4129
|
-
letter-spacing: var(--cds-body-
|
4129
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
4130
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
4131
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
4132
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
4130
4133
|
margin-bottom: 1.5rem;
|
4131
4134
|
}
|
4132
4135
|
|
@@ -4335,13 +4338,6 @@
|
|
4335
4338
|
flex-direction: column;
|
4336
4339
|
justify-content: center;
|
4337
4340
|
}
|
4338
|
-
.c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover,
|
4339
|
-
.c4p--add-select__selections .cds--structured-list-row:focus-within .c4p--add-select__selections-hidden-hover {
|
4340
|
-
visibility: visible;
|
4341
|
-
}
|
4342
|
-
.c4p--add-select__selections-hidden-hover {
|
4343
|
-
visibility: hidden;
|
4344
|
-
}
|
4345
4341
|
.c4p--add-select__selections-row--selected.cds--structured-list-row {
|
4346
4342
|
border-bottom: 1px solid var(--cds-layer-selected-01, #e0e0e0);
|
4347
4343
|
background-color: var(--cds-layer-selected-01, #e0e0e0);
|
@@ -14002,7 +13998,7 @@ a.cds--side-nav__link--current::before {
|
|
14002
13998
|
.c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
14003
13999
|
.c4p--action-set.cds--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
|
14004
14000
|
.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost) {
|
14005
|
-
max-width:
|
14001
|
+
max-width: 14.5rem;
|
14006
14002
|
flex: 0 1 25%;
|
14007
14003
|
}
|
14008
14004
|
|
@@ -14185,6 +14181,10 @@ a.cds--side-nav__link--current::before {
|
|
14185
14181
|
padding-right: 4rem;
|
14186
14182
|
}
|
14187
14183
|
|
14184
|
+
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
|
14185
|
+
max-width: 80%;
|
14186
|
+
}
|
14187
|
+
|
14188
14188
|
.c4p--tearsheet .c4p--tearsheet__header-navigation {
|
14189
14189
|
margin: 0.75rem 0 0;
|
14190
14190
|
}
|