@carbon/styles 1.21.0-rc.0 → 1.22.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/styles.css +10 -9
- package/css/styles.min.css +1 -1
- package/package.json +10 -10
- package/scss/__tests__/type-test.js +24 -0
- package/scss/components/code-snippet/_code-snippet.scss +1 -0
- package/scss/components/combo-box/_combo-box.scss +1 -1
- package/scss/components/dropdown/_dropdown.scss +2 -2
- package/scss/components/list-box/_list-box.scss +3 -3
- package/scss/components/select/_select.scss +2 -2
- package/scss/components/tile/_tile.scss +1 -1
- package/scss/type/_index.scss +26 -0
package/css/styles.css
CHANGED
|
@@ -5531,6 +5531,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
5531
5531
|
}
|
|
5532
5532
|
|
|
5533
5533
|
.cds--snippet--disabled .cds--snippet-btn--expand:hover,
|
|
5534
|
+
.cds--snippet--disabled .cds--copy-btn,
|
|
5534
5535
|
.cds--snippet--disabled .cds--copy-btn:hover {
|
|
5535
5536
|
background-color: var(--cds-layer);
|
|
5536
5537
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
|
@@ -7277,7 +7278,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
7277
7278
|
}
|
|
7278
7279
|
|
|
7279
7280
|
.cds--list-box--expanded:hover.cds--list-box--light:hover {
|
|
7280
|
-
background-color: var(--cds-field);
|
|
7281
|
+
background-color: var(--cds-field-02, #ffffff);
|
|
7281
7282
|
}
|
|
7282
7283
|
|
|
7283
7284
|
.cds--list-box .cds--text-input {
|
|
@@ -7315,7 +7316,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
7315
7316
|
}
|
|
7316
7317
|
|
|
7317
7318
|
.cds--list-box--light {
|
|
7318
|
-
background-color: var(--cds-field);
|
|
7319
|
+
background-color: var(--cds-field-02, #ffffff);
|
|
7319
7320
|
}
|
|
7320
7321
|
.cds--list-box--light:hover {
|
|
7321
7322
|
background-color: var(--cds-field-hover);
|
|
@@ -7338,7 +7339,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
7338
7339
|
}
|
|
7339
7340
|
|
|
7340
7341
|
.cds--list-box--light.cds--list-box--disabled {
|
|
7341
|
-
background-color: var(--cds-field);
|
|
7342
|
+
background-color: var(--cds-field-02, #ffffff);
|
|
7342
7343
|
}
|
|
7343
7344
|
|
|
7344
7345
|
.cds--list-box--disabled,
|
|
@@ -8046,7 +8047,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
8046
8047
|
}
|
|
8047
8048
|
|
|
8048
8049
|
.cds--combo-box.cds--list-box--light:hover {
|
|
8049
|
-
background-color: var(--cds-field);
|
|
8050
|
+
background-color: var(--cds-field-02, #ffffff);
|
|
8050
8051
|
}
|
|
8051
8052
|
|
|
8052
8053
|
.cds--combo-box .cds--text-input::-ms-clear {
|
|
@@ -11681,7 +11682,7 @@ th .cds--table-sort__flex {
|
|
|
11681
11682
|
}
|
|
11682
11683
|
|
|
11683
11684
|
.cds--dropdown--light {
|
|
11684
|
-
background-color: var(--cds-field);
|
|
11685
|
+
background-color: var(--cds-field-02, #ffffff);
|
|
11685
11686
|
}
|
|
11686
11687
|
.cds--dropdown--light:hover {
|
|
11687
11688
|
background-color: var(--cds-field-hover);
|
|
@@ -11915,7 +11916,7 @@ button.cds--dropdown-text:focus {
|
|
|
11915
11916
|
fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
|
11916
11917
|
}
|
|
11917
11918
|
.cds--dropdown--disabled.cds--dropdown--light:hover {
|
|
11918
|
-
background-color: var(--cds-field);
|
|
11919
|
+
background-color: var(--cds-field-02, #ffffff);
|
|
11919
11920
|
}
|
|
11920
11921
|
|
|
11921
11922
|
.cds--dropdown--disabled .cds--list-box__field,
|
|
@@ -14685,13 +14686,13 @@ button.cds--dropdown-text:focus {
|
|
|
14685
14686
|
}
|
|
14686
14687
|
|
|
14687
14688
|
.cds--select--light .cds--select-input {
|
|
14688
|
-
background-color: var(--cds-field);
|
|
14689
|
+
background-color: var(--cds-field-02, #ffffff);
|
|
14689
14690
|
}
|
|
14690
14691
|
.cds--select--light .cds--select-input:hover {
|
|
14691
14692
|
background-color: var(--cds-field-hover);
|
|
14692
14693
|
}
|
|
14693
14694
|
.cds--select--light .cds--select-input:disabled, .cds--select--light .cds--select-input:hover:disabled {
|
|
14694
|
-
background-color: var(--cds-field);
|
|
14695
|
+
background-color: var(--cds-field-02, #ffffff);
|
|
14695
14696
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
|
14696
14697
|
cursor: not-allowed;
|
|
14697
14698
|
}
|
|
@@ -21199,7 +21200,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
21199
21200
|
}
|
|
21200
21201
|
|
|
21201
21202
|
.cds--tile--light {
|
|
21202
|
-
background-color: var(--cds-layer);
|
|
21203
|
+
background-color: var(--cds-layer-02, #ffffff);
|
|
21203
21204
|
}
|
|
21204
21205
|
|
|
21205
21206
|
.cds--tile--clickable,
|