@salutejs/plasma-new-hope 0.78.0-canary.1194.8928682263.0 → 0.78.0-canary.1195.8924860991.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Button/Button.styles.js +1 -0
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Combobox/hooks/useFocusController.js +0 -1
- package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
- package/cjs/components/Drawer/Drawer.js +1 -0
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/IconButton/IconButton.css +24 -0
- package/cjs/components/IconButton/IconButton.js +50 -0
- package/cjs/components/IconButton/IconButton.js.map +1 -0
- package/cjs/components/IconButton/IconButton.styles.js +16 -0
- package/cjs/components/IconButton/IconButton.styles.js.map +1 -0
- package/cjs/components/IconButton/IconButton.styles_1hknr37.css +1 -0
- package/cjs/components/IconButton/IconButton.tokens.js +32 -0
- package/cjs/components/IconButton/IconButton.tokens.js.map +1 -0
- package/cjs/components/TextField/TextField.js +2 -6
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/index.css +2 -25
- package/cjs/index.js +5 -14
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/es/components/Button/Button.styles.js +1 -0
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Combobox/hooks/useFocusController.js +0 -1
- package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
- package/es/components/Drawer/Drawer.js +1 -0
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/IconButton/IconButton.css +24 -0
- package/es/components/IconButton/IconButton.js +45 -0
- package/es/components/IconButton/IconButton.js.map +1 -0
- package/es/components/IconButton/IconButton.styles.js +12 -0
- package/es/components/IconButton/IconButton.styles.js.map +1 -0
- package/es/components/IconButton/IconButton.styles_1hknr37.css +1 -0
- package/es/components/IconButton/IconButton.tokens.js +28 -0
- package/es/components/IconButton/IconButton.tokens.js.map +1 -0
- package/es/components/TextField/TextField.js +2 -6
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/index.css +2 -25
- package/es/index.js +2 -8
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -4
- package/styled-components/cjs/components/Button/Button.styles.js +10 -2
- package/styled-components/cjs/components/IconButton/IconButton.js +47 -0
- package/styled-components/cjs/components/IconButton/IconButton.styles.js +12 -0
- package/styled-components/cjs/components/IconButton/IconButton.tokens.js +31 -0
- package/styled-components/cjs/components/IconButton/index.js +25 -0
- package/styled-components/cjs/components/TextField/TextField.js +2 -6
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +46 -0
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +69 -0
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +46 -0
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +69 -0
- package/styled-components/cjs/hooks/index.js +1 -8
- package/styled-components/cjs/index.js +11 -11
- package/styled-components/cjs/utils/index.js +0 -7
- package/styled-components/es/components/Button/Button.styles.js +10 -2
- package/styled-components/es/components/IconButton/IconButton.js +41 -0
- package/styled-components/es/components/IconButton/IconButton.styles.js +6 -0
- package/styled-components/es/components/IconButton/IconButton.tokens.js +25 -0
- package/styled-components/es/components/IconButton/index.js +2 -0
- package/styled-components/es/components/TextField/TextField.js +2 -6
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +40 -0
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +69 -0
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +40 -0
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.js +5 -0
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +69 -0
- package/styled-components/es/hooks/index.js +1 -2
- package/styled-components/es/index.js +2 -2
- package/styled-components/es/utils/index.js +0 -1
- package/types/components/Button/Button.styles.d.ts +1 -0
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/IconButton/IconButton.d.ts +35 -0
- package/types/components/IconButton/IconButton.d.ts.map +1 -0
- package/types/components/IconButton/IconButton.styles.d.ts +3 -0
- package/types/components/IconButton/IconButton.styles.d.ts.map +1 -0
- package/types/components/IconButton/IconButton.tokens.d.ts +26 -0
- package/types/components/IconButton/IconButton.tokens.d.ts.map +1 -0
- package/types/components/IconButton/index.d.ts +3 -0
- package/types/components/IconButton/index.d.ts.map +1 -0
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts +39 -0
- package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +33 -0
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -0
- package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts +39 -0
- package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +33 -0
- package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -0
- package/types/hooks/index.d.ts +0 -1
- package/types/hooks/index.d.ts.map +1 -1
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/types/utils/index.d.ts +0 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Slider/Slider.css +0 -69
- package/cjs/components/Slider/Slider.js +0 -58
- package/cjs/components/Slider/Slider.js.map +0 -1
- package/cjs/components/Slider/Slider.tokens.js +0 -79
- package/cjs/components/Slider/Slider.tokens.js.map +0 -1
- package/cjs/components/Slider/components/Double/Double.css +0 -62
- package/cjs/components/Slider/components/Double/Double.js +0 -274
- package/cjs/components/Slider/components/Double/Double.js.map +0 -1
- package/cjs/components/Slider/components/Double/Double.styles.js +0 -61
- package/cjs/components/Slider/components/Double/Double.styles.js.map +0 -1
- package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
- package/cjs/components/Slider/components/Single/Single.css +0 -16
- package/cjs/components/Slider/components/Single/Single.js +0 -160
- package/cjs/components/Slider/components/Single/Single.js.map +0 -1
- package/cjs/components/Slider/components/Single/Single.styles.js +0 -45
- package/cjs/components/Slider/components/Single/Single.styles.js.map +0 -1
- package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
- package/cjs/components/Slider/components/SliderBase/SliderBase.css +0 -4
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -82
- package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -33
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
- package/cjs/components/Slider/ui/Handle/Handle.css +0 -4
- package/cjs/components/Slider/ui/Handle/Handle.js +0 -174
- package/cjs/components/Slider/ui/Handle/Handle.js.map +0 -1
- package/cjs/components/Slider/ui/Handle/Handle.styles.js +0 -21
- package/cjs/components/Slider/ui/Handle/Handle.styles.js.map +0 -1
- package/cjs/components/Slider/ui/Handle/Handle.styles_16a5sl.css +0 -2
- package/cjs/components/Slider/ui/Thumb/Thumb.css +0 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.js +0 -31
- package/cjs/components/Slider/ui/Thumb/Thumb.js.map +0 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -15
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
- package/cjs/components/Slider/ui/Thumb/Thumb.styles_zwgsh8.css +0 -1
- package/cjs/components/Slider/utils/index.js +0 -56
- package/cjs/components/Slider/utils/index.js.map +0 -1
- package/cjs/components/Slider/variations/_disabled/base.js +0 -9
- package/cjs/components/Slider/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Slider/variations/_disabled/base_x642ct.css +0 -1
- package/cjs/components/Slider/variations/_size/base.js +0 -9
- package/cjs/components/Slider/variations/_size/base.js.map +0 -1
- package/cjs/components/Slider/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Slider/variations/_view/base.js +0 -9
- package/cjs/components/Slider/variations/_view/base.js.map +0 -1
- package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
- package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -15
- package/cjs/hooks/useIsomorphicLayoutEffect.js.map +0 -1
- package/cjs/utils/canUseDOM.js +0 -12
- package/cjs/utils/canUseDOM.js.map +0 -1
- package/es/components/Slider/Slider.css +0 -69
- package/es/components/Slider/Slider.js +0 -53
- package/es/components/Slider/Slider.js.map +0 -1
- package/es/components/Slider/Slider.tokens.js +0 -74
- package/es/components/Slider/Slider.tokens.js.map +0 -1
- package/es/components/Slider/components/Double/Double.css +0 -62
- package/es/components/Slider/components/Double/Double.js +0 -270
- package/es/components/Slider/components/Double/Double.js.map +0 -1
- package/es/components/Slider/components/Double/Double.styles.js +0 -51
- package/es/components/Slider/components/Double/Double.styles.js.map +0 -1
- package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +0 -7
- package/es/components/Slider/components/Single/Single.css +0 -16
- package/es/components/Slider/components/Single/Single.js +0 -156
- package/es/components/Slider/components/Single/Single.js.map +0 -1
- package/es/components/Slider/components/Single/Single.styles.js +0 -36
- package/es/components/Slider/components/Single/Single.styles.js.map +0 -1
- package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +0 -6
- package/es/components/Slider/components/SliderBase/SliderBase.css +0 -4
- package/es/components/Slider/components/SliderBase/SliderBase.js +0 -78
- package/es/components/Slider/components/SliderBase/SliderBase.js.map +0 -1
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -26
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +0 -1
- package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +0 -4
- package/es/components/Slider/ui/Handle/Handle.css +0 -4
- package/es/components/Slider/ui/Handle/Handle.js +0 -170
- package/es/components/Slider/ui/Handle/Handle.js.map +0 -1
- package/es/components/Slider/ui/Handle/Handle.styles.js +0 -16
- package/es/components/Slider/ui/Handle/Handle.styles.js.map +0 -1
- package/es/components/Slider/ui/Handle/Handle.styles_16a5sl.css +0 -2
- package/es/components/Slider/ui/Thumb/Thumb.css +0 -1
- package/es/components/Slider/ui/Thumb/Thumb.js +0 -27
- package/es/components/Slider/ui/Thumb/Thumb.js.map +0 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -11
- package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +0 -1
- package/es/components/Slider/ui/Thumb/Thumb.styles_zwgsh8.css +0 -1
- package/es/components/Slider/utils/index.js +0 -50
- package/es/components/Slider/utils/index.js.map +0 -1
- package/es/components/Slider/variations/_disabled/base.js +0 -5
- package/es/components/Slider/variations/_disabled/base.js.map +0 -1
- package/es/components/Slider/variations/_disabled/base_x642ct.css +0 -1
- package/es/components/Slider/variations/_size/base.js +0 -5
- package/es/components/Slider/variations/_size/base.js.map +0 -1
- package/es/components/Slider/variations/_size/base_x642ct.css +0 -1
- package/es/components/Slider/variations/_view/base.js +0 -5
- package/es/components/Slider/variations/_view/base.js.map +0 -1
- package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
- package/es/hooks/useIsomorphicLayoutEffect.js +0 -11
- package/es/hooks/useIsomorphicLayoutEffect.js.map +0 -1
- package/es/utils/canUseDOM.js +0 -8
- package/es/utils/canUseDOM.js.map +0 -1
- package/styled-components/cjs/components/Slider/Slider.js +0 -57
- package/styled-components/cjs/components/Slider/Slider.tokens.js +0 -77
- package/styled-components/cjs/components/Slider/Slider.types.js +0 -5
- package/styled-components/cjs/components/Slider/components/Double/Double.js +0 -286
- package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +0 -36
- package/styled-components/cjs/components/Slider/components/Double/Double.types.js +0 -5
- package/styled-components/cjs/components/Slider/components/Single/Single.js +0 -172
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +0 -27
- package/styled-components/cjs/components/Slider/components/Single/Single.types.js +0 -5
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +0 -83
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +0 -21
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +0 -5
- package/styled-components/cjs/components/Slider/components/index.js +0 -27
- package/styled-components/cjs/components/Slider/index.js +0 -32
- package/styled-components/cjs/components/Slider/ui/Handle/Handle.js +0 -183
- package/styled-components/cjs/components/Slider/ui/Handle/Handle.styles.js +0 -15
- package/styled-components/cjs/components/Slider/ui/Handle/Handle.types.js +0 -5
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +0 -32
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +0 -12
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +0 -5
- package/styled-components/cjs/components/Slider/ui/index.js +0 -63
- package/styled-components/cjs/components/Slider/utils/index.js +0 -55
- package/styled-components/cjs/components/Slider/variations/_disabled/base.js +0 -8
- package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Slider/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
- package/styled-components/cjs/components/Slider/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +0 -29
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -131
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +0 -29
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -131
- package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +0 -12
- package/styled-components/cjs/utils/canUseDOM.js +0 -11
- package/styled-components/es/components/Slider/Slider.js +0 -48
- package/styled-components/es/components/Slider/Slider.tokens.js +0 -71
- package/styled-components/es/components/Slider/Slider.types.js +0 -1
- package/styled-components/es/components/Slider/components/Double/Double.js +0 -278
- package/styled-components/es/components/Slider/components/Double/Double.styles.js +0 -29
- package/styled-components/es/components/Slider/components/Double/Double.types.js +0 -1
- package/styled-components/es/components/Slider/components/Single/Single.js +0 -164
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +0 -20
- package/styled-components/es/components/Slider/components/Single/Single.types.js +0 -1
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +0 -74
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +0 -14
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +0 -1
- package/styled-components/es/components/Slider/components/index.js +0 -3
- package/styled-components/es/components/Slider/index.js +0 -3
- package/styled-components/es/components/Slider/ui/Handle/Handle.js +0 -174
- package/styled-components/es/components/Slider/ui/Handle/Handle.styles.js +0 -8
- package/styled-components/es/components/Slider/ui/Handle/Handle.types.js +0 -1
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +0 -25
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +0 -5
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +0 -1
- package/styled-components/es/components/Slider/ui/index.js +0 -5
- package/styled-components/es/components/Slider/utils/index.js +0 -47
- package/styled-components/es/components/Slider/variations/_disabled/base.js +0 -2
- package/styled-components/es/components/Slider/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Slider/variations/_size/base.js +0 -2
- package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
- package/styled-components/es/components/Slider/variations/_view/base.js +0 -2
- package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +0 -23
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -131
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +0 -23
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +0 -5
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -131
- package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +0 -7
- package/styled-components/es/utils/canUseDOM.js +0 -5
- package/types/components/Slider/Slider.d.ts +0 -31
- package/types/components/Slider/Slider.d.ts.map +0 -1
- package/types/components/Slider/Slider.tokens.d.ts +0 -72
- package/types/components/Slider/Slider.tokens.d.ts.map +0 -1
- package/types/components/Slider/Slider.types.d.ts +0 -3
- package/types/components/Slider/Slider.types.d.ts.map +0 -1
- package/types/components/Slider/components/Double/Double.d.ts +0 -4
- package/types/components/Slider/components/Double/Double.d.ts.map +0 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +0 -43
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +0 -1
- package/types/components/Slider/components/Double/Double.types.d.ts +0 -60
- package/types/components/Slider/components/Double/Double.types.d.ts.map +0 -1
- package/types/components/Slider/components/Single/Single.d.ts +0 -4
- package/types/components/Slider/components/Single/Single.d.ts.map +0 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts +0 -8
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +0 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +0 -62
- package/types/components/Slider/components/Single/Single.types.d.ts.map +0 -1
- package/types/components/Slider/components/SliderBase/SliderBase.d.ts +0 -4
- package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +0 -1
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +0 -6
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +0 -1
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +0 -45
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +0 -1
- package/types/components/Slider/components/index.d.ts +0 -6
- package/types/components/Slider/components/index.d.ts.map +0 -1
- package/types/components/Slider/index.d.ts +0 -6
- package/types/components/Slider/index.d.ts.map +0 -1
- package/types/components/Slider/ui/Handle/Handle.d.ts +0 -9
- package/types/components/Slider/ui/Handle/Handle.d.ts.map +0 -1
- package/types/components/Slider/ui/Handle/Handle.styles.d.ts +0 -4
- package/types/components/Slider/ui/Handle/Handle.styles.d.ts.map +0 -1
- package/types/components/Slider/ui/Handle/Handle.types.d.ts +0 -24
- package/types/components/Slider/ui/Handle/Handle.types.d.ts.map +0 -1
- package/types/components/Slider/ui/Thumb/Thumb.d.ts +0 -4
- package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +0 -1
- package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +0 -5
- package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +0 -1
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +0 -12
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +0 -1
- package/types/components/Slider/ui/index.d.ts +0 -6
- package/types/components/Slider/ui/index.d.ts.map +0 -1
- package/types/components/Slider/utils/index.d.ts +0 -33
- package/types/components/Slider/utils/index.d.ts.map +0 -1
- package/types/components/Slider/variations/_disabled/base.d.ts +0 -2
- package/types/components/Slider/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Slider/variations/_size/base.d.ts +0 -2
- package/types/components/Slider/variations/_size/base.d.ts.map +0 -1
- package/types/components/Slider/variations/_view/base.d.ts +0 -2
- package/types/components/Slider/variations/_view/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +0 -22
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +0 -17
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +0 -22
- package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +0 -17
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +0 -1
- package/types/hooks/useIsomorphicLayoutEffect.d.ts +0 -6
- package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +0 -1
- package/types/utils/canUseDOM.d.ts +0 -6
- package/types/utils/canUseDOM.d.ts.map +0 -1
@@ -1,74 +0,0 @@
|
|
1
|
-
import React, { useCallback, useRef, useEffect } from 'react';
|
2
|
-
import { useIsomorphicLayoutEffect } from '../../../../hooks';
|
3
|
-
import { Fill, Rail, RailWrap, Slider } from './SliderBase.styles';
|
4
|
-
export var SliderBase = function SliderBase(_ref) {
|
5
|
-
var max = _ref.max,
|
6
|
-
min = _ref.min,
|
7
|
-
setStepSize = _ref.setStepSize,
|
8
|
-
railFillWidth = _ref.railFillWidth,
|
9
|
-
children = _ref.children,
|
10
|
-
_ref$railFillXPositio = _ref.railFillXPosition,
|
11
|
-
railFillXPosition = _ref$railFillXPositio === void 0 ? 0 : _ref$railFillXPositio,
|
12
|
-
disabled = _ref.disabled,
|
13
|
-
labelPlacement = _ref.labelPlacement,
|
14
|
-
rangeValuesPlacement = _ref.rangeValuesPlacement,
|
15
|
-
onChange = _ref.onChange,
|
16
|
-
_ref$settings = _ref.settings,
|
17
|
-
settings = _ref$settings === void 0 ? {} : _ref$settings;
|
18
|
-
var _settings$indent = settings.indent,
|
19
|
-
indent = _settings$indent === void 0 ? 0.75 : _settings$indent,
|
20
|
-
_settings$fontSizeMul = settings.fontSizeMultiplier,
|
21
|
-
fontSizeMultiplier = _settings$fontSizeMul === void 0 ? 16 : _settings$fontSizeMul;
|
22
|
-
var ref = useRef(null);
|
23
|
-
var gap = indent * fontSizeMultiplier * 2;
|
24
|
-
useEffect(function () {
|
25
|
-
var resizeHandler = function resizeHandler() {
|
26
|
-
if (ref.current) {
|
27
|
-
var railSize = ref.current.offsetWidth - gap;
|
28
|
-
var totalSteps = max - min;
|
29
|
-
setStepSize(railSize / totalSteps);
|
30
|
-
}
|
31
|
-
};
|
32
|
-
resizeHandler();
|
33
|
-
}, [labelPlacement, rangeValuesPlacement, ref.current]);
|
34
|
-
var onHandleChange = useCallback(function (e) {
|
35
|
-
if (!onChange || disabled) {
|
36
|
-
return;
|
37
|
-
}
|
38
|
-
var _e$currentTarget$getB = e.currentTarget.getBoundingClientRect(),
|
39
|
-
x = _e$currentTarget$getB.x,
|
40
|
-
width = _e$currentTarget$getB.width;
|
41
|
-
var lastX = e.clientX - x;
|
42
|
-
var position = min + lastX / (width - gap) * (max - min);
|
43
|
-
var result = Math.max(min, Math.min(max, position));
|
44
|
-
onChange(result, {
|
45
|
-
lastX: lastX
|
46
|
-
});
|
47
|
-
}, [onChange, disabled, min, gap, max, settings]);
|
48
|
-
useIsomorphicLayoutEffect(function () {
|
49
|
-
var resizeHandler = function resizeHandler() {
|
50
|
-
if (ref.current) {
|
51
|
-
var railSize = ref.current.offsetWidth - gap;
|
52
|
-
var totalSteps = max - min;
|
53
|
-
setStepSize(railSize / totalSteps);
|
54
|
-
}
|
55
|
-
};
|
56
|
-
resizeHandler();
|
57
|
-
window.addEventListener('resize', resizeHandler);
|
58
|
-
return function () {
|
59
|
-
return window.removeEventListener('resize', resizeHandler);
|
60
|
-
};
|
61
|
-
}, [min, max, setStepSize, ref.current, gap, labelPlacement, rangeValuesPlacement]);
|
62
|
-
var fillStyle = {
|
63
|
-
left: "".concat(railFillXPosition, "px"),
|
64
|
-
width: "".concat(railFillWidth, "px")
|
65
|
-
};
|
66
|
-
return /*#__PURE__*/React.createElement(Slider, {
|
67
|
-
ref: ref
|
68
|
-
}, /*#__PURE__*/React.createElement(RailWrap, {
|
69
|
-
"aria-hidden": "true",
|
70
|
-
onMouseDown: onHandleChange
|
71
|
-
}, /*#__PURE__*/React.createElement(Rail, null, /*#__PURE__*/React.createElement(Fill, {
|
72
|
-
style: fillStyle
|
73
|
-
}))), children);
|
74
|
-
};
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
import { tokens } from '../../Slider.tokens';
|
3
|
-
export var Slider = /*#__PURE__*/styled.div.withConfig({
|
4
|
-
componentId: "plasma-new-hope__sc-ik0bjb-0"
|
5
|
-
})(["flex:1;position:relative;user-select:none;height:var(", ");"], tokens.height);
|
6
|
-
export var RailWrap = /*#__PURE__*/styled.div.withConfig({
|
7
|
-
componentId: "plasma-new-hope__sc-ik0bjb-1"
|
8
|
-
})(["height:100%;"]);
|
9
|
-
export var Rail = /*#__PURE__*/styled.div.withConfig({
|
10
|
-
componentId: "plasma-new-hope__sc-ik0bjb-2"
|
11
|
-
})(["position:relative;top:50%;height:var(", ");border-radius:var(", ");background-color:var(", ");overflow:hidden;transform:translateY(-50%);"], tokens.railHeight, tokens.railBorderRadius, tokens.railBackgroundColor);
|
12
|
-
export var Fill = /*#__PURE__*/styled.div.withConfig({
|
13
|
-
componentId: "plasma-new-hope__sc-ik0bjb-3"
|
14
|
-
})(["position:absolute;height:100%;top:0;left:0;background:var(", ");width:0;"], tokens.fillColor);
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,174 +0,0 @@
|
|
1
|
-
var _excluded = ["stepSize", "onChangeCommitted", "onChange", "xPosition", "min", "max", "bounds", "zIndex", "disabled", "side", "showCurrentValue", "startOffset", "endOffset"];
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
5
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
6
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
7
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
8
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
9
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
10
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
11
|
-
import React, { useState, useRef, useCallback, forwardRef } from 'react';
|
12
|
-
import Draggable from 'react-draggable';
|
13
|
-
import { getSliderThumbValue, getOffsets } from '../../utils';
|
14
|
-
import { Thumb } from '../Thumb/Thumb';
|
15
|
-
import { HandleStyled, StyledValue } from './Handle.styles';
|
16
|
-
|
17
|
-
// TODO: PLASMA-1707
|
18
|
-
|
19
|
-
var KeyboardSupport = {
|
20
|
-
PageUp: 33,
|
21
|
-
PageDown: 34,
|
22
|
-
End: 35,
|
23
|
-
Home: 36,
|
24
|
-
ArrowLeft: 37,
|
25
|
-
ArrowUp: 38,
|
26
|
-
ArrowRight: 39,
|
27
|
-
ArrowDown: 40
|
28
|
-
};
|
29
|
-
export var Handle = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
30
|
-
var _lastOnChangeValue$cu, _position$x;
|
31
|
-
var stepSize = _ref.stepSize,
|
32
|
-
onChangeCommitted = _ref.onChangeCommitted,
|
33
|
-
onChange = _ref.onChange,
|
34
|
-
_ref$xPosition = _ref.xPosition,
|
35
|
-
xPosition = _ref$xPosition === void 0 ? 0 : _ref$xPosition,
|
36
|
-
min = _ref.min,
|
37
|
-
max = _ref.max,
|
38
|
-
_ref$bounds = _ref.bounds,
|
39
|
-
bounds = _ref$bounds === void 0 ? [] : _ref$bounds,
|
40
|
-
zIndex = _ref.zIndex,
|
41
|
-
disabled = _ref.disabled,
|
42
|
-
side = _ref.side,
|
43
|
-
_ref$showCurrentValue = _ref.showCurrentValue,
|
44
|
-
showCurrentValue = _ref$showCurrentValue === void 0 ? false : _ref$showCurrentValue,
|
45
|
-
_ref$startOffset = _ref.startOffset,
|
46
|
-
startOffset = _ref$startOffset === void 0 ? 0 : _ref$startOffset,
|
47
|
-
_ref$endOffset = _ref.endOffset,
|
48
|
-
endOffset = _ref$endOffset === void 0 ? 0 : _ref$endOffset,
|
49
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
50
|
-
var lastOnChangeValue = useRef();
|
51
|
-
var currentSliderValue = (_lastOnChangeValue$cu = lastOnChangeValue === null || lastOnChangeValue === void 0 ? void 0 : lastOnChangeValue.current) !== null && _lastOnChangeValue$cu !== void 0 ? _lastOnChangeValue$cu : rest.value;
|
52
|
-
var _getOffsets = getOffsets(ref, side),
|
53
|
-
_getOffsets2 = _slicedToArray(_getOffsets, 2),
|
54
|
-
offsetLeft = _getOffsets2[0],
|
55
|
-
offsetRight = _getOffsets2[1];
|
56
|
-
var _bounds = _slicedToArray(bounds, 2),
|
57
|
-
leftValueBound = _bounds[0],
|
58
|
-
rightValueBound = _bounds[1];
|
59
|
-
var leftPositionBound = leftValueBound ? (leftValueBound - min) * stepSize : null;
|
60
|
-
var rightPositionBound = rightValueBound ? (rightValueBound - min) * stepSize : null;
|
61
|
-
var position = typeof xPosition === 'number' ? {
|
62
|
-
x: xPosition,
|
63
|
-
y: 0
|
64
|
-
} : undefined;
|
65
|
-
var tabIndex = disabled ? -1 : 0;
|
66
|
-
var _useState = useState((_position$x = position === null || position === void 0 ? void 0 : position.x) !== null && _position$x !== void 0 ? _position$x : 0),
|
67
|
-
_useState2 = _slicedToArray(_useState, 2),
|
68
|
-
positionX = _useState2[0],
|
69
|
-
setPositionX = _useState2[1];
|
70
|
-
var computedBounds = {
|
71
|
-
left: (leftPositionBound !== null && leftPositionBound !== void 0 ? leftPositionBound : 0) + offsetLeft,
|
72
|
-
right: (rightPositionBound !== null && rightPositionBound !== void 0 ? rightPositionBound : stepSize * (max - min)) - offsetRight
|
73
|
-
};
|
74
|
-
var showCurrentValueCondition = showCurrentValue && positionX >= startOffset && positionX <= max * stepSize - endOffset;
|
75
|
-
var onDrag = useCallback(function (_, data) {
|
76
|
-
var newValue = getSliderThumbValue(data.x, stepSize, min, max);
|
77
|
-
if (lastOnChangeValue.current !== newValue) {
|
78
|
-
onChange === null || onChange === void 0 || onChange(newValue, data);
|
79
|
-
setPositionX(data.x);
|
80
|
-
lastOnChangeValue.current = newValue;
|
81
|
-
}
|
82
|
-
}, [onChange, setPositionX, stepSize, min, max]);
|
83
|
-
var onStop = useCallback(function (_, data) {
|
84
|
-
var newValue = getSliderThumbValue(data.x, stepSize, min, max);
|
85
|
-
setPositionX(data.x);
|
86
|
-
onChangeCommitted && onChangeCommitted(newValue, data);
|
87
|
-
}, [onChangeCommitted, setPositionX, stepSize, min, max]);
|
88
|
-
var onKeyPress = useCallback(function (event) {
|
89
|
-
event.persist();
|
90
|
-
var keyCode = event.keyCode,
|
91
|
-
target = event.target;
|
92
|
-
if (!Object.values(KeyboardSupport).includes(keyCode)) {
|
93
|
-
return;
|
94
|
-
}
|
95
|
-
var ArrowUp = KeyboardSupport.ArrowUp,
|
96
|
-
ArrowRight = KeyboardSupport.ArrowRight,
|
97
|
-
ArrowDown = KeyboardSupport.ArrowDown,
|
98
|
-
ArrowLeft = KeyboardSupport.ArrowLeft,
|
99
|
-
Home = KeyboardSupport.Home,
|
100
|
-
End = KeyboardSupport.End,
|
101
|
-
PageDown = KeyboardSupport.PageDown,
|
102
|
-
PageUp = KeyboardSupport.PageUp;
|
103
|
-
var computedMultipleSteps = stepSize * (rest.multipleStepSize / 100 * max);
|
104
|
-
var data = {
|
105
|
-
x: 0,
|
106
|
-
deltaX: stepSize,
|
107
|
-
lastX: xPosition,
|
108
|
-
y: 0,
|
109
|
-
deltaY: 0,
|
110
|
-
lastY: 0,
|
111
|
-
node: target
|
112
|
-
};
|
113
|
-
switch (keyCode) {
|
114
|
-
case ArrowUp:
|
115
|
-
case ArrowRight:
|
116
|
-
data.x = xPosition + stepSize;
|
117
|
-
break;
|
118
|
-
case ArrowDown:
|
119
|
-
case ArrowLeft:
|
120
|
-
data.x = xPosition - stepSize;
|
121
|
-
data.deltaX = -stepSize;
|
122
|
-
break;
|
123
|
-
case PageUp:
|
124
|
-
data.x = xPosition + computedMultipleSteps;
|
125
|
-
data.deltaX = computedMultipleSteps;
|
126
|
-
break;
|
127
|
-
case PageDown:
|
128
|
-
data.x = xPosition - computedMultipleSteps;
|
129
|
-
data.deltaX = -computedMultipleSteps;
|
130
|
-
break;
|
131
|
-
case End:
|
132
|
-
data.x = max * stepSize;
|
133
|
-
break;
|
134
|
-
case Home:
|
135
|
-
data.x = 0;
|
136
|
-
break;
|
137
|
-
default:
|
138
|
-
data.x = 0;
|
139
|
-
}
|
140
|
-
var left = computedBounds.left,
|
141
|
-
right = computedBounds.right;
|
142
|
-
|
143
|
-
/*
|
144
|
-
* INFO: Находим значение в диапазоне между указанными левой и правой границами.
|
145
|
-
* Необходимо для правильного расчета положения SliderThumb.
|
146
|
-
* см. функция clamp
|
147
|
-
*/
|
148
|
-
var boundedValue = Math.max(Math.min(right, data.x), left);
|
149
|
-
var computedValue = getSliderThumbValue(boundedValue, stepSize, min, max);
|
150
|
-
lastOnChangeValue.current = computedValue;
|
151
|
-
onChangeCommitted && onChangeCommitted(computedValue, data);
|
152
|
-
}, [onChangeCommitted, bounds, stepSize, rest.multipleStepSize, min, max, xPosition]);
|
153
|
-
return /*#__PURE__*/React.createElement(Draggable, {
|
154
|
-
axis: "x",
|
155
|
-
bounds: computedBounds,
|
156
|
-
grid: [stepSize, 1],
|
157
|
-
onStop: onStop,
|
158
|
-
onDrag: onDrag,
|
159
|
-
position: position,
|
160
|
-
disabled: disabled
|
161
|
-
}, /*#__PURE__*/React.createElement(HandleStyled, {
|
162
|
-
ref: ref,
|
163
|
-
style: {
|
164
|
-
zIndex: zIndex
|
165
|
-
},
|
166
|
-
onKeyDown: onKeyPress
|
167
|
-
}, /*#__PURE__*/React.createElement(Thumb, _extends({
|
168
|
-
tabIndex: tabIndex,
|
169
|
-
min: min,
|
170
|
-
max: max,
|
171
|
-
value: currentSliderValue,
|
172
|
-
disabled: disabled
|
173
|
-
}, rest)), showCurrentValueCondition && /*#__PURE__*/React.createElement(StyledValue, null, currentSliderValue)));
|
174
|
-
});
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
import { tokens } from '../../Slider.tokens';
|
3
|
-
export var HandleStyled = /*#__PURE__*/styled.div.withConfig({
|
4
|
-
componentId: "plasma-new-hope__sc-1lg2z45-0"
|
5
|
-
})(["cursor:pointer;position:absolute;z-index:1;top:0;left:0;"]);
|
6
|
-
export var StyledValue = /*#__PURE__*/styled.span.withConfig({
|
7
|
-
componentId: "plasma-new-hope__sc-1lg2z45-1"
|
8
|
-
})(["position:absolute;z-index:1;top:var(", ");text-align:center;width:100%;margin-left:-2px;display:flex;justify-content:center;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.currentValueTopOffset, tokens.currentValueFontFamily, tokens.currentValueFontSize, tokens.currentValueFontStyle, tokens.currentValueFontWeight, tokens.currentValueLetterSpacing, tokens.currentValueLineHeight);
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,25 +0,0 @@
|
|
1
|
-
var _excluded = ["min", "max", "value", "ariaValueMin", "ariaLabel", "disabled"];
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
5
|
-
import React from 'react';
|
6
|
-
import { ThumbBase } from './Thumb.styles';
|
7
|
-
export var Thumb = function Thumb(_ref) {
|
8
|
-
var min = _ref.min,
|
9
|
-
max = _ref.max,
|
10
|
-
value = _ref.value,
|
11
|
-
_ref$ariaValueMin = _ref.ariaValueMin,
|
12
|
-
ariaValueMin = _ref$ariaValueMin === void 0 ? min : _ref$ariaValueMin,
|
13
|
-
ariaLabel = _ref.ariaLabel,
|
14
|
-
disabled = _ref.disabled,
|
15
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
16
|
-
return /*#__PURE__*/React.createElement(ThumbBase, _extends({
|
17
|
-
role: "slider",
|
18
|
-
"aria-label": ariaLabel,
|
19
|
-
"aria-valuemin": ariaValueMin,
|
20
|
-
"aria-valuemax": max,
|
21
|
-
"aria-valuenow": value,
|
22
|
-
disabled: disabled,
|
23
|
-
"aria-orientation": "horizontal"
|
24
|
-
}, rest));
|
25
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
import { tokens } from '../../Slider.tokens';
|
3
|
-
export var ThumbBase = /*#__PURE__*/styled.div.withConfig({
|
4
|
-
componentId: "plasma-new-hope__sc-13botku-0"
|
5
|
-
})(["width:var(", ");height:var(", ");position:relative;left:-2px;top:-2px;border-radius:50%;box-sizing:border-box;background:var(", ");margin:2px;transition:border-color 0.1s ease-in-out;&:after{background:var(", ");margin:-2px;content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;}&:not([disabled]):hover:after,&:not([disabled]):active:after{background:var(", ");}&:focus{outline:none;}&:not([disabled]){&.focus-visible,&[data-focus-visible-added]{border-color:var(", ");}}"], tokens.thumbSize, tokens.thumbSize, tokens.thumbBackgroundColor, tokens.thumbBorderColor, tokens.thumbFocusBorderColor, tokens.thumbFocusBorderColor);
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,47 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Расчитать значение слайдера с учетом его координат и шага изменений.
|
3
|
-
* @param {number} handleCenterXRelative
|
4
|
-
* @param {number} stepSize
|
5
|
-
* @param {number} min
|
6
|
-
* @param {number} max
|
7
|
-
* @return {number}
|
8
|
-
*/
|
9
|
-
export function getSliderThumbValue(handleCenterXRelative, stepSize, min, max) {
|
10
|
-
var newValue = Math.round(handleCenterXRelative / stepSize) + min;
|
11
|
-
return Math.min(Math.max(newValue, min), max);
|
12
|
-
}
|
13
|
-
|
14
|
-
/**
|
15
|
-
* Расчитывает значение отступа слайдера на основе его положения (справа, слева) на отрезке слайдера.
|
16
|
-
* Значение используется для правильного расчета ограничения движения слайдера.
|
17
|
-
* @param ref
|
18
|
-
* @param {'left' | 'right'} side
|
19
|
-
* @return Array<number>
|
20
|
-
*/
|
21
|
-
export function getOffsets(ref, side) {
|
22
|
-
if (!ref || !('current' in ref) || !ref.current || !side) {
|
23
|
-
return [0, 0];
|
24
|
-
}
|
25
|
-
var size = ref.current.clientWidth;
|
26
|
-
if (side === 'left') {
|
27
|
-
return [0, size];
|
28
|
-
}
|
29
|
-
if (side === 'right') {
|
30
|
-
return [size, 0];
|
31
|
-
}
|
32
|
-
return [0, 0];
|
33
|
-
}
|
34
|
-
export var sizeData = {
|
35
|
-
s: {
|
36
|
-
indent: 0.5,
|
37
|
-
fontSizeMultiplier: 16
|
38
|
-
},
|
39
|
-
m: {
|
40
|
-
indent: 0.75,
|
41
|
-
fontSizeMultiplier: 16
|
42
|
-
},
|
43
|
-
l: {
|
44
|
-
indent: 0.75,
|
45
|
-
fontSizeMultiplier: 16
|
46
|
-
}
|
47
|
-
};
|
File without changes
|
File without changes
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { sliderTokens } from '../../../../components/Slider';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
view: 'default',
|
6
|
-
size: 'm'
|
7
|
-
},
|
8
|
-
variations: {
|
9
|
-
view: {
|
10
|
-
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-solid-default);", ":var(--surface-solid-tertiary);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor),
|
11
|
-
accent: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent);", ":var(--surface-solid-tertiary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor),
|
12
|
-
gradient: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent-gradient);", ":var(--surface-solid-tertiary);", ":var(--surface-accent-gradient);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor)
|
13
|
-
},
|
14
|
-
size: {
|
15
|
-
l: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.5rem;", ":0.125rem solid;", ":1.625rem;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3.5rem;", ":1.25rem 1rem 1.25rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
|
16
|
-
m: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.5rem;", ":0.125rem solid;", ":1.75rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
|
17
|
-
s: /*#__PURE__*/css(["", ":1rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":0.5rem;", ":-1.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":0.125rem solid;", ":1.25rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":2.5rem;", ":0.5rem 1rem 0.5rem 1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
|
18
|
-
},
|
19
|
-
disabled: {
|
20
|
-
"true": /*#__PURE__*/css(["", ":0.4;"], sliderTokens.disabledOpacity)
|
21
|
-
}
|
22
|
-
}
|
23
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { sliderConfig } from '../../../../components/Slider';
|
2
|
-
import { component, mergeConfig } from '../../../../engines';
|
3
|
-
import { config } from './Slider.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(sliderConfig, config);
|
5
|
-
export var Slider = /*#__PURE__*/component(mergedConfig);
|
@@ -1,131 +0,0 @@
|
|
1
|
-
import React, { useState } from 'react';
|
2
|
-
import type { ComponentProps } from 'react';
|
3
|
-
import styled from 'styled-components';
|
4
|
-
import { disableProps } from '@salutejs/plasma-sb-utils';
|
5
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
6
|
-
import { action } from '@storybook/addon-actions';
|
7
|
-
|
8
|
-
import { WithTheme } from '../../../_helpers';
|
9
|
-
|
10
|
-
import { Slider } from './Slider';
|
11
|
-
|
12
|
-
const sizes = ['l', 'm', 's'];
|
13
|
-
const views = ['default', 'accent', 'gradient'];
|
14
|
-
const labelPlacements = ['outer', 'inner'];
|
15
|
-
const rangeValuesPlacement = ['outer', 'inner'];
|
16
|
-
|
17
|
-
const meta: Meta<typeof Slider> = {
|
18
|
-
title: 'plasma_b2c/Slider',
|
19
|
-
component: Slider,
|
20
|
-
decorators: [WithTheme],
|
21
|
-
argTypes: {
|
22
|
-
view: {
|
23
|
-
options: views,
|
24
|
-
control: {
|
25
|
-
type: 'select',
|
26
|
-
},
|
27
|
-
},
|
28
|
-
size: {
|
29
|
-
options: sizes,
|
30
|
-
control: {
|
31
|
-
type: 'inline-radio',
|
32
|
-
},
|
33
|
-
},
|
34
|
-
...disableProps([
|
35
|
-
'value',
|
36
|
-
'onChangeCommitted',
|
37
|
-
'ariaLabel',
|
38
|
-
'onChange',
|
39
|
-
'fontSizeMultiplier',
|
40
|
-
'gap',
|
41
|
-
'settings',
|
42
|
-
'hasHoverAnimation',
|
43
|
-
]),
|
44
|
-
},
|
45
|
-
};
|
46
|
-
|
47
|
-
export default meta;
|
48
|
-
|
49
|
-
type StoryProps = Omit<ComponentProps<typeof Slider>, 'value' | 'onChangeCommitted'>;
|
50
|
-
type StorySingleProps = StoryProps;
|
51
|
-
|
52
|
-
type StorySingle = StoryObj<StorySingleProps>;
|
53
|
-
type StoryDouble = StoryObj<StoryProps>;
|
54
|
-
|
55
|
-
const SliderWrapper = styled.div`
|
56
|
-
width: 25rem;
|
57
|
-
`;
|
58
|
-
|
59
|
-
const StoryDefault = (args: StorySingleProps) => {
|
60
|
-
const [value, setValue] = useState(30);
|
61
|
-
|
62
|
-
const onChangeCommittedHandle = (values) => {
|
63
|
-
setValue(values);
|
64
|
-
};
|
65
|
-
|
66
|
-
return (
|
67
|
-
<SliderWrapper>
|
68
|
-
<Slider value={value} onChangeCommitted={onChangeCommittedHandle} onChange={action('onChange')} {...args} />
|
69
|
-
</SliderWrapper>
|
70
|
-
);
|
71
|
-
};
|
72
|
-
|
73
|
-
export const Default: StorySingle = {
|
74
|
-
argTypes: {
|
75
|
-
labelPlacement: {
|
76
|
-
options: labelPlacements,
|
77
|
-
control: {
|
78
|
-
type: 'inline-radio',
|
79
|
-
},
|
80
|
-
},
|
81
|
-
rangeValuesPlacement: {
|
82
|
-
options: rangeValuesPlacement,
|
83
|
-
control: {
|
84
|
-
type: 'inline-radio',
|
85
|
-
},
|
86
|
-
},
|
87
|
-
},
|
88
|
-
args: {
|
89
|
-
view: 'default',
|
90
|
-
size: 'm',
|
91
|
-
min: 0,
|
92
|
-
max: 100,
|
93
|
-
disabled: false,
|
94
|
-
ariaLabel: 'Цена товара',
|
95
|
-
multipleStepSize: 10,
|
96
|
-
label: 'Цена товара',
|
97
|
-
labelPlacement: 'outer',
|
98
|
-
rangeValuesPlacement: 'outer',
|
99
|
-
showRangeValues: true,
|
100
|
-
showCurrentValue: false,
|
101
|
-
},
|
102
|
-
render: (args) => <StoryDefault {...args} />,
|
103
|
-
};
|
104
|
-
|
105
|
-
const StoryMultipleValues = (args: StoryProps) => {
|
106
|
-
const [value, setValue] = useState([10, 80]);
|
107
|
-
|
108
|
-
const onChangeCommittedHandle = (values) => {
|
109
|
-
setValue(values);
|
110
|
-
};
|
111
|
-
|
112
|
-
return (
|
113
|
-
<SliderWrapper>
|
114
|
-
<Slider value={value} onChangeCommitted={onChangeCommittedHandle} onChange={action('onChange')} {...args} />
|
115
|
-
</SliderWrapper>
|
116
|
-
);
|
117
|
-
};
|
118
|
-
|
119
|
-
export const MultipleValues: StoryDouble = {
|
120
|
-
args: {
|
121
|
-
view: 'default',
|
122
|
-
size: 'm',
|
123
|
-
min: 0,
|
124
|
-
max: 100,
|
125
|
-
disabled: false,
|
126
|
-
label: 'Цена товара',
|
127
|
-
ariaLabel: ['Минимальная цена товара', 'Максимальная цена товара'],
|
128
|
-
multipleStepSize: 10,
|
129
|
-
},
|
130
|
-
render: (args) => <StoryMultipleValues {...args} />,
|
131
|
-
};
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { sliderTokens } from '../../../../components/Slider';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
view: 'default',
|
6
|
-
size: 'm'
|
7
|
-
},
|
8
|
-
variations: {
|
9
|
-
view: {
|
10
|
-
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-solid-default);", ":var(--surface-solid-tertiary);", ":var(--surface-solid-default);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor),
|
11
|
-
accent: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent);", ":var(--surface-solid-tertiary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor),
|
12
|
-
gradient: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent-gradient);", ":var(--surface-solid-tertiary);", ":var(--surface-accent-gradient);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor)
|
13
|
-
},
|
14
|
-
size: {
|
15
|
-
l: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.5rem;", ":0.125rem solid;", ":1.625rem;", ":var(--plasma-typo-text-s-font-family);", ":var(--plasma-typo-text-s-font-size);", ":var(--plasma-typo-text-s-font-style);", ":var(--plasma-typo-text-s-font-weight);", ":var(--plasma-typo-text-s-letter-spacing);", ":var(--plasma-typo-text-s-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3.5rem;", ":1.25rem 1rem 1.25rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
|
16
|
-
m: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.75rem;", ":-1.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.5rem;", ":0.125rem solid;", ":1.75rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
|
17
|
-
s: /*#__PURE__*/css(["", ":1rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":0.5rem;", ":-1.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":0.125rem solid;", ":1.25rem;", ":var(--plasma-typo-text-xs-font-family);", ":var(--plasma-typo-text-xs-font-size);", ":var(--plasma-typo-text-xs-font-style);", ":var(--plasma-typo-text-xs-font-weight);", ":var(--plasma-typo-text-xs-letter-spacing);", ":var(--plasma-typo-text-xs-line-height);", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":2.5rem;", ":0.5rem 1rem 0.5rem 1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], sliderTokens.height, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeMinValueMargin, sliderTokens.rangeMaxValueMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueFontFamily, sliderTokens.rangeValueFontSize, sliderTokens.rangeValueFontStyle, sliderTokens.rangeValueFontWeight, sliderTokens.rangeValueLetterSpacing, sliderTokens.rangeValueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.currentValueFontFamily, sliderTokens.currentValueFontSize, sliderTokens.currentValueFontStyle, sliderTokens.currentValueFontWeight, sliderTokens.currentValueLetterSpacing, sliderTokens.currentValueLineHeight, sliderTokens.railHeight, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
|
18
|
-
},
|
19
|
-
disabled: {
|
20
|
-
"true": /*#__PURE__*/css(["", ":0.4;"], sliderTokens.disabledOpacity)
|
21
|
-
}
|
22
|
-
}
|
23
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { sliderConfig } from '../../../../components/Slider';
|
2
|
-
import { component, mergeConfig } from '../../../../engines';
|
3
|
-
import { config } from './Slider.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(sliderConfig, config);
|
5
|
-
export var Slider = /*#__PURE__*/component(mergedConfig);
|