@salutejs/plasma-new-hope 0.344.0-canary.2397.20458161701.0 → 0.344.0-canary.2397.20460422822.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/dist/css/cjs/components/DatePicker/RangeDate/RangeDate.css +6 -6
- package/dist/css/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +6 -6
- package/dist/css/cjs/components/Range/Range.css +6 -6
- package/dist/css/cjs/components/Range/Range.styles.js +1 -1
- package/dist/css/cjs/components/Range/Range.styles.js.map +1 -1
- package/dist/css/cjs/components/Range/{Range.styles_xy77jo.css → Range.styles_8ts4t3.css} +2 -2
- package/dist/css/cjs/index.css +6 -6
- package/dist/css/es/components/DatePicker/RangeDate/RangeDate.css +6 -6
- package/dist/css/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +6 -6
- package/dist/css/es/components/Range/Range.css +6 -6
- package/dist/css/es/components/Range/Range.styles.js +1 -1
- package/dist/css/es/components/Range/Range.styles.js.map +1 -1
- package/dist/css/es/components/Range/{Range.styles_xy77jo.css → Range.styles_8ts4t3.css} +2 -2
- package/dist/css/es/index.css +6 -6
- package/dist/emotion/cjs/components/Range/Range.styles.js +13 -13
- package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/dist/emotion/cjs/examples/components/Range/Range.clear.config.js +11 -11
- package/dist/emotion/es/components/Range/Range.styles.js +13 -13
- package/dist/emotion/es/examples/components/Range/Range.clear.config.js +11 -11
- package/dist/styled-components/cjs/components/Range/Range.styles.js +10 -10
- package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/dist/styled-components/cjs/examples/components/Range/Range.clear.config.js +5 -5
- package/dist/styled-components/es/components/Range/Range.styles.js +10 -10
- package/dist/styled-components/es/examples/components/Range/Range.clear.config.js +5 -5
- package/package.json +5 -5
- package/types/components/Range/Range.styles.d.ts.map +1 -1
|
@@ -154,13 +154,13 @@
|
|
|
154
154
|
|
|
155
155
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
|
156
156
|
|
|
157
|
-
.
|
|
158
|
-
.
|
|
159
|
-
.
|
|
160
|
-
.
|
|
161
|
-
.
|
|
157
|
+
.Range_styles_8ts4t3_s1k2erwt__3ec73d67{line-height:0;color:var(--plasma-textfield-content-slot-color);}.Range_styles_8ts4t3_s1k2erwt__3ec73d67:hover{color:var(--plasma-textfield-content-slot-color-hover);}.Range_styles_8ts4t3_s1k2erwt__3ec73d67:active{color:var(--plasma-textfield-content-slot-color-active);}
|
|
158
|
+
.Range_styles_8ts4t3_s16kyj37__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.Range_styles_8ts4t3_s16kyj37__3ec73d67:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.Range_styles_8ts4t3_s16kyj37__3ec73d67:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
159
|
+
.Range_styles_8ts4t3_s14q3826__3ec73d67{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-range-textfield-clear-placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);--plasma-textfield-divider-color-hover:var(--plasma-range-textfield__divider-color-hover);--plasma-textfield-divider-color-focus:var(--plasma-range-textfield__divider-color-focus);}.Range_styles_8ts4t3_s14q3826__3ec73d67.Range_styles_8ts4t3_rangeValueSuccess__3ec73d67{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}.Range_styles_8ts4t3_s14q3826__3ec73d67.Range_styles_8ts4t3_rangeValueError__3ec73d67{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}
|
|
160
|
+
.Range_styles_8ts4t3_b1fwucr5__3ec73d67{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
161
|
+
.Range_styles_8ts4t3_czi0aji__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.Range_styles_8ts4t3_czi0aji__3ec73d67:before{content:'';position:absolute;inset:0;z-index:-1;}.Range_styles_8ts4t3_czi0aji__3ec73d67.Range_styles_8ts4t3_rangeClear__3ec73d67:before{display:none;}.Range_styles_8ts4t3_czi0aji__3ec73d67.Range_styles_8ts4t3_rangeClear__3ec73d67.Range_styles_8ts4t3_rangeClearDivider__3ec73d67:before{display:block;content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(--plasma-range-clear__divider-color);}
|
|
162
162
|
|
|
163
|
-
.
|
|
163
|
+
.Range_styles_8ts4t3_sfxtxl2__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
|
|
164
164
|
|
|
165
165
|
.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_l1fqe3w9__3c76b4c2{display:inline-block;color:var(--plasma-info-wrapper-label-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_t7bnw1h__3c76b4c2{color:var(--plasma-info-wrapper-title-caption-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_l132dj1__3c76b4c2{color:var(--plasma-info-wrapper-left-helper-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_r19wxw5z__3c76b4c2{color:var(--plasma-info-wrapper-right-helper-color);}
|
|
166
166
|
|
|
@@ -70,13 +70,13 @@
|
|
|
70
70
|
|
|
71
71
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
|
72
72
|
|
|
73
|
-
.
|
|
74
|
-
.
|
|
75
|
-
.
|
|
76
|
-
.
|
|
77
|
-
.
|
|
73
|
+
.Range_styles_8ts4t3_s1k2erwt__3ec73d67{line-height:0;color:var(--plasma-textfield-content-slot-color);}.Range_styles_8ts4t3_s1k2erwt__3ec73d67:hover{color:var(--plasma-textfield-content-slot-color-hover);}.Range_styles_8ts4t3_s1k2erwt__3ec73d67:active{color:var(--plasma-textfield-content-slot-color-active);}
|
|
74
|
+
.Range_styles_8ts4t3_s16kyj37__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.Range_styles_8ts4t3_s16kyj37__3ec73d67:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.Range_styles_8ts4t3_s16kyj37__3ec73d67:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
75
|
+
.Range_styles_8ts4t3_s14q3826__3ec73d67{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-range-textfield-clear-placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);--plasma-textfield-divider-color-hover:var(--plasma-range-textfield__divider-color-hover);--plasma-textfield-divider-color-focus:var(--plasma-range-textfield__divider-color-focus);}.Range_styles_8ts4t3_s14q3826__3ec73d67.Range_styles_8ts4t3_rangeValueSuccess__3ec73d67{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}.Range_styles_8ts4t3_s14q3826__3ec73d67.Range_styles_8ts4t3_rangeValueError__3ec73d67{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}
|
|
76
|
+
.Range_styles_8ts4t3_b1fwucr5__3ec73d67{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
77
|
+
.Range_styles_8ts4t3_czi0aji__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.Range_styles_8ts4t3_czi0aji__3ec73d67:before{content:'';position:absolute;inset:0;z-index:-1;}.Range_styles_8ts4t3_czi0aji__3ec73d67.Range_styles_8ts4t3_rangeClear__3ec73d67:before{display:none;}.Range_styles_8ts4t3_czi0aji__3ec73d67.Range_styles_8ts4t3_rangeClear__3ec73d67.Range_styles_8ts4t3_rangeClearDivider__3ec73d67:before{display:block;content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(--plasma-range-clear__divider-color);}
|
|
78
78
|
|
|
79
|
-
.
|
|
79
|
+
.Range_styles_8ts4t3_sfxtxl2__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
|
|
80
80
|
|
|
81
81
|
.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_l1fqe3w9__3c76b4c2{display:inline-block;color:var(--plasma-info-wrapper-label-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_t7bnw1h__3c76b4c2{color:var(--plasma-info-wrapper-title-caption-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_l132dj1__3c76b4c2{color:var(--plasma-info-wrapper-left-helper-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_r19wxw5z__3c76b4c2{color:var(--plasma-info-wrapper-right-helper-color);}
|
|
82
82
|
|
|
@@ -84,13 +84,13 @@
|
|
|
84
84
|
|
|
85
85
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
|
86
86
|
|
|
87
|
-
.
|
|
88
|
-
.
|
|
89
|
-
.
|
|
90
|
-
.
|
|
91
|
-
.
|
|
87
|
+
.Range_styles_8ts4t3_s1k2erwt__3ec73d67{line-height:0;color:var(--plasma-textfield-content-slot-color);}.Range_styles_8ts4t3_s1k2erwt__3ec73d67:hover{color:var(--plasma-textfield-content-slot-color-hover);}.Range_styles_8ts4t3_s1k2erwt__3ec73d67:active{color:var(--plasma-textfield-content-slot-color-active);}
|
|
88
|
+
.Range_styles_8ts4t3_s16kyj37__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.Range_styles_8ts4t3_s16kyj37__3ec73d67:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.Range_styles_8ts4t3_s16kyj37__3ec73d67:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
89
|
+
.Range_styles_8ts4t3_s14q3826__3ec73d67{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-range-textfield-clear-placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);--plasma-textfield-divider-color-hover:var(--plasma-range-textfield__divider-color-hover);--plasma-textfield-divider-color-focus:var(--plasma-range-textfield__divider-color-focus);}.Range_styles_8ts4t3_s14q3826__3ec73d67.Range_styles_8ts4t3_rangeValueSuccess__3ec73d67{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}.Range_styles_8ts4t3_s14q3826__3ec73d67.Range_styles_8ts4t3_rangeValueError__3ec73d67{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}
|
|
90
|
+
.Range_styles_8ts4t3_b1fwucr5__3ec73d67{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
91
|
+
.Range_styles_8ts4t3_czi0aji__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.Range_styles_8ts4t3_czi0aji__3ec73d67:before{content:'';position:absolute;inset:0;z-index:-1;}.Range_styles_8ts4t3_czi0aji__3ec73d67.Range_styles_8ts4t3_rangeClear__3ec73d67:before{display:none;}.Range_styles_8ts4t3_czi0aji__3ec73d67.Range_styles_8ts4t3_rangeClear__3ec73d67.Range_styles_8ts4t3_rangeClearDivider__3ec73d67:before{display:block;content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(--plasma-range-clear__divider-color);}
|
|
92
92
|
|
|
93
|
-
.
|
|
93
|
+
.Range_styles_8ts4t3_sfxtxl2__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
|
|
94
94
|
|
|
95
95
|
.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_l1fqe3w9__3c76b4c2{display:inline-block;color:var(--plasma-info-wrapper-label-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_t7bnw1h__3c76b4c2{color:var(--plasma-info-wrapper-title-caption-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_l132dj1__3c76b4c2{color:var(--plasma-info-wrapper-left-helper-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_r19wxw5z__3c76b4c2{color:var(--plasma-info-wrapper-right-helper-color);}
|
|
96
96
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Range.styles.js","sources":["../../../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledContentLeft = styled.div`\n line-height: 0;\n\n color: var(${tokens.contentSlotColor});\n\n &:hover {\n color: var(${tokens.contentSlotColorHover});\n }\n\n &:active {\n color: var(${tokens.contentSlotColorActive});\n }\n`;\n\nexport const StyledContentRight = styled.div`\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n &:hover {\n color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n cursor: pointer;\n }\n\n &:active {\n color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n }\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.clearPlaceholderColorFocus}: var(${tokens.textFieldClearPlaceholderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n ${textFieldTokens.dividerColorHover}: var(${tokens.textFieldDividerColorHover});\n ${textFieldTokens.dividerColorFocus}: var(${tokens.textFieldDividerColorFocus});\n\n &.${classes.rangeValueSuccess} {\n ${textFieldTokens.color}: var(${tokens.textFieldColorSuccess}, var(${tokens.textFieldColor}));\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n\n &.${classes.rangeValueError} {\n ${textFieldTokens.color}: var(${tokens.textFieldColorError}, var(${tokens.textFieldColor}));\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n`;\n\nexport const base = css`\n width: fit-content;\n`;\n\nexport const ContentWrapper = styled.div`\n display: flex;\n align-items: center;\n position: relative;\n\n &:before {\n content: '';\n position: absolute;\n inset: 0;\n z-index: -1;\n }\n\n &.${classes.clear}
|
|
1
|
+
{"version":3,"file":"Range.styles.js","sources":["../../../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledContentLeft = styled.div`\n line-height: 0;\n\n color: var(${tokens.contentSlotColor});\n\n &:hover {\n color: var(${tokens.contentSlotColorHover});\n }\n\n &:active {\n color: var(${tokens.contentSlotColorActive});\n }\n`;\n\nexport const StyledContentRight = styled.div`\n display: flex;\n align-items: center;\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n &:hover {\n color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n cursor: pointer;\n }\n\n &:active {\n color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n }\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.clearPlaceholderColorFocus}: var(${tokens.textFieldClearPlaceholderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n ${textFieldTokens.dividerColorHover}: var(${tokens.textFieldDividerColorHover});\n ${textFieldTokens.dividerColorFocus}: var(${tokens.textFieldDividerColorFocus});\n\n &.${classes.rangeValueSuccess} {\n ${textFieldTokens.color}: var(${tokens.textFieldColorSuccess}, var(${tokens.textFieldColor}));\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n\n &.${classes.rangeValueError} {\n ${textFieldTokens.color}: var(${tokens.textFieldColorError}, var(${tokens.textFieldColor}));\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n`;\n\nexport const base = css`\n width: fit-content;\n`;\n\nexport const ContentWrapper = styled.div`\n display: flex;\n align-items: center;\n position: relative;\n\n &:before {\n content: '';\n position: absolute;\n inset: 0;\n z-index: -1;\n }\n\n &.${classes.clear} {\n &:before {\n display: none;\n }\n\n &.${classes.clearDivider} {\n &:before {\n display: block;\n content: '';\n position: absolute;\n top: unset;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: -1;\n height: 1px;\n box-shadow: unset;\n background: var(${tokens.clearDividerColor});\n }\n }\n }\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentRightWrapper = styled.div`\n display: flex;\n align-items: center;\n flex-direction: row-reverse;\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","StyledContentLeft","styled","name","class","propsAsIs","StyledContentRight","_exp10","StyledInput","base","ContentWrapper","StyledDivider","StyledContentRightWrapper"],"mappings":";;;;;;;;AAQA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAElC,IAAMK,iBAAiB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYtC,EAAA;AAEM,IAAMC,kBAAkB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAavC,EAAA;;AAED;AAAA,IAAAE,MAAA,GAvCkBA,SAuClBA,MAAAA,GAAA;AAAA,EAAA,OACkCR,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMS,WAAW,gBAAGN,YAAM,CAAAK,MAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsEhC,EAAA;AAEM,IAAMI,IAAI,GAEhB,WAAA;AAEM,IAAMC,cAAc,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiCnC,EAAA;AAEM,IAAMM,aAAa,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAElC,IAAMO,yBAAyB,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI9C;;;;;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.s1k2erwt{line-height:0;color:var(--plasma-textfield-content-slot-color);}.s1k2erwt:hover{color:var(--plasma-textfield-content-slot-color-hover);}.s1k2erwt:active{color:var(--plasma-textfield-content-slot-color-active);}
|
|
2
|
-
.s16kyj37{color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.s16kyj37:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.s16kyj37:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
2
|
+
.s16kyj37{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.s16kyj37:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.s16kyj37:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
3
3
|
.s14q3826{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-range-textfield-clear-placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);--plasma-textfield-divider-color-hover:var(--plasma-range-textfield__divider-color-hover);--plasma-textfield-divider-color-focus:var(--plasma-range-textfield__divider-color-focus);}.s14q3826.range-value-success{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}.s14q3826.range-value-error{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}
|
|
4
4
|
.b1fwucr5{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
5
|
-
.czi0aji{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.czi0aji:before{content:'';position:absolute;inset:0;z-index:-1;}.czi0aji.range-clear.range-clear-divider:before{content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(--plasma-range-clear__divider-color);}
|
|
5
|
+
.czi0aji{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.czi0aji:before{content:'';position:absolute;inset:0;z-index:-1;}.czi0aji.range-clear:before{display:none;}.czi0aji.range-clear.range-clear-divider:before{display:block;content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(--plasma-range-clear__divider-color);}
|
|
6
6
|
|
|
7
7
|
.sfxtxl2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
|
package/dist/css/cjs/index.css
CHANGED
|
@@ -818,13 +818,13 @@
|
|
|
818
818
|
|
|
819
819
|
.base_18ua98l_b1l9fpln__7d4abfda[readonly]{cursor:default;}.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_czi0aji__7d4abfda{position:relative;background:transparent;}.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_czi0aji__7d4abfda:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-range-border-radius);box-shadow:inset 0 0 0 var(--plasma-range-border-width,1px) var(--plasma-range-border-color-readonly);background:var(--plasma-range-background-readonly);opacity:var(--plasma-range-readonly-opacity);z-index:-1;}.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_s1e6rwfy__7d4abfda{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_s1k2erwt__7d4abfda,.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_s16kyj37__7d4abfda{color:var(--plasma-range-textfield-color-readonly);}.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_s1k2erwt__7d4abfda:hover,.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_s16kyj37__7d4abfda:hover,.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_s1k2erwt__7d4abfda:active,.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_s16kyj37__7d4abfda:active{color:var(--plasma-range-textfield-color-readonly);cursor:default;}.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_s16kyj37__7d4abfda{opacity:var(--plasma-range__right-content-opacity-readonly);pointer-events:none;}
|
|
820
820
|
|
|
821
|
-
.
|
|
822
|
-
.
|
|
823
|
-
.
|
|
824
|
-
.
|
|
825
|
-
.
|
|
821
|
+
.Range_styles_8ts4t3_s1k2erwt__3ec73d67{line-height:0;color:var(--plasma-textfield-content-slot-color);}.Range_styles_8ts4t3_s1k2erwt__3ec73d67:hover{color:var(--plasma-textfield-content-slot-color-hover);}.Range_styles_8ts4t3_s1k2erwt__3ec73d67:active{color:var(--plasma-textfield-content-slot-color-active);}
|
|
822
|
+
.Range_styles_8ts4t3_s16kyj37__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.Range_styles_8ts4t3_s16kyj37__3ec73d67:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.Range_styles_8ts4t3_s16kyj37__3ec73d67:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
823
|
+
.Range_styles_8ts4t3_s14q3826__3ec73d67{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-range-textfield-clear-placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);--plasma-textfield-divider-color-hover:var(--plasma-range-textfield__divider-color-hover);--plasma-textfield-divider-color-focus:var(--plasma-range-textfield__divider-color-focus);}.Range_styles_8ts4t3_s14q3826__3ec73d67.Range_styles_8ts4t3_rangeValueSuccess__3ec73d67{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}.Range_styles_8ts4t3_s14q3826__3ec73d67.Range_styles_8ts4t3_rangeValueError__3ec73d67{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}
|
|
824
|
+
.Range_styles_8ts4t3_b1fwucr5__3ec73d67{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
825
|
+
.Range_styles_8ts4t3_czi0aji__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.Range_styles_8ts4t3_czi0aji__3ec73d67:before{content:'';position:absolute;inset:0;z-index:-1;}.Range_styles_8ts4t3_czi0aji__3ec73d67.Range_styles_8ts4t3_rangeClear__3ec73d67:before{display:none;}.Range_styles_8ts4t3_czi0aji__3ec73d67.Range_styles_8ts4t3_rangeClear__3ec73d67.Range_styles_8ts4t3_rangeClearDivider__3ec73d67:before{display:block;content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(--plasma-range-clear__divider-color);}
|
|
826
826
|
|
|
827
|
-
.
|
|
827
|
+
.Range_styles_8ts4t3_sfxtxl2__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
|
|
828
828
|
|
|
829
829
|
.InformationWrapper_styles_13qfwt9_ipu4dtt__cf87e978{--plasma-info-wrapper-indicator-wrapper-gap:var(--plasma-range-info-wrapper-indicator-wrapper-gap);--plasma-info-wrapper-label-wrapper-offset:var(--plasma-range-info-wrapper-label-wrapper-offset);--plasma-info-wrapper-label-wrapper-title-caption-offset:var(--plasma-range-info-wrapper-label-wrapper-title-caption-offset);--plasma-info-wrapper-label-font-family:var(--plasma-range-info-wrapper-label-font-family);--plasma-info-wrapper-label-font-style:var(--plasma-range-info-wrapper-label-font-style);--plasma-info-wrapper-label-font-size:var(--plasma-range-info-wrapper-label-font-size);--plasma-info-wrapper-label-font-weight:var(--plasma-range-info-wrapper-label-font-weight);--plasma-info-wrapper-label-letter-spacing:var(--plasma-range-info-wrapper-label-letter-spacing);--plasma-info-wrapper-label-line-height:var(--plasma-range-info-wrapper-label-line-height);--plasma-info-wrapper-label-color:var(--plasma-range-info-wrapper-label-color);--plasma-info-wrapper-content-gap:var(--plasma-range-info-wrapper-content-gap);--plasma-info-wrapper-title-caption-offset:var(--plasma-range-info-wrapper-title-caption-offset);--plasma-info-wrapper-title-caption-color:var(--plasma-range-info-wrapper-title-caption-color);--plasma-info-wrapper-title-caption-font-family:var(--plasma-range-info-wrapper-title-caption-font-family);--plasma-info-wrapper-title-caption-font-style:var(--plasma-range-info-wrapper-title-caption-font-style);--plasma-info-wrapper-title-caption-font-size:var(--plasma-range-info-wrapper-title-caption-font-size);--plasma-info-wrapper-title-caption-font-weight:var(--plasma-range-info-wrapper-title-caption-font-weight);--plasma-info-wrapper-title-caption-letter-spacing:var(--plasma-range-info-wrapper-title-caption-letter-spacing);--plasma-info-wrapper-title-caption-line-height:var(--plasma-range-info-wrapper-title-caption-line-height);--plasma-info-wrapper-hint-margin:var(--plasma-range-info-wrapper-hint-margin);--plasma-info-wrapper-hint-target-size:var(--plasma-range-info-wrapper-hint-target-size);--plasma-info-wrapper-hint-custom-icon-target-size:var(--plasma-range-info-wrapper-hint-custom-icon-target-size);--plasma-info-wrapper-hint-icon-color:var(--plasma-range-info-wrapper-hint-icon-color);--plasma-info-wrapper-hint-without-label-placement-offset:var(--plasma-range-info-wrapper-hint-without-label-placement-offset);--plasma-info-wrapper-tooltip-background-color:var(--plasma-range-info-wrapper-tooltip-background-color);--plasma-info-wrapper-tooltip-box-shadow:var(--plasma-range-info-wrapper-tooltip-box-shadow);--plasma-info-wrapper-tooltip-color:var(--plasma-range-info-wrapper-tooltip-color);--plasma-info-wrapper-tooltip-padding-top:var(--plasma-range-info-wrapper-tooltip-padding-top);--plasma-info-wrapper-tooltip-padding-right:var(--plasma-range-info-wrapper-tooltip-padding-right);--plasma-info-wrapper-tooltip-padding-bottom:var(--plasma-range-info-wrapper-tooltip-padding-bottom);--plasma-info-wrapper-tooltip-padding-left:var(--plasma-range-info-wrapper-tooltip-padding-left);--plasma-info-wrapper-tooltip-min-height:var(--plasma-range-info-wrapper-tooltip-min-height);--plasma-info-wrapper-tooltip-border-radius:var(--plasma-range-info-wrapper-tooltip-border-radius);--plasma-info-wrapper-tooltip-text-font-family:var(--plasma-range-info-wrapper-tooltip-text-font-family);--plasma-info-wrapper-tooltip-text-font-size:var(--plasma-range-info-wrapper-tooltip-text-font-size);--plasma-info-wrapper-tooltip-text-font-style:var(--plasma-range-info-wrapper-tooltip-text-font-style);--plasma-info-wrapper-tooltip-text-font-weight:var(--plasma-range-info-wrapper-tooltip-text-font-weight);--plasma-info-wrapper-tooltip-text-font-letter-spacing:var(--plasma-range-info-wrapper-tooltip-text-font-letter-spacing);--plasma-info-wrapper-tooltip-text-font-line-height:var(--plasma-range-info-wrapper-tooltip-text-font-line-height);--plasma-info-wrapper-tooltip-content-left-margin:var(--plasma-range-info-wrapper-tooltip-content-left-margin);--plasma-info-wrapper-tooltip-arrow-mask-width:var(--plasma-range-info-wrapper-tooltip-arrow-mask-width);--plasma-info-wrapper-tooltip-arrow-mask-height:var(--plasma-range-info-wrapper-tooltip-arrow-mask-height);--plasma-info-wrapper-tooltip-arrow-mask-image:var(--plasma-range-info-wrapper-tooltip-arrow-mask-image);--plasma-info-wrapper-tooltip-arrow-height:var(--plasma-range-info-wrapper-tooltip-arrow-height);--plasma-info-wrapper-tooltip-arrow-edge-margin:var(--plasma-range-info-wrapper-tooltip-arrow-edge-margin);--plasma-info-wrapper-tooltip-arrow-background:var(--plasma-range-info-wrapper-tooltip-arrow-background);--plasma-info-wrapper-indicator-color:var(--plasma-range-info-wrapper-indicator-color);--plasma-info-wrapper-indicator-size-inner:var(--plasma-range-info-wrapper-indicator-size-inner);--plasma-info-wrapper-indicator-size-outer:var(--plasma-range-info-wrapper-indicator-size-outer);--plasma-info-wrapper-indicator-margin-top:var(--plasma-range-info-wrapper-indicator-margin-top);--plasma-info-wrapper-indicator-outer-left:var(--plasma-range-info-wrapper-indicator-outer-left);--plasma-info-wrapper-indicator-without-label-inner:var(--plasma-range-info-wrapper-indicator-without-label-inner);--plasma-info-wrapper-indicator-without-label-inner-left:var(--plasma-range-info-wrapper-indicator-without-label-inner-left);--plasma-info-wrapper-left-helper-color:var(--plasma-range-info-wrapper-left-helper-color);--plasma-info-wrapper-helpers-padding-top:var(--plasma-range-info-wrapper-helpers-padding-top);--plasma-info-wrapper-helpers-gap:var(--plasma-range-info-wrapper-helpers-gap);--plasma-info-wrapper-left-helper-font-family:var(--plasma-range-info-wrapper-left-helper-font-family);--plasma-info-wrapper-left-helper-font-style:var(--plasma-range-info-wrapper-left-helper-font-style);--plasma-info-wrapper-left-helper-font-size:var(--plasma-range-info-wrapper-left-helper-font-size);--plasma-info-wrapper-left-helper-font-weight:var(--plasma-range-info-wrapper-left-helper-font-weight);--plasma-info-wrapper-left-helper-letter-spacing:var(--plasma-range-info-wrapper-left-helper-letter-spacing);--plasma-info-wrapper-left-helper-line-height:var(--plasma-range-info-wrapper-left-helper-line-height);--plasma-info-wrapper-label-color-readonly:var(--plasma-range-info-wrapper-label-color-readonly);--plasma-info-wrapper-title-caption-color-readonly:var(--plasma-range-info-wrapper-title-caption-color-readonly);--plasma-info-wrapper-left-helper-color-readonly:var(--plasma-range-info-wrapper-left-helper-color-readonly);--plasma-info-wrapper-right-helper-color-readonly:var(--plasma-range-info-wrapper-right-helper-color-readonly);}
|
|
830
830
|
|
|
@@ -154,13 +154,13 @@
|
|
|
154
154
|
|
|
155
155
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
|
156
156
|
|
|
157
|
-
.
|
|
158
|
-
.
|
|
159
|
-
.
|
|
160
|
-
.
|
|
161
|
-
.
|
|
157
|
+
.Range_styles_8ts4t3_s1k2erwt__3ec73d67{line-height:0;color:var(--plasma-textfield-content-slot-color);}.Range_styles_8ts4t3_s1k2erwt__3ec73d67:hover{color:var(--plasma-textfield-content-slot-color-hover);}.Range_styles_8ts4t3_s1k2erwt__3ec73d67:active{color:var(--plasma-textfield-content-slot-color-active);}
|
|
158
|
+
.Range_styles_8ts4t3_s16kyj37__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.Range_styles_8ts4t3_s16kyj37__3ec73d67:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.Range_styles_8ts4t3_s16kyj37__3ec73d67:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
159
|
+
.Range_styles_8ts4t3_s14q3826__3ec73d67{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-range-textfield-clear-placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);--plasma-textfield-divider-color-hover:var(--plasma-range-textfield__divider-color-hover);--plasma-textfield-divider-color-focus:var(--plasma-range-textfield__divider-color-focus);}.Range_styles_8ts4t3_s14q3826__3ec73d67.Range_styles_8ts4t3_rangeValueSuccess__3ec73d67{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}.Range_styles_8ts4t3_s14q3826__3ec73d67.Range_styles_8ts4t3_rangeValueError__3ec73d67{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}
|
|
160
|
+
.Range_styles_8ts4t3_b1fwucr5__3ec73d67{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
161
|
+
.Range_styles_8ts4t3_czi0aji__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.Range_styles_8ts4t3_czi0aji__3ec73d67:before{content:'';position:absolute;inset:0;z-index:-1;}.Range_styles_8ts4t3_czi0aji__3ec73d67.Range_styles_8ts4t3_rangeClear__3ec73d67:before{display:none;}.Range_styles_8ts4t3_czi0aji__3ec73d67.Range_styles_8ts4t3_rangeClear__3ec73d67.Range_styles_8ts4t3_rangeClearDivider__3ec73d67:before{display:block;content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(--plasma-range-clear__divider-color);}
|
|
162
162
|
|
|
163
|
-
.
|
|
163
|
+
.Range_styles_8ts4t3_sfxtxl2__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
|
|
164
164
|
|
|
165
165
|
.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_l1fqe3w9__3c76b4c2{display:inline-block;color:var(--plasma-info-wrapper-label-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_t7bnw1h__3c76b4c2{color:var(--plasma-info-wrapper-title-caption-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_l132dj1__3c76b4c2{color:var(--plasma-info-wrapper-left-helper-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_r19wxw5z__3c76b4c2{color:var(--plasma-info-wrapper-right-helper-color);}
|
|
166
166
|
|
|
@@ -70,13 +70,13 @@
|
|
|
70
70
|
|
|
71
71
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
|
72
72
|
|
|
73
|
-
.
|
|
74
|
-
.
|
|
75
|
-
.
|
|
76
|
-
.
|
|
77
|
-
.
|
|
73
|
+
.Range_styles_8ts4t3_s1k2erwt__3ec73d67{line-height:0;color:var(--plasma-textfield-content-slot-color);}.Range_styles_8ts4t3_s1k2erwt__3ec73d67:hover{color:var(--plasma-textfield-content-slot-color-hover);}.Range_styles_8ts4t3_s1k2erwt__3ec73d67:active{color:var(--plasma-textfield-content-slot-color-active);}
|
|
74
|
+
.Range_styles_8ts4t3_s16kyj37__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.Range_styles_8ts4t3_s16kyj37__3ec73d67:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.Range_styles_8ts4t3_s16kyj37__3ec73d67:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
75
|
+
.Range_styles_8ts4t3_s14q3826__3ec73d67{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-range-textfield-clear-placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);--plasma-textfield-divider-color-hover:var(--plasma-range-textfield__divider-color-hover);--plasma-textfield-divider-color-focus:var(--plasma-range-textfield__divider-color-focus);}.Range_styles_8ts4t3_s14q3826__3ec73d67.Range_styles_8ts4t3_rangeValueSuccess__3ec73d67{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}.Range_styles_8ts4t3_s14q3826__3ec73d67.Range_styles_8ts4t3_rangeValueError__3ec73d67{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}
|
|
76
|
+
.Range_styles_8ts4t3_b1fwucr5__3ec73d67{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
77
|
+
.Range_styles_8ts4t3_czi0aji__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.Range_styles_8ts4t3_czi0aji__3ec73d67:before{content:'';position:absolute;inset:0;z-index:-1;}.Range_styles_8ts4t3_czi0aji__3ec73d67.Range_styles_8ts4t3_rangeClear__3ec73d67:before{display:none;}.Range_styles_8ts4t3_czi0aji__3ec73d67.Range_styles_8ts4t3_rangeClear__3ec73d67.Range_styles_8ts4t3_rangeClearDivider__3ec73d67:before{display:block;content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(--plasma-range-clear__divider-color);}
|
|
78
78
|
|
|
79
|
-
.
|
|
79
|
+
.Range_styles_8ts4t3_sfxtxl2__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
|
|
80
80
|
|
|
81
81
|
.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_l1fqe3w9__3c76b4c2{display:inline-block;color:var(--plasma-info-wrapper-label-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_t7bnw1h__3c76b4c2{color:var(--plasma-info-wrapper-title-caption-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_l132dj1__3c76b4c2{color:var(--plasma-info-wrapper-left-helper-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_r19wxw5z__3c76b4c2{color:var(--plasma-info-wrapper-right-helper-color);}
|
|
82
82
|
|
|
@@ -84,13 +84,13 @@
|
|
|
84
84
|
|
|
85
85
|
.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
|
|
86
86
|
|
|
87
|
-
.
|
|
88
|
-
.
|
|
89
|
-
.
|
|
90
|
-
.
|
|
91
|
-
.
|
|
87
|
+
.Range_styles_8ts4t3_s1k2erwt__3ec73d67{line-height:0;color:var(--plasma-textfield-content-slot-color);}.Range_styles_8ts4t3_s1k2erwt__3ec73d67:hover{color:var(--plasma-textfield-content-slot-color-hover);}.Range_styles_8ts4t3_s1k2erwt__3ec73d67:active{color:var(--plasma-textfield-content-slot-color-active);}
|
|
88
|
+
.Range_styles_8ts4t3_s16kyj37__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.Range_styles_8ts4t3_s16kyj37__3ec73d67:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.Range_styles_8ts4t3_s16kyj37__3ec73d67:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
89
|
+
.Range_styles_8ts4t3_s14q3826__3ec73d67{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-range-textfield-clear-placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);--plasma-textfield-divider-color-hover:var(--plasma-range-textfield__divider-color-hover);--plasma-textfield-divider-color-focus:var(--plasma-range-textfield__divider-color-focus);}.Range_styles_8ts4t3_s14q3826__3ec73d67.Range_styles_8ts4t3_rangeValueSuccess__3ec73d67{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}.Range_styles_8ts4t3_s14q3826__3ec73d67.Range_styles_8ts4t3_rangeValueError__3ec73d67{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}
|
|
90
|
+
.Range_styles_8ts4t3_b1fwucr5__3ec73d67{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
91
|
+
.Range_styles_8ts4t3_czi0aji__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.Range_styles_8ts4t3_czi0aji__3ec73d67:before{content:'';position:absolute;inset:0;z-index:-1;}.Range_styles_8ts4t3_czi0aji__3ec73d67.Range_styles_8ts4t3_rangeClear__3ec73d67:before{display:none;}.Range_styles_8ts4t3_czi0aji__3ec73d67.Range_styles_8ts4t3_rangeClear__3ec73d67.Range_styles_8ts4t3_rangeClearDivider__3ec73d67:before{display:block;content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(--plasma-range-clear__divider-color);}
|
|
92
92
|
|
|
93
|
-
.
|
|
93
|
+
.Range_styles_8ts4t3_sfxtxl2__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
|
|
94
94
|
|
|
95
95
|
.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_l1fqe3w9__3c76b4c2{display:inline-block;color:var(--plasma-info-wrapper-label-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_t7bnw1h__3c76b4c2{color:var(--plasma-info-wrapper-title-caption-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_l132dj1__3c76b4c2{color:var(--plasma-info-wrapper-left-helper-color);}.base_kazelg_b1nt8wox__3c76b4c2 .base_kazelg_r19wxw5z__3c76b4c2{color:var(--plasma-info-wrapper-right-helper-color);}
|
|
96
96
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Range.styles.js","sources":["../../../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledContentLeft = styled.div`\n line-height: 0;\n\n color: var(${tokens.contentSlotColor});\n\n &:hover {\n color: var(${tokens.contentSlotColorHover});\n }\n\n &:active {\n color: var(${tokens.contentSlotColorActive});\n }\n`;\n\nexport const StyledContentRight = styled.div`\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n &:hover {\n color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n cursor: pointer;\n }\n\n &:active {\n color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n }\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.clearPlaceholderColorFocus}: var(${tokens.textFieldClearPlaceholderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n ${textFieldTokens.dividerColorHover}: var(${tokens.textFieldDividerColorHover});\n ${textFieldTokens.dividerColorFocus}: var(${tokens.textFieldDividerColorFocus});\n\n &.${classes.rangeValueSuccess} {\n ${textFieldTokens.color}: var(${tokens.textFieldColorSuccess}, var(${tokens.textFieldColor}));\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n\n &.${classes.rangeValueError} {\n ${textFieldTokens.color}: var(${tokens.textFieldColorError}, var(${tokens.textFieldColor}));\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n`;\n\nexport const base = css`\n width: fit-content;\n`;\n\nexport const ContentWrapper = styled.div`\n display: flex;\n align-items: center;\n position: relative;\n\n &:before {\n content: '';\n position: absolute;\n inset: 0;\n z-index: -1;\n }\n\n &.${classes.clear}
|
|
1
|
+
{"version":3,"file":"Range.styles.js","sources":["../../../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const StyledContentLeft = styled.div`\n line-height: 0;\n\n color: var(${tokens.contentSlotColor});\n\n &:hover {\n color: var(${tokens.contentSlotColorHover});\n }\n\n &:active {\n color: var(${tokens.contentSlotColorActive});\n }\n`;\n\nexport const StyledContentRight = styled.div`\n display: flex;\n align-items: center;\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n &:hover {\n color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n cursor: pointer;\n }\n\n &:active {\n color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n }\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.clearPlaceholderColorFocus}: var(${tokens.textFieldClearPlaceholderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n ${textFieldTokens.dividerColorHover}: var(${tokens.textFieldDividerColorHover});\n ${textFieldTokens.dividerColorFocus}: var(${tokens.textFieldDividerColorFocus});\n\n &.${classes.rangeValueSuccess} {\n ${textFieldTokens.color}: var(${tokens.textFieldColorSuccess}, var(${tokens.textFieldColor}));\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n\n &.${classes.rangeValueError} {\n ${textFieldTokens.color}: var(${tokens.textFieldColorError}, var(${tokens.textFieldColor}));\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n`;\n\nexport const base = css`\n width: fit-content;\n`;\n\nexport const ContentWrapper = styled.div`\n display: flex;\n align-items: center;\n position: relative;\n\n &:before {\n content: '';\n position: absolute;\n inset: 0;\n z-index: -1;\n }\n\n &.${classes.clear} {\n &:before {\n display: none;\n }\n\n &.${classes.clearDivider} {\n &:before {\n display: block;\n content: '';\n position: absolute;\n top: unset;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: -1;\n height: 1px;\n box-shadow: unset;\n background: var(${tokens.clearDividerColor});\n }\n }\n }\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentRightWrapper = styled.div`\n display: flex;\n align-items: center;\n flex-direction: row-reverse;\n`;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","StyledContentLeft","styled","name","class","propsAsIs","StyledContentRight","_exp10","StyledInput","base","ContentWrapper","StyledDivider","StyledContentRightWrapper"],"mappings":";;;;AAQA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAElC,IAAMK,iBAAiB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYtC,EAAA;AAEM,IAAMC,kBAAkB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAavC,EAAA;;AAED;AAAA,IAAAE,MAAA,GAvCkBA,SAuClBA,MAAAA,GAAA;AAAA,EAAA,OACkCR,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMS,WAAW,gBAAGN,MAAM,CAAAK,MAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsEhC,EAAA;AAEM,IAAMI,IAAI,GAEhB,WAAA;AAEM,IAAMC,cAAc,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiCnC,EAAA;AAEM,IAAMM,aAAa,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAElC,IAAMO,yBAAyB,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI9C;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.s1k2erwt{line-height:0;color:var(--plasma-textfield-content-slot-color);}.s1k2erwt:hover{color:var(--plasma-textfield-content-slot-color-hover);}.s1k2erwt:active{color:var(--plasma-textfield-content-slot-color-active);}
|
|
2
|
-
.s16kyj37{color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.s16kyj37:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.s16kyj37:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
2
|
+
.s16kyj37{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.s16kyj37:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.s16kyj37:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
3
3
|
.s14q3826{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-range-textfield-clear-placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);--plasma-textfield-divider-color-hover:var(--plasma-range-textfield__divider-color-hover);--plasma-textfield-divider-color-focus:var(--plasma-range-textfield__divider-color-focus);}.s14q3826.range-value-success{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}.s14q3826.range-value-error{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}
|
|
4
4
|
.b1fwucr5{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
5
|
-
.czi0aji{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.czi0aji:before{content:'';position:absolute;inset:0;z-index:-1;}.czi0aji.range-clear.range-clear-divider:before{content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(--plasma-range-clear__divider-color);}
|
|
5
|
+
.czi0aji{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.czi0aji:before{content:'';position:absolute;inset:0;z-index:-1;}.czi0aji.range-clear:before{display:none;}.czi0aji.range-clear.range-clear-divider:before{display:block;content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(--plasma-range-clear__divider-color);}
|
|
6
6
|
|
|
7
7
|
.sfxtxl2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
|
package/dist/css/es/index.css
CHANGED
|
@@ -818,13 +818,13 @@
|
|
|
818
818
|
|
|
819
819
|
.base_18ua98l_b1l9fpln__7d4abfda[readonly]{cursor:default;}.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_czi0aji__7d4abfda{position:relative;background:transparent;}.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_czi0aji__7d4abfda:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-range-border-radius);box-shadow:inset 0 0 0 var(--plasma-range-border-width,1px) var(--plasma-range-border-color-readonly);background:var(--plasma-range-background-readonly);opacity:var(--plasma-range-readonly-opacity);z-index:-1;}.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_s1e6rwfy__7d4abfda{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_s1k2erwt__7d4abfda,.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_s16kyj37__7d4abfda{color:var(--plasma-range-textfield-color-readonly);}.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_s1k2erwt__7d4abfda:hover,.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_s16kyj37__7d4abfda:hover,.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_s1k2erwt__7d4abfda:active,.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_s16kyj37__7d4abfda:active{color:var(--plasma-range-textfield-color-readonly);cursor:default;}.base_18ua98l_b1l9fpln__7d4abfda[readonly] .base_18ua98l_s16kyj37__7d4abfda{opacity:var(--plasma-range__right-content-opacity-readonly);pointer-events:none;}
|
|
820
820
|
|
|
821
|
-
.
|
|
822
|
-
.
|
|
823
|
-
.
|
|
824
|
-
.
|
|
825
|
-
.
|
|
821
|
+
.Range_styles_8ts4t3_s1k2erwt__3ec73d67{line-height:0;color:var(--plasma-textfield-content-slot-color);}.Range_styles_8ts4t3_s1k2erwt__3ec73d67:hover{color:var(--plasma-textfield-content-slot-color-hover);}.Range_styles_8ts4t3_s1k2erwt__3ec73d67:active{color:var(--plasma-textfield-content-slot-color-active);}
|
|
822
|
+
.Range_styles_8ts4t3_s16kyj37__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.Range_styles_8ts4t3_s16kyj37__3ec73d67:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.Range_styles_8ts4t3_s16kyj37__3ec73d67:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
823
|
+
.Range_styles_8ts4t3_s14q3826__3ec73d67{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-range-textfield-clear-placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);--plasma-textfield-divider-color-hover:var(--plasma-range-textfield__divider-color-hover);--plasma-textfield-divider-color-focus:var(--plasma-range-textfield__divider-color-focus);}.Range_styles_8ts4t3_s14q3826__3ec73d67.Range_styles_8ts4t3_rangeValueSuccess__3ec73d67{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}.Range_styles_8ts4t3_s14q3826__3ec73d67.Range_styles_8ts4t3_rangeValueError__3ec73d67{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}
|
|
824
|
+
.Range_styles_8ts4t3_b1fwucr5__3ec73d67{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
825
|
+
.Range_styles_8ts4t3_czi0aji__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.Range_styles_8ts4t3_czi0aji__3ec73d67:before{content:'';position:absolute;inset:0;z-index:-1;}.Range_styles_8ts4t3_czi0aji__3ec73d67.Range_styles_8ts4t3_rangeClear__3ec73d67:before{display:none;}.Range_styles_8ts4t3_czi0aji__3ec73d67.Range_styles_8ts4t3_rangeClear__3ec73d67.Range_styles_8ts4t3_rangeClearDivider__3ec73d67:before{display:block;content:'';position:absolute;top:unset;left:0;right:0;bottom:0;z-index:-1;height:1px;box-shadow:unset;background:var(--plasma-range-clear__divider-color);}
|
|
826
826
|
|
|
827
|
-
.
|
|
827
|
+
.Range_styles_8ts4t3_sfxtxl2__3ec73d67{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
|
|
828
828
|
|
|
829
829
|
.InformationWrapper_styles_13qfwt9_ipu4dtt__cf87e978{--plasma-info-wrapper-indicator-wrapper-gap:var(--plasma-range-info-wrapper-indicator-wrapper-gap);--plasma-info-wrapper-label-wrapper-offset:var(--plasma-range-info-wrapper-label-wrapper-offset);--plasma-info-wrapper-label-wrapper-title-caption-offset:var(--plasma-range-info-wrapper-label-wrapper-title-caption-offset);--plasma-info-wrapper-label-font-family:var(--plasma-range-info-wrapper-label-font-family);--plasma-info-wrapper-label-font-style:var(--plasma-range-info-wrapper-label-font-style);--plasma-info-wrapper-label-font-size:var(--plasma-range-info-wrapper-label-font-size);--plasma-info-wrapper-label-font-weight:var(--plasma-range-info-wrapper-label-font-weight);--plasma-info-wrapper-label-letter-spacing:var(--plasma-range-info-wrapper-label-letter-spacing);--plasma-info-wrapper-label-line-height:var(--plasma-range-info-wrapper-label-line-height);--plasma-info-wrapper-label-color:var(--plasma-range-info-wrapper-label-color);--plasma-info-wrapper-content-gap:var(--plasma-range-info-wrapper-content-gap);--plasma-info-wrapper-title-caption-offset:var(--plasma-range-info-wrapper-title-caption-offset);--plasma-info-wrapper-title-caption-color:var(--plasma-range-info-wrapper-title-caption-color);--plasma-info-wrapper-title-caption-font-family:var(--plasma-range-info-wrapper-title-caption-font-family);--plasma-info-wrapper-title-caption-font-style:var(--plasma-range-info-wrapper-title-caption-font-style);--plasma-info-wrapper-title-caption-font-size:var(--plasma-range-info-wrapper-title-caption-font-size);--plasma-info-wrapper-title-caption-font-weight:var(--plasma-range-info-wrapper-title-caption-font-weight);--plasma-info-wrapper-title-caption-letter-spacing:var(--plasma-range-info-wrapper-title-caption-letter-spacing);--plasma-info-wrapper-title-caption-line-height:var(--plasma-range-info-wrapper-title-caption-line-height);--plasma-info-wrapper-hint-margin:var(--plasma-range-info-wrapper-hint-margin);--plasma-info-wrapper-hint-target-size:var(--plasma-range-info-wrapper-hint-target-size);--plasma-info-wrapper-hint-custom-icon-target-size:var(--plasma-range-info-wrapper-hint-custom-icon-target-size);--plasma-info-wrapper-hint-icon-color:var(--plasma-range-info-wrapper-hint-icon-color);--plasma-info-wrapper-hint-without-label-placement-offset:var(--plasma-range-info-wrapper-hint-without-label-placement-offset);--plasma-info-wrapper-tooltip-background-color:var(--plasma-range-info-wrapper-tooltip-background-color);--plasma-info-wrapper-tooltip-box-shadow:var(--plasma-range-info-wrapper-tooltip-box-shadow);--plasma-info-wrapper-tooltip-color:var(--plasma-range-info-wrapper-tooltip-color);--plasma-info-wrapper-tooltip-padding-top:var(--plasma-range-info-wrapper-tooltip-padding-top);--plasma-info-wrapper-tooltip-padding-right:var(--plasma-range-info-wrapper-tooltip-padding-right);--plasma-info-wrapper-tooltip-padding-bottom:var(--plasma-range-info-wrapper-tooltip-padding-bottom);--plasma-info-wrapper-tooltip-padding-left:var(--plasma-range-info-wrapper-tooltip-padding-left);--plasma-info-wrapper-tooltip-min-height:var(--plasma-range-info-wrapper-tooltip-min-height);--plasma-info-wrapper-tooltip-border-radius:var(--plasma-range-info-wrapper-tooltip-border-radius);--plasma-info-wrapper-tooltip-text-font-family:var(--plasma-range-info-wrapper-tooltip-text-font-family);--plasma-info-wrapper-tooltip-text-font-size:var(--plasma-range-info-wrapper-tooltip-text-font-size);--plasma-info-wrapper-tooltip-text-font-style:var(--plasma-range-info-wrapper-tooltip-text-font-style);--plasma-info-wrapper-tooltip-text-font-weight:var(--plasma-range-info-wrapper-tooltip-text-font-weight);--plasma-info-wrapper-tooltip-text-font-letter-spacing:var(--plasma-range-info-wrapper-tooltip-text-font-letter-spacing);--plasma-info-wrapper-tooltip-text-font-line-height:var(--plasma-range-info-wrapper-tooltip-text-font-line-height);--plasma-info-wrapper-tooltip-content-left-margin:var(--plasma-range-info-wrapper-tooltip-content-left-margin);--plasma-info-wrapper-tooltip-arrow-mask-width:var(--plasma-range-info-wrapper-tooltip-arrow-mask-width);--plasma-info-wrapper-tooltip-arrow-mask-height:var(--plasma-range-info-wrapper-tooltip-arrow-mask-height);--plasma-info-wrapper-tooltip-arrow-mask-image:var(--plasma-range-info-wrapper-tooltip-arrow-mask-image);--plasma-info-wrapper-tooltip-arrow-height:var(--plasma-range-info-wrapper-tooltip-arrow-height);--plasma-info-wrapper-tooltip-arrow-edge-margin:var(--plasma-range-info-wrapper-tooltip-arrow-edge-margin);--plasma-info-wrapper-tooltip-arrow-background:var(--plasma-range-info-wrapper-tooltip-arrow-background);--plasma-info-wrapper-indicator-color:var(--plasma-range-info-wrapper-indicator-color);--plasma-info-wrapper-indicator-size-inner:var(--plasma-range-info-wrapper-indicator-size-inner);--plasma-info-wrapper-indicator-size-outer:var(--plasma-range-info-wrapper-indicator-size-outer);--plasma-info-wrapper-indicator-margin-top:var(--plasma-range-info-wrapper-indicator-margin-top);--plasma-info-wrapper-indicator-outer-left:var(--plasma-range-info-wrapper-indicator-outer-left);--plasma-info-wrapper-indicator-without-label-inner:var(--plasma-range-info-wrapper-indicator-without-label-inner);--plasma-info-wrapper-indicator-without-label-inner-left:var(--plasma-range-info-wrapper-indicator-without-label-inner-left);--plasma-info-wrapper-left-helper-color:var(--plasma-range-info-wrapper-left-helper-color);--plasma-info-wrapper-helpers-padding-top:var(--plasma-range-info-wrapper-helpers-padding-top);--plasma-info-wrapper-helpers-gap:var(--plasma-range-info-wrapper-helpers-gap);--plasma-info-wrapper-left-helper-font-family:var(--plasma-range-info-wrapper-left-helper-font-family);--plasma-info-wrapper-left-helper-font-style:var(--plasma-range-info-wrapper-left-helper-font-style);--plasma-info-wrapper-left-helper-font-size:var(--plasma-range-info-wrapper-left-helper-font-size);--plasma-info-wrapper-left-helper-font-weight:var(--plasma-range-info-wrapper-left-helper-font-weight);--plasma-info-wrapper-left-helper-letter-spacing:var(--plasma-range-info-wrapper-left-helper-letter-spacing);--plasma-info-wrapper-left-helper-line-height:var(--plasma-range-info-wrapper-left-helper-line-height);--plasma-info-wrapper-label-color-readonly:var(--plasma-range-info-wrapper-label-color-readonly);--plasma-info-wrapper-title-caption-color-readonly:var(--plasma-range-info-wrapper-title-caption-color-readonly);--plasma-info-wrapper-left-helper-color-readonly:var(--plasma-range-info-wrapper-left-helper-color-readonly);--plasma-info-wrapper-right-helper-color-readonly:var(--plasma-range-info-wrapper-right-helper-color-readonly);}
|
|
830
830
|
|