@carbon/styles 1.22.0-rc.0 → 1.23.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 +35 -6
- package/css/styles.min.css +1 -1
- package/package.json +2 -2
- package/scss/components/breadcrumb/_breadcrumb.scss +7 -0
- package/scss/components/combo-box/_combo-box.scss +5 -0
- package/scss/components/form/_form.scss +4 -0
- package/scss/components/overflow-menu/_overflow-menu.scss +4 -0
- package/scss/components/toggle/_toggle.scss +4 -2
- package/scss/components/toggletip/_toggletip.scss +1 -1
package/css/styles.css
CHANGED
|
@@ -4186,6 +4186,12 @@ li.cds--accordion__item--disabled:last-of-type {
|
|
|
4186
4186
|
}
|
|
4187
4187
|
}
|
|
4188
4188
|
|
|
4189
|
+
.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
|
|
4190
|
+
min-height: 1.125rem;
|
|
4191
|
+
padding-right: 0;
|
|
4192
|
+
padding-left: 0;
|
|
4193
|
+
}
|
|
4194
|
+
|
|
4189
4195
|
.cds--link {
|
|
4190
4196
|
-webkit-box-sizing: border-box;
|
|
4191
4197
|
box-sizing: border-box;
|
|
@@ -4923,6 +4929,13 @@ textarea:-webkit-autofill:focus {
|
|
|
4923
4929
|
font-weight: 600;
|
|
4924
4930
|
}
|
|
4925
4931
|
|
|
4932
|
+
.cds--label .cds--toggletip-label {
|
|
4933
|
+
font-size: var(--cds-label-01-font-size, 0.75rem);
|
|
4934
|
+
font-weight: var(--cds-label-01-font-weight, 400);
|
|
4935
|
+
line-height: var(--cds-label-01-line-height, 1.33333);
|
|
4936
|
+
letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
|
|
4937
|
+
}
|
|
4938
|
+
|
|
4926
4939
|
.cds--label--no-margin {
|
|
4927
4940
|
margin-bottom: 0;
|
|
4928
4941
|
}
|
|
@@ -8058,6 +8071,16 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
8058
8071
|
border-bottom-color: var(--cds-border-subtle);
|
|
8059
8072
|
}
|
|
8060
8073
|
|
|
8074
|
+
.cds--combo-box--input--focus.cds--text-input {
|
|
8075
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
|
8076
|
+
outline-offset: -2px;
|
|
8077
|
+
}
|
|
8078
|
+
@media screen and (prefers-contrast) {
|
|
8079
|
+
.cds--combo-box--input--focus.cds--text-input {
|
|
8080
|
+
outline-style: dotted;
|
|
8081
|
+
}
|
|
8082
|
+
}
|
|
8083
|
+
|
|
8061
8084
|
.cds--combo-box .cds--list-box__field,
|
|
8062
8085
|
.cds--combo-box.cds--list-box[data-invalid] .cds--list-box__field,
|
|
8063
8086
|
.cds--combo-box.cds--list-box--warning .cds--list-box__field,
|
|
@@ -17632,6 +17655,10 @@ optgroup.cds--select-optgroup:disabled,
|
|
|
17632
17655
|
fill: var(--cds-icon-primary, #161616);
|
|
17633
17656
|
}
|
|
17634
17657
|
|
|
17658
|
+
.cds--overflow-menu__wrapper {
|
|
17659
|
+
line-height: 0;
|
|
17660
|
+
}
|
|
17661
|
+
|
|
17635
17662
|
.cds--overflow-menu-options {
|
|
17636
17663
|
-webkit-box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
|
|
17637
17664
|
box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
|
|
@@ -21648,10 +21675,10 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
21648
21675
|
}
|
|
21649
21676
|
|
|
21650
21677
|
.cds--toggletip-label {
|
|
21651
|
-
font-size: var(--cds-
|
|
21652
|
-
font-weight: var(--cds-
|
|
21653
|
-
line-height: var(--cds-
|
|
21654
|
-
letter-spacing: var(--cds-
|
|
21678
|
+
font-size: var(--cds-body-01-font-size, 0.875rem);
|
|
21679
|
+
font-weight: var(--cds-body-01-font-weight, 400);
|
|
21680
|
+
line-height: var(--cds-body-01-line-height, 1.42857);
|
|
21681
|
+
letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
|
|
21655
21682
|
margin-right: 0.5rem;
|
|
21656
21683
|
color: var(--cds-text-secondary, #525252);
|
|
21657
21684
|
}
|
|
@@ -21822,7 +21849,8 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
21822
21849
|
}
|
|
21823
21850
|
|
|
21824
21851
|
.cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
|
|
21825
|
-
.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch
|
|
21852
|
+
.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch,
|
|
21853
|
+
.cds--toggle:active .cds--toggle__switch {
|
|
21826
21854
|
-webkit-box-shadow: 0 0 0 1px var(--cds-focus-inset, #ffffff), 0 0 0 3px var(--cds-focus, #0f62fe);
|
|
21827
21855
|
box-shadow: 0 0 0 1px var(--cds-focus-inset, #ffffff), 0 0 0 3px var(--cds-focus, #0f62fe);
|
|
21828
21856
|
}
|
|
@@ -21928,7 +21956,8 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
21928
21956
|
|
|
21929
21957
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
|
21930
21958
|
.cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
|
|
21931
|
-
.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch
|
|
21959
|
+
.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch,
|
|
21960
|
+
.cds--toggle:active .cds--toggle__switch {
|
|
21932
21961
|
color: Highlight;
|
|
21933
21962
|
outline: 1px solid Highlight;
|
|
21934
21963
|
}
|