@salutejs/plasma-new-hope 0.130.1-canary.1388.10521418979.0 → 0.130.1-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +2 -2
- package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/emotion/cjs/components/Slider/Slider.template-doc.mdx +78 -0
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.js +2 -2
- package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +4 -4
- package/emotion/cjs/examples/plasma_web/components/Switch/Switch.config.js +4 -4
- package/emotion/es/components/Slider/Slider.template-doc.mdx +78 -0
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.js +2 -2
- package/emotion/es/examples/plasma_b2c/components/Switch/Switch.config.js +4 -4
- package/emotion/es/examples/plasma_web/components/Switch/Switch.config.js +4 -4
- package/es/components/Slider/components/SliderBase/SliderBase.js +2 -2
- package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Slider/Slider.template-doc.mdx +78 -0
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.config.js +1 -1
- package/styled-components/es/components/Slider/Slider.template-doc.mdx +78 -0
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Switch/Switch.config.js +1 -1
@@ -35,7 +35,7 @@ var SliderBase = function SliderBase(_ref) {
|
|
35
35
|
}
|
36
36
|
};
|
37
37
|
resizeHandler();
|
38
|
-
}, [labelPlacement, rangeValuesPlacement
|
38
|
+
}, [labelPlacement, rangeValuesPlacement]);
|
39
39
|
var onHandleChange = function onHandleChange(e) {
|
40
40
|
if (!onChange || disabled) {
|
41
41
|
return;
|
@@ -63,7 +63,7 @@ var SliderBase = function SliderBase(_ref) {
|
|
63
63
|
return function () {
|
64
64
|
return window.removeEventListener('resize', resizeHandler);
|
65
65
|
};
|
66
|
-
}, [min, max, setStepSize,
|
66
|
+
}, [min, max, setStepSize, gap, labelPlacement, rangeValuesPlacement]);
|
67
67
|
var fillStyle = {
|
68
68
|
left: "".concat(railFillXPosition, "px"),
|
69
69
|
width: "".concat(railFillWidth, "px")
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SliderBase.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { PropsWithChildren, useRef, MouseEventHandler, useEffect } from 'react';\nimport { DraggableData } from 'react-draggable';\n\nimport { useIsomorphicLayoutEffect } from '../../../../hooks';\n\nimport type { SliderViewProps } from './SliderBase.types';\nimport { Fill, Rail, RailWrap, Slider } from './SliderBase.styles';\n\nexport const SliderBase: React.FC<PropsWithChildren<SliderViewProps>> = ({\n max,\n min,\n setStepSize,\n railFillWidth,\n children,\n railFillXPosition = 0,\n disabled,\n labelPlacement,\n rangeValuesPlacement,\n onChange,\n settings = {},\n}) => {\n const { indent = 0.75, fontSizeMultiplier = 16 } = settings;\n\n const ref = useRef<HTMLDivElement | null>(null);\n const gap = indent * fontSizeMultiplier * 2;\n\n useEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = ref.current.offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n }, [labelPlacement, rangeValuesPlacement
|
1
|
+
{"version":3,"file":"SliderBase.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { PropsWithChildren, useRef, MouseEventHandler, useEffect } from 'react';\nimport { DraggableData } from 'react-draggable';\n\nimport { useIsomorphicLayoutEffect } from '../../../../hooks';\n\nimport type { SliderViewProps } from './SliderBase.types';\nimport { Fill, Rail, RailWrap, Slider } from './SliderBase.styles';\n\nexport const SliderBase: React.FC<PropsWithChildren<SliderViewProps>> = ({\n max,\n min,\n setStepSize,\n railFillWidth,\n children,\n railFillXPosition = 0,\n disabled,\n labelPlacement,\n rangeValuesPlacement,\n onChange,\n settings = {},\n}) => {\n const { indent = 0.75, fontSizeMultiplier = 16 } = settings;\n\n const ref = useRef<HTMLDivElement | null>(null);\n const gap = indent * fontSizeMultiplier * 2;\n\n useEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = ref.current.offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n }, [labelPlacement, rangeValuesPlacement]);\n\n const onHandleChange: MouseEventHandler<HTMLDivElement> = (e) => {\n if (!onChange || disabled) {\n return;\n }\n\n const { x, width } = e.currentTarget.getBoundingClientRect();\n\n const lastX = e.clientX - x;\n\n const position = min + (lastX / (width - gap)) * (max - min);\n const result = Math.max(min, Math.min(max, position));\n\n onChange(result, { lastX } as DraggableData);\n };\n\n useIsomorphicLayoutEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = ref.current.offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n window.addEventListener('resize', resizeHandler);\n\n return () => window.removeEventListener('resize', resizeHandler);\n }, [min, max, setStepSize, gap, labelPlacement, rangeValuesPlacement]);\n\n const fillStyle = { left: `${railFillXPosition}px`, width: `${railFillWidth}px` };\n\n return (\n <Slider ref={ref}>\n <RailWrap aria-hidden=\"true\" onMouseDown={onHandleChange}>\n <Rail>\n <Fill style={fillStyle} />\n </Rail>\n </RailWrap>\n\n {children}\n </Slider>\n );\n};\n"],"names":["SliderBase","_ref","max","min","setStepSize","railFillWidth","children","_ref$railFillXPositio","railFillXPosition","disabled","labelPlacement","rangeValuesPlacement","onChange","_ref$settings","settings","_settings$indent","indent","_settings$fontSizeMul","fontSizeMultiplier","ref","useRef","gap","useEffect","resizeHandler","current","railSize","offsetWidth","totalSteps","onHandleChange","e","_e$currentTarget$getB","currentTarget","getBoundingClientRect","x","width","lastX","clientX","position","result","Math","useIsomorphicLayoutEffect","window","addEventListener","removeEventListener","fillStyle","left","concat","React","createElement","Slider","RailWrap","onMouseDown","Rail","Fill","style"],"mappings":"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"}
|
@@ -0,0 +1,78 @@
|
|
1
|
+
---
|
2
|
+
id: slider
|
3
|
+
title: Slider
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable, Description } from '@site/src/components';
|
7
|
+
|
8
|
+
# Slider
|
9
|
+
|
10
|
+
<Description name="Slider" />
|
11
|
+
<PropsTable name="Slider" />
|
12
|
+
|
13
|
+
## Использование
|
14
|
+
|
15
|
+
```tsx live
|
16
|
+
import React from 'react';
|
17
|
+
import { Slider } from '@salutejs/{{ package }}';
|
18
|
+
|
19
|
+
export function App() {
|
20
|
+
return (
|
21
|
+
<section>
|
22
|
+
<Slider onChangeCommitted={() => {}} min={0} max={100} value={30} />
|
23
|
+
</section>
|
24
|
+
);
|
25
|
+
}
|
26
|
+
```
|
27
|
+
|
28
|
+
Можно использовать диапазон значений.
|
29
|
+
|
30
|
+
```tsx live
|
31
|
+
import React, { useState } from 'react';
|
32
|
+
import { Slider } from '@salutejs/{{ package }}';
|
33
|
+
|
34
|
+
export function App() {
|
35
|
+
const [value, setValue] = useState([10, 80]);
|
36
|
+
const sortValues = (values) => {
|
37
|
+
return values
|
38
|
+
.map((val) => {
|
39
|
+
if (val < 0) {
|
40
|
+
return 0;
|
41
|
+
}
|
42
|
+
if (val > 100) {
|
43
|
+
return 100;
|
44
|
+
}
|
45
|
+
return val;
|
46
|
+
})
|
47
|
+
.sort((a, b) => a - b);
|
48
|
+
};
|
49
|
+
|
50
|
+
const onChangeHandle = (values) => {
|
51
|
+
setValue(sortValues(values));
|
52
|
+
};
|
53
|
+
|
54
|
+
const onChangeCommitedHandle = (values) => {
|
55
|
+
setValue(sortValues(values));
|
56
|
+
};
|
57
|
+
|
58
|
+
const onBlurTextField = (values) => {
|
59
|
+
setValue(sortValues(values));
|
60
|
+
};
|
61
|
+
|
62
|
+
const onKeyDownTextField = (values, event) => {
|
63
|
+
if (event.key === 'Enter') {
|
64
|
+
setValue(sortValues(values));
|
65
|
+
}
|
66
|
+
};
|
67
|
+
|
68
|
+
return (
|
69
|
+
<section>
|
70
|
+
<Slider value={value}
|
71
|
+
onKeyDownTextField={onKeyDownTextField}
|
72
|
+
onBlurTextField={onBlurTextField}
|
73
|
+
onChangeCommitted={onChangeCommitedHandle}
|
74
|
+
onChange={onChangeHandle} min={0} max={100} />
|
75
|
+
</section>
|
76
|
+
);
|
77
|
+
}
|
78
|
+
```
|
@@ -39,7 +39,7 @@ var SliderBase = exports.SliderBase = function SliderBase(_ref) {
|
|
39
39
|
}
|
40
40
|
};
|
41
41
|
resizeHandler();
|
42
|
-
}, [labelPlacement, rangeValuesPlacement
|
42
|
+
}, [labelPlacement, rangeValuesPlacement]);
|
43
43
|
var onHandleChange = function onHandleChange(e) {
|
44
44
|
if (!onChange || disabled) {
|
45
45
|
return;
|
@@ -67,7 +67,7 @@ var SliderBase = exports.SliderBase = function SliderBase(_ref) {
|
|
67
67
|
return function () {
|
68
68
|
return window.removeEventListener('resize', resizeHandler);
|
69
69
|
};
|
70
|
-
}, [min, max, setStepSize,
|
70
|
+
}, [min, max, setStepSize, gap, labelPlacement, rangeValuesPlacement]);
|
71
71
|
var fillStyle = {
|
72
72
|
left: "".concat(railFillXPosition, "px"),
|
73
73
|
width: "".concat(railFillWidth, "px")
|
@@ -17,20 +17,20 @@ var config = exports.config = {
|
|
17
17
|
},
|
18
18
|
variations: {
|
19
19
|
size: {
|
20
|
-
m: /*#__PURE__*/(0, _react.css)(_Switch.switchTokens.fontFamily, ":var(--plasma-typo-body1-font-family);", _Switch.switchTokens.fontStyle, ":var(--plasma-typo-body1-font-style);", _Switch.switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", _Switch.switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", _Switch.switchTokens.lineHeight, ":var(--plasma-typo-body1-line-height);", _Switch.switchTokens.fontSize, ":var(--plasma-typo-body1-font-size);", _Switch.switchTokens.letterSpacing, ":var(--plasma-typo-body1-letter-spacing);", _Switch.switchTokens.trackWidth, ":2.75rem;", _Switch.switchTokens.trackHeight, ":1.75rem;", _Switch.switchTokens.trackBorderRadius, ":calc(var(", _Switch.switchTokens.trackHeight, ") / 2);", _Switch.switchTokens.thumbSize, ":1.5rem;", _Switch.switchTokens.thumbBorderRadius, ":calc(var(", _Switch.switchTokens.thumbSize, ") / 2);", _Switch.switchTokens.thumbOffset, ":0.125rem;", _Switch.switchTokens.thumbPressScale, ":1.25;", _Switch.switchTokens.labelOffset, ":0.75rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
20
|
+
m: /*#__PURE__*/(0, _react.css)(_Switch.switchTokens.fontFamily, ":var(--plasma-typo-body1-font-family);", _Switch.switchTokens.fontStyle, ":var(--plasma-typo-body1-font-style);", _Switch.switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", _Switch.switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", _Switch.switchTokens.lineHeight, ":var(--plasma-typo-body1-line-height);", _Switch.switchTokens.fontSize, ":var(--plasma-typo-body1-font-size);", _Switch.switchTokens.letterSpacing, ":var(--plasma-typo-body1-letter-spacing);", _Switch.switchTokens.trackWidth, ":2.75rem;", _Switch.switchTokens.trackHeight, ":1.75rem;", _Switch.switchTokens.trackBorderRadius, ":calc(var(", _Switch.switchTokens.trackHeight, ") / 2);", _Switch.switchTokens.thumbSize, ":1.5rem;", _Switch.switchTokens.thumbBorderRadius, ":calc(var(", _Switch.switchTokens.thumbSize, ") / 2);", _Switch.switchTokens.thumbOffset, ":0.125rem;", _Switch.switchTokens.thumbPressScale, ":1.25;", _Switch.switchTokens.labelOffset, ":0.75rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFla0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX2IyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBzd2l0Y2hUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaCc7XG5pbXBvcnQgeyBsYWJlbFBvc2l0aW9uX0JlZm9yZSB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvU3dpdGNoL19sYWJlbC1wb3NpdGlvbi9iZWZvcmUnO1xuaW1wb3J0IHsgbGFiZWxQb3NpdGlvbl9BZnRlciB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvU3dpdGNoL19sYWJlbC1wb3NpdGlvbi9hZnRlcic7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgICAgIGxhYmVsUG9zaXRpb246ICdiZWZvcmUnLFxuICAgICAgICBmb2N1c2VkOiAndHJ1ZScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5saW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrV2lkdGh9OiAyLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrSGVpZ2h0fTogMS43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0JvcmRlclJhZGl1c306IGNhbGModmFyKCR7c3dpdGNoVG9rZW5zLnRyYWNrSGVpZ2h0fSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYlNpemV9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50aHVtYlNpemV9KSAvIDIpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iT2Zmc2V0fTogMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJQcmVzc1NjYWxlfTogMS4yNTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5sYWJlbE9mZnNldH06IDAuNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPbn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0JhY2tncm91bmRDb2xvck9mZn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtdGVydGlhcnktYWN0aXZlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYkJhY2tncm91bmRDb2xvcn06IHZhcigtLW9uLWRhcmstc3VyZmFjZS1zb2xpZC1kZWZhdWx0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYkJveFNoYWRvd306IDAgMXB4IDFweCByZ2JhKDAsIDAsIDAsIDAuMTEpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgbGFiZWxQb3NpdGlvbjoge1xuICAgICAgICAgICAgYmVmb3JlOiBsYWJlbFBvc2l0aW9uX0JlZm9yZSxcbiAgICAgICAgICAgIGFmdGVyOiBsYWJlbFBvc2l0aW9uX0FmdGVyLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGZvY3VzZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0ZvY3VzQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
21
21
|
},
|
22
22
|
view: {
|
23
|
-
"default": /*#__PURE__*/(0, _react.css)(_Switch.switchTokens.trackBackgroundColorOn, ":var(--surface-accent);", _Switch.switchTokens.trackBackgroundColorOff, ":var(--surface-transparent-tertiary);", _Switch.switchTokens.thumbBackgroundColor, ":var(--on-dark-surface-solid-default);", _Switch.switchTokens.thumbBoxShadow, ":0 1px 1px rgba(0, 0, 0, 0.11);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
23
|
+
"default": /*#__PURE__*/(0, _react.css)(_Switch.switchTokens.trackBackgroundColorOn, ":var(--surface-accent);", _Switch.switchTokens.trackBackgroundColorOff, ":var(--surface-transparent-tertiary-active);", _Switch.switchTokens.thumbBackgroundColor, ":var(--on-dark-surface-solid-default);", _Switch.switchTokens.thumbBoxShadow, ":0 1px 1px rgba(0, 0, 0, 0.11);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgc3dpdGNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Td2l0Y2gnO1xuaW1wb3J0IHsgbGFiZWxQb3NpdGlvbl9CZWZvcmUgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYmVmb3JlJztcbmltcG9ydCB7IGxhYmVsUG9zaXRpb25fQWZ0ZXIgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYWZ0ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBsYWJlbFBvc2l0aW9uOiAnYmVmb3JlJyxcbiAgICAgICAgZm9jdXNlZDogJ3RydWUnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja1dpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH06IDEuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH0pIC8gMik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYk9mZnNldH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iUHJlc3NTY2FsZX06IDEuMjU7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGFiZWxPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT259OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPZmZ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5LWFjdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3hTaGFkb3d9OiAwIDFweCAxcHggcmdiYSgwLCAwLCAwLCAwLjExKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxhYmVsUG9zaXRpb246IHtcbiAgICAgICAgICAgIGJlZm9yZTogbGFiZWxQb3NpdGlvbl9CZWZvcmUsXG4gICAgICAgICAgICBhZnRlcjogbGFiZWxQb3NpdGlvbl9BZnRlcixcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBmb2N1c2VkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tGb2N1c0NvbG9yfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
24
24
|
},
|
25
25
|
labelPosition: {
|
26
26
|
before: _before.labelPosition_Before,
|
27
27
|
after: _after.labelPosition_After
|
28
28
|
},
|
29
29
|
disabled: {
|
30
|
-
"true": /*#__PURE__*/(0, _react.css)(_Switch.switchTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
30
|
+
"true": /*#__PURE__*/(0, _react.css)(_Switch.switchTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q3FCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgc3dpdGNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Td2l0Y2gnO1xuaW1wb3J0IHsgbGFiZWxQb3NpdGlvbl9CZWZvcmUgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYmVmb3JlJztcbmltcG9ydCB7IGxhYmVsUG9zaXRpb25fQWZ0ZXIgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYWZ0ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBsYWJlbFBvc2l0aW9uOiAnYmVmb3JlJyxcbiAgICAgICAgZm9jdXNlZDogJ3RydWUnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja1dpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH06IDEuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH0pIC8gMik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYk9mZnNldH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iUHJlc3NTY2FsZX06IDEuMjU7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGFiZWxPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT259OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPZmZ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5LWFjdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3hTaGFkb3d9OiAwIDFweCAxcHggcmdiYSgwLCAwLCAwLCAwLjExKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxhYmVsUG9zaXRpb246IHtcbiAgICAgICAgICAgIGJlZm9yZTogbGFiZWxQb3NpdGlvbl9CZWZvcmUsXG4gICAgICAgICAgICBhZnRlcjogbGFiZWxQb3NpdGlvbl9BZnRlcixcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBmb2N1c2VkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tGb2N1c0NvbG9yfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
31
31
|
},
|
32
32
|
focused: {
|
33
|
-
"true": /*#__PURE__*/(0, _react.css)(_Switch.switchTokens.trackFocusColor, ":var(--surface-accent);;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
33
|
+
"true": /*#__PURE__*/(0, _react.css)(_Switch.switchTokens.trackFocusColor, ":var(--surface-accent);;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHFCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgc3dpdGNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Td2l0Y2gnO1xuaW1wb3J0IHsgbGFiZWxQb3NpdGlvbl9CZWZvcmUgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYmVmb3JlJztcbmltcG9ydCB7IGxhYmVsUG9zaXRpb25fQWZ0ZXIgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYWZ0ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBsYWJlbFBvc2l0aW9uOiAnYmVmb3JlJyxcbiAgICAgICAgZm9jdXNlZDogJ3RydWUnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja1dpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH06IDEuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH0pIC8gMik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYk9mZnNldH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iUHJlc3NTY2FsZX06IDEuMjU7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGFiZWxPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT259OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPZmZ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5LWFjdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3hTaGFkb3d9OiAwIDFweCAxcHggcmdiYSgwLCAwLCAwLCAwLjExKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxhYmVsUG9zaXRpb246IHtcbiAgICAgICAgICAgIGJlZm9yZTogbGFiZWxQb3NpdGlvbl9CZWZvcmUsXG4gICAgICAgICAgICBhZnRlcjogbGFiZWxQb3NpdGlvbl9BZnRlcixcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBmb2N1c2VkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tGb2N1c0NvbG9yfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
34
34
|
}
|
35
35
|
}
|
36
36
|
};
|
@@ -17,20 +17,20 @@ var config = exports.config = {
|
|
17
17
|
},
|
18
18
|
variations: {
|
19
19
|
size: {
|
20
|
-
m: /*#__PURE__*/(0, _react.css)(_Switch.switchTokens.fontFamily, ":var(--plasma-typo-body1-font-family);", _Switch.switchTokens.fontStyle, ":var(--plasma-typo-body1-font-style);", _Switch.switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", _Switch.switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", _Switch.switchTokens.lineHeight, ":var(--plasma-typo-body1-line-height);", _Switch.switchTokens.fontSize, ":var(--plasma-typo-body1-font-size);", _Switch.switchTokens.letterSpacing, ":var(--plasma-typo-body1-letter-spacing);", _Switch.switchTokens.trackWidth, ":2.75rem;", _Switch.switchTokens.trackHeight, ":1.75rem;", _Switch.switchTokens.trackBorderRadius, ":calc(var(", _Switch.switchTokens.trackHeight, ") / 2);", _Switch.switchTokens.thumbSize, ":1.5rem;", _Switch.switchTokens.thumbBorderRadius, ":calc(var(", _Switch.switchTokens.thumbSize, ") / 2);", _Switch.switchTokens.thumbOffset, ":0.125rem;", _Switch.switchTokens.thumbPressScale, ":1.25;", _Switch.switchTokens.labelOffset, ":0.75rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
20
|
+
m: /*#__PURE__*/(0, _react.css)(_Switch.switchTokens.fontFamily, ":var(--plasma-typo-body1-font-family);", _Switch.switchTokens.fontStyle, ":var(--plasma-typo-body1-font-style);", _Switch.switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", _Switch.switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", _Switch.switchTokens.lineHeight, ":var(--plasma-typo-body1-line-height);", _Switch.switchTokens.fontSize, ":var(--plasma-typo-body1-font-size);", _Switch.switchTokens.letterSpacing, ":var(--plasma-typo-body1-letter-spacing);", _Switch.switchTokens.trackWidth, ":2.75rem;", _Switch.switchTokens.trackHeight, ":1.75rem;", _Switch.switchTokens.trackBorderRadius, ":calc(var(", _Switch.switchTokens.trackHeight, ") / 2);", _Switch.switchTokens.thumbSize, ":1.5rem;", _Switch.switchTokens.thumbBorderRadius, ":calc(var(", _Switch.switchTokens.thumbSize, ") / 2);", _Switch.switchTokens.thumbOffset, ":0.125rem;", _Switch.switchTokens.thumbPressScale, ":1.25;", _Switch.switchTokens.labelOffset, ":0.75rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFla0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX3dlYi9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBzd2l0Y2hUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaCc7XG5pbXBvcnQgeyBsYWJlbFBvc2l0aW9uX0JlZm9yZSB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvU3dpdGNoL19sYWJlbC1wb3NpdGlvbi9iZWZvcmUnO1xuaW1wb3J0IHsgbGFiZWxQb3NpdGlvbl9BZnRlciB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvU3dpdGNoL19sYWJlbC1wb3NpdGlvbi9hZnRlcic7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgICAgIGxhYmVsUG9zaXRpb246ICdiZWZvcmUnLFxuICAgICAgICBmb2N1c2VkOiAndHJ1ZScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5saW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrV2lkdGh9OiAyLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrSGVpZ2h0fTogMS43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0JvcmRlclJhZGl1c306IGNhbGModmFyKCR7c3dpdGNoVG9rZW5zLnRyYWNrSGVpZ2h0fSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYlNpemV9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50aHVtYlNpemV9KSAvIDIpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iT2Zmc2V0fTogMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJQcmVzc1NjYWxlfTogMS4yNTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5sYWJlbE9mZnNldH06IDAuNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPbn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0JhY2tncm91bmRDb2xvck9mZn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtdGVydGlhcnktYWN0aXZlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYkJhY2tncm91bmRDb2xvcn06IHZhcigtLW9uLWRhcmstc3VyZmFjZS1zb2xpZC1kZWZhdWx0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYkJveFNoYWRvd306IDAgMXB4IDFweCByZ2JhKDAsIDAsIDAsIDAuMTEpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgbGFiZWxQb3NpdGlvbjoge1xuICAgICAgICAgICAgYmVmb3JlOiBsYWJlbFBvc2l0aW9uX0JlZm9yZSxcbiAgICAgICAgICAgIGFmdGVyOiBsYWJlbFBvc2l0aW9uX0FmdGVyLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGZvY3VzZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0ZvY3VzQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
21
21
|
},
|
22
22
|
view: {
|
23
|
-
"default": /*#__PURE__*/(0, _react.css)(_Switch.switchTokens.trackBackgroundColorOn, ":var(--surface-accent);", _Switch.switchTokens.trackBackgroundColorOff, ":var(--surface-transparent-tertiary);", _Switch.switchTokens.thumbBackgroundColor, ":var(--on-dark-surface-solid-default);", _Switch.switchTokens.thumbBoxShadow, ":0 1px 1px rgba(0, 0, 0, 0.11);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
23
|
+
"default": /*#__PURE__*/(0, _react.css)(_Switch.switchTokens.trackBackgroundColorOn, ":var(--surface-accent);", _Switch.switchTokens.trackBackgroundColorOff, ":var(--surface-transparent-tertiary-active);", _Switch.switchTokens.thumbBackgroundColor, ":var(--on-dark-surface-solid-default);", _Switch.switchTokens.thumbBoxShadow, ":0 1px 1px rgba(0, 0, 0, 0.11);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgc3dpdGNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Td2l0Y2gnO1xuaW1wb3J0IHsgbGFiZWxQb3NpdGlvbl9CZWZvcmUgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYmVmb3JlJztcbmltcG9ydCB7IGxhYmVsUG9zaXRpb25fQWZ0ZXIgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYWZ0ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBsYWJlbFBvc2l0aW9uOiAnYmVmb3JlJyxcbiAgICAgICAgZm9jdXNlZDogJ3RydWUnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja1dpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH06IDEuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH0pIC8gMik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYk9mZnNldH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iUHJlc3NTY2FsZX06IDEuMjU7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGFiZWxPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT259OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPZmZ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5LWFjdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3hTaGFkb3d9OiAwIDFweCAxcHggcmdiYSgwLCAwLCAwLCAwLjExKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxhYmVsUG9zaXRpb246IHtcbiAgICAgICAgICAgIGJlZm9yZTogbGFiZWxQb3NpdGlvbl9CZWZvcmUsXG4gICAgICAgICAgICBhZnRlcjogbGFiZWxQb3NpdGlvbl9BZnRlcixcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBmb2N1c2VkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tGb2N1c0NvbG9yfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
24
24
|
},
|
25
25
|
labelPosition: {
|
26
26
|
before: _before.labelPosition_Before,
|
27
27
|
after: _after.labelPosition_After
|
28
28
|
},
|
29
29
|
disabled: {
|
30
|
-
"true": /*#__PURE__*/(0, _react.css)(_Switch.switchTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
30
|
+
"true": /*#__PURE__*/(0, _react.css)(_Switch.switchTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q3FCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgc3dpdGNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Td2l0Y2gnO1xuaW1wb3J0IHsgbGFiZWxQb3NpdGlvbl9CZWZvcmUgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYmVmb3JlJztcbmltcG9ydCB7IGxhYmVsUG9zaXRpb25fQWZ0ZXIgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYWZ0ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBsYWJlbFBvc2l0aW9uOiAnYmVmb3JlJyxcbiAgICAgICAgZm9jdXNlZDogJ3RydWUnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja1dpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH06IDEuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH0pIC8gMik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYk9mZnNldH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iUHJlc3NTY2FsZX06IDEuMjU7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGFiZWxPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT259OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPZmZ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5LWFjdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3hTaGFkb3d9OiAwIDFweCAxcHggcmdiYSgwLCAwLCAwLCAwLjExKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxhYmVsUG9zaXRpb246IHtcbiAgICAgICAgICAgIGJlZm9yZTogbGFiZWxQb3NpdGlvbl9CZWZvcmUsXG4gICAgICAgICAgICBhZnRlcjogbGFiZWxQb3NpdGlvbl9BZnRlcixcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBmb2N1c2VkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tGb2N1c0NvbG9yfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
31
31
|
},
|
32
32
|
focused: {
|
33
|
-
"true": /*#__PURE__*/(0, _react.css)(_Switch.switchTokens.trackFocusColor, ":var(--surface-accent);;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
33
|
+
"true": /*#__PURE__*/(0, _react.css)(_Switch.switchTokens.trackFocusColor, ":var(--surface-accent);;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHFCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgc3dpdGNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Td2l0Y2gnO1xuaW1wb3J0IHsgbGFiZWxQb3NpdGlvbl9CZWZvcmUgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYmVmb3JlJztcbmltcG9ydCB7IGxhYmVsUG9zaXRpb25fQWZ0ZXIgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYWZ0ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBsYWJlbFBvc2l0aW9uOiAnYmVmb3JlJyxcbiAgICAgICAgZm9jdXNlZDogJ3RydWUnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja1dpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH06IDEuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH0pIC8gMik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYk9mZnNldH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iUHJlc3NTY2FsZX06IDEuMjU7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGFiZWxPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT259OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPZmZ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5LWFjdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3hTaGFkb3d9OiAwIDFweCAxcHggcmdiYSgwLCAwLCAwLCAwLjExKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxhYmVsUG9zaXRpb246IHtcbiAgICAgICAgICAgIGJlZm9yZTogbGFiZWxQb3NpdGlvbl9CZWZvcmUsXG4gICAgICAgICAgICBhZnRlcjogbGFiZWxQb3NpdGlvbl9BZnRlcixcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBmb2N1c2VkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tGb2N1c0NvbG9yfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
34
34
|
}
|
35
35
|
}
|
36
36
|
};
|
@@ -0,0 +1,78 @@
|
|
1
|
+
---
|
2
|
+
id: slider
|
3
|
+
title: Slider
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable, Description } from '@site/src/components';
|
7
|
+
|
8
|
+
# Slider
|
9
|
+
|
10
|
+
<Description name="Slider" />
|
11
|
+
<PropsTable name="Slider" />
|
12
|
+
|
13
|
+
## Использование
|
14
|
+
|
15
|
+
```tsx live
|
16
|
+
import React from 'react';
|
17
|
+
import { Slider } from '@salutejs/{{ package }}';
|
18
|
+
|
19
|
+
export function App() {
|
20
|
+
return (
|
21
|
+
<section>
|
22
|
+
<Slider onChangeCommitted={() => {}} min={0} max={100} value={30} />
|
23
|
+
</section>
|
24
|
+
);
|
25
|
+
}
|
26
|
+
```
|
27
|
+
|
28
|
+
Можно использовать диапазон значений.
|
29
|
+
|
30
|
+
```tsx live
|
31
|
+
import React, { useState } from 'react';
|
32
|
+
import { Slider } from '@salutejs/{{ package }}';
|
33
|
+
|
34
|
+
export function App() {
|
35
|
+
const [value, setValue] = useState([10, 80]);
|
36
|
+
const sortValues = (values) => {
|
37
|
+
return values
|
38
|
+
.map((val) => {
|
39
|
+
if (val < 0) {
|
40
|
+
return 0;
|
41
|
+
}
|
42
|
+
if (val > 100) {
|
43
|
+
return 100;
|
44
|
+
}
|
45
|
+
return val;
|
46
|
+
})
|
47
|
+
.sort((a, b) => a - b);
|
48
|
+
};
|
49
|
+
|
50
|
+
const onChangeHandle = (values) => {
|
51
|
+
setValue(sortValues(values));
|
52
|
+
};
|
53
|
+
|
54
|
+
const onChangeCommitedHandle = (values) => {
|
55
|
+
setValue(sortValues(values));
|
56
|
+
};
|
57
|
+
|
58
|
+
const onBlurTextField = (values) => {
|
59
|
+
setValue(sortValues(values));
|
60
|
+
};
|
61
|
+
|
62
|
+
const onKeyDownTextField = (values, event) => {
|
63
|
+
if (event.key === 'Enter') {
|
64
|
+
setValue(sortValues(values));
|
65
|
+
}
|
66
|
+
};
|
67
|
+
|
68
|
+
return (
|
69
|
+
<section>
|
70
|
+
<Slider value={value}
|
71
|
+
onKeyDownTextField={onKeyDownTextField}
|
72
|
+
onBlurTextField={onBlurTextField}
|
73
|
+
onChangeCommitted={onChangeCommitedHandle}
|
74
|
+
onChange={onChangeHandle} min={0} max={100} />
|
75
|
+
</section>
|
76
|
+
);
|
77
|
+
}
|
78
|
+
```
|
@@ -30,7 +30,7 @@ export var SliderBase = function SliderBase(_ref) {
|
|
30
30
|
}
|
31
31
|
};
|
32
32
|
resizeHandler();
|
33
|
-
}, [labelPlacement, rangeValuesPlacement
|
33
|
+
}, [labelPlacement, rangeValuesPlacement]);
|
34
34
|
var onHandleChange = function onHandleChange(e) {
|
35
35
|
if (!onChange || disabled) {
|
36
36
|
return;
|
@@ -58,7 +58,7 @@ export var SliderBase = function SliderBase(_ref) {
|
|
58
58
|
return function () {
|
59
59
|
return window.removeEventListener('resize', resizeHandler);
|
60
60
|
};
|
61
|
-
}, [min, max, setStepSize,
|
61
|
+
}, [min, max, setStepSize, gap, labelPlacement, rangeValuesPlacement]);
|
62
62
|
var fillStyle = {
|
63
63
|
left: "".concat(railFillXPosition, "px"),
|
64
64
|
width: "".concat(railFillWidth, "px")
|
@@ -11,20 +11,20 @@ export var config = {
|
|
11
11
|
},
|
12
12
|
variations: {
|
13
13
|
size: {
|
14
|
-
m: /*#__PURE__*/css(switchTokens.fontFamily, ":var(--plasma-typo-body1-font-family);", switchTokens.fontStyle, ":var(--plasma-typo-body1-font-style);", switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", switchTokens.lineHeight, ":var(--plasma-typo-body1-line-height);", switchTokens.fontSize, ":var(--plasma-typo-body1-font-size);", switchTokens.letterSpacing, ":var(--plasma-typo-body1-letter-spacing);", switchTokens.trackWidth, ":2.75rem;", switchTokens.trackHeight, ":1.75rem;", switchTokens.trackBorderRadius, ":calc(var(", switchTokens.trackHeight, ") / 2);", switchTokens.thumbSize, ":1.5rem;", switchTokens.thumbBorderRadius, ":calc(var(", switchTokens.thumbSize, ") / 2);", switchTokens.thumbOffset, ":0.125rem;", switchTokens.thumbPressScale, ":1.25;", switchTokens.labelOffset, ":0.75rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
14
|
+
m: /*#__PURE__*/css(switchTokens.fontFamily, ":var(--plasma-typo-body1-font-family);", switchTokens.fontStyle, ":var(--plasma-typo-body1-font-style);", switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", switchTokens.lineHeight, ":var(--plasma-typo-body1-line-height);", switchTokens.fontSize, ":var(--plasma-typo-body1-font-size);", switchTokens.letterSpacing, ":var(--plasma-typo-body1-letter-spacing);", switchTokens.trackWidth, ":2.75rem;", switchTokens.trackHeight, ":1.75rem;", switchTokens.trackBorderRadius, ":calc(var(", switchTokens.trackHeight, ") / 2);", switchTokens.thumbSize, ":1.5rem;", switchTokens.thumbBorderRadius, ":calc(var(", switchTokens.thumbSize, ") / 2);", switchTokens.thumbOffset, ":0.125rem;", switchTokens.thumbPressScale, ":1.25;", switchTokens.labelOffset, ":0.75rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFla0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX2IyYy9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBzd2l0Y2hUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaCc7XG5pbXBvcnQgeyBsYWJlbFBvc2l0aW9uX0JlZm9yZSB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvU3dpdGNoL19sYWJlbC1wb3NpdGlvbi9iZWZvcmUnO1xuaW1wb3J0IHsgbGFiZWxQb3NpdGlvbl9BZnRlciB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvU3dpdGNoL19sYWJlbC1wb3NpdGlvbi9hZnRlcic7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgICAgIGxhYmVsUG9zaXRpb246ICdiZWZvcmUnLFxuICAgICAgICBmb2N1c2VkOiAndHJ1ZScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5saW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrV2lkdGh9OiAyLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrSGVpZ2h0fTogMS43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0JvcmRlclJhZGl1c306IGNhbGModmFyKCR7c3dpdGNoVG9rZW5zLnRyYWNrSGVpZ2h0fSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYlNpemV9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50aHVtYlNpemV9KSAvIDIpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iT2Zmc2V0fTogMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJQcmVzc1NjYWxlfTogMS4yNTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5sYWJlbE9mZnNldH06IDAuNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPbn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0JhY2tncm91bmRDb2xvck9mZn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtdGVydGlhcnktYWN0aXZlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYkJhY2tncm91bmRDb2xvcn06IHZhcigtLW9uLWRhcmstc3VyZmFjZS1zb2xpZC1kZWZhdWx0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYkJveFNoYWRvd306IDAgMXB4IDFweCByZ2JhKDAsIDAsIDAsIDAuMTEpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgbGFiZWxQb3NpdGlvbjoge1xuICAgICAgICAgICAgYmVmb3JlOiBsYWJlbFBvc2l0aW9uX0JlZm9yZSxcbiAgICAgICAgICAgIGFmdGVyOiBsYWJlbFBvc2l0aW9uX0FmdGVyLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGZvY3VzZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0ZvY3VzQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
15
15
|
},
|
16
16
|
view: {
|
17
|
-
"default": /*#__PURE__*/css(switchTokens.trackBackgroundColorOn, ":var(--surface-accent);", switchTokens.trackBackgroundColorOff, ":var(--surface-transparent-tertiary);", switchTokens.thumbBackgroundColor, ":var(--on-dark-surface-solid-default);", switchTokens.thumbBoxShadow, ":0 1px 1px rgba(0, 0, 0, 0.11);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
17
|
+
"default": /*#__PURE__*/css(switchTokens.trackBackgroundColorOn, ":var(--surface-accent);", switchTokens.trackBackgroundColorOff, ":var(--surface-transparent-tertiary-active);", switchTokens.thumbBackgroundColor, ":var(--on-dark-surface-solid-default);", switchTokens.thumbBoxShadow, ":0 1px 1px rgba(0, 0, 0, 0.11);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgc3dpdGNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Td2l0Y2gnO1xuaW1wb3J0IHsgbGFiZWxQb3NpdGlvbl9CZWZvcmUgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYmVmb3JlJztcbmltcG9ydCB7IGxhYmVsUG9zaXRpb25fQWZ0ZXIgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYWZ0ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBsYWJlbFBvc2l0aW9uOiAnYmVmb3JlJyxcbiAgICAgICAgZm9jdXNlZDogJ3RydWUnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja1dpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH06IDEuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH0pIC8gMik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYk9mZnNldH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iUHJlc3NTY2FsZX06IDEuMjU7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGFiZWxPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT259OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPZmZ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5LWFjdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3hTaGFkb3d9OiAwIDFweCAxcHggcmdiYSgwLCAwLCAwLCAwLjExKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxhYmVsUG9zaXRpb246IHtcbiAgICAgICAgICAgIGJlZm9yZTogbGFiZWxQb3NpdGlvbl9CZWZvcmUsXG4gICAgICAgICAgICBhZnRlcjogbGFiZWxQb3NpdGlvbl9BZnRlcixcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBmb2N1c2VkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tGb2N1c0NvbG9yfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
18
18
|
},
|
19
19
|
labelPosition: {
|
20
20
|
before: labelPosition_Before,
|
21
21
|
after: labelPosition_After
|
22
22
|
},
|
23
23
|
disabled: {
|
24
|
-
"true": /*#__PURE__*/css(switchTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
24
|
+
"true": /*#__PURE__*/css(switchTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q3FCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgc3dpdGNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Td2l0Y2gnO1xuaW1wb3J0IHsgbGFiZWxQb3NpdGlvbl9CZWZvcmUgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYmVmb3JlJztcbmltcG9ydCB7IGxhYmVsUG9zaXRpb25fQWZ0ZXIgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYWZ0ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBsYWJlbFBvc2l0aW9uOiAnYmVmb3JlJyxcbiAgICAgICAgZm9jdXNlZDogJ3RydWUnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja1dpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH06IDEuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH0pIC8gMik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYk9mZnNldH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iUHJlc3NTY2FsZX06IDEuMjU7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGFiZWxPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT259OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPZmZ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5LWFjdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3hTaGFkb3d9OiAwIDFweCAxcHggcmdiYSgwLCAwLCAwLCAwLjExKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxhYmVsUG9zaXRpb246IHtcbiAgICAgICAgICAgIGJlZm9yZTogbGFiZWxQb3NpdGlvbl9CZWZvcmUsXG4gICAgICAgICAgICBhZnRlcjogbGFiZWxQb3NpdGlvbl9BZnRlcixcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBmb2N1c2VkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tGb2N1c0NvbG9yfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
25
25
|
},
|
26
26
|
focused: {
|
27
|
-
"true": /*#__PURE__*/css(switchTokens.trackFocusColor, ":var(--surface-accent);;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
27
|
+
"true": /*#__PURE__*/css(switchTokens.trackFocusColor, ":var(--surface-accent);;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHFCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgc3dpdGNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Td2l0Y2gnO1xuaW1wb3J0IHsgbGFiZWxQb3NpdGlvbl9CZWZvcmUgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYmVmb3JlJztcbmltcG9ydCB7IGxhYmVsUG9zaXRpb25fQWZ0ZXIgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYWZ0ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBsYWJlbFBvc2l0aW9uOiAnYmVmb3JlJyxcbiAgICAgICAgZm9jdXNlZDogJ3RydWUnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja1dpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH06IDEuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH0pIC8gMik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYk9mZnNldH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iUHJlc3NTY2FsZX06IDEuMjU7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGFiZWxPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT259OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPZmZ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5LWFjdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3hTaGFkb3d9OiAwIDFweCAxcHggcmdiYSgwLCAwLCAwLCAwLjExKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxhYmVsUG9zaXRpb246IHtcbiAgICAgICAgICAgIGJlZm9yZTogbGFiZWxQb3NpdGlvbl9CZWZvcmUsXG4gICAgICAgICAgICBhZnRlcjogbGFiZWxQb3NpdGlvbl9BZnRlcixcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBmb2N1c2VkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tGb2N1c0NvbG9yfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
28
28
|
}
|
29
29
|
}
|
30
30
|
};
|
@@ -11,20 +11,20 @@ export var config = {
|
|
11
11
|
},
|
12
12
|
variations: {
|
13
13
|
size: {
|
14
|
-
m: /*#__PURE__*/css(switchTokens.fontFamily, ":var(--plasma-typo-body1-font-family);", switchTokens.fontStyle, ":var(--plasma-typo-body1-font-style);", switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", switchTokens.lineHeight, ":var(--plasma-typo-body1-line-height);", switchTokens.fontSize, ":var(--plasma-typo-body1-font-size);", switchTokens.letterSpacing, ":var(--plasma-typo-body1-letter-spacing);", switchTokens.trackWidth, ":2.75rem;", switchTokens.trackHeight, ":1.75rem;", switchTokens.trackBorderRadius, ":calc(var(", switchTokens.trackHeight, ") / 2);", switchTokens.thumbSize, ":1.5rem;", switchTokens.thumbBorderRadius, ":calc(var(", switchTokens.thumbSize, ") / 2);", switchTokens.thumbOffset, ":0.125rem;", switchTokens.thumbPressScale, ":1.25;", switchTokens.labelOffset, ":0.75rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
14
|
+
m: /*#__PURE__*/css(switchTokens.fontFamily, ":var(--plasma-typo-body1-font-family);", switchTokens.fontStyle, ":var(--plasma-typo-body1-font-style);", switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", switchTokens.lineHeight, ":var(--plasma-typo-body1-line-height);", switchTokens.fontSize, ":var(--plasma-typo-body1-font-size);", switchTokens.letterSpacing, ":var(--plasma-typo-body1-letter-spacing);", switchTokens.trackWidth, ":2.75rem;", switchTokens.trackHeight, ":1.75rem;", switchTokens.trackBorderRadius, ":calc(var(", switchTokens.trackHeight, ") / 2);", switchTokens.thumbSize, ":1.5rem;", switchTokens.thumbBorderRadius, ":calc(var(", switchTokens.thumbSize, ") / 2);", switchTokens.thumbOffset, ":0.125rem;", switchTokens.thumbPressScale, ":1.25;", switchTokens.labelOffset, ":0.75rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFla0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX3dlYi9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBzd2l0Y2hUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaCc7XG5pbXBvcnQgeyBsYWJlbFBvc2l0aW9uX0JlZm9yZSB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvU3dpdGNoL19sYWJlbC1wb3NpdGlvbi9iZWZvcmUnO1xuaW1wb3J0IHsgbGFiZWxQb3NpdGlvbl9BZnRlciB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvU3dpdGNoL19sYWJlbC1wb3NpdGlvbi9hZnRlcic7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgICAgIGxhYmVsUG9zaXRpb246ICdiZWZvcmUnLFxuICAgICAgICBmb2N1c2VkOiAndHJ1ZScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5saW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrV2lkdGh9OiAyLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrSGVpZ2h0fTogMS43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0JvcmRlclJhZGl1c306IGNhbGModmFyKCR7c3dpdGNoVG9rZW5zLnRyYWNrSGVpZ2h0fSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYlNpemV9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50aHVtYlNpemV9KSAvIDIpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iT2Zmc2V0fTogMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJQcmVzc1NjYWxlfTogMS4yNTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5sYWJlbE9mZnNldH06IDAuNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPbn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0JhY2tncm91bmRDb2xvck9mZn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtdGVydGlhcnktYWN0aXZlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYkJhY2tncm91bmRDb2xvcn06IHZhcigtLW9uLWRhcmstc3VyZmFjZS1zb2xpZC1kZWZhdWx0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYkJveFNoYWRvd306IDAgMXB4IDFweCByZ2JhKDAsIDAsIDAsIDAuMTEpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgbGFiZWxQb3NpdGlvbjoge1xuICAgICAgICAgICAgYmVmb3JlOiBsYWJlbFBvc2l0aW9uX0JlZm9yZSxcbiAgICAgICAgICAgIGFmdGVyOiBsYWJlbFBvc2l0aW9uX0FmdGVyLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGZvY3VzZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0ZvY3VzQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
15
15
|
},
|
16
16
|
view: {
|
17
|
-
"default": /*#__PURE__*/css(switchTokens.trackBackgroundColorOn, ":var(--surface-accent);", switchTokens.trackBackgroundColorOff, ":var(--surface-transparent-tertiary);", switchTokens.thumbBackgroundColor, ":var(--on-dark-surface-solid-default);", switchTokens.thumbBoxShadow, ":0 1px 1px rgba(0, 0, 0, 0.11);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
17
|
+
"default": /*#__PURE__*/css(switchTokens.trackBackgroundColorOn, ":var(--surface-accent);", switchTokens.trackBackgroundColorOff, ":var(--surface-transparent-tertiary-active);", switchTokens.thumbBackgroundColor, ":var(--on-dark-surface-solid-default);", switchTokens.thumbBoxShadow, ":0 1px 1px rgba(0, 0, 0, 0.11);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgc3dpdGNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Td2l0Y2gnO1xuaW1wb3J0IHsgbGFiZWxQb3NpdGlvbl9CZWZvcmUgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYmVmb3JlJztcbmltcG9ydCB7IGxhYmVsUG9zaXRpb25fQWZ0ZXIgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYWZ0ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBsYWJlbFBvc2l0aW9uOiAnYmVmb3JlJyxcbiAgICAgICAgZm9jdXNlZDogJ3RydWUnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja1dpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH06IDEuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH0pIC8gMik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYk9mZnNldH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iUHJlc3NTY2FsZX06IDEuMjU7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGFiZWxPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT259OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPZmZ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5LWFjdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3hTaGFkb3d9OiAwIDFweCAxcHggcmdiYSgwLCAwLCAwLCAwLjExKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxhYmVsUG9zaXRpb246IHtcbiAgICAgICAgICAgIGJlZm9yZTogbGFiZWxQb3NpdGlvbl9CZWZvcmUsXG4gICAgICAgICAgICBhZnRlcjogbGFiZWxQb3NpdGlvbl9BZnRlcixcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBmb2N1c2VkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tGb2N1c0NvbG9yfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
18
18
|
},
|
19
19
|
labelPosition: {
|
20
20
|
before: labelPosition_Before,
|
21
21
|
after: labelPosition_After
|
22
22
|
},
|
23
23
|
disabled: {
|
24
|
-
"true": /*#__PURE__*/css(switchTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
24
|
+
"true": /*#__PURE__*/css(switchTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q3FCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgc3dpdGNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Td2l0Y2gnO1xuaW1wb3J0IHsgbGFiZWxQb3NpdGlvbl9CZWZvcmUgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYmVmb3JlJztcbmltcG9ydCB7IGxhYmVsUG9zaXRpb25fQWZ0ZXIgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYWZ0ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBsYWJlbFBvc2l0aW9uOiAnYmVmb3JlJyxcbiAgICAgICAgZm9jdXNlZDogJ3RydWUnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja1dpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH06IDEuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH0pIC8gMik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYk9mZnNldH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iUHJlc3NTY2FsZX06IDEuMjU7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGFiZWxPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT259OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPZmZ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5LWFjdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3hTaGFkb3d9OiAwIDFweCAxcHggcmdiYSgwLCAwLCAwLCAwLjExKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxhYmVsUG9zaXRpb246IHtcbiAgICAgICAgICAgIGJlZm9yZTogbGFiZWxQb3NpdGlvbl9CZWZvcmUsXG4gICAgICAgICAgICBhZnRlcjogbGFiZWxQb3NpdGlvbl9BZnRlcixcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBmb2N1c2VkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tGb2N1c0NvbG9yfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
25
25
|
},
|
26
26
|
focused: {
|
27
|
-
"true": /*#__PURE__*/css(switchTokens.trackFocusColor, ":var(--surface-accent);;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
27
|
+
"true": /*#__PURE__*/css(switchTokens.trackFocusColor, ":var(--surface-accent);;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHFCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgc3dpdGNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Td2l0Y2gnO1xuaW1wb3J0IHsgbGFiZWxQb3NpdGlvbl9CZWZvcmUgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYmVmb3JlJztcbmltcG9ydCB7IGxhYmVsUG9zaXRpb25fQWZ0ZXIgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYWZ0ZXInO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBsYWJlbFBvc2l0aW9uOiAnYmVmb3JlJyxcbiAgICAgICAgZm9jdXNlZDogJ3RydWUnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja1dpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH06IDEuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH0pIC8gMik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYk9mZnNldH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iUHJlc3NTY2FsZX06IDEuMjU7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGFiZWxPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT259OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPZmZ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5LWFjdGl2ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3hTaGFkb3d9OiAwIDFweCAxcHggcmdiYSgwLCAwLCAwLCAwLjExKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGxhYmVsUG9zaXRpb246IHtcbiAgICAgICAgICAgIGJlZm9yZTogbGFiZWxQb3NpdGlvbl9CZWZvcmUsXG4gICAgICAgICAgICBhZnRlcjogbGFiZWxQb3NpdGlvbl9BZnRlcixcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBmb2N1c2VkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tGb2N1c0NvbG9yfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
28
28
|
}
|
29
29
|
}
|
30
30
|
};
|
@@ -31,7 +31,7 @@ var SliderBase = function SliderBase(_ref) {
|
|
31
31
|
}
|
32
32
|
};
|
33
33
|
resizeHandler();
|
34
|
-
}, [labelPlacement, rangeValuesPlacement
|
34
|
+
}, [labelPlacement, rangeValuesPlacement]);
|
35
35
|
var onHandleChange = function onHandleChange(e) {
|
36
36
|
if (!onChange || disabled) {
|
37
37
|
return;
|
@@ -59,7 +59,7 @@ var SliderBase = function SliderBase(_ref) {
|
|
59
59
|
return function () {
|
60
60
|
return window.removeEventListener('resize', resizeHandler);
|
61
61
|
};
|
62
|
-
}, [min, max, setStepSize,
|
62
|
+
}, [min, max, setStepSize, gap, labelPlacement, rangeValuesPlacement]);
|
63
63
|
var fillStyle = {
|
64
64
|
left: "".concat(railFillXPosition, "px"),
|
65
65
|
width: "".concat(railFillWidth, "px")
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SliderBase.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { PropsWithChildren, useRef, MouseEventHandler, useEffect } from 'react';\nimport { DraggableData } from 'react-draggable';\n\nimport { useIsomorphicLayoutEffect } from '../../../../hooks';\n\nimport type { SliderViewProps } from './SliderBase.types';\nimport { Fill, Rail, RailWrap, Slider } from './SliderBase.styles';\n\nexport const SliderBase: React.FC<PropsWithChildren<SliderViewProps>> = ({\n max,\n min,\n setStepSize,\n railFillWidth,\n children,\n railFillXPosition = 0,\n disabled,\n labelPlacement,\n rangeValuesPlacement,\n onChange,\n settings = {},\n}) => {\n const { indent = 0.75, fontSizeMultiplier = 16 } = settings;\n\n const ref = useRef<HTMLDivElement | null>(null);\n const gap = indent * fontSizeMultiplier * 2;\n\n useEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = ref.current.offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n }, [labelPlacement, rangeValuesPlacement
|
1
|
+
{"version":3,"file":"SliderBase.js","sources":["../../../../../src/components/Slider/components/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { PropsWithChildren, useRef, MouseEventHandler, useEffect } from 'react';\nimport { DraggableData } from 'react-draggable';\n\nimport { useIsomorphicLayoutEffect } from '../../../../hooks';\n\nimport type { SliderViewProps } from './SliderBase.types';\nimport { Fill, Rail, RailWrap, Slider } from './SliderBase.styles';\n\nexport const SliderBase: React.FC<PropsWithChildren<SliderViewProps>> = ({\n max,\n min,\n setStepSize,\n railFillWidth,\n children,\n railFillXPosition = 0,\n disabled,\n labelPlacement,\n rangeValuesPlacement,\n onChange,\n settings = {},\n}) => {\n const { indent = 0.75, fontSizeMultiplier = 16 } = settings;\n\n const ref = useRef<HTMLDivElement | null>(null);\n const gap = indent * fontSizeMultiplier * 2;\n\n useEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = ref.current.offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n }, [labelPlacement, rangeValuesPlacement]);\n\n const onHandleChange: MouseEventHandler<HTMLDivElement> = (e) => {\n if (!onChange || disabled) {\n return;\n }\n\n const { x, width } = e.currentTarget.getBoundingClientRect();\n\n const lastX = e.clientX - x;\n\n const position = min + (lastX / (width - gap)) * (max - min);\n const result = Math.max(min, Math.min(max, position));\n\n onChange(result, { lastX } as DraggableData);\n };\n\n useIsomorphicLayoutEffect(() => {\n const resizeHandler = () => {\n if (ref.current) {\n const railSize = ref.current.offsetWidth - gap;\n const totalSteps = max - min;\n\n setStepSize(railSize / totalSteps);\n }\n };\n\n resizeHandler();\n window.addEventListener('resize', resizeHandler);\n\n return () => window.removeEventListener('resize', resizeHandler);\n }, [min, max, setStepSize, gap, labelPlacement, rangeValuesPlacement]);\n\n const fillStyle = { left: `${railFillXPosition}px`, width: `${railFillWidth}px` };\n\n return (\n <Slider ref={ref}>\n <RailWrap aria-hidden=\"true\" onMouseDown={onHandleChange}>\n <Rail>\n <Fill style={fillStyle} />\n </Rail>\n </RailWrap>\n\n {children}\n </Slider>\n );\n};\n"],"names":["SliderBase","_ref","max","min","setStepSize","railFillWidth","children","_ref$railFillXPositio","railFillXPosition","disabled","labelPlacement","rangeValuesPlacement","onChange","_ref$settings","settings","_settings$indent","indent","_settings$fontSizeMul","fontSizeMultiplier","ref","useRef","gap","useEffect","resizeHandler","current","railSize","offsetWidth","totalSteps","onHandleChange","e","_e$currentTarget$getB","currentTarget","getBoundingClientRect","x","width","lastX","clientX","position","result","Math","useIsomorphicLayoutEffect","window","addEventListener","removeEventListener","fillStyle","left","concat","React","createElement","Slider","RailWrap","onMouseDown","Rail","Fill","style"],"mappings":"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"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.130.1-
|
3
|
+
"version": "0.130.1-dev.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -118,5 +118,5 @@
|
|
118
118
|
"react-popper": "2.3.0",
|
119
119
|
"storeon": "3.1.5"
|
120
120
|
},
|
121
|
-
"gitHead": "
|
121
|
+
"gitHead": "fb8b63f53ffed2b86e91ddc1fbdb9d498c4ee681"
|
122
122
|
}
|
@@ -0,0 +1,78 @@
|
|
1
|
+
---
|
2
|
+
id: slider
|
3
|
+
title: Slider
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable, Description } from '@site/src/components';
|
7
|
+
|
8
|
+
# Slider
|
9
|
+
|
10
|
+
<Description name="Slider" />
|
11
|
+
<PropsTable name="Slider" />
|
12
|
+
|
13
|
+
## Использование
|
14
|
+
|
15
|
+
```tsx live
|
16
|
+
import React from 'react';
|
17
|
+
import { Slider } from '@salutejs/{{ package }}';
|
18
|
+
|
19
|
+
export function App() {
|
20
|
+
return (
|
21
|
+
<section>
|
22
|
+
<Slider onChangeCommitted={() => {}} min={0} max={100} value={30} />
|
23
|
+
</section>
|
24
|
+
);
|
25
|
+
}
|
26
|
+
```
|
27
|
+
|
28
|
+
Можно использовать диапазон значений.
|
29
|
+
|
30
|
+
```tsx live
|
31
|
+
import React, { useState } from 'react';
|
32
|
+
import { Slider } from '@salutejs/{{ package }}';
|
33
|
+
|
34
|
+
export function App() {
|
35
|
+
const [value, setValue] = useState([10, 80]);
|
36
|
+
const sortValues = (values) => {
|
37
|
+
return values
|
38
|
+
.map((val) => {
|
39
|
+
if (val < 0) {
|
40
|
+
return 0;
|
41
|
+
}
|
42
|
+
if (val > 100) {
|
43
|
+
return 100;
|
44
|
+
}
|
45
|
+
return val;
|
46
|
+
})
|
47
|
+
.sort((a, b) => a - b);
|
48
|
+
};
|
49
|
+
|
50
|
+
const onChangeHandle = (values) => {
|
51
|
+
setValue(sortValues(values));
|
52
|
+
};
|
53
|
+
|
54
|
+
const onChangeCommitedHandle = (values) => {
|
55
|
+
setValue(sortValues(values));
|
56
|
+
};
|
57
|
+
|
58
|
+
const onBlurTextField = (values) => {
|
59
|
+
setValue(sortValues(values));
|
60
|
+
};
|
61
|
+
|
62
|
+
const onKeyDownTextField = (values, event) => {
|
63
|
+
if (event.key === 'Enter') {
|
64
|
+
setValue(sortValues(values));
|
65
|
+
}
|
66
|
+
};
|
67
|
+
|
68
|
+
return (
|
69
|
+
<section>
|
70
|
+
<Slider value={value}
|
71
|
+
onKeyDownTextField={onKeyDownTextField}
|
72
|
+
onBlurTextField={onBlurTextField}
|
73
|
+
onChangeCommitted={onChangeCommitedHandle}
|
74
|
+
onChange={onChangeHandle} min={0} max={100} />
|
75
|
+
</section>
|
76
|
+
);
|
77
|
+
}
|
78
|
+
```
|
@@ -39,7 +39,7 @@ var SliderBase = exports.SliderBase = function SliderBase(_ref) {
|
|
39
39
|
}
|
40
40
|
};
|
41
41
|
resizeHandler();
|
42
|
-
}, [labelPlacement, rangeValuesPlacement
|
42
|
+
}, [labelPlacement, rangeValuesPlacement]);
|
43
43
|
var onHandleChange = function onHandleChange(e) {
|
44
44
|
if (!onChange || disabled) {
|
45
45
|
return;
|
@@ -67,7 +67,7 @@ var SliderBase = exports.SliderBase = function SliderBase(_ref) {
|
|
67
67
|
return function () {
|
68
68
|
return window.removeEventListener('resize', resizeHandler);
|
69
69
|
};
|
70
|
-
}, [min, max, setStepSize,
|
70
|
+
}, [min, max, setStepSize, gap, labelPlacement, rangeValuesPlacement]);
|
71
71
|
var fillStyle = {
|
72
72
|
left: "".concat(railFillXPosition, "px"),
|
73
73
|
width: "".concat(railFillWidth, "px")
|
@@ -20,7 +20,7 @@ var config = exports.config = {
|
|
20
20
|
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body1-font-family);", ":var(--plasma-typo-body1-font-style);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-line-height);", ":var(--plasma-typo-body1-font-size);", ":var(--plasma-typo-body1-letter-spacing);", ":2.75rem;", ":1.75rem;", ":calc(var(", ") / 2);", ":1.5rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;", ":0.75rem;"], _Switch.switchTokens.fontFamily, _Switch.switchTokens.fontStyle, _Switch.switchTokens.fontWeight, _Switch.switchTokens.fontWeight, _Switch.switchTokens.lineHeight, _Switch.switchTokens.fontSize, _Switch.switchTokens.letterSpacing, _Switch.switchTokens.trackWidth, _Switch.switchTokens.trackHeight, _Switch.switchTokens.trackBorderRadius, _Switch.switchTokens.trackHeight, _Switch.switchTokens.thumbSize, _Switch.switchTokens.thumbBorderRadius, _Switch.switchTokens.thumbSize, _Switch.switchTokens.thumbOffset, _Switch.switchTokens.thumbPressScale, _Switch.switchTokens.labelOffset)
|
21
21
|
},
|
22
22
|
view: {
|
23
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-accent);", ":var(--surface-transparent-tertiary);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], _Switch.switchTokens.trackBackgroundColorOn, _Switch.switchTokens.trackBackgroundColorOff, _Switch.switchTokens.thumbBackgroundColor, _Switch.switchTokens.thumbBoxShadow)
|
23
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-accent);", ":var(--surface-transparent-tertiary-active);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], _Switch.switchTokens.trackBackgroundColorOn, _Switch.switchTokens.trackBackgroundColorOff, _Switch.switchTokens.thumbBackgroundColor, _Switch.switchTokens.thumbBoxShadow)
|
24
24
|
},
|
25
25
|
labelPosition: {
|
26
26
|
before: _before.labelPosition_Before,
|
@@ -20,7 +20,7 @@ var config = exports.config = {
|
|
20
20
|
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-typo-body1-font-family);", ":var(--plasma-typo-body1-font-style);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-line-height);", ":var(--plasma-typo-body1-font-size);", ":var(--plasma-typo-body1-letter-spacing);", ":2.75rem;", ":1.75rem;", ":calc(var(", ") / 2);", ":1.5rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;", ":0.75rem;"], _Switch.switchTokens.fontFamily, _Switch.switchTokens.fontStyle, _Switch.switchTokens.fontWeight, _Switch.switchTokens.fontWeight, _Switch.switchTokens.lineHeight, _Switch.switchTokens.fontSize, _Switch.switchTokens.letterSpacing, _Switch.switchTokens.trackWidth, _Switch.switchTokens.trackHeight, _Switch.switchTokens.trackBorderRadius, _Switch.switchTokens.trackHeight, _Switch.switchTokens.thumbSize, _Switch.switchTokens.thumbBorderRadius, _Switch.switchTokens.thumbSize, _Switch.switchTokens.thumbOffset, _Switch.switchTokens.thumbPressScale, _Switch.switchTokens.labelOffset)
|
21
21
|
},
|
22
22
|
view: {
|
23
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-accent);", ":var(--surface-transparent-tertiary);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], _Switch.switchTokens.trackBackgroundColorOn, _Switch.switchTokens.trackBackgroundColorOff, _Switch.switchTokens.thumbBackgroundColor, _Switch.switchTokens.thumbBoxShadow)
|
23
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-accent);", ":var(--surface-transparent-tertiary-active);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], _Switch.switchTokens.trackBackgroundColorOn, _Switch.switchTokens.trackBackgroundColorOff, _Switch.switchTokens.thumbBackgroundColor, _Switch.switchTokens.thumbBoxShadow)
|
24
24
|
},
|
25
25
|
labelPosition: {
|
26
26
|
before: _before.labelPosition_Before,
|
@@ -0,0 +1,78 @@
|
|
1
|
+
---
|
2
|
+
id: slider
|
3
|
+
title: Slider
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable, Description } from '@site/src/components';
|
7
|
+
|
8
|
+
# Slider
|
9
|
+
|
10
|
+
<Description name="Slider" />
|
11
|
+
<PropsTable name="Slider" />
|
12
|
+
|
13
|
+
## Использование
|
14
|
+
|
15
|
+
```tsx live
|
16
|
+
import React from 'react';
|
17
|
+
import { Slider } from '@salutejs/{{ package }}';
|
18
|
+
|
19
|
+
export function App() {
|
20
|
+
return (
|
21
|
+
<section>
|
22
|
+
<Slider onChangeCommitted={() => {}} min={0} max={100} value={30} />
|
23
|
+
</section>
|
24
|
+
);
|
25
|
+
}
|
26
|
+
```
|
27
|
+
|
28
|
+
Можно использовать диапазон значений.
|
29
|
+
|
30
|
+
```tsx live
|
31
|
+
import React, { useState } from 'react';
|
32
|
+
import { Slider } from '@salutejs/{{ package }}';
|
33
|
+
|
34
|
+
export function App() {
|
35
|
+
const [value, setValue] = useState([10, 80]);
|
36
|
+
const sortValues = (values) => {
|
37
|
+
return values
|
38
|
+
.map((val) => {
|
39
|
+
if (val < 0) {
|
40
|
+
return 0;
|
41
|
+
}
|
42
|
+
if (val > 100) {
|
43
|
+
return 100;
|
44
|
+
}
|
45
|
+
return val;
|
46
|
+
})
|
47
|
+
.sort((a, b) => a - b);
|
48
|
+
};
|
49
|
+
|
50
|
+
const onChangeHandle = (values) => {
|
51
|
+
setValue(sortValues(values));
|
52
|
+
};
|
53
|
+
|
54
|
+
const onChangeCommitedHandle = (values) => {
|
55
|
+
setValue(sortValues(values));
|
56
|
+
};
|
57
|
+
|
58
|
+
const onBlurTextField = (values) => {
|
59
|
+
setValue(sortValues(values));
|
60
|
+
};
|
61
|
+
|
62
|
+
const onKeyDownTextField = (values, event) => {
|
63
|
+
if (event.key === 'Enter') {
|
64
|
+
setValue(sortValues(values));
|
65
|
+
}
|
66
|
+
};
|
67
|
+
|
68
|
+
return (
|
69
|
+
<section>
|
70
|
+
<Slider value={value}
|
71
|
+
onKeyDownTextField={onKeyDownTextField}
|
72
|
+
onBlurTextField={onBlurTextField}
|
73
|
+
onChangeCommitted={onChangeCommitedHandle}
|
74
|
+
onChange={onChangeHandle} min={0} max={100} />
|
75
|
+
</section>
|
76
|
+
);
|
77
|
+
}
|
78
|
+
```
|
@@ -30,7 +30,7 @@ export var SliderBase = function SliderBase(_ref) {
|
|
30
30
|
}
|
31
31
|
};
|
32
32
|
resizeHandler();
|
33
|
-
}, [labelPlacement, rangeValuesPlacement
|
33
|
+
}, [labelPlacement, rangeValuesPlacement]);
|
34
34
|
var onHandleChange = function onHandleChange(e) {
|
35
35
|
if (!onChange || disabled) {
|
36
36
|
return;
|
@@ -58,7 +58,7 @@ export var SliderBase = function SliderBase(_ref) {
|
|
58
58
|
return function () {
|
59
59
|
return window.removeEventListener('resize', resizeHandler);
|
60
60
|
};
|
61
|
-
}, [min, max, setStepSize,
|
61
|
+
}, [min, max, setStepSize, gap, labelPlacement, rangeValuesPlacement]);
|
62
62
|
var fillStyle = {
|
63
63
|
left: "".concat(railFillXPosition, "px"),
|
64
64
|
width: "".concat(railFillWidth, "px")
|
@@ -14,7 +14,7 @@ export var config = {
|
|
14
14
|
m: /*#__PURE__*/css(["", ":var(--plasma-typo-body1-font-family);", ":var(--plasma-typo-body1-font-style);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-line-height);", ":var(--plasma-typo-body1-font-size);", ":var(--plasma-typo-body1-letter-spacing);", ":2.75rem;", ":1.75rem;", ":calc(var(", ") / 2);", ":1.5rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale, switchTokens.labelOffset)
|
15
15
|
},
|
16
16
|
view: {
|
17
|
-
"default": /*#__PURE__*/css(["", ":var(--surface-accent);", ":var(--surface-transparent-tertiary);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOff, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
|
17
|
+
"default": /*#__PURE__*/css(["", ":var(--surface-accent);", ":var(--surface-transparent-tertiary-active);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOff, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
|
18
18
|
},
|
19
19
|
labelPosition: {
|
20
20
|
before: labelPosition_Before,
|
@@ -14,7 +14,7 @@ export var config = {
|
|
14
14
|
m: /*#__PURE__*/css(["", ":var(--plasma-typo-body1-font-family);", ":var(--plasma-typo-body1-font-style);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-line-height);", ":var(--plasma-typo-body1-font-size);", ":var(--plasma-typo-body1-letter-spacing);", ":2.75rem;", ":1.75rem;", ":calc(var(", ") / 2);", ":1.5rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale, switchTokens.labelOffset)
|
15
15
|
},
|
16
16
|
view: {
|
17
|
-
"default": /*#__PURE__*/css(["", ":var(--surface-accent);", ":var(--surface-transparent-tertiary);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOff, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
|
17
|
+
"default": /*#__PURE__*/css(["", ":var(--surface-accent);", ":var(--surface-transparent-tertiary-active);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOff, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
|
18
18
|
},
|
19
19
|
labelPosition: {
|
20
20
|
before: labelPosition_Before,
|