@carbon/styles 1.29.0-rc.0 → 1.29.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 -5
- package/css/styles.min.css +1 -1
- package/package.json +2 -2
- package/scss/components/slider/_slider.scss +38 -5
package/css/styles.css
CHANGED
|
@@ -18840,6 +18840,7 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
18840
18840
|
}
|
|
18841
18841
|
|
|
18842
18842
|
.cds--slider-container {
|
|
18843
|
+
position: relative;
|
|
18843
18844
|
display: flex;
|
|
18844
18845
|
align-items: center;
|
|
18845
18846
|
-webkit-user-select: none;
|
|
@@ -18935,7 +18936,6 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
18935
18936
|
width: 4rem;
|
|
18936
18937
|
height: 2.5rem;
|
|
18937
18938
|
-moz-appearance: textfield;
|
|
18938
|
-
text-align: center;
|
|
18939
18939
|
}
|
|
18940
18940
|
.cds--slider-text-input::-webkit-outer-spin-button, .cds--slider-text-input::-webkit-inner-spin-button,
|
|
18941
18941
|
.cds-slider-text-input::-webkit-outer-spin-button,
|
|
@@ -18947,14 +18947,44 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
18947
18947
|
display: none;
|
|
18948
18948
|
}
|
|
18949
18949
|
|
|
18950
|
-
.cds--slider-text-input.cds--text-input--invalid {
|
|
18951
|
-
padding-right: 1rem;
|
|
18952
|
-
}
|
|
18953
|
-
|
|
18954
18950
|
.cds--slider__thumb:focus ~ .cds--slider__filled-track {
|
|
18955
18951
|
background-color: var(--cds-interactive, #0f62fe);
|
|
18956
18952
|
}
|
|
18957
18953
|
|
|
18954
|
+
.cds--slider-text-input.cds--text-input--invalid,
|
|
18955
|
+
.cds--slider-text-input--warn {
|
|
18956
|
+
width: 6rem;
|
|
18957
|
+
padding-right: 3rem;
|
|
18958
|
+
}
|
|
18959
|
+
|
|
18960
|
+
.cds--slider__invalid-icon {
|
|
18961
|
+
position: absolute;
|
|
18962
|
+
top: 50%;
|
|
18963
|
+
right: 1rem;
|
|
18964
|
+
fill: var(--cds-support-error, #da1e28);
|
|
18965
|
+
transform: translateY(-50%);
|
|
18966
|
+
}
|
|
18967
|
+
|
|
18968
|
+
.cds--slider__validation-msg.cds--form-requirement {
|
|
18969
|
+
display: block;
|
|
18970
|
+
overflow: visible;
|
|
18971
|
+
max-height: 100%;
|
|
18972
|
+
margin-top: 0;
|
|
18973
|
+
}
|
|
18974
|
+
|
|
18975
|
+
.cds--slider__validation-msg--invalid {
|
|
18976
|
+
color: var(--cds-text-error, #da1e28);
|
|
18977
|
+
}
|
|
18978
|
+
|
|
18979
|
+
.cds--slider__invalid-icon.cds--slider__invalid-icon--warning {
|
|
18980
|
+
fill: var(--cds-support-warning, #f1c21b);
|
|
18981
|
+
}
|
|
18982
|
+
|
|
18983
|
+
.cds--slider__invalid-icon--warning path:first-of-type {
|
|
18984
|
+
fill: #000000;
|
|
18985
|
+
opacity: 1;
|
|
18986
|
+
}
|
|
18987
|
+
|
|
18958
18988
|
.cds--label--disabled ~ .cds--slider-container > .cds--slider__range-label {
|
|
18959
18989
|
color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
|
|
18960
18990
|
}
|