@carbon/styles 1.22.0 → 1.23.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 +25 -6
- package/css/styles.min.css +1 -1
- package/package.json +2 -2
- package/scss/components/combo-box/_combo-box.scss +5 -0
- package/scss/components/form/_form.scss +4 -0
- package/scss/components/toggle/_toggle.scss +4 -2
- package/scss/components/toggletip/_toggletip.scss +1 -1
- package/scss/utilities/_hide-at-breakpoint.scss +0 -10
package/css/styles.css
CHANGED
|
@@ -4929,6 +4929,13 @@ textarea:-webkit-autofill:focus {
|
|
|
4929
4929
|
font-weight: 600;
|
|
4930
4930
|
}
|
|
4931
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
|
+
|
|
4932
4939
|
.cds--label--no-margin {
|
|
4933
4940
|
margin-bottom: 0;
|
|
4934
4941
|
}
|
|
@@ -8064,6 +8071,16 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
8064
8071
|
border-bottom-color: var(--cds-border-subtle);
|
|
8065
8072
|
}
|
|
8066
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
|
+
|
|
8067
8084
|
.cds--combo-box .cds--list-box__field,
|
|
8068
8085
|
.cds--combo-box.cds--list-box[data-invalid] .cds--list-box__field,
|
|
8069
8086
|
.cds--combo-box.cds--list-box--warning .cds--list-box__field,
|
|
@@ -21658,10 +21675,10 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
21658
21675
|
}
|
|
21659
21676
|
|
|
21660
21677
|
.cds--toggletip-label {
|
|
21661
|
-
font-size: var(--cds-
|
|
21662
|
-
font-weight: var(--cds-
|
|
21663
|
-
line-height: var(--cds-
|
|
21664
|
-
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);
|
|
21665
21682
|
margin-right: 0.5rem;
|
|
21666
21683
|
color: var(--cds-text-secondary, #525252);
|
|
21667
21684
|
}
|
|
@@ -21832,7 +21849,8 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
21832
21849
|
}
|
|
21833
21850
|
|
|
21834
21851
|
.cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
|
|
21835
|
-
.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 {
|
|
21836
21854
|
-webkit-box-shadow: 0 0 0 1px var(--cds-focus-inset, #ffffff), 0 0 0 3px var(--cds-focus, #0f62fe);
|
|
21837
21855
|
box-shadow: 0 0 0 1px var(--cds-focus-inset, #ffffff), 0 0 0 3px var(--cds-focus, #0f62fe);
|
|
21838
21856
|
}
|
|
@@ -21938,7 +21956,8 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
21938
21956
|
|
|
21939
21957
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
|
21940
21958
|
.cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
|
|
21941
|
-
.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 {
|
|
21942
21961
|
color: Highlight;
|
|
21943
21962
|
outline: 1px solid Highlight;
|
|
21944
21963
|
}
|