@salutejs/plasma-new-hope 0.164.0-canary.1452.11274846938.0 → 0.164.0-canary.1452.11292135082.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Slider/Slider.css +8 -8
- package/cjs/components/Slider/Slider.tokens.js +6 -12
- package/cjs/components/Slider/Slider.tokens.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +2 -2
- package/cjs/components/Slider/components/Double/Double.js +41 -14
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +8 -8
- package/cjs/components/Slider/components/Single/Single.css +8 -8
- package/cjs/components/Slider/components/Single/Single.js +3 -1
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- 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_12d5mbj.css → Single.styles_14wadfy.css} +2 -2
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +4 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.css +2 -2
- package/cjs/components/Slider/ui/Handler/Handler.styles.js +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles_irtcgm.css +2 -0
- package/cjs/index.css +8 -8
- package/emotion/cjs/components/Slider/Slider.tokens.js +6 -12
- package/emotion/cjs/components/Slider/components/Double/Double.js +41 -14
- package/emotion/cjs/components/Slider/components/Single/Single.js +3 -1
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +6 -6
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +4 -1
- package/emotion/cjs/components/Slider/ui/Handler/Handler.styles.js +2 -2
- 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 +6 -12
- package/emotion/es/components/Slider/components/Double/Double.js +41 -14
- package/emotion/es/components/Slider/components/Single/Single.js +3 -1
- package/emotion/es/components/Slider/components/Single/Single.styles.js +6 -6
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +4 -1
- package/emotion/es/components/Slider/ui/Handler/Handler.styles.js +2 -2
- 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 +8 -8
- package/es/components/Slider/Slider.tokens.js +6 -12
- package/es/components/Slider/Slider.tokens.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +2 -2
- package/es/components/Slider/components/Double/Double.js +41 -14
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +8 -8
- package/es/components/Slider/components/Single/Single.css +8 -8
- package/es/components/Slider/components/Single/Single.js +3 -1
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- 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_12d5mbj.css → Single.styles_14wadfy.css} +2 -2
- package/es/components/Slider/components/SliderBase/SliderBase.js +4 -1
- package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.css +2 -2
- package/es/components/Slider/ui/Handler/Handler.styles.js +1 -1
- package/es/components/Slider/ui/Handler/Handler.styles.js.map +1 -1
- package/es/components/Slider/ui/Handler/Handler.styles_irtcgm.css +2 -0
- package/es/index.css +8 -8
- package/package.json +2 -2
- package/styled-components/cjs/components/Slider/Slider.tokens.js +6 -12
- package/styled-components/cjs/components/Slider/components/Double/Double.js +41 -14
- package/styled-components/cjs/components/Slider/components/Single/Single.js +3 -1
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +2 -2
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +4 -1
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +2 -2
- 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 +6 -12
- package/styled-components/es/components/Slider/components/Double/Double.js +41 -14
- package/styled-components/es/components/Slider/components/Single/Single.js +3 -1
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +2 -2
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +4 -1
- package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +2 -2
- 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 +6 -12
- package/types/components/Slider/Slider.tokens.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +1 -0
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +1 -1
- package/types/components/Slider/ui/Handler/Handler.types.d.ts +1 -0
- package/types/components/Slider/ui/Handler/Handler.types.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/ui/Handler/Handler.styles_19zy2jw.css +0 -2
- package/es/components/Slider/ui/Handler/Handler.styles_19zy2jw.css +0 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
1
|
+
.Handler_styles_irtcgm_s1tnrnip__e8f853c5{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;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);}
|
|
2
|
+
.Handler_styles_irtcgm_h12uu2lj__e8f853c5{cursor:pointer;position:absolute;z-index:1;top:0;left:0;bottom:0;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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;--thumb-size:var(--h12uu2lj-0);}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5{right:0;bottom:auto;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{margin:0;top:0;bottom:0;right:0;left:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.25rem);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderValuePlacementLeft__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{left:auto;right:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.3125rem);-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
|
|
3
3
|
|
|
4
4
|
.Thumb_styles_uyn20e_tqbdf8b__de0962c7{width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.0625rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):hover:after,.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_uyn20e_tqbdf8b__de0962c7[disabled]{cursor:not-allowed;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:focus{outline:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7.Thumb_styles_uyn20e_focusVisible__de0962c7:focus::before,.Thumb_styles_uyn20e_tqbdf8b__de0962c7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
|
5
5
|
|
|
@@ -9,9 +9,9 @@
|
|
|
9
9
|
.SliderBase_styles_1qt1224_fdg7yhg__8fd7c64a{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
|
|
10
10
|
.SliderBase_styles_1qt1224_i17ya4q3__8fd7c64a{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_14wadfy_l1p4kc08__6db06297{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_14wadfy_ly2gexi__6db06297{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
14
|
+
.Single_styles_14wadfy_lozb535__6db06297{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_14wadfy_s1w9icbd__6db06297{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_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderHideMinValue__6db06297,.Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderHideMaxValue__6db06297{opacity:0;}.Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderActiveRangeValue__6db06297{color:var(--plasma-slider-label-color);}
|
|
16
|
+
.Single_styles_14wadfy_s1d2sfgl__6db06297{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_14wadfy_s1d2sfgl__6db06297.Single_styles_14wadfy_sliderRangeValuesPlacementOuter__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297{position:absolute;bottom:calc(var(--plasma-slider-rail-thickness) * -1.5 - var(--plasma-slider-range-value-bottom-offset));left:0;}.Single_styles_14wadfy_s1d2sfgl__6db06297.Single_styles_14wadfy_sliderRangeValuesPlacementOuter__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderMaxRangeValue__6db06297{left:unset;right:0;}.Single_styles_14wadfy_s1d2sfgl__6db06297.Single_styles_14wadfy_sliderRangeValuesPlacementInner__6db06297{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_14wadfy_s1d2sfgl__6db06297.Single_styles_14wadfy_sliderRangeValuesPlacementInner__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_14wadfy_s1d2sfgl__6db06297.Single_styles_14wadfy_sliderRangeValuesPlacementInner__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderMaxRangeValue__6db06297{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
|
|
17
|
+
.Single_styles_14wadfy_ss3ujqx__6db06297{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderLabelPlacementOuter__6db06297{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderLabelPlacementOuter__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderLabelPlacementInner__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297{-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_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297.Single_styles_14wadfy_sliderLabelPlacementBottom__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297.Single_styles_14wadfy_sliderLabelPlacementBottom__6db06297.Single_styles_14wadfy_sliderLabelContentReversed__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297.Single_styles_14wadfy_sliderLabelContentReversed__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297 .Single_styles_14wadfy_s1d2sfgl__6db06297{width:var(--plasma-slider-size);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelPlacementInner__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignLeft__6db06297{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignLeft__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignRight__6db06297{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelPlacementBottom__6db06297{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelPlacementBottom__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297{-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_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297 .Single_styles_14wadfy_s1d2sfgl__6db06297{-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_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderMaxRangeValue__6db06297{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignLeft__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297,.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignRight__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297{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-left-right-margin) );}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignLeft__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderMaxRangeValue__6db06297,.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignRight__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderMaxRangeValue__6db06297{margin-right:0;margin-left:0;top:auto;bottom:0;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignRight__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297{left:calc(var(--plasma-slider-size) + var(--plasma-slider-rail-thickness));}
|
|
@@ -110,7 +110,8 @@ var SingleSlider = function SingleSlider(_ref) {
|
|
|
110
110
|
railFillWidth: stepSize * localValue
|
|
111
111
|
});
|
|
112
112
|
});
|
|
113
|
-
}, [dragValue, innerShowScale, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset
|
|
113
|
+
}, [dragValue, innerShowScale, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset, isVertical, size // для перерасчета размеров
|
|
114
|
+
]);
|
|
114
115
|
var setStepSize = useCallback(function (newStepSize) {
|
|
115
116
|
setState(function (prevState) {
|
|
116
117
|
return _objectSpread2(_objectSpread2({}, prevState), {}, {
|
|
@@ -168,6 +169,7 @@ var SingleSlider = function SingleSlider(_ref) {
|
|
|
168
169
|
min: min,
|
|
169
170
|
max: max,
|
|
170
171
|
disabled: disabled,
|
|
172
|
+
size: size,
|
|
171
173
|
setStepSize: setStepSize,
|
|
172
174
|
onChange: onHandleChangeCommitted,
|
|
173
175
|
railFillWidth: state.railFillWidth,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Single.js","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useRef } from 'react';\nimport type { FC } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handler } from '../../ui';\nimport { sizeData } from '../../utils';\nimport type { HandlerProps } from '../../ui';\nimport { cx, isNumber, noop } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\nimport { InputHidden } from '../SliderBase/SliderBase.styles';\nimport { FormTypeNumber } from '../../../../types/FormType';\n\nimport type { SingleSliderProps } from './Single.types';\nimport { Label, LabelContent, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue } from './Single.styles';\n\nexport const SingleSlider: FC<SingleSliderProps> = ({\n min,\n max,\n value,\n disabled,\n onChangeCommitted,\n onChange,\n ariaLabel,\n label,\n labelContentLeft,\n labelContent,\n sliderAlign = 'left',\n showScale,\n showRangeValues,\n showCurrentValue,\n hideMinValueDiff,\n hideMaxValueDiff,\n labelPlacement = 'top',\n rangeValuesPlacement: rangeValuesPlacementOld,\n scaleAlign = 'bottom',\n multipleStepSize = 10,\n defaultValue,\n size = 'm',\n name,\n pointerSize = 'small',\n orientation = 'horizontal',\n reversed,\n labelReversed,\n ...rest\n}) => {\n const isVertical = orientation === 'vertical';\n\n const [state, setState] = useState({\n handlePosition: 0,\n stepSize: 0,\n railFillWidth: 0,\n });\n\n const innerRef = useRef<HTMLInputElement>(null);\n\n const [startOffset, setStartOffset] = useState(0);\n const [endOffset, setEndOffset] = useState(0);\n\n const innerValue = value ?? defaultValue ?? min;\n const [dragValue, setDragValue] = useState(reversed ? max - innerValue + min : innerValue);\n\n const { stepSize } = state;\n\n const innerShowScale = showRangeValues || showScale;\n\n const hasLabelContent =\n Boolean(label || labelContentLeft || labelContent) && (!isVertical || (isVertical && sliderAlign !== 'none'));\n const labelPlacementClass =\n !isVertical && (labelPlacement === 'outer' || labelPlacement === 'top')\n ? classes.labelPlacementOuter\n : classes.labelPlacementInner;\n\n const rangeValuesPlacement = rangeValuesPlacementOld === 'outer' || scaleAlign === 'bottom' ? 'outer' : 'inner';\n const scaleAlignClass =\n rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;\n\n const hideMinValueDiffClass = hideMinValueDiff && dragValue - min <= hideMinValueDiff ? classes.hideMinValue : '';\n const hideMaxValueDiffClass = hideMaxValueDiff && max - dragValue <= hideMaxValueDiff ? classes.hideMaxValue : '';\n const verticalOrientationClass = orientation === 'vertical' ? classes.verticalOrientation : '';\n\n const startLabelRef = useRef<HTMLDivElement>(null);\n const endLabelRef = useRef<HTMLDivElement>(null);\n\n const activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;\n const activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;\n\n useEffect(() => {\n const localValue = Math.min(Math.max(dragValue, min), max) - min;\n\n if (!isVertical && rangeValuesPlacement === 'outer') {\n const startWidth = startLabelRef.current?.offsetWidth;\n if (isNumber(startWidth)) {\n setStartOffset(Number(startWidth));\n }\n\n const endWidth = endLabelRef.current?.offsetWidth;\n if (isNumber(endWidth)) {\n setEndOffset(Number(endWidth));\n }\n } else if (isVertical && innerShowScale && sliderAlign !== 'center') {\n setStartOffset(12);\n setEndOffset(12);\n } else {\n setStartOffset(1);\n setEndOffset(1);\n }\n\n setState((prevState) => ({\n ...prevState,\n handlePosition: stepSize * localValue,\n railFillWidth: stepSize * localValue,\n }));\n }, [\n dragValue,\n innerShowScale,\n labelPlacement,\n stepSize,\n rangeValuesPlacement,\n min,\n max,\n setStartOffset,\n setEndOffset,\n ]);\n\n const setStepSize = useCallback(\n (newStepSize: number) => {\n setState((prevState) => ({\n ...prevState,\n stepSize: newStepSize,\n }));\n },\n [setState],\n );\n\n const onHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n const newValue = Math.round(reversed ? max - handleValue + min : handleValue);\n\n const newHandlePosition = isVertical ? data.y : data.x;\n setState((prevState) => ({\n ...prevState,\n railFillWidth: newHandlePosition,\n }));\n\n if (onChange) {\n if (value !== undefined) {\n (onChange as (value: number) => void)(newValue);\n }\n\n if (name && !value) {\n (onChange as (event: FormTypeNumber) => void)({\n target: {\n value: newValue,\n name,\n },\n });\n }\n }\n\n setDragValue(newValue);\n };\n\n const onHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = useCallback(\n (handleValue, data) => {\n const newValue = Math.round(reversed ? max - handleValue + min : handleValue);\n\n if (onChangeCommitted) {\n onChangeCommitted(newValue);\n }\n\n setState((prevState) => ({\n ...prevState,\n handlePosition: isVertical ? data.lastY : data.lastX,\n railFillWidth: isVertical ? data.lastY : data.lastX,\n }));\n\n setDragValue(newValue);\n },\n [isVertical, min, max, reversed],\n );\n\n const labelVerticalPlacement = reversed ? 'bottom' : 'top';\n const valuePlacement = sliderAlign === 'right' ? 'left' : 'right';\n const settings = sizeData[size][pointerSize === 'large' ? 'large' : 'small'];\n\n return (\n <SingleWrapper\n className={cx(\n labelPlacementClass,\n scaleAlignClass,\n verticalOrientationClass,\n sliderAlign === 'right' && classes.labelAlignLeft,\n (sliderAlign === 'center' || sliderAlign === 'none') && classes.labelAlignCenter,\n sliderAlign === 'left' && classes.labelAlignRight,\n labelVerticalPlacement === 'bottom' && classes.labelPlacementBottom,\n labelReversed && classes.labelContentReversed,\n )}\n >\n {hasLabelContent && (\n <LabelWrapper>\n {(labelContentLeft || labelContent) && <LabelContent>{labelContent}</LabelContent>}\n {label && <Label>{label}</Label>}\n </LabelWrapper>\n )}\n <SliderBaseWrapper\n className={cx(\n !isVertical && rangeValuesPlacement === 'outer' && classes.rangeValuesPlacementOuter,\n !isVertical && rangeValuesPlacement !== 'outer' && classes.rangeValuesPlacementInner,\n verticalOrientationClass,\n )}\n >\n {innerShowScale && (\n <StyledRangeValue ref={startLabelRef} className={cx(hideMinValueDiffClass, activeFirstValue)}>\n {reversed ? max : min}\n </StyledRangeValue>\n )}\n <SliderBase\n min={min}\n max={max}\n disabled={disabled}\n setStepSize={setStepSize}\n onChange={onHandleChangeCommitted}\n railFillWidth={state.railFillWidth}\n settings={settings}\n labelPlacement={labelPlacement}\n rangeValuesPlacement={rangeValuesPlacement}\n orientation={orientation}\n {...rest}\n >\n <Handler\n size={pointerSize}\n orientation={orientation}\n stepSize={state.stepSize}\n onChangeCommitted={onHandleChangeCommitted}\n onChange={onHandleChange}\n position={state.handlePosition}\n min={min}\n max={max}\n startOffset={startOffset}\n endOffset={endOffset}\n value={dragValue}\n disabled={disabled}\n ariaLabel={ariaLabel}\n multipleStepSize={multipleStepSize}\n showCurrentValue={showCurrentValue}\n valuePlacement={valuePlacement}\n />\n </SliderBase>\n {innerShowScale && (\n <StyledRangeValue\n ref={endLabelRef}\n className={cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)}\n >\n {reversed ? min : max}\n </StyledRangeValue>\n )}\n </SliderBaseWrapper>\n <InputHidden\n name={name}\n type=\"number\"\n datatype=\"slider-single\"\n value={dragValue}\n ref={innerRef}\n {...noop}\n />\n </SingleWrapper>\n );\n};\n"],"names":["SingleSlider","_ref","_ref2","min","max","value","disabled","onChangeCommitted","onChange","ariaLabel","label","labelContentLeft","labelContent","_ref$sliderAlign","sliderAlign","showScale","showRangeValues","showCurrentValue","hideMinValueDiff","hideMaxValueDiff","_ref$labelPlacement","labelPlacement","rangeValuesPlacementOld","rangeValuesPlacement","_ref$scaleAlign","scaleAlign","_ref$multipleStepSize","multipleStepSize","defaultValue","_ref$size","size","name","_ref$pointerSize","pointerSize","_ref$orientation","orientation","reversed","labelReversed","rest","_objectWithoutProperties","_excluded","isVertical","_useState","useState","handlePosition","stepSize","railFillWidth","_useState2","_slicedToArray","state","setState","innerRef","useRef","_useState3","_useState4","startOffset","setStartOffset","_useState5","_useState6","endOffset","setEndOffset","innerValue","_useState7","_useState8","dragValue","setDragValue","innerShowScale","hasLabelContent","Boolean","labelPlacementClass","classes","labelPlacementOuter","labelPlacementInner","scaleAlignClass","rangeValuesPlacementOuter","rangeValuesPlacementInner","hideMinValueDiffClass","hideMinValue","hideMaxValueDiffClass","hideMaxValue","verticalOrientationClass","verticalOrientation","startLabelRef","endLabelRef","activeFirstValue","activeRangeValue","undefined","activeSecondValue","useEffect","localValue","Math","_startLabelRef$curren","_endLabelRef$current","startWidth","current","offsetWidth","isNumber","Number","endWidth","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onHandleChange","handleValue","data","newValue","round","newHandlePosition","y","x","target","onHandleChangeCommitted","lastY","lastX","labelVerticalPlacement","valuePlacement","settings","sizeData","React","createElement","SingleWrapper","className","cx","labelAlignLeft","labelAlignCenter","labelAlignRight","labelPlacementBottom","labelContentReversed","LabelWrapper","LabelContent","Label","SliderBaseWrapper","StyledRangeValue","ref","SliderBase","_extends","Handler","position","maxRangeValue","InputHidden","type","datatype","noop"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Single.js","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useRef } from 'react';\nimport type { FC } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handler } from '../../ui';\nimport { sizeData } from '../../utils';\nimport type { HandlerProps } from '../../ui';\nimport { cx, isNumber, noop } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\nimport { InputHidden } from '../SliderBase/SliderBase.styles';\nimport { FormTypeNumber } from '../../../../types/FormType';\n\nimport type { SingleSliderProps } from './Single.types';\nimport { Label, LabelContent, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue } from './Single.styles';\n\nexport const SingleSlider: FC<SingleSliderProps> = ({\n min,\n max,\n value,\n disabled,\n onChangeCommitted,\n onChange,\n ariaLabel,\n label,\n labelContentLeft,\n labelContent,\n sliderAlign = 'left',\n showScale,\n showRangeValues,\n showCurrentValue,\n hideMinValueDiff,\n hideMaxValueDiff,\n labelPlacement = 'top',\n rangeValuesPlacement: rangeValuesPlacementOld,\n scaleAlign = 'bottom',\n multipleStepSize = 10,\n defaultValue,\n size = 'm',\n name,\n pointerSize = 'small',\n orientation = 'horizontal',\n reversed,\n labelReversed,\n ...rest\n}) => {\n const isVertical = orientation === 'vertical';\n\n const [state, setState] = useState({\n handlePosition: 0,\n stepSize: 0,\n railFillWidth: 0,\n });\n\n const innerRef = useRef<HTMLInputElement>(null);\n\n const [startOffset, setStartOffset] = useState(0);\n const [endOffset, setEndOffset] = useState(0);\n\n const innerValue = value ?? defaultValue ?? min;\n const [dragValue, setDragValue] = useState(reversed ? max - innerValue + min : innerValue);\n\n const { stepSize } = state;\n\n const innerShowScale = showRangeValues || showScale;\n\n const hasLabelContent =\n Boolean(label || labelContentLeft || labelContent) && (!isVertical || (isVertical && sliderAlign !== 'none'));\n const labelPlacementClass =\n !isVertical && (labelPlacement === 'outer' || labelPlacement === 'top')\n ? classes.labelPlacementOuter\n : classes.labelPlacementInner;\n\n const rangeValuesPlacement = rangeValuesPlacementOld === 'outer' || scaleAlign === 'bottom' ? 'outer' : 'inner';\n const scaleAlignClass =\n rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;\n\n const hideMinValueDiffClass = hideMinValueDiff && dragValue - min <= hideMinValueDiff ? classes.hideMinValue : '';\n const hideMaxValueDiffClass = hideMaxValueDiff && max - dragValue <= hideMaxValueDiff ? classes.hideMaxValue : '';\n const verticalOrientationClass = orientation === 'vertical' ? classes.verticalOrientation : '';\n\n const startLabelRef = useRef<HTMLDivElement>(null);\n const endLabelRef = useRef<HTMLDivElement>(null);\n\n const activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;\n const activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;\n\n useEffect(() => {\n const localValue = Math.min(Math.max(dragValue, min), max) - min;\n\n if (!isVertical && rangeValuesPlacement === 'outer') {\n const startWidth = startLabelRef.current?.offsetWidth;\n if (isNumber(startWidth)) {\n setStartOffset(Number(startWidth));\n }\n\n const endWidth = endLabelRef.current?.offsetWidth;\n if (isNumber(endWidth)) {\n setEndOffset(Number(endWidth));\n }\n } else if (isVertical && innerShowScale && sliderAlign !== 'center') {\n setStartOffset(12);\n setEndOffset(12);\n } else {\n setStartOffset(1);\n setEndOffset(1);\n }\n\n setState((prevState) => ({\n ...prevState,\n handlePosition: stepSize * localValue,\n railFillWidth: stepSize * localValue,\n }));\n }, [\n dragValue,\n innerShowScale,\n labelPlacement,\n stepSize,\n rangeValuesPlacement,\n min,\n max,\n setStartOffset,\n setEndOffset,\n isVertical,\n size, // для перерасчета размеров\n ]);\n\n const setStepSize = useCallback(\n (newStepSize: number) => {\n setState((prevState) => ({\n ...prevState,\n stepSize: newStepSize,\n }));\n },\n [setState],\n );\n\n const onHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n const newValue = Math.round(reversed ? max - handleValue + min : handleValue);\n\n const newHandlePosition = isVertical ? data.y : data.x;\n setState((prevState) => ({\n ...prevState,\n railFillWidth: newHandlePosition,\n }));\n\n if (onChange) {\n if (value !== undefined) {\n (onChange as (value: number) => void)(newValue);\n }\n\n if (name && !value) {\n (onChange as (event: FormTypeNumber) => void)({\n target: {\n value: newValue,\n name,\n },\n });\n }\n }\n\n setDragValue(newValue);\n };\n\n const onHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = useCallback(\n (handleValue, data) => {\n const newValue = Math.round(reversed ? max - handleValue + min : handleValue);\n\n if (onChangeCommitted) {\n onChangeCommitted(newValue);\n }\n\n setState((prevState) => ({\n ...prevState,\n handlePosition: isVertical ? data.lastY : data.lastX,\n railFillWidth: isVertical ? data.lastY : data.lastX,\n }));\n\n setDragValue(newValue);\n },\n [isVertical, min, max, reversed],\n );\n\n const labelVerticalPlacement = reversed ? 'bottom' : 'top';\n const valuePlacement = sliderAlign === 'right' ? 'left' : 'right';\n const settings = sizeData[size][pointerSize === 'large' ? 'large' : 'small'];\n\n return (\n <SingleWrapper\n className={cx(\n labelPlacementClass,\n scaleAlignClass,\n verticalOrientationClass,\n sliderAlign === 'right' && classes.labelAlignLeft,\n (sliderAlign === 'center' || sliderAlign === 'none') && classes.labelAlignCenter,\n sliderAlign === 'left' && classes.labelAlignRight,\n labelVerticalPlacement === 'bottom' && classes.labelPlacementBottom,\n labelReversed && classes.labelContentReversed,\n )}\n >\n {hasLabelContent && (\n <LabelWrapper>\n {(labelContentLeft || labelContent) && <LabelContent>{labelContent}</LabelContent>}\n {label && <Label>{label}</Label>}\n </LabelWrapper>\n )}\n <SliderBaseWrapper\n className={cx(\n !isVertical && rangeValuesPlacement === 'outer' && classes.rangeValuesPlacementOuter,\n !isVertical && rangeValuesPlacement !== 'outer' && classes.rangeValuesPlacementInner,\n verticalOrientationClass,\n )}\n >\n {innerShowScale && (\n <StyledRangeValue ref={startLabelRef} className={cx(hideMinValueDiffClass, activeFirstValue)}>\n {reversed ? max : min}\n </StyledRangeValue>\n )}\n <SliderBase\n min={min}\n max={max}\n disabled={disabled}\n size={size}\n setStepSize={setStepSize}\n onChange={onHandleChangeCommitted}\n railFillWidth={state.railFillWidth}\n settings={settings}\n labelPlacement={labelPlacement}\n rangeValuesPlacement={rangeValuesPlacement}\n orientation={orientation}\n {...rest}\n >\n <Handler\n size={pointerSize}\n orientation={orientation}\n stepSize={state.stepSize}\n onChangeCommitted={onHandleChangeCommitted}\n onChange={onHandleChange}\n position={state.handlePosition}\n min={min}\n max={max}\n startOffset={startOffset}\n endOffset={endOffset}\n value={dragValue}\n disabled={disabled}\n ariaLabel={ariaLabel}\n multipleStepSize={multipleStepSize}\n showCurrentValue={showCurrentValue}\n valuePlacement={valuePlacement}\n />\n </SliderBase>\n {innerShowScale && (\n <StyledRangeValue\n ref={endLabelRef}\n className={cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)}\n >\n {reversed ? min : max}\n </StyledRangeValue>\n )}\n </SliderBaseWrapper>\n <InputHidden\n name={name}\n type=\"number\"\n datatype=\"slider-single\"\n value={dragValue}\n ref={innerRef}\n {...noop}\n />\n </SingleWrapper>\n );\n};\n"],"names":["SingleSlider","_ref","_ref2","min","max","value","disabled","onChangeCommitted","onChange","ariaLabel","label","labelContentLeft","labelContent","_ref$sliderAlign","sliderAlign","showScale","showRangeValues","showCurrentValue","hideMinValueDiff","hideMaxValueDiff","_ref$labelPlacement","labelPlacement","rangeValuesPlacementOld","rangeValuesPlacement","_ref$scaleAlign","scaleAlign","_ref$multipleStepSize","multipleStepSize","defaultValue","_ref$size","size","name","_ref$pointerSize","pointerSize","_ref$orientation","orientation","reversed","labelReversed","rest","_objectWithoutProperties","_excluded","isVertical","_useState","useState","handlePosition","stepSize","railFillWidth","_useState2","_slicedToArray","state","setState","innerRef","useRef","_useState3","_useState4","startOffset","setStartOffset","_useState5","_useState6","endOffset","setEndOffset","innerValue","_useState7","_useState8","dragValue","setDragValue","innerShowScale","hasLabelContent","Boolean","labelPlacementClass","classes","labelPlacementOuter","labelPlacementInner","scaleAlignClass","rangeValuesPlacementOuter","rangeValuesPlacementInner","hideMinValueDiffClass","hideMinValue","hideMaxValueDiffClass","hideMaxValue","verticalOrientationClass","verticalOrientation","startLabelRef","endLabelRef","activeFirstValue","activeRangeValue","undefined","activeSecondValue","useEffect","localValue","Math","_startLabelRef$curren","_endLabelRef$current","startWidth","current","offsetWidth","isNumber","Number","endWidth","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onHandleChange","handleValue","data","newValue","round","newHandlePosition","y","x","target","onHandleChangeCommitted","lastY","lastX","labelVerticalPlacement","valuePlacement","settings","sizeData","React","createElement","SingleWrapper","className","cx","labelAlignLeft","labelAlignCenter","labelAlignRight","labelPlacementBottom","labelContentReversed","LabelWrapper","LabelContent","Label","SliderBaseWrapper","StyledRangeValue","ref","SliderBase","_extends","Handler","position","maxRangeValue","InputHidden","type","datatype","noop"],"mappings":"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"}
|
|
@@ -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.
|
|
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.rangeValueLeftRightMargin})\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,MAAM,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,MAAM,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,MAAM,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,MAAM,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,MAAM,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,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA2IlC;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
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
2
|
.ly2gexi{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
3
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-
|
|
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(
|
|
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
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-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-left-right-margin) );}.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));}
|
|
@@ -17,6 +17,7 @@ var SliderBase = function SliderBase(_ref) {
|
|
|
17
17
|
rangeValuesPlacement = _ref.rangeValuesPlacement,
|
|
18
18
|
onChange = _ref.onChange,
|
|
19
19
|
orientation = _ref.orientation,
|
|
20
|
+
size = _ref.size,
|
|
20
21
|
_ref$settings = _ref.settings,
|
|
21
22
|
settings = _ref$settings === void 0 ? {} : _ref$settings;
|
|
22
23
|
var _settings$indent = settings.indent,
|
|
@@ -35,7 +36,9 @@ var SliderBase = function SliderBase(_ref) {
|
|
|
35
36
|
}
|
|
36
37
|
};
|
|
37
38
|
resizeHandler();
|
|
38
|
-
}, [labelPlacement, rangeValuesPlacement, gap,
|
|
39
|
+
}, [labelPlacement, rangeValuesPlacement, gap, size,
|
|
40
|
+
// для перерасчета размеров
|
|
41
|
+
isVertical]);
|
|
39
42
|
var onHandleChange = function onHandleChange(e) {
|
|
40
43
|
if (!onChange || disabled) {
|
|
41
44
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderBase.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { PropsWithChildren, useRef, MouseEventHandler, useEffect } from 'react';\nimport { DraggableData } from 'react-draggable';\n\nimport { useIsomorphicLayoutEffect } from '../../../../hooks';\nimport { classes } from '../../Slider.tokens';\nimport { cx } from '../../../../utils';\n\nimport type { SliderViewProps } from './SliderBase.types';\nimport { Fill, Rail, RailWrap, Slider } from './SliderBase.styles';\n\nexport const SliderBase: React.FC<PropsWithChildren<SliderViewProps>> = ({\n max,\n min,\n setStepSize,\n railFillWidth,\n children,\n railFillXPosition = 0,\n disabled,\n labelPlacement,\n rangeValuesPlacement,\n onChange,\n orientation,\n settings = {},\n}) => {\n const { indent = 0.75, fontSizeMultiplier = 16 } = settings;\n\n const ref = useRef<HTMLDivElement | null>(null);\n const gap = indent * fontSizeMultiplier * 2;\n const isVertical = orientation === 'vertical';\n\n useEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = isVertical ? ref.current.offsetHeight - gap : ref.current.offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n }, [labelPlacement
|
|
1
|
+
{"version":3,"file":"SliderBase.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { PropsWithChildren, useRef, MouseEventHandler, useEffect } from 'react';\nimport { DraggableData } from 'react-draggable';\n\nimport { useIsomorphicLayoutEffect } from '../../../../hooks';\nimport { classes } from '../../Slider.tokens';\nimport { cx } from '../../../../utils';\n\nimport type { SliderViewProps } from './SliderBase.types';\nimport { Fill, Rail, RailWrap, Slider } from './SliderBase.styles';\n\nexport const SliderBase: React.FC<PropsWithChildren<SliderViewProps>> = ({\n max,\n min,\n setStepSize,\n railFillWidth,\n children,\n railFillXPosition = 0,\n disabled,\n labelPlacement,\n rangeValuesPlacement,\n onChange,\n orientation,\n size,\n settings = {},\n}) => {\n const { indent = 0.75, fontSizeMultiplier = 16 } = settings;\n\n const ref = useRef<HTMLDivElement | null>(null);\n const gap = indent * fontSizeMultiplier * 2;\n const isVertical = orientation === 'vertical';\n\n useEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = isVertical ? ref.current.offsetHeight - gap : ref.current.offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n }, [\n labelPlacement,\n rangeValuesPlacement,\n gap,\n size, // для перерасчета размеров\n isVertical,\n ]);\n\n const onHandleChange: MouseEventHandler<HTMLDivElement> = (e) => {\n if (!onChange || disabled) {\n return;\n }\n\n const { x, width, y, height } = e.currentTarget.getBoundingClientRect();\n\n const lastPos = isVertical ? e.clientY - y : e.clientX - x;\n const sliderWidth = isVertical ? height : width;\n\n const position = min + (lastPos / (sliderWidth - gap)) * (max - min);\n const result = Math.max(min, Math.min(max, position));\n\n const data = isVertical ? { lastY: lastPos } : { lastX: lastPos };\n onChange(result, (data as unknown) as DraggableData);\n };\n\n useIsomorphicLayoutEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = isVertical ? ref.current.offsetHeight - gap : ref.current.offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n window.addEventListener('resize', resizeHandler);\n\n return () => window.removeEventListener('resize', resizeHandler);\n }, [min, max, setStepSize, gap, labelPlacement, rangeValuesPlacement, isVertical]);\n\n const fillStyle = isVertical\n ? { top: `${railFillXPosition}px`, height: `${railFillWidth}px`, width: '100%' }\n : { left: `${railFillXPosition}px`, width: `${railFillWidth}px` };\n\n return (\n <Slider ref={ref} className={cx(orientation === 'vertical' && classes.verticalOrientation)}>\n <RailWrap aria-hidden=\"true\" onMouseDown={onHandleChange}>\n <Rail>\n <Fill style={fillStyle} />\n </Rail>\n </RailWrap>\n\n {children}\n </Slider>\n );\n};\n"],"names":["SliderBase","_ref","max","min","setStepSize","railFillWidth","children","_ref$railFillXPositio","railFillXPosition","disabled","labelPlacement","rangeValuesPlacement","onChange","orientation","size","_ref$settings","settings","_settings$indent","indent","_settings$fontSizeMul","fontSizeMultiplier","ref","useRef","gap","isVertical","useEffect","resizeHandler","current","railSize","offsetHeight","offsetWidth","totalSteps","onHandleChange","e","_e$currentTarget$getB","currentTarget","getBoundingClientRect","x","width","y","height","lastPos","clientY","clientX","sliderWidth","position","result","Math","data","lastY","lastX","useIsomorphicLayoutEffect","window","addEventListener","removeEventListener","fillStyle","top","concat","left","React","createElement","Slider","className","cx","classes","verticalOrientation","RailWrap","onMouseDown","Rail","Fill","style"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
.Thumb_styles_uyn20e_tqbdf8b__de0962c7{width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.0625rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):hover:after,.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_uyn20e_tqbdf8b__de0962c7[disabled]{cursor:not-allowed;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:focus{outline:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7.Thumb_styles_uyn20e_focusVisible__de0962c7:focus::before,.Thumb_styles_uyn20e_tqbdf8b__de0962c7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
|
2
2
|
|
|
3
|
-
.
|
|
4
|
-
.
|
|
3
|
+
.Handler_styles_irtcgm_s1tnrnip__e8f853c5{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;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);}
|
|
4
|
+
.Handler_styles_irtcgm_h12uu2lj__e8f853c5{cursor:pointer;position:absolute;z-index:1;top:0;left:0;bottom:0;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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;--thumb-size:var(--h12uu2lj-0);}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5{right:0;bottom:auto;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{margin:0;top:0;bottom:0;right:0;left:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.25rem);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderValuePlacementLeft__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{left:auto;right:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.3125rem);-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Handler.styles.js","sources":["../../../../../src/components/Slider/ui/Handler/Handler.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\n\nexport const StyledValue = styled.span<{ isLargeThumb?: boolean }>`\n position: absolute;\n z-index: 1;\n top: var(${tokens.currentValueTopOffset});\n text-align: center;\n width: 100%;\n margin-left: -0.125rem;\n display: flex;\n justify-content: center;\n font-family: var(${tokens.
|
|
1
|
+
{"version":3,"file":"Handler.styles.js","sources":["../../../../../src/components/Slider/ui/Handler/Handler.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\n\nexport const StyledValue = styled.span<{ isLargeThumb?: boolean }>`\n position: absolute;\n z-index: 1;\n top: var(${tokens.currentValueTopOffset});\n text-align: center;\n width: 100%;\n margin-left: -0.125rem;\n display: flex;\n justify-content: center;\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\nexport const HandlerStyled = styled.div<{ isLarge?: boolean }>`\n cursor: pointer;\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n\n --thumb-size: ${({ isLarge }) => (isLarge ? `var(${tokens.thumbSizeLarge})` : `var(${tokens.thumbSize})`)};\n\n &.${classes.verticalOrientation} {\n right: 0;\n bottom: auto;\n align-items: flex-start;\n justify-content: center;\n\n ${StyledValue} {\n margin: 0;\n top: 0;\n bottom: 0;\n right: 0;\n left: calc(var(${tokens.size}) - (var(${tokens.size}) - var(--thumb-size)) / 2 + 0.25rem);\n align-items: center;\n justify-content: flex-start;\n }\n }\n\n &.${classes.valuePlacementLeft} {\n ${StyledValue} {\n left: auto;\n right: calc(var(${tokens.size}) - (var(${tokens.size}) - var(--thumb-size)) / 2 + 0.3125rem);\n justify-content: flex-end;\n }\n }\n`;\n"],"names":["StyledValue","styled","name","class","propsAsIs","_exp8","_ref","isLarge","concat","tokens","thumbSizeLarge","thumbSize","HandlerStyled","vars"],"mappings":";;;AAIO,IAAMA,WAAW,gBAAGC,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAehC,EAAA;AAAC,IAAAC,KAAA,GAlBgBA,SAkBhBA,KAAAA,GAAA;AAAA,EAAA,OAakB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,OAAAA,GAAAA,IAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAeA,OAAO,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,cAAe,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,MAAM,CAACE,SAAU,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAXtG,IAAMC,aAAa,gBAAGX,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAWfR,KAAyF,EAAA,CAAA;AAAA,GAAA;AAAA,CA0B5G;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.s1tnrnip{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;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);}
|
|
2
|
+
.h12uu2lj{cursor:pointer;position:absolute;z-index:1;top:0;left:0;bottom:0;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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;--thumb-size:var(--h12uu2lj-0);}.h12uu2lj.slider-vertical-orientation{right:0;bottom:auto;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.h12uu2lj.slider-vertical-orientation .s1tnrnip{margin:0;top:0;bottom:0;right:0;left:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.25rem);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.h12uu2lj.slider-value-placement-left .s1tnrnip{left:auto;right:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.3125rem);-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
|
package/es/index.css
CHANGED
|
@@ -637,12 +637,12 @@
|
|
|
637
637
|
.SliderBase_styles_1qt1224_fdg7yhg__8fd7c64a{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
|
|
638
638
|
.SliderBase_styles_1qt1224_i17ya4q3__8fd7c64a{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
|
639
639
|
|
|
640
|
-
.
|
|
641
|
-
.
|
|
642
|
-
.
|
|
643
|
-
.
|
|
644
|
-
.
|
|
645
|
-
.
|
|
640
|
+
.Single_styles_14wadfy_l1p4kc08__6db06297{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
|
641
|
+
.Single_styles_14wadfy_ly2gexi__6db06297{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
642
|
+
.Single_styles_14wadfy_lozb535__6db06297{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);}
|
|
643
|
+
.Single_styles_14wadfy_s1w9icbd__6db06297{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_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderHideMinValue__6db06297,.Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderHideMaxValue__6db06297{opacity:0;}.Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderActiveRangeValue__6db06297{color:var(--plasma-slider-label-color);}
|
|
644
|
+
.Single_styles_14wadfy_s1d2sfgl__6db06297{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_14wadfy_s1d2sfgl__6db06297.Single_styles_14wadfy_sliderRangeValuesPlacementOuter__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297{position:absolute;bottom:calc(var(--plasma-slider-rail-thickness) * -1.5 - var(--plasma-slider-range-value-bottom-offset));left:0;}.Single_styles_14wadfy_s1d2sfgl__6db06297.Single_styles_14wadfy_sliderRangeValuesPlacementOuter__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderMaxRangeValue__6db06297{left:unset;right:0;}.Single_styles_14wadfy_s1d2sfgl__6db06297.Single_styles_14wadfy_sliderRangeValuesPlacementInner__6db06297{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_14wadfy_s1d2sfgl__6db06297.Single_styles_14wadfy_sliderRangeValuesPlacementInner__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_14wadfy_s1d2sfgl__6db06297.Single_styles_14wadfy_sliderRangeValuesPlacementInner__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderMaxRangeValue__6db06297{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
|
|
645
|
+
.Single_styles_14wadfy_ss3ujqx__6db06297{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderLabelPlacementOuter__6db06297{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderLabelPlacementOuter__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderLabelPlacementInner__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297{-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_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297.Single_styles_14wadfy_sliderLabelPlacementBottom__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297.Single_styles_14wadfy_sliderLabelPlacementBottom__6db06297.Single_styles_14wadfy_sliderLabelContentReversed__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297.Single_styles_14wadfy_sliderLabelContentReversed__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297 .Single_styles_14wadfy_s1d2sfgl__6db06297{width:var(--plasma-slider-size);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelPlacementInner__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignLeft__6db06297{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignLeft__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignRight__6db06297{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelPlacementBottom__6db06297{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelPlacementBottom__6db06297 .Single_styles_14wadfy_l1p4kc08__6db06297{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297{-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_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297 .Single_styles_14wadfy_s1d2sfgl__6db06297{-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_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignCenter__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderMaxRangeValue__6db06297{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignLeft__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297,.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignRight__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297{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-left-right-margin) );}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignLeft__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderMaxRangeValue__6db06297,.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignRight__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297.Single_styles_14wadfy_sliderMaxRangeValue__6db06297{margin-right:0;margin-left:0;top:auto;bottom:0;}.Single_styles_14wadfy_ss3ujqx__6db06297.Single_styles_14wadfy_sliderVerticalOrientation__6db06297.Single_styles_14wadfy_sliderLabelAlignRight__6db06297 .Single_styles_14wadfy_s1w9icbd__6db06297{left:calc(var(--plasma-slider-size) + var(--plasma-slider-rail-thickness));}
|
|
646
646
|
|
|
647
647
|
.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);}
|
|
648
648
|
|
|
@@ -652,8 +652,8 @@
|
|
|
652
652
|
.Double_styles_1jhda4u_d3kvcjo__5dc981f4{opacity:var(--plasma-slider-disabled-opacity);}
|
|
653
653
|
|
|
654
654
|
|
|
655
|
-
.
|
|
656
|
-
.
|
|
655
|
+
.Handler_styles_irtcgm_s1tnrnip__e8f853c5{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;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);}
|
|
656
|
+
.Handler_styles_irtcgm_h12uu2lj__e8f853c5{cursor:pointer;position:absolute;z-index:1;top:0;left:0;bottom:0;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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;--thumb-size:var(--h12uu2lj-0);}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5{right:0;bottom:auto;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderVerticalOrientation__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{margin:0;top:0;bottom:0;right:0;left:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.25rem);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.Handler_styles_irtcgm_h12uu2lj__e8f853c5.Handler_styles_irtcgm_sliderValuePlacementLeft__e8f853c5 .Handler_styles_irtcgm_s1tnrnip__e8f853c5{left:auto;right:calc(var(--plasma-slider-size) - (var(--plasma-slider-size) - var(--thumb-size)) / 2 + 0.3125rem);-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
|
|
657
657
|
|
|
658
658
|
.Thumb_styles_uyn20e_tqbdf8b__de0962c7{width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.0625rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):hover:after,.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_uyn20e_tqbdf8b__de0962c7[disabled]{cursor:not-allowed;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:focus{outline:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7.Thumb_styles_uyn20e_focusVisible__de0962c7:focus::before,.Thumb_styles_uyn20e_tqbdf8b__de0962c7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
|
659
659
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.164.0-canary.1452.
|
|
3
|
+
"version": "0.164.0-canary.1452.11292135082.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -124,5 +124,5 @@
|
|
|
124
124
|
"react-popper": "2.3.0",
|
|
125
125
|
"storeon": "3.1.5"
|
|
126
126
|
},
|
|
127
|
-
"gitHead": "
|
|
127
|
+
"gitHead": "f4127a285a5cee1321b7423ba9b35ac399460ced"
|
|
128
128
|
}
|
|
@@ -44,12 +44,12 @@ var tokens = exports.tokens = {
|
|
|
44
44
|
rangeValueLeftRightMargin: '--plasma-slider-range-value-left-right-margin',
|
|
45
45
|
rangeValueVerticalMargin: '--plasma-slider-range-value-vertical-margin',
|
|
46
46
|
rangeValueColor: '--plasma-slider-range-value-color',
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
47
|
+
valueFontFamily: '--plasma-slider-value-font-family',
|
|
48
|
+
valueFontSize: '--plasma-slider-value-font-size',
|
|
49
|
+
valueFontStyle: '--plasma-slider-value-font-style',
|
|
50
|
+
valueFontWeight: '--plasma-slider-value-font-weight',
|
|
51
|
+
valueLetterSpacing: '--plasma-slider-value-letter-spacing',
|
|
52
|
+
valueLineHeight: '--plasma-slider-value-line-height',
|
|
53
53
|
doubleWrapperGap: '--plasma-slider-double-wrapper-gap',
|
|
54
54
|
thumbSize: '--plasma-slider-thumb-size',
|
|
55
55
|
thumbSizeLarge: '--plasma-slider-thumb-size-large',
|
|
@@ -58,12 +58,6 @@ var tokens = exports.tokens = {
|
|
|
58
58
|
thumbBackgroundColor: '--plasma-slider-thumb-background-color',
|
|
59
59
|
thumbFocusBorderColor: '--plasma-slider-thumb-focus-border-color',
|
|
60
60
|
currentValueTopOffset: '--plasma-slider-current-value-top-offset',
|
|
61
|
-
currentValueFontFamily: '--plasma-slider-current-value-font-family',
|
|
62
|
-
currentValueFontSize: '--plasma-slider-current-value-font-size',
|
|
63
|
-
currentValueFontStyle: '--plasma-slider-current-value-font-style',
|
|
64
|
-
currentValueFontWeight: '--plasma-slider-current-value-font-weight',
|
|
65
|
-
currentValueLetterSpacing: '--plasma-slider-current-value-letter-spacing',
|
|
66
|
-
currentValueLineHeight: '--plasma-slider-current-value-line-height',
|
|
67
61
|
railBackgroundColor: '--plasma-slider-rail-background-color',
|
|
68
62
|
railThickness: '--plasma-slider-rail-thickness',
|
|
69
63
|
railBorderRadius: '--plasma-slider-rail-border-radius',
|