@salutejs/plasma-new-hope 0.242.1-dev.0 → 0.243.0-dev.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/cjs/components/Slider/Slider.css +6 -6
- package/cjs/components/Slider/Slider.tokens.js +1 -0
- package/cjs/components/Slider/Slider.tokens.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.css +6 -6
- package/cjs/components/Slider/components/Single/Single.styles.js +1 -1
- package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles_1a6l9pg.css +6 -0
- package/cjs/index.css +6 -6
- package/emotion/cjs/components/Slider/Slider.tokens.js +1 -0
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +6 -6
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/emotion/es/components/Slider/Slider.tokens.js +1 -0
- package/emotion/es/components/Slider/components/Single/Single.styles.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/es/components/Slider/Slider.css +6 -6
- package/es/components/Slider/Slider.tokens.js +1 -0
- package/es/components/Slider/Slider.tokens.js.map +1 -1
- package/es/components/Slider/components/Single/Single.css +6 -6
- package/es/components/Slider/components/Single/Single.styles.js +1 -1
- package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/es/components/Slider/components/Single/Single.styles_1a6l9pg.css +6 -0
- package/es/index.css +6 -6
- package/package.json +2 -2
- package/styled-components/cjs/components/Slider/Slider.tokens.js +1 -0
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +3 -3
- package/styled-components/es/components/Slider/Slider.tokens.js +1 -0
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +3 -3
- package/types/components/Slider/Slider.tokens.d.ts +1 -0
- package/types/components/Slider/Slider.tokens.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
- package/es/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
|
@@ -11,12 +11,12 @@
|
|
|
11
11
|
.SliderBase_styles_wld555_fdg7yhg__d313173d{position:absolute;width:0;height:100%;top:0;left:0;border-radius:var(--plasma-slider-rail-border-radius);background:var(--plasma-slider-fill-color);}
|
|
12
12
|
.SliderBase_styles_wld555_i17ya4q3__d313173d{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
|
13
13
|
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
14
|
+
.Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
|
15
|
+
.Single_styles_1a6l9pg_ly2gexi__83bf0d1d{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
16
|
+
.Single_styles_1a6l9pg_lozb535__83bf0d1d{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
|
17
|
+
.Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderHideMinValue__83bf0d1d,.Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderHideMaxValue__83bf0d1d{opacity:0;}.Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderActiveRangeValue__83bf0d1d{color:var(--plasma-slider-label-color);}
|
|
18
|
+
.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d.Single_styles_1a6l9pg_sliderRangeValuesPlacementOuter__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{position:absolute;bottom:calc(var(--plasma-slider-rail-thickness) * -1.5 - var(--plasma-slider-range-value-bottom-offset));left:0;}.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d.Single_styles_1a6l9pg_sliderRangeValuesPlacementOuter__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderMaxRangeValue__83bf0d1d{left:unset;right:0;}.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d.Single_styles_1a6l9pg_sliderRangeValuesPlacementInner__83bf0d1d{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d.Single_styles_1a6l9pg_sliderRangeValuesPlacementInner__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d.Single_styles_1a6l9pg_sliderRangeValuesPlacementInner__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderMaxRangeValue__83bf0d1d{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
|
|
19
|
+
.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementOuter__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementOuter__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementInner__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementInner__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d:not(:has(.Single_styles_1a6l9pg_lozb535__83bf0d1d)):has(.Single_styles_1a6l9pg_ly2gexi__83bf0d1d){margin-right:var(--plasma-slider-label-wrapper-only-icon-margin-right);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementInner__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d:has(.Single_styles_1a6l9pg_lozb535__83bf0d1d){margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementBottom__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementBottom__83bf0d1d.Single_styles_1a6l9pg_sliderLabelContentReversed__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d.Single_styles_1a6l9pg_sliderLabelContentReversed__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d .Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d{width:var(--plasma-slider-size);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementInner__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignLeft__83bf0d1d{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignLeft__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignRight__83bf0d1d{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementBottom__83bf0d1d{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementBottom__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d .Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderMaxRangeValue__83bf0d1d{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignLeft__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d,.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignRight__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{margin-right:0;margin-bottom:0;position:absolute;top:0;right:calc( var(--plasma-slider-rail-thickness) / 2 + var(--plasma-slider-size) / 2 + var(--plasma-slider-range-value-horizontal-offset) );}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignLeft__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderMaxRangeValue__83bf0d1d,.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignRight__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderMaxRangeValue__83bf0d1d{margin-right:0;margin-left:0;top:auto;bottom:0;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignRight__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{left:calc(var(--plasma-slider-size) + var(--plasma-slider-rail-thickness));}
|
|
20
20
|
|
|
21
21
|
.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i13qvwoy__79b65751{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i19ry60d__79b65751{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasChips__79b65751{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasEmptyContentLeft__79b65751{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasEmptyContentRight__79b65751{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_l1gjsnfi__79b65751,.base_1tei47x_b13ve66i__79b65751:not(.base_1tei47x_labelPlacementInner__79b65751) .base_1tei47x_s14qvple__79b65751{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s16itze4__79b65751{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_h1skqnhr__79b65751{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_t600610__79b65751{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_lb3k3v1__79b65751{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s7hnwwb__79b65751,.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_smqgwd8__79b65751{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s7hnwwb__79b65751{margin:var(--plasma-textfield__before-text-margin);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_smqgwd8__79b65751{margin:var(--plasma-textfield__after-text-margin);}
|
|
22
22
|
|
|
@@ -29,6 +29,7 @@ var tokens = {
|
|
|
29
29
|
labelWrapperGap: '--plasma-slider-label-wrapper-gap',
|
|
30
30
|
labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',
|
|
31
31
|
labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',
|
|
32
|
+
labelWrapperOnlyIconMarginRight: '--plasma-slider-label-wrapper-only-icon-margin-right',
|
|
32
33
|
labelWrapperVerticalMargin: '--plasma-slider-label-wrapper-vertical-margin',
|
|
33
34
|
labelColor: '--plasma-slider-label-color',
|
|
34
35
|
labelFontFamily: '--plasma-slider-label-font-family',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.tokens.js","sources":["../../../src/components/Slider/Slider.tokens.ts"],"sourcesContent":["export const classes = {\n labelPlacementOuter: 'slider-label-placement-outer',\n labelPlacementInner: 'slider-label-placement-inner',\n labelPlacementBottom: 'slider-label-placement-bottom',\n labelAlignLeft: 'slider-label-align-left',\n labelAlignCenter: 'slider-label-align-center',\n labelAlignRight: 'slider-label-align-right',\n labelAlignNone: 'slider-label-align-none',\n labelContentReversed: 'slider-label-content-reversed',\n rangeValuesPlacementOuter: 'slider-range-values-placement-outer',\n rangeValuesPlacementInner: 'slider-range-values-placement-inner',\n maxRangeValue: 'slider-max-range-value',\n hideMinValue: 'slider-hide-min-value',\n hideMaxValue: 'slider-hide-max-value',\n textFieldActive: 'slider-text-field-active',\n firstTextField: 'slider-first-text-field',\n secondTextField: 'slider-second-text-field',\n activeRangeValue: 'slider-active-range-value',\n verticalOrientation: 'slider-vertical-orientation',\n valuePlacementLeft: 'slider-value-placement-left',\n reversed: 'slider-reversed',\n};\n\nexport const tokens = {\n size: '--plasma-slider-size',\n\n labelWrapperGap: '--plasma-slider-label-wrapper-gap',\n labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',\n labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',\n labelWrapperVerticalMargin: '--plasma-slider-label-wrapper-vertical-margin',\n\n labelColor: '--plasma-slider-label-color',\n labelFontFamily: '--plasma-slider-label-font-family',\n labelFontSize: '--plasma-slider-label-font-size',\n labelFontStyle: '--plasma-slider-label-font-style',\n labelFontWeight: '--plasma-slider-label-font-weight',\n labelLetterSpacing: '--plasma-slider-label-letter-spacing',\n labelLineHeight: '--plasma-slider-label-line-height',\n\n rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',\n rangeValueHorizontalMargin: '--plasma-slider-range-value-horizontal-margin',\n rangeValueHorizontalOffset: '--plasma-slider-range-value-horizontal-offset',\n rangeValueVerticalMargin: '--plasma-slider-range-value-vertical-margin',\n\n rangeValueColor: '--plasma-slider-range-value-color',\n valueFontFamily: '--plasma-slider-value-font-family',\n valueFontSize: '--plasma-slider-value-font-size',\n valueFontStyle: '--plasma-slider-value-font-style',\n valueFontWeight: '--plasma-slider-value-font-weight',\n valueLetterSpacing: '--plasma-slider-value-letter-spacing',\n valueLineHeight: '--plasma-slider-value-line-height',\n\n doubleWrapperGap: '--plasma-slider-double-wrapper-gap',\n\n thumbSize: '--plasma-slider-thumb-size',\n thumbSizeLarge: '--plasma-slider-thumb-size-large',\n thumbBorder: '--plasma-slider-thumb-border',\n thumbBorderColor: '--plasma-slider-thumb-border-color',\n thumbBackgroundColor: '--plasma-slider-thumb-background-color',\n\n thumbFocusBorderColor: '--plasma-slider-thumb-focus-border-color',\n\n currentValueTopOffset: '--plasma-slider-current-value-top-offset',\n\n railBackgroundColor: '--plasma-slider-rail-background-color',\n railThickness: '--plasma-slider-rail-thickness',\n railBorderRadius: '--plasma-slider-rail-border-radius',\n railIndent: '--plasma-slider-rail-indent',\n\n fillColor: '--plasma-slider-fill-color',\n\n textFieldWrapperGap: '--plasma-slider-text-field-wrapper-gap',\n\n textFieldFontFamily: '--plasma-slider-text-field-font-family',\n textFieldFontSize: '--plasma-slider-text-field-font-size',\n textFieldFontStyle: '--plasma-slider-text-field-font-style',\n textFieldFontWeight: '--plasma-slider-text-field-font-weight',\n textFieldLetterSpacing: '--plasma-slider-text-field-letter-spacing',\n textFieldLineHeight: '--plasma-slider-text-field-line-height',\n\n textFieldHeight: '--plasma-slider-text-field-height',\n textFieldPadding: '--plasma-slider-text-field-padding',\n textFieldBorderRadius: '--plasma-slider-text-field-border-radius',\n\n textFieldColor: '--plasma-slider-text-field-color',\n textFieldActiveColor: '--plasma-slider-text-field-active-color',\n textFieldBackgroundColor: '--plasma-slider-text-field-background-color',\n textFieldCaretColor: '--plasma-slider-text-field-caret-color',\n textFieldPlaceholderColor: '--plasma-slider-text-field-placeholder-color',\n textFiledFocusColor: '--plasma-slider-text-field-focus-color',\n\n disabledOpacity: '--plasma-slider-disabled-opacity',\n};\n"],"names":["classes","labelPlacementOuter","labelPlacementInner","labelPlacementBottom","labelAlignLeft","labelAlignCenter","labelAlignRight","labelAlignNone","labelContentReversed","rangeValuesPlacementOuter","rangeValuesPlacementInner","maxRangeValue","hideMinValue","hideMaxValue","textFieldActive","firstTextField","secondTextField","activeRangeValue","verticalOrientation","valuePlacementLeft","reversed","tokens","size","labelWrapperGap","labelWrapperMarginBottom","labelWrapperMarginRight","labelWrapperVerticalMargin","labelColor","labelFontFamily","labelFontSize","labelFontStyle","labelFontWeight","labelLetterSpacing","labelLineHeight","rangeValueBottomOffset","rangeValueHorizontalMargin","rangeValueHorizontalOffset","rangeValueVerticalMargin","rangeValueColor","valueFontFamily","valueFontSize","valueFontStyle","valueFontWeight","valueLetterSpacing","valueLineHeight","doubleWrapperGap","thumbSize","thumbSizeLarge","thumbBorder","thumbBorderColor","thumbBackgroundColor","thumbFocusBorderColor","currentValueTopOffset","railBackgroundColor","railThickness","railBorderRadius","railIndent","fillColor","textFieldWrapperGap","textFieldFontFamily","textFieldFontSize","textFieldFontStyle","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldHeight","textFieldPadding","textFieldBorderRadius","textFieldColor","textFieldActiveColor","textFieldBackgroundColor","textFieldCaretColor","textFieldPlaceholderColor","textFiledFocusColor","disabledOpacity"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Slider.tokens.js","sources":["../../../src/components/Slider/Slider.tokens.ts"],"sourcesContent":["export const classes = {\n labelPlacementOuter: 'slider-label-placement-outer',\n labelPlacementInner: 'slider-label-placement-inner',\n labelPlacementBottom: 'slider-label-placement-bottom',\n labelAlignLeft: 'slider-label-align-left',\n labelAlignCenter: 'slider-label-align-center',\n labelAlignRight: 'slider-label-align-right',\n labelAlignNone: 'slider-label-align-none',\n labelContentReversed: 'slider-label-content-reversed',\n rangeValuesPlacementOuter: 'slider-range-values-placement-outer',\n rangeValuesPlacementInner: 'slider-range-values-placement-inner',\n maxRangeValue: 'slider-max-range-value',\n hideMinValue: 'slider-hide-min-value',\n hideMaxValue: 'slider-hide-max-value',\n textFieldActive: 'slider-text-field-active',\n firstTextField: 'slider-first-text-field',\n secondTextField: 'slider-second-text-field',\n activeRangeValue: 'slider-active-range-value',\n verticalOrientation: 'slider-vertical-orientation',\n valuePlacementLeft: 'slider-value-placement-left',\n reversed: 'slider-reversed',\n};\n\nexport const tokens = {\n size: '--plasma-slider-size',\n\n labelWrapperGap: '--plasma-slider-label-wrapper-gap',\n labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',\n labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',\n labelWrapperOnlyIconMarginRight: '--plasma-slider-label-wrapper-only-icon-margin-right',\n labelWrapperVerticalMargin: '--plasma-slider-label-wrapper-vertical-margin',\n\n labelColor: '--plasma-slider-label-color',\n labelFontFamily: '--plasma-slider-label-font-family',\n labelFontSize: '--plasma-slider-label-font-size',\n labelFontStyle: '--plasma-slider-label-font-style',\n labelFontWeight: '--plasma-slider-label-font-weight',\n labelLetterSpacing: '--plasma-slider-label-letter-spacing',\n labelLineHeight: '--plasma-slider-label-line-height',\n\n rangeValueBottomOffset: '--plasma-slider-range-value-bottom-offset',\n rangeValueHorizontalMargin: '--plasma-slider-range-value-horizontal-margin',\n rangeValueHorizontalOffset: '--plasma-slider-range-value-horizontal-offset',\n rangeValueVerticalMargin: '--plasma-slider-range-value-vertical-margin',\n\n rangeValueColor: '--plasma-slider-range-value-color',\n valueFontFamily: '--plasma-slider-value-font-family',\n valueFontSize: '--plasma-slider-value-font-size',\n valueFontStyle: '--plasma-slider-value-font-style',\n valueFontWeight: '--plasma-slider-value-font-weight',\n valueLetterSpacing: '--plasma-slider-value-letter-spacing',\n valueLineHeight: '--plasma-slider-value-line-height',\n\n doubleWrapperGap: '--plasma-slider-double-wrapper-gap',\n\n thumbSize: '--plasma-slider-thumb-size',\n thumbSizeLarge: '--plasma-slider-thumb-size-large',\n thumbBorder: '--plasma-slider-thumb-border',\n thumbBorderColor: '--plasma-slider-thumb-border-color',\n thumbBackgroundColor: '--plasma-slider-thumb-background-color',\n\n thumbFocusBorderColor: '--plasma-slider-thumb-focus-border-color',\n\n currentValueTopOffset: '--plasma-slider-current-value-top-offset',\n\n railBackgroundColor: '--plasma-slider-rail-background-color',\n railThickness: '--plasma-slider-rail-thickness',\n railBorderRadius: '--plasma-slider-rail-border-radius',\n railIndent: '--plasma-slider-rail-indent',\n\n fillColor: '--plasma-slider-fill-color',\n\n textFieldWrapperGap: '--plasma-slider-text-field-wrapper-gap',\n\n textFieldFontFamily: '--plasma-slider-text-field-font-family',\n textFieldFontSize: '--plasma-slider-text-field-font-size',\n textFieldFontStyle: '--plasma-slider-text-field-font-style',\n textFieldFontWeight: '--plasma-slider-text-field-font-weight',\n textFieldLetterSpacing: '--plasma-slider-text-field-letter-spacing',\n textFieldLineHeight: '--plasma-slider-text-field-line-height',\n\n textFieldHeight: '--plasma-slider-text-field-height',\n textFieldPadding: '--plasma-slider-text-field-padding',\n textFieldBorderRadius: '--plasma-slider-text-field-border-radius',\n\n textFieldColor: '--plasma-slider-text-field-color',\n textFieldActiveColor: '--plasma-slider-text-field-active-color',\n textFieldBackgroundColor: '--plasma-slider-text-field-background-color',\n textFieldCaretColor: '--plasma-slider-text-field-caret-color',\n textFieldPlaceholderColor: '--plasma-slider-text-field-placeholder-color',\n textFiledFocusColor: '--plasma-slider-text-field-focus-color',\n\n disabledOpacity: '--plasma-slider-disabled-opacity',\n};\n"],"names":["classes","labelPlacementOuter","labelPlacementInner","labelPlacementBottom","labelAlignLeft","labelAlignCenter","labelAlignRight","labelAlignNone","labelContentReversed","rangeValuesPlacementOuter","rangeValuesPlacementInner","maxRangeValue","hideMinValue","hideMaxValue","textFieldActive","firstTextField","secondTextField","activeRangeValue","verticalOrientation","valuePlacementLeft","reversed","tokens","size","labelWrapperGap","labelWrapperMarginBottom","labelWrapperMarginRight","labelWrapperOnlyIconMarginRight","labelWrapperVerticalMargin","labelColor","labelFontFamily","labelFontSize","labelFontStyle","labelFontWeight","labelLetterSpacing","labelLineHeight","rangeValueBottomOffset","rangeValueHorizontalMargin","rangeValueHorizontalOffset","rangeValueVerticalMargin","rangeValueColor","valueFontFamily","valueFontSize","valueFontStyle","valueFontWeight","valueLetterSpacing","valueLineHeight","doubleWrapperGap","thumbSize","thumbSizeLarge","thumbBorder","thumbBorderColor","thumbBackgroundColor","thumbFocusBorderColor","currentValueTopOffset","railBackgroundColor","railThickness","railBorderRadius","railIndent","fillColor","textFieldWrapperGap","textFieldFontFamily","textFieldFontSize","textFieldFontStyle","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldHeight","textFieldPadding","textFieldBorderRadius","textFieldColor","textFieldActiveColor","textFieldBackgroundColor","textFieldCaretColor","textFieldPlaceholderColor","textFiledFocusColor","disabledOpacity"],"mappings":"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"}
|
|
@@ -9,9 +9,9 @@
|
|
|
9
9
|
.SliderBase_styles_wld555_fdg7yhg__d313173d{position:absolute;width:0;height:100%;top:0;left:0;border-radius:var(--plasma-slider-rail-border-radius);background:var(--plasma-slider-fill-color);}
|
|
10
10
|
.SliderBase_styles_wld555_i17ya4q3__d313173d{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
|
11
11
|
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
12
|
+
.Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
|
13
|
+
.Single_styles_1a6l9pg_ly2gexi__83bf0d1d{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
14
|
+
.Single_styles_1a6l9pg_lozb535__83bf0d1d{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
|
15
|
+
.Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderHideMinValue__83bf0d1d,.Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderHideMaxValue__83bf0d1d{opacity:0;}.Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderActiveRangeValue__83bf0d1d{color:var(--plasma-slider-label-color);}
|
|
16
|
+
.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d.Single_styles_1a6l9pg_sliderRangeValuesPlacementOuter__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{position:absolute;bottom:calc(var(--plasma-slider-rail-thickness) * -1.5 - var(--plasma-slider-range-value-bottom-offset));left:0;}.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d.Single_styles_1a6l9pg_sliderRangeValuesPlacementOuter__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderMaxRangeValue__83bf0d1d{left:unset;right:0;}.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d.Single_styles_1a6l9pg_sliderRangeValuesPlacementInner__83bf0d1d{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d.Single_styles_1a6l9pg_sliderRangeValuesPlacementInner__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d.Single_styles_1a6l9pg_sliderRangeValuesPlacementInner__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderMaxRangeValue__83bf0d1d{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
|
|
17
|
+
.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementOuter__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementOuter__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementInner__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementInner__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d:not(:has(.Single_styles_1a6l9pg_lozb535__83bf0d1d)):has(.Single_styles_1a6l9pg_ly2gexi__83bf0d1d){margin-right:var(--plasma-slider-label-wrapper-only-icon-margin-right);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementInner__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d:has(.Single_styles_1a6l9pg_lozb535__83bf0d1d){margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementBottom__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementBottom__83bf0d1d.Single_styles_1a6l9pg_sliderLabelContentReversed__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d.Single_styles_1a6l9pg_sliderLabelContentReversed__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d .Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d{width:var(--plasma-slider-size);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementInner__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignLeft__83bf0d1d{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignLeft__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignRight__83bf0d1d{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementBottom__83bf0d1d{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementBottom__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d .Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderMaxRangeValue__83bf0d1d{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignLeft__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d,.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignRight__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{margin-right:0;margin-bottom:0;position:absolute;top:0;right:calc( var(--plasma-slider-rail-thickness) / 2 + var(--plasma-slider-size) / 2 + var(--plasma-slider-range-value-horizontal-offset) );}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignLeft__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderMaxRangeValue__83bf0d1d,.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignRight__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderMaxRangeValue__83bf0d1d{margin-right:0;margin-left:0;top:auto;bottom:0;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignRight__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{left:calc(var(--plasma-slider-size) + var(--plasma-slider-rail-thickness));}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Single.styles.js","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n`;\n\nexport const LabelContent = styled.div`\n display: inline-flex;\n`;\n\nexport const Label = styled.label`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const StyledRangeValue = styled.span`\n color: var(${tokens.rangeValueColor});\n font-family: var(${tokens.valueFontFamily});\n font-size: var(${tokens.valueFontSize});\n font-style: var(${tokens.valueFontStyle});\n font-weight: var(${tokens.valueFontWeight});\n letter-spacing: var(${tokens.valueLetterSpacing});\n line-height: var(${tokens.valueLineHeight});\n\n transition: opacity 0.1s ease-in-out;\n\n &.${classes.hideMinValue}, &.${classes.hideMaxValue} {\n opacity: 0;\n }\n\n &.${classes.activeRangeValue} {\n color: var(${tokens.labelColor});\n }\n`;\n\nexport const SliderBaseWrapper = styled.div`\n position: relative;\n display: flex;\n flex: 1;\n\n &.${classes.rangeValuesPlacementOuter} {\n ${StyledRangeValue} {\n position: absolute;\n bottom: calc(var(${tokens.railThickness}) * -1.5 - var(${tokens.rangeValueBottomOffset}));\n left: 0;\n\n &.${classes.maxRangeValue} {\n left: unset;\n right: 0;\n }\n }\n }\n\n &.${classes.rangeValuesPlacementInner} {\n align-items: center;\n\n ${StyledRangeValue} {\n margin-right: var(${tokens.rangeValueHorizontalMargin});\n\n &.${classes.maxRangeValue} {\n margin-right: 0;\n margin-left: var(${tokens.rangeValueHorizontalMargin});\n }\n }\n }\n`;\n\nexport const SingleWrapper = styled.div`\n display: flex;\n opacity: var(${tokens.disabledOpacity});\n\n &.${classes.labelPlacementOuter} {\n flex-direction: column;\n\n ${LabelWrapper} {\n margin-bottom: var(${tokens.labelWrapperMarginBottom});\n }\n }\n\n &.${classes.labelPlacementInner} {\n ${LabelWrapper} {\n margin-right: var(${tokens.labelWrapperMarginRight});\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n\n &.${classes.labelAlignCenter} {\n ${LabelWrapper} {\n flex-direction: column-reverse;\n }\n\n &.${classes.labelPlacementBottom} {\n ${LabelWrapper} {\n flex-direction: column;\n }\n\n &.${classes.labelContentReversed} {\n ${LabelWrapper} {\n flex-direction: column-reverse;\n }\n }\n }\n\n &.${classes.labelContentReversed} {\n ${LabelWrapper} {\n flex-direction: column;\n }\n }\n }\n\n ${LabelWrapper} {\n align-items: center;\n }\n\n ${SliderBaseWrapper} {\n width: var(${tokens.size});\n }\n\n &.${classes.labelPlacementInner} {\n ${LabelWrapper} {\n margin-right: 0;\n margin-bottom: var(${tokens.labelWrapperVerticalMargin});\n }\n }\n\n &.${classes.labelAlignLeft} {\n align-items: flex-end;\n\n ${LabelWrapper} {\n flex-direction: row-reverse;\n }\n }\n\n &.${classes.labelAlignRight} {\n align-items: flex-start;\n }\n\n &.${classes.labelPlacementBottom} {\n flex-direction: column-reverse;\n\n ${LabelWrapper} {\n margin-top: var(${tokens.labelWrapperVerticalMargin});\n margin-right: 0;\n margin-bottom: 0;\n }\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n ${SliderBaseWrapper} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n &.${classes.labelAlignCenter} {\n ${StyledRangeValue} {\n position: static;\n bottom: 0;\n left: 0;\n margin-bottom: var(${tokens.rangeValueVerticalMargin});\n\n &.${classes.maxRangeValue} {\n left: 0;\n right: 0;\n bottom: 0;\n margin-top: var(${tokens.rangeValueVerticalMargin});\n margin-bottom: 0;\n }\n }\n }\n\n &.${classes.labelAlignLeft}, &.${classes.labelAlignRight} {\n ${StyledRangeValue} {\n margin-right: 0;\n margin-bottom: 0;\n position: absolute;\n top: 0;\n\n right: calc(\n var(${tokens.railThickness}) / 2 + var(${tokens.size}) / 2 +\n var(${tokens.rangeValueHorizontalOffset})\n );\n\n &.${classes.maxRangeValue} {\n margin-right: 0;\n margin-left: 0;\n top: auto;\n bottom: 0;\n }\n }\n }\n\n &.${classes.labelAlignRight} {\n ${StyledRangeValue} {\n left: calc(var(${tokens.size}) + var(${tokens.railThickness}));\n }\n }\n }\n`;\n"],"names":["LabelWrapper","styled","name","class","propsAsIs","LabelContent","Label","StyledRangeValue","SliderBaseWrapper","SingleWrapper"],"mappings":";;;;;;AAIO,IAAMA,YAAY,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAME,KAAK,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,gBAAgB,gBAAGN,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBrC,EAAA;AAEM,IAAMI,iBAAiB,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA8BtC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"Single.styles.js","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n`;\n\nexport const LabelContent = styled.div`\n display: inline-flex;\n`;\n\nexport const Label = styled.label`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const StyledRangeValue = styled.span`\n color: var(${tokens.rangeValueColor});\n font-family: var(${tokens.valueFontFamily});\n font-size: var(${tokens.valueFontSize});\n font-style: var(${tokens.valueFontStyle});\n font-weight: var(${tokens.valueFontWeight});\n letter-spacing: var(${tokens.valueLetterSpacing});\n line-height: var(${tokens.valueLineHeight});\n\n transition: opacity 0.1s ease-in-out;\n\n &.${classes.hideMinValue}, &.${classes.hideMaxValue} {\n opacity: 0;\n }\n\n &.${classes.activeRangeValue} {\n color: var(${tokens.labelColor});\n }\n`;\n\nexport const SliderBaseWrapper = styled.div`\n position: relative;\n display: flex;\n flex: 1;\n\n &.${classes.rangeValuesPlacementOuter} {\n ${StyledRangeValue} {\n position: absolute;\n bottom: calc(var(${tokens.railThickness}) * -1.5 - var(${tokens.rangeValueBottomOffset}));\n left: 0;\n\n &.${classes.maxRangeValue} {\n left: unset;\n right: 0;\n }\n }\n }\n\n &.${classes.rangeValuesPlacementInner} {\n align-items: center;\n\n ${StyledRangeValue} {\n margin-right: var(${tokens.rangeValueHorizontalMargin});\n\n &.${classes.maxRangeValue} {\n margin-right: 0;\n margin-left: var(${tokens.rangeValueHorizontalMargin});\n }\n }\n }\n`;\n\nexport const SingleWrapper = styled.div`\n display: flex;\n opacity: var(${tokens.disabledOpacity});\n\n &.${classes.labelPlacementOuter} {\n flex-direction: column;\n\n ${LabelWrapper} {\n margin-bottom: var(${tokens.labelWrapperMarginBottom});\n }\n }\n\n &.${classes.labelPlacementInner} {\n ${LabelWrapper} {\n margin-right: var(${tokens.labelWrapperMarginRight});\n }\n\n ${LabelWrapper}:not(:has(${Label})):has(${LabelContent}) {\n margin-right: var(${tokens.labelWrapperOnlyIconMarginRight});\n }\n\n ${LabelWrapper}:has(${Label}) {\n margin-right: var(${tokens.labelWrapperMarginRight});\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n\n &.${classes.labelAlignCenter} {\n ${LabelWrapper} {\n flex-direction: column-reverse;\n }\n\n &.${classes.labelPlacementBottom} {\n ${LabelWrapper} {\n flex-direction: column;\n }\n\n &.${classes.labelContentReversed} {\n ${LabelWrapper} {\n flex-direction: column-reverse;\n }\n }\n }\n\n &.${classes.labelContentReversed} {\n ${LabelWrapper} {\n flex-direction: column;\n }\n }\n }\n\n ${LabelWrapper} {\n align-items: center;\n }\n\n ${SliderBaseWrapper} {\n width: var(${tokens.size});\n }\n\n &.${classes.labelPlacementInner} {\n ${LabelWrapper} {\n margin-right: 0;\n margin-bottom: var(${tokens.labelWrapperVerticalMargin});\n }\n }\n\n &.${classes.labelAlignLeft} {\n align-items: flex-end;\n\n ${LabelWrapper} {\n flex-direction: row-reverse;\n }\n }\n\n &.${classes.labelAlignRight} {\n align-items: flex-start;\n }\n\n &.${classes.labelPlacementBottom} {\n flex-direction: column-reverse;\n\n ${LabelWrapper} {\n margin-top: var(${tokens.labelWrapperVerticalMargin});\n margin-right: 0;\n margin-bottom: 0;\n }\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n ${SliderBaseWrapper} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n &.${classes.labelAlignCenter} {\n ${StyledRangeValue} {\n position: static;\n bottom: 0;\n left: 0;\n margin-bottom: var(${tokens.rangeValueVerticalMargin});\n\n &.${classes.maxRangeValue} {\n left: 0;\n right: 0;\n bottom: 0;\n margin-top: var(${tokens.rangeValueVerticalMargin});\n margin-bottom: 0;\n }\n }\n }\n\n &.${classes.labelAlignLeft}, &.${classes.labelAlignRight} {\n ${StyledRangeValue} {\n margin-right: 0;\n margin-bottom: 0;\n position: absolute;\n top: 0;\n\n right: calc(\n var(${tokens.railThickness}) / 2 + var(${tokens.size}) / 2 +\n var(${tokens.rangeValueHorizontalOffset})\n );\n\n &.${classes.maxRangeValue} {\n margin-right: 0;\n margin-left: 0;\n top: auto;\n bottom: 0;\n }\n }\n }\n\n &.${classes.labelAlignRight} {\n ${StyledRangeValue} {\n left: calc(var(${tokens.size}) + var(${tokens.railThickness}));\n }\n }\n }\n`;\n"],"names":["LabelWrapper","styled","name","class","propsAsIs","LabelContent","Label","StyledRangeValue","SliderBaseWrapper","SingleWrapper"],"mappings":";;;;;;AAIO,IAAMA,YAAY,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAME,KAAK,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,gBAAgB,gBAAGN,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBrC,EAAA;AAEM,IAAMI,iBAAiB,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA8BtC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmJlC;;;;;;;;;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
.l1p4kc08{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
|
2
|
+
.ly2gexi{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
3
|
+
.lozb535{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
|
4
|
+
.s1w9icbd{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.s1w9icbd.slider-hide-min-value,.s1w9icbd.slider-hide-max-value{opacity:0;}.s1w9icbd.slider-active-range-value{color:var(--plasma-slider-label-color);}
|
|
5
|
+
.s1d2sfgl{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.s1d2sfgl.slider-range-values-placement-outer .s1w9icbd{position:absolute;bottom:calc(var(--plasma-slider-rail-thickness) * -1.5 - var(--plasma-slider-range-value-bottom-offset));left:0;}.s1d2sfgl.slider-range-values-placement-outer .s1w9icbd.slider-max-range-value{left:unset;right:0;}.s1d2sfgl.slider-range-values-placement-inner{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s1d2sfgl.slider-range-values-placement-inner .s1w9icbd{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.s1d2sfgl.slider-range-values-placement-inner .s1w9icbd.slider-max-range-value{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
|
|
6
|
+
.ss3ujqx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.ss3ujqx.slider-label-placement-outer{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-label-placement-outer .l1p4kc08{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.ss3ujqx.slider-label-placement-inner .l1p4kc08{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.ss3ujqx.slider-label-placement-inner .l1p4kc08:not(:has(.lozb535)):has(.ly2gexi){margin-right:var(--plasma-slider-label-wrapper-only-icon-margin-right);}.ss3ujqx.slider-label-placement-inner .l1p4kc08:has(.lozb535){margin-right:var(--plasma-slider-label-wrapper-margin-right);}.ss3ujqx.slider-vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center .l1p4kc08{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center.slider-label-placement-bottom .l1p4kc08{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center.slider-label-placement-bottom.slider-label-content-reversed .l1p4kc08{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center.slider-label-content-reversed .l1p4kc08{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-vertical-orientation .l1p4kc08{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.ss3ujqx.slider-vertical-orientation .s1d2sfgl{width:var(--plasma-slider-size);}.ss3ujqx.slider-vertical-orientation.slider-label-placement-inner .l1p4kc08{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.ss3ujqx.slider-vertical-orientation.slider-label-align-left{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .l1p4kc08{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-align-right{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.ss3ujqx.slider-vertical-orientation.slider-label-placement-bottom{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-placement-bottom .l1p4kc08{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.ss3ujqx.slider-vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.ss3ujqx.slider-vertical-orientation .s1d2sfgl{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center .s1w9icbd{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.ss3ujqx.slider-vertical-orientation.slider-label-align-center .s1w9icbd.slider-max-range-value{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .s1w9icbd,.ss3ujqx.slider-vertical-orientation.slider-label-align-right .s1w9icbd{margin-right:0;margin-bottom:0;position:absolute;top:0;right:calc( var(--plasma-slider-rail-thickness) / 2 + var(--plasma-slider-size) / 2 + var(--plasma-slider-range-value-horizontal-offset) );}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .s1w9icbd.slider-max-range-value,.ss3ujqx.slider-vertical-orientation.slider-label-align-right .s1w9icbd.slider-max-range-value{margin-right:0;margin-left:0;top:auto;bottom:0;}.ss3ujqx.slider-vertical-orientation.slider-label-align-right .s1w9icbd{left:calc(var(--plasma-slider-size) + var(--plasma-slider-rail-thickness));}
|
package/cjs/index.css
CHANGED
|
@@ -679,12 +679,12 @@
|
|
|
679
679
|
.SliderBase_styles_wld555_fdg7yhg__d313173d{position:absolute;width:0;height:100%;top:0;left:0;border-radius:var(--plasma-slider-rail-border-radius);background:var(--plasma-slider-fill-color);}
|
|
680
680
|
.SliderBase_styles_wld555_i17ya4q3__d313173d{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
|
681
681
|
|
|
682
|
-
.
|
|
683
|
-
.
|
|
684
|
-
.
|
|
685
|
-
.
|
|
686
|
-
.
|
|
687
|
-
.
|
|
682
|
+
.Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
|
683
|
+
.Single_styles_1a6l9pg_ly2gexi__83bf0d1d{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
684
|
+
.Single_styles_1a6l9pg_lozb535__83bf0d1d{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
|
685
|
+
.Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderHideMinValue__83bf0d1d,.Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderHideMaxValue__83bf0d1d{opacity:0;}.Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderActiveRangeValue__83bf0d1d{color:var(--plasma-slider-label-color);}
|
|
686
|
+
.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d.Single_styles_1a6l9pg_sliderRangeValuesPlacementOuter__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{position:absolute;bottom:calc(var(--plasma-slider-rail-thickness) * -1.5 - var(--plasma-slider-range-value-bottom-offset));left:0;}.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d.Single_styles_1a6l9pg_sliderRangeValuesPlacementOuter__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderMaxRangeValue__83bf0d1d{left:unset;right:0;}.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d.Single_styles_1a6l9pg_sliderRangeValuesPlacementInner__83bf0d1d{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d.Single_styles_1a6l9pg_sliderRangeValuesPlacementInner__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d.Single_styles_1a6l9pg_sliderRangeValuesPlacementInner__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderMaxRangeValue__83bf0d1d{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
|
|
687
|
+
.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementOuter__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementOuter__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementInner__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementInner__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d:not(:has(.Single_styles_1a6l9pg_lozb535__83bf0d1d)):has(.Single_styles_1a6l9pg_ly2gexi__83bf0d1d){margin-right:var(--plasma-slider-label-wrapper-only-icon-margin-right);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementInner__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d:has(.Single_styles_1a6l9pg_lozb535__83bf0d1d){margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementBottom__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementBottom__83bf0d1d.Single_styles_1a6l9pg_sliderLabelContentReversed__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d.Single_styles_1a6l9pg_sliderLabelContentReversed__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d .Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d{width:var(--plasma-slider-size);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementInner__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignLeft__83bf0d1d{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignLeft__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignRight__83bf0d1d{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementBottom__83bf0d1d{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelPlacementBottom__83bf0d1d .Single_styles_1a6l9pg_l1p4kc08__83bf0d1d{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d .Single_styles_1a6l9pg_s1d2sfgl__83bf0d1d{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignCenter__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderMaxRangeValue__83bf0d1d{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignLeft__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d,.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignRight__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{margin-right:0;margin-bottom:0;position:absolute;top:0;right:calc( var(--plasma-slider-rail-thickness) / 2 + var(--plasma-slider-size) / 2 + var(--plasma-slider-range-value-horizontal-offset) );}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignLeft__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderMaxRangeValue__83bf0d1d,.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignRight__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d.Single_styles_1a6l9pg_sliderMaxRangeValue__83bf0d1d{margin-right:0;margin-left:0;top:auto;bottom:0;}.Single_styles_1a6l9pg_ss3ujqx__83bf0d1d.Single_styles_1a6l9pg_sliderVerticalOrientation__83bf0d1d.Single_styles_1a6l9pg_sliderLabelAlignRight__83bf0d1d .Single_styles_1a6l9pg_s1w9icbd__83bf0d1d{left:calc(var(--plasma-slider-size) + var(--plasma-slider-rail-thickness));}
|
|
688
688
|
|
|
689
689
|
.Double_styles_1jhda4u_lcs82cd__5dc981f4{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}
|
|
690
690
|
|
|
@@ -31,6 +31,7 @@ var tokens = exports.tokens = {
|
|
|
31
31
|
labelWrapperGap: '--plasma-slider-label-wrapper-gap',
|
|
32
32
|
labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',
|
|
33
33
|
labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',
|
|
34
|
+
labelWrapperOnlyIconMarginRight: '--plasma-slider-label-wrapper-only-icon-margin-right',
|
|
34
35
|
labelWrapperVerticalMargin: '--plasma-slider-label-wrapper-vertical-margin',
|
|
35
36
|
labelColor: '--plasma-slider-label-color',
|
|
36
37
|
labelFontFamily: '--plasma-slider-label-font-family',
|