@salutejs/plasma-new-hope 0.316.0-canary.1880.14207590539.0 → 0.316.0-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Checkbox/Checkbox.js +2 -2
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Slider/Slider.css +6 -6
- package/cjs/components/Slider/components/Single/Single.css +6 -6
- package/cjs/components/Slider/components/Single/Single.styles.js +1 -1
- package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/cjs/components/Slider/components/Single/{Single.styles_1a6l9pg.css → Single.styles_e0wk24.css} +2 -2
- package/cjs/index.css +6 -6
- package/emotion/cjs/components/Checkbox/Checkbox.js +2 -2
- package/emotion/cjs/components/Checkbox/Checkbox.template-doc.mdx +0 -13
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +7 -6
- package/emotion/es/components/Checkbox/Checkbox.js +2 -2
- package/emotion/es/components/Checkbox/Checkbox.template-doc.mdx +0 -13
- package/emotion/es/components/Slider/components/Single/Single.styles.js +7 -6
- package/es/components/Checkbox/Checkbox.js +2 -2
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Slider/Slider.css +6 -6
- package/es/components/Slider/components/Single/Single.css +6 -6
- package/es/components/Slider/components/Single/Single.styles.js +1 -1
- package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/es/components/Slider/components/Single/{Single.styles_1a6l9pg.css → Single.styles_e0wk24.css} +2 -2
- package/es/index.css +6 -6
- package/package.json +2 -2
- package/styled-components/cjs/components/Checkbox/Checkbox.js +2 -2
- package/styled-components/cjs/components/Checkbox/Checkbox.template-doc.mdx +0 -13
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +3 -2
- package/styled-components/es/components/Checkbox/Checkbox.js +2 -2
- package/styled-components/es/components/Checkbox/Checkbox.template-doc.mdx +0 -13
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +3 -2
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
@@ -39,8 +39,8 @@ var checkboxRoot = function checkboxRoot(Root) {
|
|
39
39
|
var inputRef = React.useRef(null);
|
40
40
|
var forkRef = plasmaCore.useForkRef(inputRef, ref);
|
41
41
|
React.useEffect(function () {
|
42
|
-
if (inputRef.current) {
|
43
|
-
inputRef.current.indeterminate = Boolean(indeterminate);
|
42
|
+
if (inputRef.current && indeterminate) {
|
43
|
+
inputRef.current.indeterminate = rest.checked === undefined ? Boolean(indeterminate) : rest.checked;
|
44
44
|
}
|
45
45
|
}, [inputRef, indeterminate]);
|
46
46
|
var uniqId = plasmaCore.safeUseId();
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate } from './IconsSvg';\nimport {\n StyledContent,\n StyledContentWrapper,\n StyledDescription,\n StyledInput,\n StyledLabel,\n StyledTrigger,\n base,\n StyledTriggerWrapper,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n disabled,\n id,\n label,\n description,\n indeterminate,\n style,\n className,\n singleLine = false,\n 'aria-label': ariaLabelExternal,\n ...rest\n } = props;\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const forkRef = useForkRef(inputRef, ref);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = Boolean(indeterminate);\n }\n }, [inputRef, indeterminate]);\n\n const uniqId = safeUseId();\n const uniqLabelId = `label-${uniqId}`;\n const uniqDescriptionId = `description-${uniqId}`;\n const checkboxId = id || `input-${uniqId}`;\n\n const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n const isLabelAriaHidden = typeof label === 'string';\n const canFocused = focused ? 0 : -1;\n const hasContent = label || description;\n const singleLineClass = singleLine ? classes.singleLine : undefined;\n const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused}\n style={style}\n className={className}\n tabIndex={-1}\n >\n <StyledInput\n {...rest}\n id={checkboxId}\n ref={forkRef}\n type=\"checkbox\"\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={uniqDescriptionId}\n tabIndex={canFocused}\n />\n <StyledContentWrapper htmlFor={checkboxId} className={singleLineClass}>\n <StyledTriggerWrapper>\n <StyledTrigger className={classes.checkboxTrigger}>\n {indeterminate ? <Indeterminate /> : <Done />}\n </StyledTrigger>\n </StyledTriggerWrapper>\n {hasContent && (\n <StyledContent className={singleLineClass}>\n {label && (\n <StyledLabel\n className={singleLineClass}\n id={uniqLabelId}\n aria-hidden={isLabelAriaHidden}\n >\n {label}\n </StyledLabel>\n )}\n {description && (\n <StyledDescription\n className={cx(singleLineClass, onlyDescriptionClass)}\n id={uniqDescriptionId}\n >\n {description}\n </StyledDescription>\n )}\n </StyledContent>\n )}\n </StyledContentWrapper>\n </Root>\n );\n });\n\nexport const checkboxConfig = {\n name: 'Checkbox',\n tag: 'div',\n layout: checkboxRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate } from './IconsSvg';\nimport {\n StyledContent,\n StyledContentWrapper,\n StyledDescription,\n StyledInput,\n StyledLabel,\n StyledTrigger,\n base,\n StyledTriggerWrapper,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n disabled,\n id,\n label,\n description,\n indeterminate,\n style,\n className,\n singleLine = false,\n 'aria-label': ariaLabelExternal,\n ...rest\n } = props;\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const forkRef = useForkRef(inputRef, ref);\n\n useEffect(() => {\n if (inputRef.current && indeterminate) {\n inputRef.current.indeterminate = rest.checked === undefined ? Boolean(indeterminate) : rest.checked;\n }\n }, [inputRef, indeterminate]);\n\n const uniqId = safeUseId();\n const uniqLabelId = `label-${uniqId}`;\n const uniqDescriptionId = `description-${uniqId}`;\n const checkboxId = id || `input-${uniqId}`;\n\n const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n const isLabelAriaHidden = typeof label === 'string';\n const canFocused = focused ? 0 : -1;\n const hasContent = label || description;\n const singleLineClass = singleLine ? classes.singleLine : undefined;\n const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused}\n style={style}\n className={className}\n tabIndex={-1}\n >\n <StyledInput\n {...rest}\n id={checkboxId}\n ref={forkRef}\n type=\"checkbox\"\n disabled={disabled}\n aria-label={ariaLabel}\n aria-describedby={uniqDescriptionId}\n tabIndex={canFocused}\n />\n <StyledContentWrapper htmlFor={checkboxId} className={singleLineClass}>\n <StyledTriggerWrapper>\n <StyledTrigger className={classes.checkboxTrigger}>\n {indeterminate ? <Indeterminate /> : <Done />}\n </StyledTrigger>\n </StyledTriggerWrapper>\n {hasContent && (\n <StyledContent className={singleLineClass}>\n {label && (\n <StyledLabel\n className={singleLineClass}\n id={uniqLabelId}\n aria-hidden={isLabelAriaHidden}\n >\n {label}\n </StyledLabel>\n )}\n {description && (\n <StyledDescription\n className={cx(singleLineClass, onlyDescriptionClass)}\n id={uniqDescriptionId}\n >\n {description}\n </StyledDescription>\n )}\n </StyledContent>\n )}\n </StyledContentWrapper>\n </Root>\n );\n });\n\nexport const checkboxConfig = {\n name: 'Checkbox',\n tag: 'div',\n layout: checkboxRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 'm',\n view: 'accent',\n },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","style","className","_props$singleLine","singleLine","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","inputRef","useRef","forkRef","useForkRef","useEffect","current","checked","undefined","Boolean","uniqId","safeUseId","uniqLabelId","concat","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","onlyDescriptionClass","onlyDescription","React","createElement","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","checkboxTrigger","_Indeterminate","Indeterminate","_Done","Done","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
|
@@ -11,12 +11,12 @@
|
|
11
11
|
.SliderBase_styles_wld555_fdg7yhg__d313173d{position:absolute;width:0;height:100%;top:0;left:0;border-radius:var(--plasma-slider-rail-border-radius);background:var(--plasma-slider-fill-color);}
|
12
12
|
.SliderBase_styles_wld555_i17ya4q3__d313173d{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
13
13
|
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
18
|
-
.
|
19
|
-
.
|
14
|
+
.Single_styles_e0wk24_l1p4kc08__35f62990{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
15
|
+
.Single_styles_e0wk24_ly2gexi__35f62990{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
16
|
+
.Single_styles_e0wk24_lozb535__35f62990{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
17
|
+
.Single_styles_e0wk24_s1w9icbd__35f62990{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderHideMinValue__35f62990,.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderHideMaxValue__35f62990{opacity:0;}.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderActiveRangeValue__35f62990{color:var(--plasma-slider-label-color);}
|
18
|
+
.Single_styles_e0wk24_s1d2sfgl__35f62990{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990{display:grid;grid-template-areas: 'a a' 'b c';}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990{grid-area:a;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{grid-area:b;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{grid-area:c;justify-self:end;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
|
19
|
+
.Single_styles_e0wk24_ss3ujqx__35f62990{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementOuter__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementOuter__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990:not(:has(.Single_styles_e0wk24_lozb535__35f62990)):has(.Single_styles_e0wk24_ly2gexi__35f62990){margin-right:var(--plasma-slider-label-wrapper-only-icon-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990:has(.Single_styles_e0wk24_lozb535__35f62990){margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990{-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_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990.Single_styles_e0wk24_sliderLabelContentReversed__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelContentReversed__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{width:var(--plasma-slider-size);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990{-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_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{-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_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{display:grid;grid-template-areas: 'b a' 'c a';-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset;-webkit-align-items:unset;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;-webkit-box-pack:unset;-webkit-justify-content:unset;-ms-flex-pack:unset;justify-content:unset;width:unset;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990{grid-area:a;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{grid-area:b;-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;justify-self:end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{grid-area:c;-webkit-align-self:end;-ms-flex-item-align:end;align-self:end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{grid-template-areas: 'a b' 'a c';}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{justify-self:start;}
|
20
20
|
|
21
21
|
.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_io4bpie__3d70dc64{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_i13qvwoy__3d70dc64{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_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasChips__3d70dc64{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasEmptyContentLeft__3d70dc64{padding-left:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasEmptyContentRight__3d70dc64{padding-right:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_luk2zst__3d70dc64,.base_uulqii_b13ve66i__3d70dc64:not(.base_uulqii_labelPlacementInner__3d70dc64) .base_uulqii_s14qvple__3d70dc64{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_uulqii_b13ve66i__3d70dc64 .base_uulqii_s16itze4__3d70dc64{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_h1skqnhr__3d70dc64{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_tlv9av6__3d70dc64{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_lb3k3v1__3d70dc64{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_uulqii_b13ve66i__3d70dc64 .base_uulqii_s7hnwwb__3d70dc64,.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_smqgwd8__3d70dc64{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_uulqii_b13ve66i__3d70dc64 .base_uulqii_s7hnwwb__3d70dc64{margin:var(--plasma-textfield__before-text-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_smqgwd8__3d70dc64{margin:var(--plasma-textfield__after-text-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_ssv2kwg__3d70dc64.base_uulqii_textfieldContentRightCompensationMargin__3d70dc64{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_ssv2kwg__3d70dc64.base_uulqii_textfieldContentRightCompensationMargin__3d70dc64 .base_uulqii_s190z894__3d70dc64{margin:var(--plasma-textfield__right-content-with-hint-margin);}
|
22
22
|
|
@@ -9,9 +9,9 @@
|
|
9
9
|
.SliderBase_styles_wld555_fdg7yhg__d313173d{position:absolute;width:0;height:100%;top:0;left:0;border-radius:var(--plasma-slider-rail-border-radius);background:var(--plasma-slider-fill-color);}
|
10
10
|
.SliderBase_styles_wld555_i17ya4q3__d313173d{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
11
11
|
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
12
|
+
.Single_styles_e0wk24_l1p4kc08__35f62990{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
13
|
+
.Single_styles_e0wk24_ly2gexi__35f62990{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
14
|
+
.Single_styles_e0wk24_lozb535__35f62990{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
15
|
+
.Single_styles_e0wk24_s1w9icbd__35f62990{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderHideMinValue__35f62990,.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderHideMaxValue__35f62990{opacity:0;}.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderActiveRangeValue__35f62990{color:var(--plasma-slider-label-color);}
|
16
|
+
.Single_styles_e0wk24_s1d2sfgl__35f62990{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990{display:grid;grid-template-areas: 'a a' 'b c';}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990{grid-area:a;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{grid-area:b;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{grid-area:c;justify-self:end;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
|
17
|
+
.Single_styles_e0wk24_ss3ujqx__35f62990{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementOuter__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementOuter__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990:not(:has(.Single_styles_e0wk24_lozb535__35f62990)):has(.Single_styles_e0wk24_ly2gexi__35f62990){margin-right:var(--plasma-slider-label-wrapper-only-icon-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990:has(.Single_styles_e0wk24_lozb535__35f62990){margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990{-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_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990.Single_styles_e0wk24_sliderLabelContentReversed__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelContentReversed__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{width:var(--plasma-slider-size);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990{-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_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{-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_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{display:grid;grid-template-areas: 'b a' 'c a';-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset;-webkit-align-items:unset;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;-webkit-box-pack:unset;-webkit-justify-content:unset;-ms-flex-pack:unset;justify-content:unset;width:unset;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990{grid-area:a;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{grid-area:b;-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;justify-self:end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{grid-area:c;-webkit-align-self:end;-ms-flex-item-align:end;align-self:end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{grid-template-areas: 'a b' 'a c';}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{justify-self:start;}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Single.styles.js","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n`;\n\nexport const LabelContent = styled.div`\n display: inline-flex;\n`;\n\nexport const Label = styled.label`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const StyledRangeValue = styled.span`\n color: var(${tokens.rangeValueColor});\n font-family: var(${tokens.valueFontFamily});\n font-size: var(${tokens.valueFontSize});\n font-style: var(${tokens.valueFontStyle});\n font-weight: var(${tokens.valueFontWeight});\n letter-spacing: var(${tokens.valueLetterSpacing});\n line-height: var(${tokens.valueLineHeight});\n\n transition: opacity 0.1s ease-in-out;\n\n &.${classes.hideMinValue}, &.${classes.hideMaxValue} {\n opacity: 0;\n }\n\n &.${classes.activeRangeValue} {\n color: var(${tokens.labelColor});\n }\n`;\n\nexport const SliderBaseWrapper = styled.div`\n
|
1
|
+
{"version":3,"file":"Single.styles.js","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\nimport { Slider } from '../SliderBase/SliderBase.styles';\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n`;\n\nexport const LabelContent = styled.div`\n display: inline-flex;\n`;\n\nexport const Label = styled.label`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const StyledRangeValue = styled.span`\n color: var(${tokens.rangeValueColor});\n font-family: var(${tokens.valueFontFamily});\n font-size: var(${tokens.valueFontSize});\n font-style: var(${tokens.valueFontStyle});\n font-weight: var(${tokens.valueFontWeight});\n letter-spacing: var(${tokens.valueLetterSpacing});\n line-height: var(${tokens.valueLineHeight});\n\n transition: opacity 0.1s ease-in-out;\n\n &.${classes.hideMinValue}, &.${classes.hideMaxValue} {\n opacity: 0;\n }\n\n &.${classes.activeRangeValue} {\n color: var(${tokens.labelColor});\n }\n`;\n\nexport const SliderBaseWrapper = styled.div`\n display: flex;\n flex: 1;\n position: relative;\n\n &.${classes.rangeValuesPlacementOuter} {\n display: grid;\n grid-template-areas:\n 'a a'\n 'b c';\n\n ${Slider} {\n grid-area: a;\n }\n\n ${StyledRangeValue} {\n grid-area: b;\n\n &.${classes.maxRangeValue} {\n grid-area: c;\n justify-self: end;\n }\n }\n }\n\n &.${classes.rangeValuesPlacementInner} {\n align-items: center;\n\n ${StyledRangeValue} {\n margin-right: var(${tokens.rangeValueHorizontalMargin});\n\n &.${classes.maxRangeValue} {\n margin-right: 0;\n margin-left: var(${tokens.rangeValueHorizontalMargin});\n }\n }\n }\n`;\n\nexport const SingleWrapper = styled.div`\n display: flex;\n opacity: var(${tokens.disabledOpacity});\n\n &.${classes.labelPlacementOuter} {\n flex-direction: column;\n\n ${LabelWrapper} {\n margin-bottom: var(${tokens.labelWrapperMarginBottom});\n }\n }\n\n &.${classes.labelPlacementInner} {\n ${LabelWrapper} {\n margin-right: var(${tokens.labelWrapperMarginRight});\n }\n\n ${LabelWrapper}:not(:has(${Label})):has(${LabelContent}) {\n margin-right: var(${tokens.labelWrapperOnlyIconMarginRight});\n }\n\n ${LabelWrapper}:has(${Label}) {\n margin-right: var(${tokens.labelWrapperMarginRight});\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n\n &.${classes.labelAlignCenter} {\n ${LabelWrapper} {\n flex-direction: column-reverse;\n }\n\n &.${classes.labelPlacementBottom} {\n ${LabelWrapper} {\n flex-direction: column;\n }\n\n &.${classes.labelContentReversed} {\n ${LabelWrapper} {\n flex-direction: column-reverse;\n }\n }\n }\n\n &.${classes.labelContentReversed} {\n ${LabelWrapper} {\n flex-direction: column;\n }\n }\n }\n\n ${LabelWrapper} {\n align-items: center;\n }\n\n ${SliderBaseWrapper} {\n width: var(${tokens.size});\n }\n\n &.${classes.labelPlacementInner} {\n ${LabelWrapper} {\n margin-right: 0;\n margin-bottom: var(${tokens.labelWrapperVerticalMargin});\n }\n }\n\n &.${classes.labelAlignLeft} {\n align-items: flex-end;\n\n ${LabelWrapper} {\n flex-direction: row-reverse;\n }\n }\n\n &.${classes.labelAlignRight} {\n align-items: flex-start;\n }\n\n &.${classes.labelPlacementBottom} {\n flex-direction: column-reverse;\n\n ${LabelWrapper} {\n margin-top: var(${tokens.labelWrapperVerticalMargin});\n margin-right: 0;\n margin-bottom: 0;\n }\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n ${SliderBaseWrapper} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n &.${classes.labelAlignCenter} {\n ${StyledRangeValue} {\n position: static;\n bottom: 0;\n left: 0;\n margin-bottom: var(${tokens.rangeValueVerticalMargin});\n\n &.${classes.maxRangeValue} {\n left: 0;\n right: 0;\n bottom: 0;\n margin-top: var(${tokens.rangeValueVerticalMargin});\n margin-bottom: 0;\n }\n }\n }\n\n &.${classes.labelAlignLeft}, &.${classes.labelAlignRight} {\n ${SliderBaseWrapper} {\n display: grid;\n grid-template-areas:\n 'b a'\n 'c a';\n flex-direction: unset;\n align-items: unset;\n justify-content: unset;\n\n width: unset;\n }\n\n ${Slider} {\n grid-area: a;\n }\n\n ${StyledRangeValue} {\n grid-area: b;\n align-self: start;\n justify-self: end;\n\n &.${classes.maxRangeValue} {\n grid-area: c;\n align-self: end;\n }\n }\n }\n\n &.${classes.labelAlignRight} {\n ${SliderBaseWrapper} {\n grid-template-areas:\n 'a b'\n 'a c';\n }\n\n ${StyledRangeValue} {\n justify-self: start;\n }\n }\n }\n`;\n"],"names":["LabelWrapper","styled","name","class","propsAsIs","LabelContent","Label","StyledRangeValue","SliderBaseWrapper","SingleWrapper"],"mappings":";;;;;;AAKO,IAAMA,YAAY,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAME,KAAK,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,gBAAgB,gBAAGN,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBrC,EAAA;AAEM,IAAMI,iBAAiB,gBAAGP,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAqCtC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiKlC;;;;;;;;;"}
|
@@ -2,5 +2,5 @@
|
|
2
2
|
.ly2gexi{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
3
3
|
.lozb535{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
4
4
|
.s1w9icbd{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.s1w9icbd.slider-hide-min-value,.s1w9icbd.slider-hide-max-value{opacity:0;}.s1w9icbd.slider-active-range-value{color:var(--plasma-slider-label-color);}
|
5
|
-
.s1d2sfgl{
|
6
|
-
.ss3ujqx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.ss3ujqx.slider-label-placement-outer{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-label-placement-outer .l1p4kc08{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.ss3ujqx.slider-label-placement-inner .l1p4kc08{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.ss3ujqx.slider-label-placement-inner .l1p4kc08:not(:has(.lozb535)):has(.ly2gexi){margin-right:var(--plasma-slider-label-wrapper-only-icon-margin-right);}.ss3ujqx.slider-label-placement-inner .l1p4kc08:has(.lozb535){margin-right:var(--plasma-slider-label-wrapper-margin-right);}.ss3ujqx.slider-vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center .l1p4kc08{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center.slider-label-placement-bottom .l1p4kc08{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center.slider-label-placement-bottom.slider-label-content-reversed .l1p4kc08{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center.slider-label-content-reversed .l1p4kc08{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-vertical-orientation .l1p4kc08{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.ss3ujqx.slider-vertical-orientation .s1d2sfgl{width:var(--plasma-slider-size);}.ss3ujqx.slider-vertical-orientation.slider-label-placement-inner .l1p4kc08{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.ss3ujqx.slider-vertical-orientation.slider-label-align-left{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .l1p4kc08{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-align-right{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.ss3ujqx.slider-vertical-orientation.slider-label-placement-bottom{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-placement-bottom .l1p4kc08{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.ss3ujqx.slider-vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.ss3ujqx.slider-vertical-orientation .s1d2sfgl{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center .s1w9icbd{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.ss3ujqx.slider-vertical-orientation.slider-label-align-center .s1w9icbd.slider-max-range-value{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .
|
5
|
+
.s1d2sfgl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;}.s1d2sfgl.slider-range-values-placement-outer{display:grid;grid-template-areas: 'a a' 'b c';}.s1d2sfgl.slider-range-values-placement-outer .snaoqfb{grid-area:a;}.s1d2sfgl.slider-range-values-placement-outer .s1w9icbd{grid-area:b;}.s1d2sfgl.slider-range-values-placement-outer .s1w9icbd.slider-max-range-value{grid-area:c;justify-self:end;}.s1d2sfgl.slider-range-values-placement-inner{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s1d2sfgl.slider-range-values-placement-inner .s1w9icbd{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.s1d2sfgl.slider-range-values-placement-inner .s1w9icbd.slider-max-range-value{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
|
6
|
+
.ss3ujqx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.ss3ujqx.slider-label-placement-outer{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-label-placement-outer .l1p4kc08{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.ss3ujqx.slider-label-placement-inner .l1p4kc08{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.ss3ujqx.slider-label-placement-inner .l1p4kc08:not(:has(.lozb535)):has(.ly2gexi){margin-right:var(--plasma-slider-label-wrapper-only-icon-margin-right);}.ss3ujqx.slider-label-placement-inner .l1p4kc08:has(.lozb535){margin-right:var(--plasma-slider-label-wrapper-margin-right);}.ss3ujqx.slider-vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center .l1p4kc08{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center.slider-label-placement-bottom .l1p4kc08{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center.slider-label-placement-bottom.slider-label-content-reversed .l1p4kc08{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center.slider-label-content-reversed .l1p4kc08{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.ss3ujqx.slider-vertical-orientation .l1p4kc08{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.ss3ujqx.slider-vertical-orientation .s1d2sfgl{width:var(--plasma-slider-size);}.ss3ujqx.slider-vertical-orientation.slider-label-placement-inner .l1p4kc08{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.ss3ujqx.slider-vertical-orientation.slider-label-align-left{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .l1p4kc08{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-align-right{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.ss3ujqx.slider-vertical-orientation.slider-label-placement-bottom{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.ss3ujqx.slider-vertical-orientation.slider-label-placement-bottom .l1p4kc08{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.ss3ujqx.slider-vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.ss3ujqx.slider-vertical-orientation .s1d2sfgl{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.ss3ujqx.slider-vertical-orientation.slider-label-align-center .s1w9icbd{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.ss3ujqx.slider-vertical-orientation.slider-label-align-center .s1w9icbd.slider-max-range-value{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .s1d2sfgl,.ss3ujqx.slider-vertical-orientation.slider-label-align-right .s1d2sfgl{display:grid;grid-template-areas: 'b a' 'c a';-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset;-webkit-align-items:unset;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;-webkit-box-pack:unset;-webkit-justify-content:unset;-ms-flex-pack:unset;justify-content:unset;width:unset;}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .snaoqfb,.ss3ujqx.slider-vertical-orientation.slider-label-align-right .snaoqfb{grid-area:a;}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .s1w9icbd,.ss3ujqx.slider-vertical-orientation.slider-label-align-right .s1w9icbd{grid-area:b;-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;justify-self:end;}.ss3ujqx.slider-vertical-orientation.slider-label-align-left .s1w9icbd.slider-max-range-value,.ss3ujqx.slider-vertical-orientation.slider-label-align-right .s1w9icbd.slider-max-range-value{grid-area:c;-webkit-align-self:end;-ms-flex-item-align:end;align-self:end;}.ss3ujqx.slider-vertical-orientation.slider-label-align-right .s1d2sfgl{grid-template-areas: 'a b' 'a c';}.ss3ujqx.slider-vertical-orientation.slider-label-align-right .s1w9icbd{justify-self:start;}
|
package/cjs/index.css
CHANGED
@@ -689,12 +689,12 @@
|
|
689
689
|
.SliderBase_styles_wld555_fdg7yhg__d313173d{position:absolute;width:0;height:100%;top:0;left:0;border-radius:var(--plasma-slider-rail-border-radius);background:var(--plasma-slider-fill-color);}
|
690
690
|
.SliderBase_styles_wld555_i17ya4q3__d313173d{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
691
691
|
|
692
|
-
.
|
693
|
-
.
|
694
|
-
.
|
695
|
-
.
|
696
|
-
.
|
697
|
-
.
|
692
|
+
.Single_styles_e0wk24_l1p4kc08__35f62990{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
693
|
+
.Single_styles_e0wk24_ly2gexi__35f62990{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
694
|
+
.Single_styles_e0wk24_lozb535__35f62990{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);}
|
695
|
+
.Single_styles_e0wk24_s1w9icbd__35f62990{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-value-font-family);font-size:var(--plasma-slider-value-font-size);font-style:var(--plasma-slider-value-font-style);font-weight:var(--plasma-slider-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-value-letter-spacing);letter-spacing:var(--plasma-slider-value-letter-spacing);line-height:var(--plasma-slider-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderHideMinValue__35f62990,.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderHideMaxValue__35f62990{opacity:0;}.Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderActiveRangeValue__35f62990{color:var(--plasma-slider-label-color);}
|
696
|
+
.Single_styles_e0wk24_s1d2sfgl__35f62990{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990{display:grid;grid-template-areas: 'a a' 'b c';}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990{grid-area:a;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{grid-area:b;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementOuter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{grid-area:c;justify-self:end;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_e0wk24_s1d2sfgl__35f62990.Single_styles_e0wk24_sliderRangeValuesPlacementInner__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
|
697
|
+
.Single_styles_e0wk24_ss3ujqx__35f62990{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementOuter__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementOuter__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990:not(:has(.Single_styles_e0wk24_lozb535__35f62990)):has(.Single_styles_e0wk24_ly2gexi__35f62990){margin-right:var(--plasma-slider-label-wrapper-only-icon-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990:has(.Single_styles_e0wk24_lozb535__35f62990){margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990{-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_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990.Single_styles_e0wk24_sliderLabelContentReversed__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990.Single_styles_e0wk24_sliderLabelContentReversed__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{width:var(--plasma-slider-size);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementInner__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelPlacementBottom__35f62990 .Single_styles_e0wk24_l1p4kc08__35f62990{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990{-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_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{-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_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignCenter__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{display:grid;grid-template-areas: 'b a' 'c a';-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset;-webkit-align-items:unset;-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset;-webkit-box-pack:unset;-webkit-justify-content:unset;-ms-flex-pack:unset;justify-content:unset;width:unset;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_snaoqfb__35f62990{grid-area:a;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{grid-area:b;-webkit-align-self:start;-ms-flex-item-align:start;align-self:start;justify-self:end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignLeft__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990,.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990.Single_styles_e0wk24_sliderMaxRangeValue__35f62990{grid-area:c;-webkit-align-self:end;-ms-flex-item-align:end;align-self:end;}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1d2sfgl__35f62990{grid-template-areas: 'a b' 'a c';}.Single_styles_e0wk24_ss3ujqx__35f62990.Single_styles_e0wk24_sliderVerticalOrientation__35f62990.Single_styles_e0wk24_sliderLabelAlignRight__35f62990 .Single_styles_e0wk24_s1w9icbd__35f62990{justify-self:start;}
|
698
698
|
|
699
699
|
.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);}
|
700
700
|
|
@@ -41,8 +41,8 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
|
|
41
41
|
var inputRef = (0, _react.useRef)(null);
|
42
42
|
var forkRef = (0, _plasmaCore.useForkRef)(inputRef, ref);
|
43
43
|
(0, _react.useEffect)(function () {
|
44
|
-
if (inputRef.current) {
|
45
|
-
inputRef.current.indeterminate = Boolean(indeterminate);
|
44
|
+
if (inputRef.current && indeterminate) {
|
45
|
+
inputRef.current.indeterminate = rest.checked === undefined ? Boolean(indeterminate) : rest.checked;
|
46
46
|
}
|
47
47
|
}, [inputRef, indeterminate]);
|
48
48
|
var uniqId = (0, _plasmaCore.safeUseId)();
|
@@ -48,16 +48,3 @@ export function App() {
|
|
48
48
|
);
|
49
49
|
}
|
50
50
|
```
|
51
|
-
|
52
|
-
Состояние `indeterminate` имеет приоритет и не зависит от свойства `checked`
|
53
|
-
|
54
|
-
```tsx live
|
55
|
-
import React from 'react';
|
56
|
-
import { Checkbox } from '@salutejs/{{ package }}';
|
57
|
-
|
58
|
-
export function App() {
|
59
|
-
return (
|
60
|
-
<Checkbox label="Чекбокс" description="Описание" defaultChecked indeterminate checked={false} />
|
61
|
-
);
|
62
|
-
}
|
63
|
-
```
|