@salutejs/plasma-new-hope 0.80.0-canary.1176.9060349970.0 → 0.80.0-canary.1194.9064180211.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Checkbox/Checkbox.js +59 -22
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox_1q4l832.css +7 -0
- package/cjs/components/Checkbox/IconsSvg.js +9 -9
- package/cjs/components/Checkbox/IconsSvg.js.map +1 -1
- package/cjs/components/{Radiobox/variations → Checkbox}/_disabled/base.js +2 -2
- package/cjs/components/Checkbox/_disabled/base.js.map +1 -0
- package/cjs/components/Checkbox/_disabled/base_fyu17z.css +1 -0
- package/cjs/components/Checkbox/{variations/_disabled → _focused}/base.js +2 -2
- package/cjs/components/Checkbox/_focused/base.js.map +1 -0
- package/cjs/components/Checkbox/_focused/base_po5iiu.css +1 -0
- package/cjs/components/{Radiobox/variations → Checkbox}/_size/base.js +1 -1
- package/cjs/components/Checkbox/_size/base.js.map +1 -0
- package/cjs/components/Checkbox/{variations/_view → _view}/base.js +2 -2
- package/cjs/components/Checkbox/_view/base.js.map +1 -0
- package/cjs/components/Checkbox/_view/base_1vqr3f.css +1 -0
- package/cjs/components/Combobox/hooks/useFocusController.js +1 -0
- package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
- package/cjs/components/Radiobox/Radiobox.js +32 -23
- package/cjs/components/Radiobox/Radiobox.js.map +1 -1
- package/cjs/components/Radiobox/Radiobox_1ri2eqv.css +2 -0
- package/cjs/components/Radiobox/_disabled/base.js +9 -0
- package/cjs/components/Radiobox/_disabled/base.js.map +1 -0
- package/cjs/components/Radiobox/_disabled/base_1jca5bk.css +1 -0
- package/cjs/components/Radiobox/_focused/base.js +9 -0
- package/cjs/components/Radiobox/_focused/base.js.map +1 -0
- package/cjs/components/Radiobox/{variations/_focused/base_1d7o4za.css → _focused/base_1nruwxa.css} +1 -1
- package/cjs/components/{Checkbox/variations → Radiobox}/_size/base.js +1 -1
- package/cjs/components/Radiobox/_size/base.js.map +1 -0
- package/cjs/components/Radiobox/_view/base.js +9 -0
- package/cjs/components/Radiobox/_view/base.js.map +1 -0
- package/cjs/components/Radiobox/{variations/_view/base_11n1fn3.css → _view/base_wj0ueq.css} +1 -1
- package/cjs/components/Slider/Slider.css +69 -0
- package/cjs/components/Slider/Slider.js +53 -0
- package/cjs/components/Slider/Slider.js.map +1 -0
- package/cjs/components/Slider/Slider.tokens.js +79 -0
- package/cjs/components/Slider/Slider.tokens.js.map +1 -0
- package/cjs/components/Slider/components/Double/Double.css +62 -0
- package/cjs/components/Slider/components/Double/Double.js +274 -0
- package/cjs/components/Slider/components/Double/Double.js.map +1 -0
- package/cjs/components/Slider/components/Double/Double.styles.js +61 -0
- package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -0
- package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
- package/cjs/components/Slider/components/Single/Single.css +16 -0
- package/cjs/components/Slider/components/Single/Single.js +160 -0
- package/cjs/components/Slider/components/Single/Single.js.map +1 -0
- package/cjs/components/Slider/components/Single/Single.styles.js +45 -0
- package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -0
- package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.css +4 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +82 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +33 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
- package/cjs/components/Slider/ui/Handle/Handle.css +4 -0
- package/cjs/components/Slider/ui/Handle/Handle.js +174 -0
- package/cjs/components/Slider/ui/Handle/Handle.js.map +1 -0
- package/cjs/components/Slider/ui/Handle/Handle.styles.js +21 -0
- package/cjs/components/Slider/ui/Handle/Handle.styles.js.map +1 -0
- package/cjs/components/Slider/ui/Handle/Handle.styles_9m0x33.css +2 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.js +31 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +15 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
- package/cjs/components/Slider/utils/index.js +56 -0
- package/cjs/components/Slider/utils/index.js.map +1 -0
- package/cjs/components/Slider/variations/_disabled/base.js +9 -0
- package/cjs/components/Slider/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Slider/variations/_size/base.js +9 -0
- package/cjs/components/Slider/variations/_size/base.js.map +1 -0
- package/cjs/components/Slider/variations/_view/base.js +9 -0
- package/cjs/components/Slider/variations/_view/base.js.map +1 -0
- package/cjs/components/Slider/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/TextField/TextField.js +12 -3
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/engines/common.js +4 -0
- package/cjs/engines/common.js.map +1 -1
- package/cjs/engines/index.js.map +1 -1
- package/cjs/hooks/useIsomorphicLayoutEffect.js +15 -0
- package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -0
- package/cjs/index.css +40 -15
- package/cjs/index.js +14 -4
- package/cjs/index.js.map +1 -1
- package/cjs/utils/canUseDOM.js +12 -0
- package/cjs/utils/canUseDOM.js.map +1 -0
- package/cjs/utils/index.js.map +1 -1
- package/es/components/Checkbox/Checkbox.js +43 -12
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Checkbox/Checkbox_1q4l832.css +7 -0
- package/es/components/Checkbox/IconsSvg.js +9 -9
- package/es/components/Checkbox/IconsSvg.js.map +1 -1
- package/es/components/{Radiobox/variations → Checkbox}/_disabled/base.js +2 -2
- package/es/components/Checkbox/_disabled/base.js.map +1 -0
- package/es/components/Checkbox/_disabled/base_fyu17z.css +1 -0
- package/es/components/Checkbox/{variations/_disabled → _focused}/base.js +2 -2
- package/es/components/Checkbox/_focused/base.js.map +1 -0
- package/es/components/Checkbox/_focused/base_po5iiu.css +1 -0
- package/es/components/{Radiobox/variations → Checkbox}/_size/base.js +1 -1
- package/es/components/Checkbox/_size/base.js.map +1 -0
- package/es/components/Checkbox/_size/base_x642ct.css +1 -0
- package/es/components/Checkbox/{variations/_view → _view}/base.js +2 -2
- package/es/components/Checkbox/_view/base.js.map +1 -0
- package/es/components/Checkbox/_view/base_1vqr3f.css +1 -0
- package/es/components/Combobox/hooks/useFocusController.js +1 -0
- package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
- package/es/components/Radiobox/Radiobox.js +21 -12
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Radiobox/Radiobox_1ri2eqv.css +2 -0
- package/es/components/Radiobox/_disabled/base.js +5 -0
- package/es/components/Radiobox/_disabled/base.js.map +1 -0
- package/es/components/Radiobox/_disabled/base_1jca5bk.css +1 -0
- package/es/components/Radiobox/_focused/base.js +5 -0
- package/es/components/Radiobox/_focused/base.js.map +1 -0
- package/es/components/Radiobox/{variations/_focused/base_1d7o4za.css → _focused/base_1nruwxa.css} +1 -1
- package/es/components/{Checkbox/variations → Radiobox}/_size/base.js +1 -1
- package/es/components/Radiobox/_size/base.js.map +1 -0
- package/es/components/Radiobox/_size/base_x642ct.css +1 -0
- package/es/components/Radiobox/_view/base.js +5 -0
- package/es/components/Radiobox/_view/base.js.map +1 -0
- package/es/components/Radiobox/{variations/_view/base_11n1fn3.css → _view/base_wj0ueq.css} +1 -1
- package/es/components/Slider/Slider.css +69 -0
- package/es/components/Slider/Slider.js +48 -0
- package/es/components/Slider/Slider.js.map +1 -0
- package/es/components/Slider/Slider.tokens.js +74 -0
- package/es/components/Slider/Slider.tokens.js.map +1 -0
- package/es/components/Slider/components/Double/Double.css +62 -0
- package/es/components/Slider/components/Double/Double.js +270 -0
- package/es/components/Slider/components/Double/Double.js.map +1 -0
- package/es/components/Slider/components/Double/Double.styles.js +51 -0
- package/es/components/Slider/components/Double/Double.styles.js.map +1 -0
- package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
- package/es/components/Slider/components/Single/Single.css +16 -0
- package/es/components/Slider/components/Single/Single.js +156 -0
- package/es/components/Slider/components/Single/Single.js.map +1 -0
- package/es/components/Slider/components/Single/Single.styles.js +36 -0
- package/es/components/Slider/components/Single/Single.styles.js.map +1 -0
- package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
- package/es/components/Slider/components/SliderBase/SliderBase.css +4 -0
- package/es/components/Slider/components/SliderBase/SliderBase.js +78 -0
- package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js +26 -0
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
- package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
- package/es/components/Slider/ui/Handle/Handle.css +4 -0
- package/es/components/Slider/ui/Handle/Handle.js +170 -0
- package/es/components/Slider/ui/Handle/Handle.js.map +1 -0
- package/es/components/Slider/ui/Handle/Handle.styles.js +16 -0
- package/es/components/Slider/ui/Handle/Handle.styles.js.map +1 -0
- package/es/components/Slider/ui/Handle/Handle.styles_9m0x33.css +2 -0
- package/es/components/Slider/ui/Thumb/Thumb.css +1 -0
- package/es/components/Slider/ui/Thumb/Thumb.js +27 -0
- package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -0
- package/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
- package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
- package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
- package/es/components/Slider/utils/index.js +50 -0
- package/es/components/Slider/utils/index.js.map +1 -0
- package/es/components/Slider/variations/_disabled/base.js +5 -0
- package/es/components/Slider/variations/_disabled/base.js.map +1 -0
- package/es/components/Slider/variations/_disabled/base_x642ct.css +1 -0
- package/es/components/Slider/variations/_size/base.js +5 -0
- package/es/components/Slider/variations/_size/base.js.map +1 -0
- package/es/components/Slider/variations/_size/base_x642ct.css +1 -0
- package/es/components/Slider/variations/_view/base.js +5 -0
- package/es/components/Slider/variations/_view/base.js.map +1 -0
- package/es/components/Slider/variations/_view/base_x642ct.css +1 -0
- package/es/components/TextField/TextField.js +12 -3
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/engines/common.js +4 -0
- package/es/engines/common.js.map +1 -1
- package/es/engines/index.js.map +1 -1
- package/es/hooks/useIsomorphicLayoutEffect.js +11 -0
- package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -0
- package/es/index.css +40 -15
- package/es/index.js +8 -2
- package/es/index.js.map +1 -1
- package/es/utils/canUseDOM.js +8 -0
- package/es/utils/canUseDOM.js.map +1 -0
- package/es/utils/index.js.map +1 -1
- package/package.json +3 -2
- package/styled-components/cjs/components/Checkbox/Checkbox.js +40 -20
- package/styled-components/cjs/components/Checkbox/IconsSvg.js +9 -9
- package/styled-components/cjs/components/{Radiobox/variations → Checkbox}/_disabled/base.js +1 -2
- package/styled-components/cjs/components/Checkbox/_focused/base.js +26 -0
- package/styled-components/cjs/components/Checkbox/_view/base.js +8 -0
- package/styled-components/cjs/components/Checkbox/_view/tokens.json +1 -0
- package/styled-components/cjs/components/Checkbox/index.js +1 -8
- package/styled-components/cjs/components/Radiobox/Radiobox.js +22 -15
- package/styled-components/cjs/components/Radiobox/_disabled/base.js +8 -0
- package/styled-components/cjs/components/Radiobox/_focused/base.js +26 -0
- package/styled-components/cjs/components/Radiobox/_view/base.js +8 -0
- package/styled-components/cjs/components/Radiobox/index.js +1 -8
- package/styled-components/cjs/components/Slider/Slider.js +52 -0
- package/styled-components/cjs/components/Slider/Slider.tokens.js +77 -0
- package/styled-components/cjs/components/Slider/components/Double/Double.js +286 -0
- package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +36 -0
- package/styled-components/cjs/components/Slider/components/Double/Double.types.js +5 -0
- package/styled-components/cjs/components/Slider/components/Single/Single.js +172 -0
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +27 -0
- package/styled-components/cjs/components/Slider/components/Single/Single.types.js +5 -0
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +83 -0
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +21 -0
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +5 -0
- package/styled-components/cjs/components/Slider/components/index.js +27 -0
- package/styled-components/cjs/components/Slider/index.js +32 -0
- package/styled-components/cjs/components/Slider/ui/Handle/Handle.js +183 -0
- package/styled-components/cjs/components/Slider/ui/Handle/Handle.styles.js +15 -0
- package/styled-components/cjs/components/Slider/ui/Handle/Handle.types.js +5 -0
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +32 -0
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +18 -0
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +5 -0
- package/styled-components/cjs/components/Slider/ui/index.js +63 -0
- package/styled-components/cjs/components/Slider/utils/index.js +55 -0
- package/styled-components/cjs/components/Slider/variations/_disabled/base.js +8 -0
- package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/Slider/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
- package/styled-components/cjs/components/Slider/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
- package/styled-components/cjs/components/TextField/TextField.js +12 -3
- package/styled-components/cjs/engines/common.js +4 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +0 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -13
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +29 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +16 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +150 -0
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +0 -1
- package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -13
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +29 -0
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +16 -0
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +150 -0
- package/styled-components/cjs/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/cjs/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -13
- package/styled-components/cjs/hooks/index.js +8 -1
- package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +12 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/cjs/utils/canUseDOM.js +11 -0
- package/styled-components/cjs/utils/index.js +7 -0
- package/styled-components/es/components/Checkbox/Checkbox.js +33 -12
- package/styled-components/es/components/Checkbox/IconsSvg.js +9 -9
- package/styled-components/es/components/Checkbox/_disabled/base.js +2 -0
- package/styled-components/es/components/Checkbox/_focused/base.js +20 -0
- package/styled-components/es/components/Checkbox/_view/base.js +2 -0
- package/styled-components/es/components/Checkbox/_view/tokens.json +1 -0
- package/styled-components/es/components/Checkbox/index.js +1 -2
- package/styled-components/es/components/Radiobox/Radiobox.js +22 -13
- package/styled-components/es/components/Radiobox/_disabled/base.js +2 -0
- package/styled-components/es/components/Radiobox/_focused/base.js +20 -0
- package/styled-components/es/components/Radiobox/_view/base.js +2 -0
- package/styled-components/es/components/Radiobox/index.js +1 -2
- package/styled-components/es/components/Slider/Slider.js +43 -0
- package/styled-components/es/components/Slider/Slider.tokens.js +71 -0
- package/styled-components/es/components/Slider/components/Double/Double.js +278 -0
- package/styled-components/es/components/Slider/components/Double/Double.styles.js +29 -0
- package/styled-components/es/components/Slider/components/Double/Double.types.js +1 -0
- package/styled-components/es/components/Slider/components/Single/Single.js +164 -0
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +20 -0
- package/styled-components/es/components/Slider/components/Single/Single.types.js +1 -0
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +74 -0
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +14 -0
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +1 -0
- package/styled-components/es/components/Slider/components/index.js +3 -0
- package/styled-components/es/components/Slider/index.js +3 -0
- package/styled-components/es/components/Slider/ui/Handle/Handle.js +174 -0
- package/styled-components/es/components/Slider/ui/Handle/Handle.styles.js +8 -0
- package/styled-components/es/components/Slider/ui/Handle/Handle.types.js +1 -0
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +25 -0
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +1 -0
- package/styled-components/es/components/Slider/ui/index.js +5 -0
- package/styled-components/es/components/Slider/utils/index.js +47 -0
- package/styled-components/es/components/Slider/variations/_disabled/base.js +2 -0
- package/styled-components/es/components/Slider/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/Slider/variations/_size/base.js +2 -0
- package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
- package/styled-components/es/components/Slider/variations/_view/base.js +2 -0
- package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
- package/styled-components/es/components/TextField/TextField.js +12 -3
- package/styled-components/es/engines/common.js +4 -0
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +12 -13
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +23 -0
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +10 -0
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +150 -0
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +0 -1
- package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +12 -13
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +23 -0
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +10 -0
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +150 -0
- package/styled-components/es/examples/sds_engineer/components/Checkbox/Checkbox.config.js +14 -14
- package/styled-components/es/examples/sds_engineer/components/Radiobox/Radiobox.config.js +12 -13
- package/styled-components/es/hooks/index.js +2 -1
- package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +7 -0
- package/styled-components/es/index.js +2 -1
- package/styled-components/es/utils/canUseDOM.js +5 -0
- package/styled-components/es/utils/index.js +1 -0
- package/types/components/Checkbox/Checkbox.d.ts +37 -4
- package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/components/Checkbox/IconsSvg.d.ts.map +1 -1
- package/types/components/Checkbox/_disabled/base.d.ts.map +1 -0
- package/types/components/Checkbox/_focused/base.d.ts.map +1 -0
- package/types/components/Checkbox/_size/base.d.ts.map +1 -0
- package/types/components/Checkbox/_view/base.d.ts.map +1 -0
- package/types/components/Checkbox/index.d.ts +1 -2
- package/types/components/Checkbox/index.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.d.ts +1 -1
- package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/components/Radiobox/_disabled/base.d.ts.map +1 -0
- package/types/components/Radiobox/_focused/base.d.ts.map +1 -0
- package/types/components/Radiobox/_size/base.d.ts.map +1 -0
- package/types/components/Radiobox/_view/base.d.ts +2 -0
- package/types/components/Radiobox/_view/base.d.ts.map +1 -0
- package/types/components/Radiobox/index.d.ts +0 -1
- package/types/components/Radiobox/index.d.ts.map +1 -1
- package/types/components/Slider/Slider.d.ts +27 -0
- package/types/components/Slider/Slider.d.ts.map +1 -0
- package/types/components/Slider/Slider.tokens.d.ts +72 -0
- package/types/components/Slider/Slider.tokens.d.ts.map +1 -0
- package/types/components/Slider/Slider.types.d.ts +3 -0
- package/types/components/Slider/Slider.types.d.ts.map +1 -0
- package/types/components/Slider/components/Double/Double.d.ts +4 -0
- package/types/components/Slider/components/Double/Double.d.ts.map +1 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts +43 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -0
- package/types/components/Slider/components/Double/Double.types.d.ts +65 -0
- package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -0
- package/types/components/Slider/components/Single/Single.d.ts +4 -0
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -0
- package/types/components/Slider/components/Single/Single.styles.d.ts +8 -0
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -0
- package/types/components/Slider/components/Single/Single.types.d.ts +55 -0
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -0
- package/types/components/Slider/components/SliderBase/SliderBase.d.ts +4 -0
- package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -0
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +6 -0
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -0
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +45 -0
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -0
- package/types/components/Slider/components/index.d.ts +6 -0
- package/types/components/Slider/components/index.d.ts.map +1 -0
- package/types/components/Slider/index.d.ts +6 -0
- package/types/components/Slider/index.d.ts.map +1 -0
- package/types/components/Slider/ui/Handle/Handle.d.ts +9 -0
- package/types/components/Slider/ui/Handle/Handle.d.ts.map +1 -0
- package/types/components/Slider/ui/Handle/Handle.styles.d.ts +4 -0
- package/types/components/Slider/ui/Handle/Handle.styles.d.ts.map +1 -0
- package/types/components/Slider/ui/Handle/Handle.types.d.ts +24 -0
- package/types/components/Slider/ui/Handle/Handle.types.d.ts.map +1 -0
- package/types/components/Slider/ui/Thumb/Thumb.d.ts +4 -0
- package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -0
- package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +5 -0
- package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -0
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +12 -0
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -0
- package/types/components/Slider/ui/index.d.ts +6 -0
- package/types/components/Slider/ui/index.d.ts.map +1 -0
- package/types/components/Slider/utils/index.d.ts +33 -0
- package/types/components/Slider/utils/index.d.ts.map +1 -0
- package/types/components/Slider/variations/_disabled/base.d.ts +2 -0
- package/types/components/Slider/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Slider/variations/_size/base.d.ts +2 -0
- package/types/components/Slider/variations/_size/base.d.ts.map +1 -0
- package/types/components/Slider/variations/_view/base.d.ts +2 -0
- package/types/components/Slider/variations/_view/base.d.ts.map +1 -0
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/engines/common.d.ts +3 -3
- package/types/engines/common.d.ts.map +1 -1
- package/types/engines/index.d.ts +1 -1
- package/types/engines/index.d.ts.map +1 -1
- package/types/engines/types.d.ts +4 -0
- package/types/engines/types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts +1 -0
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts +1 -1
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Radiobox/Radiobox.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +22 -0
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +21 -0
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts +1 -0
- package/types/examples/plasma_web/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts +1 -1
- package/types/examples/plasma_web/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Radiobox/Radiobox.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +22 -0
- package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +21 -0
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -0
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts +1 -0
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts +1 -1
- package/types/examples/sds_engineer/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Radiobox/Radiobox.config.d.ts.map +1 -1
- package/types/hooks/index.d.ts +1 -0
- package/types/hooks/index.d.ts.map +1 -1
- package/types/hooks/useIsomorphicLayoutEffect.d.ts +6 -0
- package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/types/utils/canUseDOM.d.ts +6 -0
- package/types/utils/canUseDOM.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Checkbox/Checkbox.css +0 -13
- package/cjs/components/Checkbox/Checkbox.styles.js +0 -47
- package/cjs/components/Checkbox/Checkbox.styles.js.map +0 -1
- package/cjs/components/Checkbox/Checkbox.styles_1266095.css +0 -7
- package/cjs/components/Checkbox/Checkbox.tokens.js +0 -41
- package/cjs/components/Checkbox/Checkbox.tokens.js.map +0 -1
- package/cjs/components/Checkbox/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +0 -1
- package/cjs/components/Checkbox/variations/_focused/base.js +0 -14
- package/cjs/components/Checkbox/variations/_focused/base.js.map +0 -1
- package/cjs/components/Checkbox/variations/_focused/base_hr4zpz.css +0 -1
- package/cjs/components/Checkbox/variations/_size/base.js.map +0 -1
- package/cjs/components/Checkbox/variations/_view/base.js.map +0 -1
- package/cjs/components/Checkbox/variations/_view/base_x252cy.css +0 -1
- package/cjs/components/Radiobox/Radiobox.css +0 -16
- package/cjs/components/Radiobox/Radiobox.styles.js +0 -19
- package/cjs/components/Radiobox/Radiobox.styles.js.map +0 -1
- package/cjs/components/Radiobox/Radiobox.styles_1skfuon.css +0 -2
- package/cjs/components/Radiobox/Radiobox.tokens.js +0 -41
- package/cjs/components/Radiobox/Radiobox.tokens.js.map +0 -1
- package/cjs/components/Radiobox/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Radiobox/variations/_disabled/base_6ae9j2.css +0 -1
- package/cjs/components/Radiobox/variations/_focused/base.js +0 -9
- package/cjs/components/Radiobox/variations/_focused/base.js.map +0 -1
- package/cjs/components/Radiobox/variations/_size/base.js.map +0 -1
- package/cjs/components/Radiobox/variations/_view/base.js +0 -9
- package/cjs/components/Radiobox/variations/_view/base.js.map +0 -1
- package/es/components/Checkbox/Checkbox.css +0 -13
- package/es/components/Checkbox/Checkbox.styles.js +0 -37
- package/es/components/Checkbox/Checkbox.styles.js.map +0 -1
- package/es/components/Checkbox/Checkbox.styles_1266095.css +0 -7
- package/es/components/Checkbox/Checkbox.tokens.js +0 -36
- package/es/components/Checkbox/Checkbox.tokens.js.map +0 -1
- package/es/components/Checkbox/variations/_disabled/base.js.map +0 -1
- package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +0 -1
- package/es/components/Checkbox/variations/_focused/base.js +0 -10
- package/es/components/Checkbox/variations/_focused/base.js.map +0 -1
- package/es/components/Checkbox/variations/_focused/base_hr4zpz.css +0 -1
- package/es/components/Checkbox/variations/_size/base.js.map +0 -1
- package/es/components/Checkbox/variations/_view/base.js.map +0 -1
- package/es/components/Checkbox/variations/_view/base_x252cy.css +0 -1
- package/es/components/Radiobox/Radiobox.css +0 -16
- package/es/components/Radiobox/Radiobox.styles.js +0 -14
- package/es/components/Radiobox/Radiobox.styles.js.map +0 -1
- package/es/components/Radiobox/Radiobox.styles_1skfuon.css +0 -2
- package/es/components/Radiobox/Radiobox.tokens.js +0 -36
- package/es/components/Radiobox/Radiobox.tokens.js.map +0 -1
- package/es/components/Radiobox/variations/_disabled/base.js.map +0 -1
- package/es/components/Radiobox/variations/_disabled/base_6ae9j2.css +0 -1
- package/es/components/Radiobox/variations/_focused/base.js +0 -5
- package/es/components/Radiobox/variations/_focused/base.js.map +0 -1
- package/es/components/Radiobox/variations/_size/base.js.map +0 -1
- package/es/components/Radiobox/variations/_view/base.js +0 -5
- package/es/components/Radiobox/variations/_view/base.js.map +0 -1
- package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +0 -33
- package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +0 -39
- package/styled-components/cjs/components/Checkbox/variations/_disabled/base.js +0 -10
- package/styled-components/cjs/components/Checkbox/variations/_focused/base.js +0 -32
- package/styled-components/cjs/components/Checkbox/variations/_view/base.js +0 -10
- package/styled-components/cjs/components/Checkbox/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +0 -19
- package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +0 -39
- package/styled-components/cjs/components/Radiobox/variations/_focused/base.js +0 -27
- package/styled-components/cjs/components/Radiobox/variations/_view/base.js +0 -9
- package/styled-components/es/components/Checkbox/Checkbox.styles.js +0 -25
- package/styled-components/es/components/Checkbox/Checkbox.tokens.js +0 -33
- package/styled-components/es/components/Checkbox/variations/_disabled/base.js +0 -4
- package/styled-components/es/components/Checkbox/variations/_focused/base.js +0 -27
- package/styled-components/es/components/Checkbox/variations/_view/base.js +0 -4
- package/styled-components/es/components/Checkbox/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/Radiobox/Radiobox.styles.js +0 -12
- package/styled-components/es/components/Radiobox/Radiobox.tokens.js +0 -33
- package/styled-components/es/components/Radiobox/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/Radiobox/variations/_focused/base.js +0 -21
- package/styled-components/es/components/Radiobox/variations/_view/base.js +0 -3
- package/types/components/Checkbox/Checkbox.styles.d.ts +0 -9
- package/types/components/Checkbox/Checkbox.styles.d.ts.map +0 -1
- package/types/components/Checkbox/Checkbox.tokens.d.ts +0 -34
- package/types/components/Checkbox/Checkbox.tokens.d.ts.map +0 -1
- package/types/components/Checkbox/Checkbox.types.d.ts +0 -29
- package/types/components/Checkbox/Checkbox.types.d.ts.map +0 -1
- package/types/components/Checkbox/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Checkbox/variations/_focused/base.d.ts +0 -6
- package/types/components/Checkbox/variations/_focused/base.d.ts.map +0 -1
- package/types/components/Checkbox/variations/_size/base.d.ts.map +0 -1
- package/types/components/Checkbox/variations/_view/base.d.ts.map +0 -1
- package/types/components/Radiobox/Radiobox.styles.d.ts +0 -4
- package/types/components/Radiobox/Radiobox.styles.d.ts.map +0 -1
- package/types/components/Radiobox/Radiobox.tokens.d.ts +0 -34
- package/types/components/Radiobox/Radiobox.tokens.d.ts.map +0 -1
- package/types/components/Radiobox/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Radiobox/variations/_focused/base.d.ts.map +0 -1
- package/types/components/Radiobox/variations/_size/base.d.ts.map +0 -1
- package/types/components/Radiobox/variations/_view/base.d.ts.map +0 -1
- /package/cjs/components/Checkbox/{variations/_size → _size}/base_x642ct.css +0 -0
- /package/cjs/components/Radiobox/{variations/_size → _size}/base_x642ct.css +0 -0
- /package/{es/components/Checkbox/variations/_size → cjs/components/Slider/variations/_disabled}/base_x642ct.css +0 -0
- /package/{es/components/Radiobox → cjs/components/Slider}/variations/_size/base_x642ct.css +0 -0
- /package/styled-components/cjs/components/Checkbox/{variations/_disabled → _disabled}/tokens.json +0 -0
- /package/styled-components/cjs/components/Checkbox/{variations/_focused → _focused}/tokens.json +0 -0
- /package/styled-components/cjs/components/Checkbox/{variations/_size → _size}/base.js +0 -0
- /package/styled-components/cjs/components/Checkbox/{variations/_size → _size}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{variations/_disabled → _disabled}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{variations/_focused → _focused}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{variations/_size → _size}/base.js +0 -0
- /package/styled-components/cjs/components/Radiobox/{variations/_size → _size}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{variations/_view → _view}/tokens.json +0 -0
- /package/styled-components/cjs/components/{Checkbox/Checkbox.types.js → Slider/Slider.types.js} +0 -0
- /package/styled-components/es/components/Checkbox/{variations/_disabled → _disabled}/tokens.json +0 -0
- /package/styled-components/es/components/Checkbox/{variations/_focused → _focused}/tokens.json +0 -0
- /package/styled-components/es/components/Checkbox/{variations/_size → _size}/base.js +0 -0
- /package/styled-components/es/components/Checkbox/{variations/_size → _size}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{variations/_disabled → _disabled}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{variations/_focused → _focused}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{variations/_size → _size}/base.js +0 -0
- /package/styled-components/es/components/Radiobox/{variations/_size → _size}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{variations/_view → _view}/tokens.json +0 -0
- /package/styled-components/es/components/{Checkbox/Checkbox.types.js → Slider/Slider.types.js} +0 -0
- /package/types/components/Checkbox/{variations/_disabled → _disabled}/base.d.ts +0 -0
- /package/types/components/Checkbox/{variations/_size → _focused}/base.d.ts +0 -0
- /package/types/components/Checkbox/{variations/_view → _size}/base.d.ts +0 -0
- /package/types/components/{Radiobox/variations/_disabled → Checkbox/_view}/base.d.ts +0 -0
- /package/types/components/Radiobox/{variations/_focused → _disabled}/base.d.ts +0 -0
- /package/types/components/Radiobox/{variations/_size → _focused}/base.d.ts +0 -0
- /package/types/components/Radiobox/{variations/_view → _size}/base.d.ts +0 -0
@@ -0,0 +1,150 @@
|
|
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_web/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
|
+
const sortValues = (values) => {
|
108
|
+
return values.sort((a, b) => a - b);
|
109
|
+
};
|
110
|
+
|
111
|
+
const onChangeHandle = (values) => {
|
112
|
+
setValue(sortValues(values));
|
113
|
+
};
|
114
|
+
|
115
|
+
const onBlurTextField = (values) => {
|
116
|
+
setValue(sortValues(values));
|
117
|
+
};
|
118
|
+
|
119
|
+
const onKeyDownTextField = (values, event) => {
|
120
|
+
if (event.key === 'Enter') {
|
121
|
+
setValue(sortValues(values));
|
122
|
+
}
|
123
|
+
};
|
124
|
+
|
125
|
+
return (
|
126
|
+
<SliderWrapper>
|
127
|
+
<Slider
|
128
|
+
value={value}
|
129
|
+
onKeyDownTextField={onKeyDownTextField}
|
130
|
+
onBlurTextField={onBlurTextField}
|
131
|
+
onChange={onChangeHandle}
|
132
|
+
{...args}
|
133
|
+
/>
|
134
|
+
</SliderWrapper>
|
135
|
+
);
|
136
|
+
};
|
137
|
+
|
138
|
+
export const MultipleValues: StoryDouble = {
|
139
|
+
args: {
|
140
|
+
view: 'default',
|
141
|
+
size: 'm',
|
142
|
+
min: 0,
|
143
|
+
max: 100,
|
144
|
+
disabled: false,
|
145
|
+
label: 'Цена товара',
|
146
|
+
ariaLabel: ['Минимальная цена товара', 'Максимальная цена товара'],
|
147
|
+
multipleStepSize: 10,
|
148
|
+
},
|
149
|
+
render: (args) => <StoryMultipleValues {...args} />,
|
150
|
+
};
|
@@ -5,37 +5,37 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.config = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Checkbox = /*#__PURE__*/require("../../../../components/Checkbox");
|
9
8
|
var config = exports.config = {
|
10
9
|
defaults: {
|
11
|
-
view: 'accent'
|
10
|
+
view: 'accent',
|
11
|
+
focused: 'true'
|
12
12
|
},
|
13
13
|
variations: {
|
14
14
|
/**
|
15
15
|
* Размер контрола.
|
16
16
|
*/
|
17
17
|
size: {
|
18
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(["
|
19
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["
|
18
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-margin:0 0 0.188rem 0.188rem;--plasma-checkbox-trigger-margin:0.188rem 0;--plasma-checkbox-trigger-size:0.875rem;--plasma-checkbox-trigger-border-radius:0.25rem;--plasma-checkbox-content-top-offset:0.0625rem;--plasma-checkbox-content-left-offset:0.5625rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-xs-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-xs-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-xs-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-xs-line-height);"]),
|
19
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-margin:0 0 0.188rem 0.188rem;--plasma-checkbox-trigger-margin:0.188rem 0;--plasma-checkbox-trigger-size:1.25rem;--plasma-checkbox-trigger-border-radius:0.375rem;--plasma-checkbox-content-top-offset:0.1875rem;--plasma-checkbox-content-left-offset:0.75rem;--plasma-checkbox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-checkbox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-checkbox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-checkbox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-checkbox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-checkbox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-checkbox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-checkbox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-typo-body-s-line-height);"])
|
20
20
|
},
|
21
21
|
/**
|
22
22
|
* Вид контрола.
|
23
23
|
*/
|
24
24
|
view: {
|
25
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["
|
26
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(["
|
27
|
-
tertiary: /*#__PURE__*/(0, _styledComponents.css)(["
|
28
|
-
paragraph: /*#__PURE__*/(0, _styledComponents.css)(["
|
29
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(["
|
30
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(["
|
31
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(["
|
32
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(["
|
25
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-primary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
|
26
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-secondary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
|
27
|
+
tertiary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-tertiary);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
|
28
|
+
paragraph: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-paragraph);--plasma-checkbox-icon-color:var(--inverse-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
|
29
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
|
30
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-positive);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
|
31
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-warning);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"]),
|
32
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-fill-color:var(--text-negative);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-description-color:var(--text-secondary);--plasma-checkbox-trigger-border-color:var(--text-secondary);"])
|
33
33
|
},
|
34
34
|
disabled: {
|
35
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["
|
35
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-disabled-opacity:0.4;"])
|
36
36
|
},
|
37
37
|
focused: {
|
38
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["
|
38
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-checkbox-focus-color:var(--text-accent);"])
|
39
39
|
}
|
40
40
|
}
|
41
41
|
};
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.config = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Radiobox = /*#__PURE__*/require("../../../../components/Radiobox");
|
9
8
|
var config = exports.config = {
|
10
9
|
defaults: {
|
11
10
|
view: 'accent',
|
@@ -16,27 +15,27 @@ var config = exports.config = {
|
|
16
15
|
* Размер контрола.
|
17
16
|
*/
|
18
17
|
size: {
|
19
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(["
|
20
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["
|
18
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-margin:0 0 0.188rem 0.188rem;--plasma-radiobox-trigger-margin:0.188rem 0;--plasma-radiobox-trigger-size:1rem;--plasma-radiobox-trigger-border-radius 1.125rem;--plasma-radiobox-ellipse-size 0.5rem;--plasma-radiobox-content-top-offset:0.1rem;--plasma-radiobox-content-left-offset 0.5rem;--plasma-radiobox-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-radiobox-description-font-family:var(--plasma-typo-body-xs-font-family);--plasma-radiobox-description-font-size:var(--plasma-typo-body-xs-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-xs-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-xs-line-height);"]),
|
19
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-margin:0 0 0.188rem 0.188rem;--plasma-radiobox-trigger-margin:0.188rem 0;--plasma-radiobox-trigger-size:1.375rem;--plasma-radiobox-trigger-border-radius 1.125rem;--plasma-radiobox-ellipse-size 0.625rem;--plasma-radiobox-content-top-offset:0.25rem;--plasma-radiobox-content-left-offset 0.6875rem;--plasma-radiobox-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-radiobox-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-radiobox-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-radiobox-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-radiobox-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-radiobox-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-radiobox-description-font-family:var(--plasma-typo-body-s-font-family);--plasma-radiobox-description-font-size:var(--plasma-typo-body-s-font-size);--plasma-radiobox-description-font-style:var(--plasma-typo-body-s-font-style);--plasma-radiobox-description-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-radiobox-description-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-radiobox-description-line-height:var(--plasma-typo-body-s-line-height);"])
|
21
20
|
},
|
22
21
|
/**
|
23
22
|
* Вид контрола.
|
24
23
|
*/
|
25
24
|
view: {
|
26
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["
|
27
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(["
|
28
|
-
tertiary: /*#__PURE__*/(0, _styledComponents.css)(["
|
29
|
-
paragraph: /*#__PURE__*/(0, _styledComponents.css)(["
|
30
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(["
|
31
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(["
|
32
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(["
|
33
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(["
|
25
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-primary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
|
26
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-secondary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
|
27
|
+
tertiary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-tertiary);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
|
28
|
+
paragraph: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-paragraph);--plasma-radiobox-ellipse-color:var(--inverse-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
|
29
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-accent);--plasma-radiobox-ellipse-color:var(--on-dark-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
|
30
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-positive);--plasma-radiobox-ellipse-color:var(--on-dark-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
|
31
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-warning);--plasma-radiobox-ellipse-color:var(--on-dark-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"]),
|
32
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-fill-color:var(--text-negative);--plasma-radiobox-ellipse-color:var(--on-dark-text-primary);--plasma-radiobox-description-color:var(--text-secondary);--plasma-radiobox-trigger-border-color:var(--text-secondary);"])
|
34
33
|
},
|
35
34
|
disabled: {
|
36
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["
|
35
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-disabled-opacity:0.4;"])
|
37
36
|
},
|
38
37
|
focused: {
|
39
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["
|
38
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-radiobox-focus-color:var(--text-accent);"])
|
40
39
|
}
|
41
40
|
}
|
42
41
|
};
|
@@ -15,6 +15,12 @@ Object.defineProperty(exports, "useForceUpdate", {
|
|
15
15
|
return _useForceUpdate.useForceUpdate;
|
16
16
|
}
|
17
17
|
});
|
18
|
+
Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
|
19
|
+
enumerable: true,
|
20
|
+
get: function get() {
|
21
|
+
return _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect;
|
22
|
+
}
|
23
|
+
});
|
18
24
|
Object.defineProperty(exports, "usePreviousValue", {
|
19
25
|
enumerable: true,
|
20
26
|
get: function get() {
|
@@ -30,4 +36,5 @@ Object.defineProperty(exports, "useUniqId", {
|
|
30
36
|
var _useUniqId = /*#__PURE__*/require("./useUniqId");
|
31
37
|
var _usePreviousValue = /*#__PURE__*/require("./usePreviousValue");
|
32
38
|
var _useForceUpdate = /*#__PURE__*/require("./useForceUpdate");
|
33
|
-
var _useDidMountEffect = /*#__PURE__*/require("./useDidMountEffect");
|
39
|
+
var _useDidMountEffect = /*#__PURE__*/require("./useDidMountEffect");
|
40
|
+
var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");
|
@@ -0,0 +1,12 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.useIsomorphicLayoutEffect = void 0;
|
7
|
+
var _react = /*#__PURE__*/require("react");
|
8
|
+
var _utils = /*#__PURE__*/require("../utils");
|
9
|
+
/**
|
10
|
+
* Runs effect safely on server.
|
11
|
+
*/
|
12
|
+
var useIsomorphicLayoutEffect = exports.useIsomorphicLayoutEffect = _utils.canUseDOM ? _react.useLayoutEffect : _react.useEffect;
|
@@ -508,4 +508,15 @@ Object.keys(_Toolbar).forEach(function (key) {
|
|
508
508
|
return _Toolbar[key];
|
509
509
|
}
|
510
510
|
});
|
511
|
+
});
|
512
|
+
var _Slider = /*#__PURE__*/require("./components/Slider");
|
513
|
+
Object.keys(_Slider).forEach(function (key) {
|
514
|
+
if (key === "default" || key === "__esModule") return;
|
515
|
+
if (key in exports && exports[key] === _Slider[key]) return;
|
516
|
+
Object.defineProperty(exports, key, {
|
517
|
+
enumerable: true,
|
518
|
+
get: function get() {
|
519
|
+
return _Slider[key];
|
520
|
+
}
|
521
|
+
});
|
511
522
|
});
|
@@ -0,0 +1,11 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.canUseDOM = void 0;
|
7
|
+
/**
|
8
|
+
* This constant tells you whether can DOM be used.
|
9
|
+
* https://github.com/facebook/react/blob/master/packages/shared/ExecutionEnvironment.js
|
10
|
+
*/
|
11
|
+
var canUseDOM = exports.canUseDOM = /*#__PURE__*/Boolean(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');
|
@@ -9,6 +9,12 @@ Object.defineProperty(exports, "IS_REACT_18", {
|
|
9
9
|
return _react.IS_REACT_18;
|
10
10
|
}
|
11
11
|
});
|
12
|
+
Object.defineProperty(exports, "canUseDOM", {
|
13
|
+
enumerable: true,
|
14
|
+
get: function get() {
|
15
|
+
return _canUseDOM.canUseDOM;
|
16
|
+
}
|
17
|
+
});
|
12
18
|
exports.cx = exports.composableStyle = void 0;
|
13
19
|
Object.defineProperty(exports, "extractTextFrom", {
|
14
20
|
enumerable: true,
|
@@ -34,6 +40,7 @@ Object.defineProperty(exports, "safeUseId", {
|
|
34
40
|
return _react.safeUseId;
|
35
41
|
}
|
36
42
|
});
|
43
|
+
var _canUseDOM = /*#__PURE__*/require("./canUseDOM");
|
37
44
|
var _extractTextFrom = /*#__PURE__*/require("./extractTextFrom");
|
38
45
|
var _getSizeValueFromProp = /*#__PURE__*/require("./getSizeValueFromProp");
|
39
46
|
var _react = /*#__PURE__*/require("./react");
|
@@ -1,18 +1,39 @@
|
|
1
|
-
var _Indeterminate, _Done;
|
2
1
|
var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "style", "className", "singleLine", "aria-label"];
|
2
|
+
var _templateObject, _Indeterminate, _Done;
|
3
3
|
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); }
|
4
4
|
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; }
|
5
5
|
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; }
|
6
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6
7
|
import React, { forwardRef, useEffect, useMemo, useRef } from 'react';
|
8
|
+
import { css } from 'styled-components';
|
9
|
+
import styled from 'styled-components';
|
7
10
|
import { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';
|
11
|
+
import { applyNoUserSelect, applyEllipsis } from '../../mixins';
|
8
12
|
import { cx } from '../../utils';
|
9
|
-
import { base as viewCSS } from './
|
10
|
-
import { base as sizeCSS } from './
|
11
|
-
import { base as disabledCSS } from './
|
12
|
-
import { base as focusedCSS } from './
|
13
|
+
import { base as viewCSS } from './_view/base';
|
14
|
+
import { base as sizeCSS } from './_size/base';
|
15
|
+
import { base as disabledCSS } from './_disabled/base';
|
16
|
+
import { base as focusedCSS } from './_focused/base';
|
13
17
|
import { Done, Indeterminate } from './IconsSvg';
|
14
|
-
|
15
|
-
|
18
|
+
export var StyledInput = /*#__PURE__*/styled.input.withConfig({
|
19
|
+
componentId: "plasma-new-hope__sc-1lv7grl-0"
|
20
|
+
})(["position:absolute;&:focus{outline:0 none;}width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);"]);
|
21
|
+
export var StyledTrigger = /*#__PURE__*/styled.div.withConfig({
|
22
|
+
componentId: "plasma-new-hope__sc-1lv7grl-1"
|
23
|
+
})(["margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;flex-shrink:0;flex-grow:0;input:not(:indeterminate) + label & div{transform:scale(0);transition:transform 0.15s ease-in-out;}input:checked + label & div{transform:scale(1);}"]);
|
24
|
+
export var StyledContentWrapper = /*#__PURE__*/styled.label.withConfig({
|
25
|
+
componentId: "plasma-new-hope__sc-1lv7grl-2"
|
26
|
+
})(["position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"]);
|
27
|
+
export var StyledContent = /*#__PURE__*/styled.div.withConfig({
|
28
|
+
componentId: "plasma-new-hope__sc-1lv7grl-3"
|
29
|
+
})(["display:flex;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);"]);
|
30
|
+
export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
|
31
|
+
componentId: "plasma-new-hope__sc-1lv7grl-4"
|
32
|
+
})(["font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);"]);
|
33
|
+
export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
|
34
|
+
componentId: "plasma-new-hope__sc-1lv7grl-5"
|
35
|
+
})(["margin-top:0.25rem;color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);"]);
|
36
|
+
var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n .single-line {\n ", ";\n }\n\n margin: var(--plasma-checkbox-margin);\n\n &.reset-margins {\n margin: 0;\n }\n\n ", ";\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n"])), /*#__PURE__*/applyEllipsis(), /*#__PURE__*/applyNoUserSelect());
|
16
37
|
export var checkboxRoot = function checkboxRoot(Root) {
|
17
38
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
18
39
|
var size = props.size,
|
@@ -46,15 +67,15 @@ export var checkboxRoot = function checkboxRoot(Root) {
|
|
46
67
|
var isLabelAriaHidden = typeof label === 'string';
|
47
68
|
var canFocused = focused ? 0 : -1;
|
48
69
|
var hasContent = label || description;
|
49
|
-
var singleLineClass = singleLine ?
|
50
|
-
var
|
70
|
+
var singleLineClass = singleLine ? 'single-line' : undefined;
|
71
|
+
var resetMargins = !hasContent ? 'reset-margins' : undefined;
|
51
72
|
return /*#__PURE__*/React.createElement(Root, {
|
52
73
|
view: view,
|
53
74
|
size: size,
|
54
75
|
disabled: disabled,
|
55
76
|
focused: focused,
|
56
77
|
style: style,
|
57
|
-
className: className,
|
78
|
+
className: cx(className, resetMargins),
|
58
79
|
tabIndex: -1
|
59
80
|
}, /*#__PURE__*/React.createElement(StyledInput, _extends({}, rest, {
|
60
81
|
id: checkboxId,
|
@@ -67,7 +88,7 @@ export var checkboxRoot = function checkboxRoot(Root) {
|
|
67
88
|
})), /*#__PURE__*/React.createElement(StyledContentWrapper, {
|
68
89
|
htmlFor: checkboxId
|
69
90
|
}, /*#__PURE__*/React.createElement(StyledTrigger, {
|
70
|
-
className:
|
91
|
+
className: cx('checkbox-trigger', resetMargins)
|
71
92
|
}, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/React.createElement(Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/React.createElement(Done, null))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
|
72
93
|
className: singleLineClass
|
73
94
|
}, label && /*#__PURE__*/React.createElement(StyledLabel, {
|
@@ -75,7 +96,7 @@ export var checkboxRoot = function checkboxRoot(Root) {
|
|
75
96
|
id: uniqLabelId,
|
76
97
|
"aria-hidden": isLabelAriaHidden
|
77
98
|
}, label), description && /*#__PURE__*/React.createElement(StyledDescription, {
|
78
|
-
className:
|
99
|
+
className: singleLineClass,
|
79
100
|
id: uniqDescriptionId
|
80
101
|
}, description))));
|
81
102
|
});
|
@@ -1,5 +1,5 @@
|
|
1
|
+
var _path, _path2;
|
1
2
|
import React from 'react';
|
2
|
-
import { tokens } from './Checkbox.tokens';
|
3
3
|
export var Done = function Done() {
|
4
4
|
return /*#__PURE__*/React.createElement("div", {
|
5
5
|
style: {
|
@@ -10,12 +10,12 @@ export var Done = function Done() {
|
|
10
10
|
viewBox: "0 0 18 18",
|
11
11
|
fill: "none",
|
12
12
|
style: {
|
13
|
-
width:
|
13
|
+
width: 'var(--plasma-checkbox-trigger-size)'
|
14
14
|
}
|
15
|
-
}, /*#__PURE__*/React.createElement("path", {
|
16
|
-
fill: "var(
|
15
|
+
}, _path || (_path = /*#__PURE__*/React.createElement("path", {
|
16
|
+
fill: "var(--plasma-checkbox-icon-color)",
|
17
17
|
d: "m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z"
|
18
|
-
})));
|
18
|
+
}))));
|
19
19
|
};
|
20
20
|
export var Indeterminate = function Indeterminate() {
|
21
21
|
return /*#__PURE__*/React.createElement("div", {
|
@@ -27,12 +27,12 @@ export var Indeterminate = function Indeterminate() {
|
|
27
27
|
viewBox: "0 0 18 18",
|
28
28
|
fill: "none",
|
29
29
|
style: {
|
30
|
-
width:
|
30
|
+
width: 'var(--plasma-checkbox-trigger-size)'
|
31
31
|
}
|
32
|
-
}, /*#__PURE__*/React.createElement("path", {
|
32
|
+
}, _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
|
33
33
|
strokeLinecap: "round",
|
34
34
|
strokeWidth: "2",
|
35
|
-
stroke: "var(
|
35
|
+
stroke: "var(--plasma-checkbox-icon-color)",
|
36
36
|
d: "m5.09449,9.0315l8,0"
|
37
|
-
})));
|
37
|
+
}))));
|
38
38
|
};
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { addFocus } from '../../../mixins';
|
3
|
+
export var base = /*#__PURE__*/css([".checkbox-trigger{", "}input[data-focus-visible-added] + label .checkbox-trigger{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .checkbox-trigger,input[type='checkbox'][data-focus-visible-added]:indeterminate + label .checkbox-trigger{", "}"], /*#__PURE__*/addFocus({
|
4
|
+
outlineOffset: '0',
|
5
|
+
outlineSize: '0.125rem',
|
6
|
+
outlineRadius: 'var(--plasma-checkbox-trigger-border-radius)',
|
7
|
+
outlineColor: 'transparent'
|
8
|
+
}), /*#__PURE__*/addFocus({
|
9
|
+
outlineOffset: '-0.188rem',
|
10
|
+
outlineSize: '0.125rem',
|
11
|
+
outlineRadius: 'var(--plasma-checkbox-trigger-border-radius)',
|
12
|
+
outlineColor: 'var(--plasma-checkbox-focus-color)',
|
13
|
+
customFocusRules: "\n &::before {\n box-shadow: 0 0 0 0.125rem var(--plasma-checkbox-focus-color);\n }\n "
|
14
|
+
}), /*#__PURE__*/addFocus({
|
15
|
+
outlineOffset: '-0.125rem',
|
16
|
+
outlineSize: '0.063rem',
|
17
|
+
outlineRadius: 'calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem)',
|
18
|
+
outlineColor: 'var(--plasma-checkbox-focus-color)',
|
19
|
+
customFocusRules: "\n &::before {\n box-shadow: 0 0 0 0.063rem var(--plasma-checkbox-focus-color);\n }\n "
|
20
|
+
}));
|
@@ -0,0 +1,2 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
export var base = /*#__PURE__*/css(["input[type='checkbox']:indeterminate + label .checkbox-trigger{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}input:checked + label .checkbox-trigger{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}"]);
|
@@ -0,0 +1 @@
|
|
1
|
+
["--plasma-checkbox-fill-color", "--plasma-checkbox-icon-color"]
|
@@ -1,2 +1 @@
|
|
1
|
-
export { checkboxRoot, checkboxConfig } from './Checkbox';
|
2
|
-
export { tokens as checkboxTokens } from './Checkbox.tokens';
|
1
|
+
export { checkboxRoot, checkboxConfig } from './Checkbox';
|
@@ -1,18 +1,27 @@
|
|
1
|
-
var _StyledEllipse;
|
2
1
|
var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "style", "className", "singleLine", "aria-label"];
|
2
|
+
var _templateObject, _StyledEllipse;
|
3
3
|
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); }
|
4
4
|
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; }
|
5
5
|
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; }
|
6
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6
7
|
import React, { forwardRef, useMemo } from 'react';
|
8
|
+
import { css } from 'styled-components';
|
9
|
+
import styled from 'styled-components';
|
7
10
|
import { safeUseId, extractTextFrom } from '@salutejs/plasma-core';
|
8
|
-
import {
|
11
|
+
import { applyNoUserSelect, applyEllipsis } from '../../mixins';
|
12
|
+
import { StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledContent, StyledTrigger } from '../Checkbox/Checkbox';
|
9
13
|
import { cx } from '../../utils';
|
10
|
-
import { base as viewCSS } from './
|
11
|
-
import { base as sizeCSS } from './
|
12
|
-
import { base as disabledCSS } from './
|
13
|
-
import { base as focusedCSS } from './
|
14
|
-
|
15
|
-
|
14
|
+
import { base as viewCSS } from './_view/base';
|
15
|
+
import { base as sizeCSS } from './_size/base';
|
16
|
+
import { base as disabledCSS } from './_disabled/base';
|
17
|
+
import { base as focusedCSS } from './_focused/base';
|
18
|
+
|
19
|
+
// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
|
20
|
+
var mappingOverride = "\n --plasma-checkbox-label-font-family: var(--plasma-radiobox-label-font-family);\n --plasma-checkbox-label-font-size: var(--plasma-radiobox-label-font-size);\n --plasma-checkbox-label-font-style: var(--plasma-radiobox-label-font-style);\n --plasma-checkbox-label-font-weight: var(--plasma-radiobox-label-font-weight);\n --plasma-checkbox-label-letter-spacing: var(--plasma-radiobox-label-letter-spacing);\n --plasma-checkbox-label-line-height: var(--plasma-radiobox-label-line-height);\n --plasma-checkbox-description-font-family: var(--plasma-radiobox-description-font-family);\n --plasma-checkbox-description-font-size: var(--plasma-radiobox-description-font-size);\n --plasma-checkbox-description-font-style: var(--plasma-radiobox-description-font-style);\n --plasma-checkbox-description-font-weight: var(--plasma-radiobox-description-font-weight);\n --plasma-checkbox-description-letter-spacing: var(--plasma-radiobox-description-letter-spacing);\n --plasma-checkbox-description-line-height: var(--plasma-radiobox-description-line-height);\n --plasma-checkbox-fill-color: var(--plasma-radiobox-fill-color);\n --plasma-checkbox-description-color: var(--plasma-radiobox-description-color);\n --plasma-checkbox-trigger-border-color: var(--plasma-radiobox-trigger-border-color);\n --plasma-checkbox-content-top-offset: var(--plasma-radiobox-content-top-offset);\n --plasma-checkbox-content-left-offset: var(--plasma-radiobox-content-left-offset);\n --plasma-checkbox-trigger-size: var(--plasma-radiobox-trigger-size);\n --plasma-checkbox-trigger-border-radius: var(--plasma-radiobox-trigger-border-radius);\n --plasma-checkbox-trigger-margin: var(--plasma-radiobox-trigger-margin); \n";
|
21
|
+
var StyledEllipse = /*#__PURE__*/styled.div.withConfig({
|
22
|
+
componentId: "plasma-new-hope__sc-fk5e49-0"
|
23
|
+
})(["width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}"]);
|
24
|
+
var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ";\n\n .single-line {\n ", ";\n }\n\n margin: var(--plasma-radiobox-margin);\n\n &.reset-margins {\n margin: 0;\n }\n\n ", ";\n\n position: relative;\n align-items: flex-start;\n display: flex;\n cursor: pointer;\n"])), mappingOverride, /*#__PURE__*/applyEllipsis(), /*#__PURE__*/applyNoUserSelect());
|
16
25
|
export var radioboxRoot = function radioboxRoot(Root) {
|
17
26
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
18
27
|
var size = props.size,
|
@@ -38,15 +47,15 @@ export var radioboxRoot = function radioboxRoot(Root) {
|
|
38
47
|
var isLabelAriaHidden = typeof label === 'string';
|
39
48
|
var canFocused = focused ? 0 : -1;
|
40
49
|
var hasContent = label || description;
|
41
|
-
var singleLineClass = singleLine ?
|
42
|
-
var
|
50
|
+
var singleLineClass = singleLine ? 'single-line' : undefined;
|
51
|
+
var resetMargins = !hasContent ? 'reset-margins' : undefined;
|
43
52
|
return /*#__PURE__*/React.createElement(Root, {
|
44
53
|
view: view,
|
45
54
|
size: size,
|
46
55
|
disabled: disabled,
|
47
56
|
focused: focused,
|
48
57
|
style: style,
|
49
|
-
className: className,
|
58
|
+
className: cx(className, resetMargins),
|
50
59
|
tabIndex: -1
|
51
60
|
}, /*#__PURE__*/React.createElement(StyledInput, _extends({}, rest, {
|
52
61
|
id: radioboxId,
|
@@ -59,11 +68,11 @@ export var radioboxRoot = function radioboxRoot(Root) {
|
|
59
68
|
})), /*#__PURE__*/React.createElement(StyledContentWrapper, {
|
60
69
|
htmlFor: radioboxId
|
61
70
|
}, /*#__PURE__*/React.createElement(StyledTrigger, {
|
62
|
-
className:
|
71
|
+
className: cx('radiobox-trigger', resetMargins)
|
63
72
|
}, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/React.createElement(StyledEllipse, null))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
|
64
73
|
className: singleLineClass
|
65
74
|
}, label && /*#__PURE__*/React.createElement(StyledLabel, {
|
66
|
-
className:
|
75
|
+
className: singleLineClass,
|
67
76
|
id: uniqLabelId,
|
68
77
|
"aria-hidden": isLabelAriaHidden
|
69
78
|
}, label), description && /*#__PURE__*/React.createElement(StyledDescription, {
|