@salutejs/plasma-new-hope 0.162.3-canary.1448.11254553277.0 → 0.163.0-canary.1452.11263420833.0

package/cjs/components/Slider/components/Double/Double.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Double.styles.js","sources":["../../../../../src/components/Slider/components/Double/Double.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../../TextField';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const LabelWrapper = styled.div`\n    color: var(${tokens.labelColor});\n\n    display: flex;\n    gap: var(${tokens.labelWrapperGap});\n    margin-bottom: var(${tokens.labelWrapperMarginBottom});\n`;\n\nexport const LabelContentLeft = styled.div``;\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 InputsWrapper = styled.div`\n    display: flex;\n    gap: var(${tokens.textFieldWrapperGap});\n    margin-top: var(${tokens.doubleWrapperGap});\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n    flex: 1;\n    \n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    &.${classes.firstTextField} > div {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    &.${classes.secondTextField} > div {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    input:focus, &.${classes.textFieldActive} {\n        ${textFieldTokens.color}: var(${tokens.textFiledFocusColor});\n    }\n`;\n\nexport const DoubleWrapper = styled.div`\n    opacity: var(${tokens.disabledOpacity});\n`;\n\nexport const SliderWrapper = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","LabelWrapper","styled","name","class","propsAsIs","LabelContentLeft","Label","InputsWrapper","_exp12","StyledInput","DoubleWrapper","SliderWrapper"],"mappings":";;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAElC,IAAMK,YAAY,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAErC,IAAME,KAAK,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,aAAa,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;;AAED;AAAA,IAAAI,MAAA,GAjCkBA,SAiClBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMW,WAAW,gBAAGR,YAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAiChC,EAAA;AAEM,IAAMM,aAAa,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAElC,EAAA;AAEM,IAAMO,aAAa,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;;;;;;;"}
+{"version":3,"file":"Double.styles.js","sources":["../../../../../src/components/Slider/components/Double/Double.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../../TextField';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const LabelWrapper = styled.div`\n    color: var(${tokens.labelColor});\n\n    display: flex;\n    gap: var(${tokens.labelWrapperGap});\n    margin-bottom: var(${tokens.labelWrapperMarginBottom});\n`;\n\nexport const LabelContentLeft = styled.div``;\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 InputsWrapper = styled.div`\n    display: flex;\n    gap: var(${tokens.textFieldWrapperGap});\n    margin-top: var(${tokens.doubleWrapperGap});\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n    flex: 1;\n    \n    ${textFieldTokens.color}: var(${tokens.textFieldColor});\n    ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n    ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n    ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n    ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n    ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n    ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n    ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n    ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n    &.${classes.firstTextField} > div {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n    }\n\n    &.${classes.secondTextField} > div {\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    input:focus, &.${classes.textFieldActive} {\n        ${textFieldTokens.color}: var(${tokens.textFiledFocusColor});\n    }\n`;\n\nexport const DoubleWrapper = styled.div`\n    opacity: var(${tokens.disabledOpacity});\n`;\n\nexport const SliderWrapper = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","LabelWrapper","styled","name","class","propsAsIs","LabelContentLeft","Label","InputsWrapper","_exp12","StyledInput","DoubleWrapper","SliderWrapper"],"mappings":";;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAElC,IAAMK,YAAY,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAErC,IAAME,KAAK,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,aAAa,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;;AAED;AAAA,IAAAI,MAAA,GAjCkBA,SAiClBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMW,WAAW,gBAAGR,YAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAiChC,EAAA;AAEM,IAAMM,aAAa,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAElC,EAAA;AAEM,IAAMO,aAAa,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;;;;;;;"}

package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css

@@ -0,0 +1,77 @@
+.Handler_styles_91c1xv_s1tnrnip__bf86b77f{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-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
+.Handler_styles_91c1xv_h12uu2lj__bf86b77f{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;--thumb-size:var(--h12uu2lj-0);}.Handler_styles_91c1xv_h12uu2lj__bf86b77f.Handler_styles_91c1xv_sliderVerticalOrientation__bf86b77f{left:0.125rem;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_91c1xv_h12uu2lj__bf86b77f.Handler_styles_91c1xv_sliderVerticalOrientation__bf86b77f .Handler_styles_91c1xv_s1tnrnip__bf86b77f{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_91c1xv_h12uu2lj__bf86b77f.Handler_styles_91c1xv_sliderValuePlacementLeft__bf86b77f .Handler_styles_91c1xv_s1tnrnip__bf86b77f{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;}
+
+.Thumb_styles_wjaol4_tqbdf8b__3bbb7609{width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;left:-0.0625rem;top:-0.0625rem;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_wjaol4_tqbdf8b__3bbb7609:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_wjaol4_tqbdf8b__3bbb7609:not([disabled]):hover:after,.Thumb_styles_wjaol4_tqbdf8b__3bbb7609:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_wjaol4_tqbdf8b__3bbb7609[disabled]{cursor:not-allowed;}.Thumb_styles_wjaol4_tqbdf8b__3bbb7609:focus{outline:none;}.Thumb_styles_wjaol4_tqbdf8b__3bbb7609::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_wjaol4_tqbdf8b__3bbb7609.Thumb_styles_wjaol4_focusVisible__3bbb7609:focus::before,.Thumb_styles_wjaol4_tqbdf8b__3bbb7609[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
+
+.SliderBase_styles_1qt1224_r33crq1__8fd7c64a{position:relative;top:50%;height:var(--plasma-slider-rail-thickness);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
+.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-size);}.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a.SliderBase_styles_1qt1224_sliderVerticalOrientation__8fd7c64a{width:var(--plasma-slider-size);height:auto;}.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a.SliderBase_styles_1qt1224_sliderVerticalOrientation__8fd7c64a .SliderBase_styles_1qt1224_r33crq1__8fd7c64a{top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:var(--plasma-slider-rail-thickness);height:100%;}
+.SliderBase_styles_1qt1224_r1bro5xo__8fd7c64a{height:100%;}
+.SliderBase_styles_1qt1224_fdg7yhg__8fd7c64a{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
+.SliderBase_styles_1qt1224_i17ya4q3__8fd7c64a{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
+
+.Single_styles_17xv9r0_l1p4kc08__5f3c67cf{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
+.Single_styles_17xv9r0_ly2gexi__5f3c67cf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Single_styles_17xv9r0_lozb535__5f3c67cf{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);}
+.Single_styles_17xv9r0_s1w9icbd__5f3c67cf{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-range-value-font-family);font-size:var(--plasma-slider-range-value-font-size);font-style:var(--plasma-slider-range-value-font-style);font-weight:var(--plasma-slider-range-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-range-value-letter-spacing);letter-spacing:var(--plasma-slider-range-value-letter-spacing);line-height:var(--plasma-slider-range-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_17xv9r0_s1w9icbd__5f3c67cf.Single_styles_17xv9r0_sliderHideMinValue__5f3c67cf,.Single_styles_17xv9r0_s1w9icbd__5f3c67cf.Single_styles_17xv9r0_sliderHideMaxValue__5f3c67cf{opacity:0;}.Single_styles_17xv9r0_s1w9icbd__5f3c67cf.Single_styles_17xv9r0_sliderActiveRangeValue__5f3c67cf{color:var(--plasma-slider-label-color);}
+.Single_styles_17xv9r0_s1d2sfgl__5f3c67cf{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_17xv9r0_s1d2sfgl__5f3c67cf.Single_styles_17xv9r0_sliderRangeValuesPlacementOuter__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf{position:absolute;bottom:calc((var(--plasma-slider-rail-thickness) + var(--plasma-slider-range-value-bottom-offset)) * -1);left:0;}.Single_styles_17xv9r0_s1d2sfgl__5f3c67cf.Single_styles_17xv9r0_sliderRangeValuesPlacementOuter__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf.Single_styles_17xv9r0_sliderMaxRangeValue__5f3c67cf{left:unset;right:0;}.Single_styles_17xv9r0_s1d2sfgl__5f3c67cf.Single_styles_17xv9r0_sliderRangeValuesPlacementInner__5f3c67cf{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_17xv9r0_s1d2sfgl__5f3c67cf.Single_styles_17xv9r0_sliderRangeValuesPlacementInner__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_17xv9r0_s1d2sfgl__5f3c67cf.Single_styles_17xv9r0_sliderRangeValuesPlacementInner__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf.Single_styles_17xv9r0_sliderMaxRangeValue__5f3c67cf{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
+.Single_styles_17xv9r0_ss3ujqx__5f3c67cf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderLabelPlacementOuter__5f3c67cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderLabelPlacementOuter__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderLabelPlacementInner__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf{-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_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignCenter__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignCenter__5f3c67cf.Single_styles_17xv9r0_sliderLabelPlacementBottom__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignCenter__5f3c67cf.Single_styles_17xv9r0_sliderLabelPlacementBottom__5f3c67cf.Single_styles_17xv9r0_sliderLabelContentReversed__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignCenter__5f3c67cf.Single_styles_17xv9r0_sliderLabelContentReversed__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf .Single_styles_17xv9r0_s1d2sfgl__5f3c67cf{width:var(--plasma-slider-size);}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelPlacementInner__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignLeft__5f3c67cf{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignLeft__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignRight__5f3c67cf{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelPlacementBottom__5f3c67cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelPlacementBottom__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf{-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_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf .Single_styles_17xv9r0_s1d2sfgl__5f3c67cf{-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_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignCenter__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignCenter__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf.Single_styles_17xv9r0_sliderMaxRangeValue__5f3c67cf{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignLeft__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf,.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignRight__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf{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_17xv9r0_sliderMaxRangeValue__5f3c67cf { margin-right:0; margin-left:0; top:auto; bottom:0; };}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignRight__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf{left:calc(var(--plasma-slider-size) + var(--plasma-slider-rail-thickness));}
+
+.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_io4bpie__42c27ee8{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_i13qvwoy__42c27ee8{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_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasChips__42c27ee8{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasEmptyContentLeft__42c27ee8{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasEmptyContentRight__42c27ee8{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_lbt1ohz__42c27ee8{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_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_l1gjsnfi__42c27ee8{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_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_ssv2kwg__42c27ee8,.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_s190z894__42c27ee8{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_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_ssv2kwg__42c27ee8{margin:var(--plasma-textfield__before-text-margin);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_s190z894__42c27ee8{margin:var(--plasma-textfield__after-text-margin);}
+
+.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_iq39zt5__03fc1b30{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_iq39zt5__03fc1b30:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_io4bpie__03fc1b30{color:var(--plasma-textfield-color);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_i19ry60d__03fc1b30{color:var(--plasma-textfield__placeholder-color);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_iq39zt5__03fc1b30:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_iq39zt5__03fc1b30:focus-within .base_1noe46b_i19ry60d__03fc1b30{color:var(--plasma-textfield__placeholder-color-focus);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_l1gjsnfi__03fc1b30{color:var(--plasma-textfield__left-helper-color);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_ssv2kwg__03fc1b30{color:var(--plasma-textfield__before-text-color);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_s190z894__03fc1b30{color:var(--plasma-textfield__after-text-color);}
+
+.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e[readonly] .base_rit6gc_iq39zt5__26539e4e,.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_iq39zt5__26539e4e{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e[readonly] .base_rit6gc_iq39zt5__26539e4e:hover,.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_iq39zt5__26539e4e:hover{background-color:unset;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_s600610__26539e4e{margin-left:0;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_suk2zst__26539e4e{margin-right:0;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_labelPlacementOuter__26539e4e .base_rit6gc_lbt1ohz__26539e4e{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_io4bpie__26539e4e{color:var(--plasma-textfield-clear-color);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_i19ry60d__26539e4e{color:var(--plasma-textfield__clear-placeholder-color);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_s7hnwwb__26539e4e.base_rit6gc_labelPlacementInner__26539e4e{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_s7hnwwb__26539e4e.base_rit6gc_labelPlacementInner__26539e4e.base_rit6gc_alignRight__26539e4e{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e .base_rit6gc_iq39zt5__26539e4e{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e .base_rit6gc_iq39zt5__26539e4e:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e:not([readonly]) .base_rit6gc_iq39zt5__26539e4e:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e:not([readonly]) .base_rit6gc_iq39zt5__26539e4e:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e:not([readonly]) .base_rit6gc_iq39zt5__26539e4e:focus-within .base_rit6gc_i19ry60d__26539e4e{color:var(--plasma-textfield__clear-placeholder-color-focus);}
+
+.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
+
+.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_iq39zt5__4fc2b315{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly].base_1n7tghz_textfieldHasDivider__4fc2b315 .base_1n7tghz_iq39zt5__4fc2b315:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_iq39zt5__4fc2b315:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_iq39zt5__4fc2b315:focus-within .base_1n7tghz_i19ry60d__4fc2b315,.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_i19ry60d__4fc2b315{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_io4bpie__4fc2b315{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_l1gjsnfi__4fc2b315{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly].base_1n7tghz_labelPlacementOuter__4fc2b315 .base_1n7tghz_lbt1ohz__4fc2b315{color:var(--plasma-textfield__label-color-readonly);}
+
+.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementOuter__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_i13qvwoy__7775bbdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_s190z894__7775bbdc,.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_ssv2kwg__7775bbdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_io4bpie__7775bbdc:focus ~ .base_1ghihns_lbt1ohz__7775bbdc,.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_io4bpie__7775bbdc.base_1ghihns_hasValue__7775bbdc ~ .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top: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;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc.base_1ghihns_textfieldClear__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__clear-placeholder-color);}
+
+.TextField_styles_1d2ryq_iq39zt5__7c8f1496{position:relative;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;box-sizing:border-box;}
+.TextField_styles_1d2ryq_i1j28rg8__7c8f1496{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1d2ryq_i1j28rg8__7c8f1496::-webkit-scrollbar{display:none;}.TextField_styles_1d2ryq_i1j28rg8__7c8f1496.TextField_styles_1d2ryq_hasChips__7c8f1496{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_1d2ryq_s13zudoe__7c8f1496{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_1d2ryq_io4bpie__7c8f1496{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::-webkit-input-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::-moz-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496:-ms-input-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::placeholder{opacity:0;}
+.TextField_styles_1d2ryq_i13qvwoy__7c8f1496{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
+.TextField_styles_1d2ryq_i19ry60d__7c8f1496{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
+.TextField_styles_1d2ryq_lbt1ohz__7c8f1496{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_1d2ryq_slv9av6__7c8f1496{color:var(--slv9av6-0);line-height:0;}
+.TextField_styles_1d2ryq_s600610__7c8f1496.TextField_styles_1d2ryq_slv9av6__7c8f1496{margin:var(--plasma-textfield__left-content-margin);}
+.TextField_styles_1d2ryq_suk2zst__7c8f1496{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1d2ryq_suk2zst__7c8f1496:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1d2ryq_suk2zst__7c8f1496:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+
+
+.TextField_styles_1d2ryq_sb3k3v1__7c8f1496{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_1d2ryq_s7hnwwb__7c8f1496{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementOuter__7c8f1496{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementOuter__7c8f1496.TextField_styles_1d2ryq_alignRight__7c8f1496{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementInner__7c8f1496{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementInner__7c8f1496.TextField_styles_1d2ryq_alignRight__7c8f1496{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
+
+.base_fcgkys_b1pde8v1__0b4d127a{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding-top:var(--plasma-chip-padding-top);padding-right:var(--plasma-chip-padding-right);padding-bottom:var(--plasma-chip-padding-bottom);padding-left:var(--plasma-chip-padding-left);}.base_fcgkys_b1pde8v1__0b4d127a:hover{scale:var(--plasma-chip-scale-hover);}.base_fcgkys_b1pde8v1__0b4d127a:active{scale:var(--plasma-chip-scale-active);}
+
+.base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
+
+.base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
+
+.base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
+
+.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
+
+.Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+.Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
+.Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
+.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
+
+.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::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.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
+
+.TextField_1lzb2r1_bpunezx__7d079491{display:block;}
+
+.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);}
+
+.Double_styles_1jhda4u_l1at2q9b__5dc981f4{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);}
+.Double_styles_1jhda4u_i11dc2og__5dc981f4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-text-field-wrapper-gap);margin-top:var(--plasma-slider-double-wrapper-gap);}
+.Double_styles_1jhda4u_s4zvp7i__5dc981f4{-webkit-flex:1;-ms-flex:1;flex:1;--plasma-textfield-color:var(--plasma-slider-text-field-color);--plasma-textfield-bg-color:var(--plasma-slider-text-field-background-color);--plasma-textfield__caret-color:var(--plasma-slider-text-field-caret-color);--plasma-textfield__placeholder-color:var(--plasma-slider-text-field-placeholder-color);--plasma-textfield-disabled-opacity:var(--plasma-slider-disabled-opacity);--plasma-textfield-height:var(--plasma-slider-text-field-height);--plasma-textfield-padding:var(--plasma-slider-text-field-padding);--plasma-textfield-border-radius:var(--plasma-slider-text-field-border-radius);--plasma-textfield-font-family:var(--plasma-slider-text-field-font-family);--plasma-textfield-font-size:var(--plasma-slider-text-field-font-size);--plasma-textfield-font-style:var(--plasma-slider-text-field-font-style);--plasma-textfield-font-weight:var(--plasma-slider-text-field-font-weight);--plasma-textfield-letter-spacing:var(--plasma-slider-text-field-letter-spacing);--plasma-textfield-line-height:var(--plasma-slider-text-field-line-height);}.Double_styles_1jhda4u_s4zvp7i__5dc981f4.Double_styles_1jhda4u_sliderFirstTextField__5dc981f4 > div{border-top-right-radius:0;border-bottom-right-radius:0;}.Double_styles_1jhda4u_s4zvp7i__5dc981f4.Double_styles_1jhda4u_sliderSecondTextField__5dc981f4 > div{border-top-left-radius:0;border-bottom-left-radius:0;}.Double_styles_1jhda4u_s4zvp7i__5dc981f4 input:focus,.Double_styles_1jhda4u_s4zvp7i__5dc981f4.Double_styles_1jhda4u_sliderTextFieldActive__5dc981f4{--plasma-textfield-color:var(--plasma-slider-text-field-focus-color);}
+.Double_styles_1jhda4u_d3kvcjo__5dc981f4{opacity:var(--plasma-slider-disabled-opacity);}
+

package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
+require('../../../../utils/react.js');
+require('@linaria/react');
+require('react-draggable');
 var Double = require('../Double/Double.js');
 
 var DoubleUncontrolled = function DoubleUncontrolled(props) {

package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoubleUncontrolled.js","sources":["../../../../../src/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.tsx"],"sourcesContent":["import React, { KeyboardEvent, FC, useState, useCallback } from 'react';\n\nimport { DoubleSlider } from '../index';\nimport { FormTypeString } from '../../../../types/FormType';\n\nimport { DoubleUncontrolledProps } from './DoubleUncontrolled.types';\n\nexport const DoubleUncontrolled: FC<DoubleUncontrolledProps> = (props) => {\n    const { defaultValue, min, max, value, name, onChange } = props;\n    const [sliderValue, setSliderValue] = useState<number[]>(defaultValue ?? [min, max]);\n\n    const sortValues = (values: number[]) => {\n        return values\n            .map((val) => {\n                if (val < props.min) {\n                    return props.min;\n                }\n                if (val > props.max) {\n                    return props.max;\n                }\n                return val;\n            })\n            .sort((a, b) => a - b);\n    };\n\n    const onChangeHandle = useCallback(\n        (values: number[]) => {\n            const sortValue = sortValues(values);\n\n            if (onChange && !value && name) {\n                (onChange as (event: FormTypeString) => void)({\n                    target: {\n                        value: sortValue.join(' - '),\n                        name,\n                    },\n                });\n            }\n\n            setSliderValue(sortValue);\n        },\n        [name, value, onChange, sortValues],\n    );\n\n    const onChangeCommittedHandle = useCallback(\n        (values: number[]) => {\n            const sortValue = sortValues(values);\n\n            if (onChange && !value && name) {\n                (onChange as (event: FormTypeString) => void)({\n                    target: {\n                        value: sortValue.join(' - '),\n                        name,\n                    },\n                });\n            }\n\n            setSliderValue(sortValue);\n        },\n        [name, value, onChange, sortValues],\n    );\n\n    const onBlurTextField = useCallback(\n        (values: number[]) => {\n            const sortValue = sortValues(values);\n\n            if (onChange && !value && name) {\n                (onChange as (event: FormTypeString) => void)({\n                    target: {\n                        value: sortValue.join(' - '),\n                        name,\n                    },\n                });\n            }\n\n            setSliderValue(sortValue);\n        },\n        [name, value, onChange, sortValues],\n    );\n\n    const onKeyDownTextField = useCallback(\n        (values: number[], e: KeyboardEvent<HTMLInputElement>) => {\n            if (e.key === 'Enter') {\n                const sortValue = sortValues(values);\n\n                if (onChange && !value && name) {\n                    (onChange as (event: FormTypeString) => void)({\n                        target: {\n                            value: sortValue.join(' - '),\n                            name,\n                        },\n                    });\n                }\n\n                setSliderValue(sortValue);\n            }\n        },\n        [name, value, onChange, sortValues],\n    );\n\n    return value ? (\n        <DoubleSlider {...props} value={value} onChange={onChange as (values: number[]) => void} />\n    ) : (\n        <DoubleSlider\n            value={sliderValue}\n            onKeyDownTextField={onKeyDownTextField}\n            onBlurTextField={onBlurTextField}\n            onChangeCommitted={onChangeCommittedHandle}\n            {...props}\n            onChange={onChangeHandle}\n        />\n    );\n};\n"],"names":["DoubleUncontrolled","props","defaultValue","min","max","value","name","onChange","_useState","useState","_useState2","_slicedToArray","sliderValue","setSliderValue","sortValues","values","map","val","sort","a","b","onChangeHandle","useCallback","sortValue","target","join","onChangeCommittedHandle","onBlurTextField","onKeyDownTextField","e","key","React","createElement","DoubleSlider","_extends","onChangeCommitted"],"mappings":"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"}
+{"version":3,"file":"DoubleUncontrolled.js","sources":["../../../../../src/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.tsx"],"sourcesContent":["import React, { KeyboardEvent, FC, useState, useCallback } from 'react';\n\nimport { DoubleSlider } from '../index';\nimport { FormTypeString } from '../../../../types/FormType';\n\nimport { DoubleUncontrolledProps } from './DoubleUncontrolled.types';\n\nexport const DoubleUncontrolled: FC<DoubleUncontrolledProps> = (props) => {\n    const { defaultValue, min, max, value, name, onChange } = props;\n    const [sliderValue, setSliderValue] = useState<number[]>(defaultValue ?? [min, max]);\n\n    const sortValues = (values: number[]) => {\n        return values\n            .map((val) => {\n                if (val < props.min) {\n                    return props.min;\n                }\n                if (val > props.max) {\n                    return props.max;\n                }\n                return val;\n            })\n            .sort((a, b) => a - b);\n    };\n\n    const onChangeHandle = useCallback(\n        (values: number[]) => {\n            const sortValue = sortValues(values);\n\n            if (onChange && !value && name) {\n                (onChange as (event: FormTypeString) => void)({\n                    target: {\n                        value: sortValue.join(' - '),\n                        name,\n                    },\n                });\n            }\n\n            setSliderValue(sortValue);\n        },\n        [name, value, onChange, sortValues],\n    );\n\n    const onChangeCommittedHandle = useCallback(\n        (values: number[]) => {\n            const sortValue = sortValues(values);\n\n            if (onChange && !value && name) {\n                (onChange as (event: FormTypeString) => void)({\n                    target: {\n                        value: sortValue.join(' - '),\n                        name,\n                    },\n                });\n            }\n\n            setSliderValue(sortValue);\n        },\n        [name, value, onChange, sortValues],\n    );\n\n    const onBlurTextField = useCallback(\n        (values: number[]) => {\n            const sortValue = sortValues(values);\n\n            if (onChange && !value && name) {\n                (onChange as (event: FormTypeString) => void)({\n                    target: {\n                        value: sortValue.join(' - '),\n                        name,\n                    },\n                });\n            }\n\n            setSliderValue(sortValue);\n        },\n        [name, value, onChange, sortValues],\n    );\n\n    const onKeyDownTextField = useCallback(\n        (values: number[], e: KeyboardEvent<HTMLInputElement>) => {\n            if (e.key === 'Enter') {\n                const sortValue = sortValues(values);\n\n                if (onChange && !value && name) {\n                    (onChange as (event: FormTypeString) => void)({\n                        target: {\n                            value: sortValue.join(' - '),\n                            name,\n                        },\n                    });\n                }\n\n                setSliderValue(sortValue);\n            }\n        },\n        [name, value, onChange, sortValues],\n    );\n\n    return value ? (\n        <DoubleSlider {...props} value={value} onChange={onChange as (values: number[]) => void} />\n    ) : (\n        <DoubleSlider\n            value={sliderValue}\n            onKeyDownTextField={onKeyDownTextField}\n            onBlurTextField={onBlurTextField}\n            onChangeCommitted={onChangeCommittedHandle}\n            {...props}\n            onChange={onChangeHandle}\n        />\n    );\n};\n"],"names":["DoubleUncontrolled","props","defaultValue","min","max","value","name","onChange","_useState","useState","_useState2","_slicedToArray","sliderValue","setSliderValue","sortValues","values","map","val","sort","a","b","onChangeHandle","useCallback","sortValue","target","join","onChangeCommittedHandle","onBlurTextField","onKeyDownTextField","e","key","React","createElement","DoubleSlider","_extends","onChangeCommitted"],"mappings":"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"}

package/cjs/components/Slider/components/Single/Single.css

@@ -1,17 +1,17 @@
-.Handler_styles_8crx5z_h1tnrnip__2d4342c7{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
-.Handler_styles_8crx5z_s12uu2lj__2d4342c7{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-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
+.Handler_styles_91c1xv_s1tnrnip__bf86b77f{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-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
+.Handler_styles_91c1xv_h12uu2lj__bf86b77f{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;--thumb-size:var(--h12uu2lj-0);}.Handler_styles_91c1xv_h12uu2lj__bf86b77f.Handler_styles_91c1xv_sliderVerticalOrientation__bf86b77f{left:0.125rem;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_91c1xv_h12uu2lj__bf86b77f.Handler_styles_91c1xv_sliderVerticalOrientation__bf86b77f .Handler_styles_91c1xv_s1tnrnip__bf86b77f{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_91c1xv_h12uu2lj__bf86b77f.Handler_styles_91c1xv_sliderValuePlacementLeft__bf86b77f .Handler_styles_91c1xv_s1tnrnip__bf86b77f{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;}
 
-.Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;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_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
+.Thumb_styles_wjaol4_tqbdf8b__3bbb7609{width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;left:-0.0625rem;top:-0.0625rem;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_wjaol4_tqbdf8b__3bbb7609:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_wjaol4_tqbdf8b__3bbb7609:not([disabled]):hover:after,.Thumb_styles_wjaol4_tqbdf8b__3bbb7609:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_wjaol4_tqbdf8b__3bbb7609[disabled]{cursor:not-allowed;}.Thumb_styles_wjaol4_tqbdf8b__3bbb7609:focus{outline:none;}.Thumb_styles_wjaol4_tqbdf8b__3bbb7609::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_wjaol4_tqbdf8b__3bbb7609.Thumb_styles_wjaol4_focusVisible__3bbb7609:focus::before,.Thumb_styles_wjaol4_tqbdf8b__3bbb7609[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
 
-.SliderBase_styles_9s4eb3_s33crq1__d6fac54b{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-height);}
-.SliderBase_styles_9s4eb3_rnaoqfb__d6fac54b{height:100%;}
-.SliderBase_styles_9s4eb3_r1bro5xo__d6fac54b{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
-.SliderBase_styles_9s4eb3_fdg7yhg__d6fac54b{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
-.SliderBase_styles_9s4eb3_i17ya4q3__d6fac54b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
+.SliderBase_styles_1qt1224_r33crq1__8fd7c64a{position:relative;top:50%;height:var(--plasma-slider-rail-thickness);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
+.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-size);}.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a.SliderBase_styles_1qt1224_sliderVerticalOrientation__8fd7c64a{width:var(--plasma-slider-size);height:auto;}.SliderBase_styles_1qt1224_snaoqfb__8fd7c64a.SliderBase_styles_1qt1224_sliderVerticalOrientation__8fd7c64a .SliderBase_styles_1qt1224_r33crq1__8fd7c64a{top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:var(--plasma-slider-rail-thickness);height:100%;}
+.SliderBase_styles_1qt1224_r1bro5xo__8fd7c64a{height:100%;}
+.SliderBase_styles_1qt1224_fdg7yhg__8fd7c64a{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
+.SliderBase_styles_1qt1224_i17ya4q3__8fd7c64a{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
 
-.Single_styles_1r9f1e0_l1p4kc08__4db690dd{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
-
-.Single_styles_1r9f1e0_lozb535__4db690dd{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);}
-.Single_styles_1r9f1e0_s1w9icbd__4db690dd{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-range-value-font-family);font-size:var(--plasma-slider-range-value-font-size);font-style:var(--plasma-slider-range-value-font-style);font-weight:var(--plasma-slider-range-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-range-value-letter-spacing);letter-spacing:var(--plasma-slider-range-value-letter-spacing);line-height:var(--plasma-slider-range-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMinValue__4db690dd,.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMaxValue__4db690dd{opacity:0;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderActiveRangeValue__4db690dd{color:var(--plasma-slider-label-color);}
-.Single_styles_1r9f1e0_s1d2sfgl__4db690dd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{left:unset;right:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{margin-right:var(--plasma-slider-range-min-value-margin);}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
-.Single_styles_1r9f1e0_ss3ujqx__4db690dd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementInner__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-right:var(--plasma-slider-label-wrapper-margin-right);}
+.Single_styles_17xv9r0_l1p4kc08__5f3c67cf{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
+.Single_styles_17xv9r0_ly2gexi__5f3c67cf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Single_styles_17xv9r0_lozb535__5f3c67cf{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);}
+.Single_styles_17xv9r0_s1w9icbd__5f3c67cf{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-range-value-font-family);font-size:var(--plasma-slider-range-value-font-size);font-style:var(--plasma-slider-range-value-font-style);font-weight:var(--plasma-slider-range-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-range-value-letter-spacing);letter-spacing:var(--plasma-slider-range-value-letter-spacing);line-height:var(--plasma-slider-range-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_17xv9r0_s1w9icbd__5f3c67cf.Single_styles_17xv9r0_sliderHideMinValue__5f3c67cf,.Single_styles_17xv9r0_s1w9icbd__5f3c67cf.Single_styles_17xv9r0_sliderHideMaxValue__5f3c67cf{opacity:0;}.Single_styles_17xv9r0_s1w9icbd__5f3c67cf.Single_styles_17xv9r0_sliderActiveRangeValue__5f3c67cf{color:var(--plasma-slider-label-color);}
+.Single_styles_17xv9r0_s1d2sfgl__5f3c67cf{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_17xv9r0_s1d2sfgl__5f3c67cf.Single_styles_17xv9r0_sliderRangeValuesPlacementOuter__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf{position:absolute;bottom:calc((var(--plasma-slider-rail-thickness) + var(--plasma-slider-range-value-bottom-offset)) * -1);left:0;}.Single_styles_17xv9r0_s1d2sfgl__5f3c67cf.Single_styles_17xv9r0_sliderRangeValuesPlacementOuter__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf.Single_styles_17xv9r0_sliderMaxRangeValue__5f3c67cf{left:unset;right:0;}.Single_styles_17xv9r0_s1d2sfgl__5f3c67cf.Single_styles_17xv9r0_sliderRangeValuesPlacementInner__5f3c67cf{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_17xv9r0_s1d2sfgl__5f3c67cf.Single_styles_17xv9r0_sliderRangeValuesPlacementInner__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_17xv9r0_s1d2sfgl__5f3c67cf.Single_styles_17xv9r0_sliderRangeValuesPlacementInner__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf.Single_styles_17xv9r0_sliderMaxRangeValue__5f3c67cf{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
+.Single_styles_17xv9r0_ss3ujqx__5f3c67cf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderLabelPlacementOuter__5f3c67cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderLabelPlacementOuter__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderLabelPlacementInner__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf{-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_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignCenter__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignCenter__5f3c67cf.Single_styles_17xv9r0_sliderLabelPlacementBottom__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignCenter__5f3c67cf.Single_styles_17xv9r0_sliderLabelPlacementBottom__5f3c67cf.Single_styles_17xv9r0_sliderLabelContentReversed__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignCenter__5f3c67cf.Single_styles_17xv9r0_sliderLabelContentReversed__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf .Single_styles_17xv9r0_s1d2sfgl__5f3c67cf{width:var(--plasma-slider-size);}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelPlacementInner__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignLeft__5f3c67cf{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignLeft__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignRight__5f3c67cf{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelPlacementBottom__5f3c67cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelPlacementBottom__5f3c67cf .Single_styles_17xv9r0_l1p4kc08__5f3c67cf{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf{-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_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf .Single_styles_17xv9r0_s1d2sfgl__5f3c67cf{-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_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignCenter__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignCenter__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf.Single_styles_17xv9r0_sliderMaxRangeValue__5f3c67cf{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignLeft__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf,.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignRight__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf{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_17xv9r0_sliderMaxRangeValue__5f3c67cf { margin-right:0; margin-left:0; top:auto; bottom:0; };}.Single_styles_17xv9r0_ss3ujqx__5f3c67cf.Single_styles_17xv9r0_sliderVerticalOrientation__5f3c67cf.Single_styles_17xv9r0_sliderLabelAlignRight__5f3c67cf .Single_styles_17xv9r0_s1w9icbd__5f3c67cf{left:calc(var(--plasma-slider-size) + var(--plasma-slider-rail-thickness));}

package/cjs/components/Slider/components/Single/Single.js

@@ -5,16 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var SliderBase = require('../SliderBase/SliderBase.js');
+var Handler = require('../../ui/Handler/Handler.js');
+require('@linaria/react');
 var index$1 = require('../../utils/index.js');
 var index = require('../../../../utils/index.js');
 var Slider_tokens = require('../../Slider.tokens.js');
 var SliderBase_styles = require('../SliderBase/SliderBase.styles.js');
 var Single_styles = require('./Single.styles.js');
 var isNumber = require('../../../../utils/isNumber.js');
-var Handler = require('../../ui/Handler/Handler.js');
 var noop = require('../../../../utils/noop.js');
 
-var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "defaultValue", "size", "name"];
+var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "labelContent", "sliderAlign", "showScale", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "scaleAlign", "multipleStepSize", "defaultValue", "size", "name", "pointerSize", "orientation", "reversed", "labelReversed"];
 var SingleSlider = function SingleSlider(_ref) {
   var _ref2;
   var min = _ref.min,
@@ -26,23 +27,35 @@ var SingleSlider = function SingleSlider(_ref) {
     ariaLabel = _ref.ariaLabel,
     label = _ref.label,
     labelContentLeft = _ref.labelContentLeft,
+    labelContent = _ref.labelContent,
+    _ref$sliderAlign = _ref.sliderAlign,
+    sliderAlign = _ref$sliderAlign === void 0 ? 'right' : _ref$sliderAlign,
+    showScale = _ref.showScale,
     showRangeValues = _ref.showRangeValues,
     showCurrentValue = _ref.showCurrentValue,
     hideMinValueDiff = _ref.hideMinValueDiff,
     hideMaxValueDiff = _ref.hideMaxValueDiff,
     _ref$labelPlacement = _ref.labelPlacement,
-    labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
-    _ref$rangeValuesPlace = _ref.rangeValuesPlacement,
-    rangeValuesPlacement = _ref$rangeValuesPlace === void 0 ? 'outer' : _ref$rangeValuesPlace,
+    labelPlacement = _ref$labelPlacement === void 0 ? 'top' : _ref$labelPlacement,
+    rangeValuesPlacementOld = _ref.rangeValuesPlacement,
+    _ref$scaleAlign = _ref.scaleAlign,
+    scaleAlign = _ref$scaleAlign === void 0 ? 'bottom' : _ref$scaleAlign,
     _ref$multipleStepSize = _ref.multipleStepSize,
     multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
     defaultValue = _ref.defaultValue,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'm' : _ref$size,
     name = _ref.name,
+    _ref$pointerSize = _ref.pointerSize,
+    pointerSize = _ref$pointerSize === void 0 ? 'small' : _ref$pointerSize,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
+    reversed = _ref.reversed,
+    labelReversed = _ref.labelReversed,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var isVertical = orientation === 'vertical';
   var _useState = React.useState({
-      xHandle: 0,
+      handlePosition: 0,
       stepSize: 0,
       railFillWidth: 0
     }),
@@ -58,23 +71,27 @@ var SingleSlider = function SingleSlider(_ref) {
     _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
     endOffset = _useState6[0],
     setEndOffset = _useState6[1];
-  var _useState7 = React.useState((_ref2 = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref2 !== void 0 ? _ref2 : min),
+  var innerValue = (_ref2 = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref2 !== void 0 ? _ref2 : min;
+  var _useState7 = React.useState(reversed ? max - innerValue + min : innerValue),
     _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
     dragValue = _useState8[0],
     setDragValue = _useState8[1];
   var stepSize = state.stepSize;
-  var hasLabelContent = label || labelContentLeft;
-  var labelPlacementClass = labelPlacement === 'outer' ? Slider_tokens.classes.labelPlacementOuter : Slider_tokens.classes.labelPlacementInner;
-  var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? Slider_tokens.classes.rangeValuesPlacementOuter : Slider_tokens.classes.rangeValuesPlacementInner;
+  var innerShowScale = showRangeValues || showScale;
+  var hasLabelContent = Boolean(label || labelContentLeft || labelContent) && (!isVertical || isVertical && sliderAlign !== 'none');
+  var labelPlacementClass = !isVertical && (labelPlacement === 'outer' || labelPlacement === 'top') ? Slider_tokens.classes.labelPlacementOuter : Slider_tokens.classes.labelPlacementInner;
+  var rangeValuesPlacement = rangeValuesPlacementOld === 'outer' || scaleAlign === 'bottom' ? 'outer' : 'inner';
+  var scaleAlignClass = rangeValuesPlacement === 'outer' ? Slider_tokens.classes.rangeValuesPlacementOuter : Slider_tokens.classes.rangeValuesPlacementInner;
   var hideMinValueDiffClass = hideMinValueDiff && dragValue - min <= hideMinValueDiff ? Slider_tokens.classes.hideMinValue : '';
   var hideMaxValueDiffClass = hideMaxValueDiff && max - dragValue <= hideMaxValueDiff ? Slider_tokens.classes.hideMaxValue : '';
+  var verticalOrientationClass = orientation === 'vertical' ? Slider_tokens.classes.verticalOrientation : '';
   var startLabelRef = React.useRef(null);
   var endLabelRef = React.useRef(null);
   var activeFirstValue = dragValue === min ? Slider_tokens.classes.activeRangeValue : undefined;
   var activeSecondValue = dragValue === max ? Slider_tokens.classes.activeRangeValue : undefined;
   React.useEffect(function () {
     var localValue = Math.min(Math.max(dragValue, min), max) - min;
-    if (rangeValuesPlacement === 'outer') {
+    if (!isVertical && rangeValuesPlacement === 'outer') {
       var _startLabelRef$curren, _endLabelRef$current;
       var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
       if (isNumber.isNumber(startWidth)) {
@@ -84,17 +101,20 @@ var SingleSlider = function SingleSlider(_ref) {
       if (isNumber.isNumber(endWidth)) {
         setEndOffset(Number(endWidth));
       }
+    } else if (isVertical && innerShowScale && sliderAlign !== 'center') {
+      setStartOffset(12);
+      setEndOffset(12);
     } else {
       setStartOffset(1);
       setEndOffset(1);
     }
     setState(function (prevState) {
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
-        xHandle: stepSize * localValue,
+        handlePosition: stepSize * localValue,
         railFillWidth: stepSize * localValue
       });
     });
-  }, [dragValue, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
+  }, [dragValue, innerShowScale, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
   var setStepSize = React.useCallback(function (newStepSize) {
     setState(function (prevState) {
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
@@ -103,11 +123,11 @@ var SingleSlider = function SingleSlider(_ref) {
     });
   }, [setState]);
   var onHandleChange = function onHandleChange(handleValue, data) {
-    var newHandleXPosition = data.x;
-    var newValue = Math.round(handleValue);
+    var newValue = Math.round(reversed ? max - handleValue + min : handleValue);
+    var newHandlePosition = isVertical ? data.y : data.x;
     setState(function (prevState) {
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
-        railFillWidth: newHandleXPosition
+        railFillWidth: newHandlePosition
       });
     });
     if (onChange) {
@@ -125,41 +145,47 @@ var SingleSlider = function SingleSlider(_ref) {
     }
     setDragValue(newValue);
   };
-  var onHandleChangeCommitted = function onHandleChangeCommitted(handleValue, data) {
-    var newValue = Math.round(handleValue);
+  var onHandleChangeCommitted = React.useCallback(function (handleValue, data) {
+    var newValue = Math.round(reversed ? max - handleValue + min : handleValue);
     if (onChangeCommitted) {
       onChangeCommitted(newValue);
     }
     setState(function (prevState) {
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
-        xHandle: data.lastX,
-        railFillWidth: data.lastX
+        handlePosition: isVertical ? data.lastY : data.lastX,
+        railFillWidth: isVertical ? data.lastY : data.lastX
       });
     });
     setDragValue(newValue);
-  };
+  }, [isVertical, min, max, reversed]);
+  var labelVerticalPlacement = reversed ? 'bottom' : 'top';
+  var valuePlacement = sliderAlign === 'left' ? 'left' : 'right';
+  var settings = index$1.sizeData[size][pointerSize === 'large' ? 'large' : 'small'];
   return /*#__PURE__*/React.createElement(Single_styles.SingleWrapper, {
-    className: labelPlacementClass
-  }, hasLabelContent && /*#__PURE__*/React.createElement(Single_styles.LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(Single_styles.LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Single_styles.Label, null, label)), /*#__PURE__*/React.createElement(Single_styles.SliderBaseWrapper, {
-    className: rangeValuesPlacementClass
-  }, showRangeValues && /*#__PURE__*/React.createElement(Single_styles.StyledRangeValue, {
+    className: index.cx(labelPlacementClass, scaleAlignClass, verticalOrientationClass, sliderAlign === 'left' && Slider_tokens.classes.labelAlignLeft, (sliderAlign === 'center' || sliderAlign === 'none') && Slider_tokens.classes.labelAlignCenter, sliderAlign === 'right' && Slider_tokens.classes.labelAlignRight, labelVerticalPlacement === 'bottom' && Slider_tokens.classes.labelPlacementBottom, labelReversed && Slider_tokens.classes.labelContentReversed)
+  }, hasLabelContent && /*#__PURE__*/React.createElement(Single_styles.LabelWrapper, null, (labelContentLeft || labelContent) && /*#__PURE__*/React.createElement(Single_styles.LabelContent, null, labelContent), label && /*#__PURE__*/React.createElement(Single_styles.Label, null, label)), /*#__PURE__*/React.createElement(Single_styles.SliderBaseWrapper, {
+    className: index.cx(!isVertical && rangeValuesPlacement === 'outer' && Slider_tokens.classes.rangeValuesPlacementOuter, !isVertical && rangeValuesPlacement !== 'outer' && Slider_tokens.classes.rangeValuesPlacementInner, verticalOrientationClass)
+  }, innerShowScale && /*#__PURE__*/React.createElement(Single_styles.StyledRangeValue, {
     ref: startLabelRef,
     className: index.cx(hideMinValueDiffClass, activeFirstValue)
-  }, min), /*#__PURE__*/React.createElement(SliderBase.SliderBase, _rollupPluginBabelHelpers.extends({
+  }, reversed ? max : min), /*#__PURE__*/React.createElement(SliderBase.SliderBase, _rollupPluginBabelHelpers.extends({
     min: min,
     max: max,
     disabled: disabled,
     setStepSize: setStepSize,
     onChange: onHandleChangeCommitted,
     railFillWidth: state.railFillWidth,
-    settings: index$1.sizeData[size],
+    settings: settings,
     labelPlacement: labelPlacement,
-    rangeValuesPlacement: rangeValuesPlacement
+    rangeValuesPlacement: rangeValuesPlacement,
+    orientation: orientation
   }, rest), /*#__PURE__*/React.createElement(Handler.Handler, {
+    size: pointerSize,
+    orientation: orientation,
     stepSize: state.stepSize,
     onChangeCommitted: onHandleChangeCommitted,
     onChange: onHandleChange,
-    xPosition: state.xHandle,
+    position: state.handlePosition,
     min: min,
     max: max,
     startOffset: startOffset,
@@ -168,11 +194,12 @@ var SingleSlider = function SingleSlider(_ref) {
     disabled: disabled,
     ariaLabel: ariaLabel,
     multipleStepSize: multipleStepSize,
-    showCurrentValue: showCurrentValue
-  })), showRangeValues && /*#__PURE__*/React.createElement(Single_styles.StyledRangeValue, {
+    showCurrentValue: showCurrentValue,
+    valuePlacement: valuePlacement
+  })), innerShowScale && /*#__PURE__*/React.createElement(Single_styles.StyledRangeValue, {
     ref: endLabelRef,
     className: index.cx(Slider_tokens.classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
-  }, max)), /*#__PURE__*/React.createElement(SliderBase_styles.InputHidden, _rollupPluginBabelHelpers.extends({
+  }, reversed ? min : max)), /*#__PURE__*/React.createElement(SliderBase_styles.InputHidden, _rollupPluginBabelHelpers.extends({
     name: name,
     type: "number",
     datatype: "slider-single",