@salutejs/plasma-new-hope 0.80.0-canary.1194.9064180211.0 → 0.80.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Checkbox/Checkbox.css +13 -0
- package/cjs/components/Checkbox/Checkbox.js +22 -59
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.js +47 -0
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -0
- package/cjs/components/Checkbox/Checkbox.styles_1266095.css +7 -0
- package/cjs/components/Checkbox/Checkbox.tokens.js +41 -0
- package/cjs/components/Checkbox/Checkbox.tokens.js.map +1 -0
- package/cjs/components/Checkbox/IconsSvg.js +9 -9
- package/cjs/components/Checkbox/IconsSvg.js.map +1 -1
- package/cjs/components/Checkbox/{_disabled → variations/_disabled}/base.js +2 -2
- package/cjs/components/Checkbox/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
- package/cjs/components/Checkbox/variations/_focused/base.js +14 -0
- package/cjs/components/Checkbox/variations/_focused/base.js.map +1 -0
- package/cjs/components/Checkbox/variations/_focused/base_hr4zpz.css +1 -0
- package/cjs/components/{Radiobox → Checkbox/variations}/_size/base.js +1 -1
- package/cjs/components/Checkbox/variations/_size/base.js.map +1 -0
- package/cjs/components/Checkbox/{_size → variations/_view}/base.js +2 -2
- package/cjs/components/Checkbox/variations/_view/base.js.map +1 -0
- package/cjs/components/Checkbox/variations/_view/base_x252cy.css +1 -0
- package/cjs/components/Combobox/hooks/useFocusController.js +0 -1
- package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
- package/cjs/components/Radiobox/Radiobox.css +16 -0
- package/cjs/components/Radiobox/Radiobox.js +23 -32
- package/cjs/components/Radiobox/Radiobox.js.map +1 -1
- package/cjs/components/Radiobox/Radiobox.styles.js +19 -0
- package/cjs/components/Radiobox/Radiobox.styles.js.map +1 -0
- package/cjs/components/Radiobox/Radiobox.styles_1skfuon.css +2 -0
- package/cjs/components/Radiobox/Radiobox.tokens.js +41 -0
- package/cjs/components/Radiobox/Radiobox.tokens.js.map +1 -0
- package/cjs/components/{Checkbox/_focused → Radiobox/variations/_disabled}/base.js +2 -2
- package/cjs/components/Radiobox/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Radiobox/variations/_disabled/base_6ae9j2.css +1 -0
- package/cjs/components/{Checkbox/_view → Radiobox/variations/_focused}/base.js +2 -2
- package/cjs/components/Radiobox/variations/_focused/base.js.map +1 -0
- package/cjs/components/Radiobox/{_focused/base_1nruwxa.css → variations/_focused/base_1d7o4za.css} +1 -1
- package/cjs/components/{Slider/variations/_disabled → Radiobox/variations/_size}/base.js +1 -1
- package/cjs/components/Radiobox/variations/_size/base.js.map +1 -0
- package/cjs/components/Radiobox/variations/_view/base.js +9 -0
- package/cjs/components/Radiobox/variations/_view/base.js.map +1 -0
- package/cjs/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.css} +1 -1
- package/cjs/components/TextField/TextField.js +3 -12
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/engines/common.js +0 -4
- package/cjs/engines/common.js.map +1 -1
- package/cjs/engines/index.js.map +1 -1
- package/cjs/index.css +15 -40
- package/cjs/index.js +4 -14
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/es/components/Checkbox/Checkbox.css +13 -0
- package/es/components/Checkbox/Checkbox.js +12 -43
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Checkbox/Checkbox.styles.js +37 -0
- package/es/components/Checkbox/Checkbox.styles.js.map +1 -0
- package/es/components/Checkbox/Checkbox.styles_1266095.css +7 -0
- package/es/components/Checkbox/Checkbox.tokens.js +36 -0
- package/es/components/Checkbox/Checkbox.tokens.js.map +1 -0
- package/es/components/Checkbox/IconsSvg.js +9 -9
- package/es/components/Checkbox/IconsSvg.js.map +1 -1
- package/es/components/Checkbox/{_focused → variations/_disabled}/base.js +2 -2
- package/es/components/Checkbox/variations/_disabled/base.js.map +1 -0
- package/es/components/Checkbox/variations/_disabled/base_1krdtt6.css +1 -0
- package/es/components/Checkbox/variations/_focused/base.js +10 -0
- package/es/components/Checkbox/variations/_focused/base.js.map +1 -0
- package/es/components/Checkbox/variations/_focused/base_hr4zpz.css +1 -0
- package/es/components/{Radiobox → Checkbox/variations}/_size/base.js +1 -1
- package/es/components/Checkbox/variations/_size/base.js.map +1 -0
- package/es/components/Checkbox/{_view → variations/_view}/base.js +2 -2
- package/es/components/Checkbox/variations/_view/base.js.map +1 -0
- package/es/components/Checkbox/variations/_view/base_x252cy.css +1 -0
- package/es/components/Combobox/hooks/useFocusController.js +0 -1
- package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
- package/es/components/Radiobox/Radiobox.css +16 -0
- package/es/components/Radiobox/Radiobox.js +12 -21
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Radiobox/Radiobox.styles.js +14 -0
- package/es/components/Radiobox/Radiobox.styles.js.map +1 -0
- package/es/components/Radiobox/Radiobox.styles_1skfuon.css +2 -0
- package/es/components/Radiobox/Radiobox.tokens.js +36 -0
- package/es/components/Radiobox/Radiobox.tokens.js.map +1 -0
- package/es/components/{Checkbox → Radiobox/variations}/_disabled/base.js +2 -2
- package/es/components/Radiobox/variations/_disabled/base.js.map +1 -0
- package/es/components/Radiobox/variations/_disabled/base_6ae9j2.css +1 -0
- package/es/components/Radiobox/variations/_focused/base.js +5 -0
- package/es/components/Radiobox/variations/_focused/base.js.map +1 -0
- package/es/components/Radiobox/{_focused/base_1nruwxa.css → variations/_focused/base_1d7o4za.css} +1 -1
- package/es/components/{Checkbox → Radiobox/variations}/_size/base.js +1 -1
- package/es/components/Radiobox/variations/_size/base.js.map +1 -0
- package/es/components/Radiobox/variations/_view/base.js +5 -0
- package/es/components/Radiobox/variations/_view/base.js.map +1 -0
- package/es/components/Radiobox/{_view/base_wj0ueq.css → variations/_view/base_11n1fn3.css} +1 -1
- package/es/components/TextField/TextField.js +3 -12
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/engines/common.js +0 -4
- package/es/engines/common.js.map +1 -1
- package/es/engines/index.js.map +1 -1
- package/es/index.css +15 -40
- 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 -3
- package/styled-components/cjs/components/Checkbox/Checkbox.js +20 -40
- package/styled-components/cjs/components/Checkbox/Checkbox.styles.js +33 -0
- package/styled-components/cjs/components/Checkbox/Checkbox.tokens.js +39 -0
- package/styled-components/cjs/components/Checkbox/IconsSvg.js +9 -9
- package/styled-components/cjs/components/Checkbox/index.js +8 -1
- package/styled-components/cjs/components/Checkbox/variations/_disabled/base.js +10 -0
- package/styled-components/cjs/components/Checkbox/variations/_focused/base.js +32 -0
- package/styled-components/cjs/components/Checkbox/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/Checkbox/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/Radiobox/Radiobox.js +15 -22
- package/styled-components/cjs/components/Radiobox/Radiobox.styles.js +19 -0
- package/styled-components/cjs/components/Radiobox/Radiobox.tokens.js +39 -0
- package/styled-components/cjs/components/Radiobox/index.js +8 -1
- package/styled-components/cjs/components/{Checkbox → Radiobox/variations}/_disabled/base.js +2 -1
- package/styled-components/cjs/components/Radiobox/variations/_focused/base.js +27 -0
- package/styled-components/cjs/components/Radiobox/variations/_view/base.js +9 -0
- package/styled-components/cjs/components/TextField/TextField.js +3 -12
- package/styled-components/cjs/engines/common.js +0 -4
- 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 +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
- 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 +1 -0
- package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
- 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 +13 -12
- package/styled-components/cjs/hooks/index.js +1 -8
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/cjs/utils/index.js +0 -7
- package/styled-components/es/components/Checkbox/Checkbox.js +12 -33
- package/styled-components/es/components/Checkbox/Checkbox.styles.js +25 -0
- package/styled-components/es/components/Checkbox/Checkbox.tokens.js +33 -0
- package/styled-components/es/components/Checkbox/IconsSvg.js +9 -9
- package/styled-components/es/components/Checkbox/index.js +2 -1
- package/styled-components/es/components/Checkbox/variations/_disabled/base.js +4 -0
- package/styled-components/es/components/Checkbox/variations/_focused/base.js +27 -0
- package/styled-components/es/components/Checkbox/variations/_view/base.js +4 -0
- package/styled-components/es/components/Checkbox/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/Radiobox/Radiobox.js +13 -22
- package/styled-components/es/components/Radiobox/Radiobox.styles.js +12 -0
- package/styled-components/es/components/Radiobox/Radiobox.tokens.js +33 -0
- package/styled-components/es/components/Radiobox/index.js +2 -1
- package/styled-components/es/components/Radiobox/variations/_disabled/base.js +3 -0
- package/styled-components/es/components/Radiobox/variations/_focused/base.js +21 -0
- package/styled-components/es/components/Radiobox/variations/_view/base.js +3 -0
- package/styled-components/es/components/TextField/TextField.js +3 -12
- package/styled-components/es/engines/common.js +0 -4
- 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 +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.config.js +13 -12
- 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 +1 -0
- package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.config.js +13 -12
- 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 +13 -12
- package/styled-components/es/hooks/index.js +1 -2
- package/styled-components/es/index.js +1 -2
- package/styled-components/es/utils/index.js +0 -1
- package/types/components/Checkbox/Checkbox.d.ts +4 -37
- package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/components/Checkbox/Checkbox.styles.d.ts +9 -0
- package/types/components/Checkbox/Checkbox.styles.d.ts.map +1 -0
- package/types/components/Checkbox/Checkbox.tokens.d.ts +34 -0
- package/types/components/Checkbox/Checkbox.tokens.d.ts.map +1 -0
- package/types/components/Checkbox/Checkbox.types.d.ts +29 -0
- package/types/components/Checkbox/Checkbox.types.d.ts.map +1 -0
- package/types/components/Checkbox/IconsSvg.d.ts.map +1 -1
- package/types/components/Checkbox/index.d.ts +2 -1
- package/types/components/Checkbox/index.d.ts.map +1 -1
- package/types/components/Checkbox/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Checkbox/variations/_focused/base.d.ts +6 -0
- package/types/components/Checkbox/variations/_focused/base.d.ts.map +1 -0
- package/types/components/Checkbox/variations/_size/base.d.ts.map +1 -0
- package/types/components/Checkbox/variations/_view/base.d.ts.map +1 -0
- package/types/components/Radiobox/Radiobox.d.ts +1 -1
- package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.styles.d.ts +4 -0
- package/types/components/Radiobox/Radiobox.styles.d.ts.map +1 -0
- package/types/components/Radiobox/Radiobox.tokens.d.ts +34 -0
- package/types/components/Radiobox/Radiobox.tokens.d.ts.map +1 -0
- package/types/components/Radiobox/index.d.ts +1 -0
- package/types/components/Radiobox/index.d.ts.map +1 -1
- package/types/components/Radiobox/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Radiobox/variations/_focused/base.d.ts.map +1 -0
- package/types/components/Radiobox/variations/_size/base.d.ts.map +1 -0
- package/types/components/Radiobox/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 +0 -4
- package/types/engines/types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Checkbox/Checkbox.config.d.ts +0 -1
- 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_web/components/Checkbox/Checkbox.config.d.ts +0 -1
- 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/sds_engineer/components/Checkbox/Checkbox.config.d.ts +0 -1
- 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 +0 -1
- package/types/hooks/index.d.ts.map +1 -1
- package/types/index.d.ts +0 -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/Checkbox/Checkbox_1q4l832.css +0 -7
- package/cjs/components/Checkbox/_disabled/base.js.map +0 -1
- package/cjs/components/Checkbox/_disabled/base_fyu17z.css +0 -1
- package/cjs/components/Checkbox/_focused/base.js.map +0 -1
- package/cjs/components/Checkbox/_focused/base_po5iiu.css +0 -1
- package/cjs/components/Checkbox/_size/base.js.map +0 -1
- package/cjs/components/Checkbox/_view/base.js.map +0 -1
- package/cjs/components/Checkbox/_view/base_1vqr3f.css +0 -1
- package/cjs/components/Radiobox/Radiobox_1ri2eqv.css +0 -2
- package/cjs/components/Radiobox/_disabled/base.js +0 -9
- package/cjs/components/Radiobox/_disabled/base.js.map +0 -1
- package/cjs/components/Radiobox/_disabled/base_1jca5bk.css +0 -1
- package/cjs/components/Radiobox/_focused/base.js +0 -9
- package/cjs/components/Radiobox/_focused/base.js.map +0 -1
- package/cjs/components/Radiobox/_size/base.js.map +0 -1
- package/cjs/components/Radiobox/_view/base.js +0 -9
- package/cjs/components/Radiobox/_view/base.js.map +0 -1
- package/cjs/components/Slider/Slider.css +0 -69
- package/cjs/components/Slider/Slider.js +0 -53
- 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_9m0x33.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_4w4gzn.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.map +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/_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/Checkbox/Checkbox_1q4l832.css +0 -7
- package/es/components/Checkbox/_disabled/base.js.map +0 -1
- package/es/components/Checkbox/_disabled/base_fyu17z.css +0 -1
- package/es/components/Checkbox/_focused/base.js.map +0 -1
- package/es/components/Checkbox/_focused/base_po5iiu.css +0 -1
- package/es/components/Checkbox/_size/base.js.map +0 -1
- package/es/components/Checkbox/_size/base_x642ct.css +0 -1
- package/es/components/Checkbox/_view/base.js.map +0 -1
- package/es/components/Checkbox/_view/base_1vqr3f.css +0 -1
- package/es/components/Radiobox/Radiobox_1ri2eqv.css +0 -2
- package/es/components/Radiobox/_disabled/base.js +0 -5
- package/es/components/Radiobox/_disabled/base.js.map +0 -1
- package/es/components/Radiobox/_disabled/base_1jca5bk.css +0 -1
- package/es/components/Radiobox/_focused/base.js +0 -5
- package/es/components/Radiobox/_focused/base.js.map +0 -1
- package/es/components/Radiobox/_size/base.js.map +0 -1
- package/es/components/Radiobox/_size/base_x642ct.css +0 -1
- package/es/components/Radiobox/_view/base.js +0 -5
- package/es/components/Radiobox/_view/base.js.map +0 -1
- package/es/components/Slider/Slider.css +0 -69
- package/es/components/Slider/Slider.js +0 -48
- 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_9m0x33.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_4w4gzn.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/Checkbox/_focused/base.js +0 -26
- package/styled-components/cjs/components/Checkbox/_view/base.js +0 -8
- package/styled-components/cjs/components/Checkbox/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Radiobox/_disabled/base.js +0 -8
- package/styled-components/cjs/components/Radiobox/_focused/base.js +0 -26
- package/styled-components/cjs/components/Radiobox/_view/base.js +0 -8
- package/styled-components/cjs/components/Slider/Slider.js +0 -52
- package/styled-components/cjs/components/Slider/Slider.tokens.js +0 -77
- 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 -18
- 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 -16
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -150
- 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 -16
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -150
- package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +0 -12
- package/styled-components/cjs/utils/canUseDOM.js +0 -11
- package/styled-components/es/components/Checkbox/_disabled/base.js +0 -2
- package/styled-components/es/components/Checkbox/_focused/base.js +0 -20
- package/styled-components/es/components/Checkbox/_view/base.js +0 -2
- package/styled-components/es/components/Checkbox/_view/tokens.json +0 -1
- package/styled-components/es/components/Radiobox/_disabled/base.js +0 -2
- package/styled-components/es/components/Radiobox/_focused/base.js +0 -20
- package/styled-components/es/components/Radiobox/_view/base.js +0 -2
- package/styled-components/es/components/Slider/Slider.js +0 -43
- package/styled-components/es/components/Slider/Slider.tokens.js +0 -71
- 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 -11
- 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 -10
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +0 -150
- 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 -10
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +0 -150
- package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +0 -7
- package/styled-components/es/utils/canUseDOM.js +0 -5
- package/types/components/Checkbox/_disabled/base.d.ts.map +0 -1
- package/types/components/Checkbox/_focused/base.d.ts.map +0 -1
- package/types/components/Checkbox/_size/base.d.ts.map +0 -1
- package/types/components/Checkbox/_view/base.d.ts.map +0 -1
- package/types/components/Radiobox/_disabled/base.d.ts.map +0 -1
- package/types/components/Radiobox/_focused/base.d.ts.map +0 -1
- package/types/components/Radiobox/_size/base.d.ts.map +0 -1
- package/types/components/Radiobox/_view/base.d.ts +0 -2
- package/types/components/Radiobox/_view/base.d.ts.map +0 -1
- package/types/components/Slider/Slider.d.ts +0 -27
- 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 -65
- 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 -55
- 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 -21
- 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 -21
- 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
- /package/cjs/components/Checkbox/{_size → variations/_size}/base_x642ct.css +0 -0
- /package/cjs/components/Radiobox/{_size → variations/_size}/base_x642ct.css +0 -0
- /package/{cjs/components/Slider/variations/_disabled → es/components/Checkbox/variations/_size}/base_x642ct.css +0 -0
- /package/{cjs/components/Slider → es/components/Radiobox}/variations/_size/base_x642ct.css +0 -0
- /package/styled-components/cjs/components/{Slider/Slider.types.js → Checkbox/Checkbox.types.js} +0 -0
- /package/styled-components/cjs/components/Checkbox/{_disabled → variations/_disabled}/tokens.json +0 -0
- /package/styled-components/cjs/components/Checkbox/{_focused → variations/_focused}/tokens.json +0 -0
- /package/styled-components/cjs/components/Checkbox/{_size → variations/_size}/base.js +0 -0
- /package/styled-components/cjs/components/Checkbox/{_size → variations/_size}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{_disabled → variations/_disabled}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{_focused → variations/_focused}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{_size → variations/_size}/base.js +0 -0
- /package/styled-components/cjs/components/Radiobox/{_size → variations/_size}/tokens.json +0 -0
- /package/styled-components/cjs/components/Radiobox/{_view → variations/_view}/tokens.json +0 -0
- /package/styled-components/es/components/{Slider/Slider.types.js → Checkbox/Checkbox.types.js} +0 -0
- /package/styled-components/es/components/Checkbox/{_disabled → variations/_disabled}/tokens.json +0 -0
- /package/styled-components/es/components/Checkbox/{_focused → variations/_focused}/tokens.json +0 -0
- /package/styled-components/es/components/Checkbox/{_size → variations/_size}/base.js +0 -0
- /package/styled-components/es/components/Checkbox/{_size → variations/_size}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{_disabled → variations/_disabled}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{_focused → variations/_focused}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{_size → variations/_size}/base.js +0 -0
- /package/styled-components/es/components/Radiobox/{_size → variations/_size}/tokens.json +0 -0
- /package/styled-components/es/components/Radiobox/{_view → variations/_view}/tokens.json +0 -0
- /package/types/components/Checkbox/{_disabled → variations/_disabled}/base.d.ts +0 -0
- /package/types/components/Checkbox/{_focused → variations/_size}/base.d.ts +0 -0
- /package/types/components/Checkbox/{_size → variations/_view}/base.d.ts +0 -0
- /package/types/components/{Checkbox/_view → Radiobox/variations/_disabled}/base.d.ts +0 -0
- /package/types/components/Radiobox/{_disabled → variations/_focused}/base.d.ts +0 -0
- /package/types/components/Radiobox/{_focused → variations/_size}/base.d.ts +0 -0
- /package/types/components/Radiobox/{_size → variations/_view}/base.d.ts +0 -0
@@ -1,27 +1,18 @@
|
|
1
|
+
var _StyledEllipse;
|
1
2
|
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) } })); }
|
7
6
|
import React, { forwardRef, useMemo } from 'react';
|
8
|
-
import { css } from 'styled-components';
|
9
|
-
import styled from 'styled-components';
|
10
7
|
import { safeUseId, extractTextFrom } from '@salutejs/plasma-core';
|
11
|
-
import {
|
12
|
-
import { StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledContent, StyledTrigger } from '../Checkbox/Checkbox';
|
8
|
+
import { StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledContent, StyledTrigger } from '../Checkbox/Checkbox.styles';
|
13
9
|
import { cx } from '../../utils';
|
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
|
-
|
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());
|
10
|
+
import { base as viewCSS } from './variations/_view/base';
|
11
|
+
import { base as sizeCSS } from './variations/_size/base';
|
12
|
+
import { base as disabledCSS } from './variations/_disabled/base';
|
13
|
+
import { base as focusedCSS } from './variations/_focused/base';
|
14
|
+
import { StyledEllipse, base } from './Radiobox.styles';
|
15
|
+
import { classes } from './Radiobox.tokens';
|
25
16
|
export var radioboxRoot = function radioboxRoot(Root) {
|
26
17
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
27
18
|
var size = props.size,
|
@@ -47,15 +38,15 @@ export var radioboxRoot = function radioboxRoot(Root) {
|
|
47
38
|
var isLabelAriaHidden = typeof label === 'string';
|
48
39
|
var canFocused = focused ? 0 : -1;
|
49
40
|
var hasContent = label || description;
|
50
|
-
var singleLineClass = singleLine ?
|
51
|
-
var
|
41
|
+
var singleLineClass = singleLine ? classes.singleLine : undefined;
|
42
|
+
var onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;
|
52
43
|
return /*#__PURE__*/React.createElement(Root, {
|
53
44
|
view: view,
|
54
45
|
size: size,
|
55
46
|
disabled: disabled,
|
56
47
|
focused: focused,
|
57
48
|
style: style,
|
58
|
-
className:
|
49
|
+
className: className,
|
59
50
|
tabIndex: -1
|
60
51
|
}, /*#__PURE__*/React.createElement(StyledInput, _extends({}, rest, {
|
61
52
|
id: radioboxId,
|
@@ -68,11 +59,11 @@ export var radioboxRoot = function radioboxRoot(Root) {
|
|
68
59
|
})), /*#__PURE__*/React.createElement(StyledContentWrapper, {
|
69
60
|
htmlFor: radioboxId
|
70
61
|
}, /*#__PURE__*/React.createElement(StyledTrigger, {
|
71
|
-
className:
|
62
|
+
className: classes.radioboxTrigger
|
72
63
|
}, _StyledEllipse || (_StyledEllipse = /*#__PURE__*/React.createElement(StyledEllipse, null))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
|
73
64
|
className: singleLineClass
|
74
65
|
}, label && /*#__PURE__*/React.createElement(StyledLabel, {
|
75
|
-
className: singleLineClass,
|
66
|
+
className: cx(singleLineClass, onlyDescriptionClass),
|
76
67
|
id: uniqLabelId,
|
77
68
|
"aria-hidden": isLabelAriaHidden
|
78
69
|
}, label), description && /*#__PURE__*/React.createElement(StyledDescription, {
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { css } from 'styled-components';
|
3
|
+
import { checkboxTokens } from '../Checkbox';
|
4
|
+
import { applyEllipsis, applyNoUserSelect } from '../../mixins';
|
5
|
+
import { classes, tokens } from './Radiobox.tokens';
|
6
|
+
|
7
|
+
// NOTE: Необходимое переопределение токенов из компонента Checkbox т.к. используются его части
|
8
|
+
var mappingOverride = /*#__PURE__*/"\n ".concat(checkboxTokens.labelFontFamily, ": var(").concat(tokens.labelFontFamily, ");\n ").concat(checkboxTokens.labelFontSize, ": var(").concat(tokens.labelFontSize, ");\n ").concat(checkboxTokens.labelFontStyle, ": var(").concat(tokens.labelFontStyle, ");\n ").concat(checkboxTokens.labelFontWeight, ": var(").concat(tokens.labelFontWeight, ");\n ").concat(checkboxTokens.labelLetterSpacing, ": var(").concat(tokens.labelLetterSpacing, ");\n ").concat(checkboxTokens.labelLineHeight, ": var(").concat(tokens.labelLineHeight, ");\n ").concat(checkboxTokens.descriptionMarginTop, ": var(").concat(tokens.descriptionMarginTop, ");\n ").concat(checkboxTokens.descriptionFontFamily, ": var(").concat(tokens.descriptionFontFamily, ");\n ").concat(checkboxTokens.descriptionFontSize, ": var(").concat(tokens.descriptionFontSize, ");\n ").concat(checkboxTokens.descriptionFontStyle, ": var(").concat(tokens.descriptionFontStyle, ");\n ").concat(checkboxTokens.descriptionFontWeight, ": var(").concat(tokens.descriptionFontWeight, ");\n ").concat(checkboxTokens.descriptionLetterSpacing, ": var(").concat(tokens.descriptionLetterSpacing, ");\n ").concat(checkboxTokens.descriptionLineHeight, ": var(").concat(tokens.descriptionLineHeight, ");\n\n ").concat(checkboxTokens.fillColor, ": var(").concat(tokens.fillColor, ");\n ").concat(checkboxTokens.descriptionColor, ": var(").concat(tokens.descriptionColor, ");\n ").concat(checkboxTokens.triggerBorderColor, ": var(").concat(tokens.triggerBorderColor, ");\n\n ").concat(checkboxTokens.contentTopOffset, ": var(").concat(tokens.contentTopOffset, ");\n ").concat(checkboxTokens.contentLeftOffset, ": var(").concat(tokens.contentLeftOffset, ");\n ").concat(checkboxTokens.triggerSize, ": var(").concat(tokens.triggerSize, ");\n ").concat(checkboxTokens.triggerBorderRadius, ": var(").concat(tokens.triggerBorderRadius, ");\n ").concat(checkboxTokens.triggerMargin, ": var(").concat(tokens.triggerMargin, ");\n");
|
9
|
+
export var StyledEllipse = /*#__PURE__*/styled.div.withConfig({
|
10
|
+
componentId: "plasma-new-hope__sc-rqiilp-0"
|
11
|
+
})(["width:var(", ");height:var(", ");border-radius:var(", ");background-color:var(", ");transition:transform 0.3s ease-in-out;transform:scale(0);input:checked + label &{transform:scale(1);}"], tokens.ellipseSize, tokens.ellipseSize, tokens.ellipseSize, tokens.ellipseColor);
|
12
|
+
export var base = /*#__PURE__*/css(["", ";margin:var(", ");", ";position:relative;align-items:flex-start;display:flex;cursor:pointer;.", "{", ";}"], mappingOverride, tokens.margin, /*#__PURE__*/applyNoUserSelect(), classes.singleLine, /*#__PURE__*/applyEllipsis());
|
@@ -0,0 +1,33 @@
|
|
1
|
+
export var classes = {
|
2
|
+
singleLine: 'single-line',
|
3
|
+
radioboxTrigger: 'radiobox-trigger',
|
4
|
+
onlyDescription: 'only-description'
|
5
|
+
};
|
6
|
+
export var tokens = {
|
7
|
+
labelFontFamily: '--plasma-radiobox-label-font-family',
|
8
|
+
labelFontSize: '--plasma-radiobox-label-font-size',
|
9
|
+
labelFontStyle: '--plasma-radiobox-label-font-style',
|
10
|
+
labelFontWeight: '--plasma-radiobox-label-font-weight',
|
11
|
+
labelLetterSpacing: '--plasma-radiobox-label-letter-spacing',
|
12
|
+
labelLineHeight: '--plasma-radiobox-label-line-height',
|
13
|
+
descriptionMarginTop: '--plasma-checkbox-description-margin-top',
|
14
|
+
descriptionFontFamily: '--plasma-radiobox-description-font-family',
|
15
|
+
descriptionFontSize: '--plasma-radiobox-description-font-size',
|
16
|
+
descriptionFontStyle: '--plasma-radiobox-description-font-style',
|
17
|
+
descriptionFontWeight: '--plasma-radiobox-description-font-weight',
|
18
|
+
descriptionLetterSpacing: '--plasma-radiobox-description-letter-spacing',
|
19
|
+
descriptionLineHeight: '--plasma-radiobox-description-line-height',
|
20
|
+
fillColor: '--plasma-radiobox-fill-color',
|
21
|
+
descriptionColor: '--plasma-radiobox-description-color',
|
22
|
+
triggerBorderColor: '--plasma-radiobox-trigger-border-color',
|
23
|
+
contentTopOffset: '--plasma-radiobox-content-top-offset',
|
24
|
+
contentLeftOffset: '--plasma-radiobox-content-left-offset',
|
25
|
+
triggerSize: '--plasma-radiobox-trigger-size',
|
26
|
+
triggerBorderRadius: '--plasma-radiobox-trigger-border-radius',
|
27
|
+
triggerMargin: '--plasma-radiobox-trigger-margin',
|
28
|
+
margin: '--plasma-radiobox-margin',
|
29
|
+
ellipseSize: '--plasma-radiobox-ellipse-size',
|
30
|
+
ellipseColor: '--plasma-radiobox-ellipse-color',
|
31
|
+
disabledOpacity: '--plasma-radiobox-disabled-opacity',
|
32
|
+
focusColor: '--plasma-radiobox-focus-color'
|
33
|
+
};
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { addFocus } from '../../../../mixins';
|
3
|
+
import { classes, tokens } from '../../Radiobox.tokens';
|
4
|
+
export var base = /*#__PURE__*/css([".", "{", "}input[data-focus-visible-added] + label .", "{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .", "{", "}"], classes.radioboxTrigger, /*#__PURE__*/addFocus({
|
5
|
+
outlineOffset: '0',
|
6
|
+
outlineSize: '0.125rem',
|
7
|
+
outlineRadius: /*#__PURE__*/"var(".concat(tokens.triggerBorderRadius, ")"),
|
8
|
+
outlineColor: 'transparent'
|
9
|
+
}), classes.radioboxTrigger, /*#__PURE__*/addFocus({
|
10
|
+
outlineOffset: '-0.125rem',
|
11
|
+
outlineSize: '0.125rem',
|
12
|
+
outlineRadius: /*#__PURE__*/"var(".concat(tokens.triggerBorderRadius, ")"),
|
13
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")"),
|
14
|
+
customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.125rem var(".concat(tokens.focusColor, ");\n }\n ")
|
15
|
+
}), classes.radioboxTrigger, /*#__PURE__*/addFocus({
|
16
|
+
outlineOffset: '-0.125rem',
|
17
|
+
outlineSize: '0.063rem',
|
18
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.triggerBorderRadius, ") + 0.125rem)"),
|
19
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")"),
|
20
|
+
customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.063rem var(".concat(tokens.focusColor, ");\n }\n ")
|
21
|
+
}));
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { classes, tokens } from '../../Radiobox.tokens';
|
3
|
+
export var base = /*#__PURE__*/css(["input:checked + label .", "{border:none;background:var(", ");border-color:var(", ");}"], classes.radioboxTrigger, tokens.fillColor, tokens.fillColor);
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["id", "
|
1
|
+
var _excluded = ["id", "contentLeft", "contentRight", "label", "labelPlacement", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch"];
|
2
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
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
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."); }
|
@@ -25,8 +25,6 @@ export var base = /*#__PURE__*/css(["display:block;overflow:hidden;"]);
|
|
25
25
|
export var textFieldRoot = function textFieldRoot(Root) {
|
26
26
|
return /*#__PURE__*/forwardRef(function (_ref, ref) {
|
27
27
|
var id = _ref.id,
|
28
|
-
className = _ref.className,
|
29
|
-
style = _ref.style,
|
30
28
|
contentLeft = _ref.contentLeft,
|
31
29
|
contentRight = _ref.contentRight,
|
32
30
|
label = _ref.label,
|
@@ -45,7 +43,6 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
45
43
|
onChange = _ref.onChange,
|
46
44
|
onChangeChips = _ref.onChangeChips,
|
47
45
|
onSearch = _ref.onSearch,
|
48
|
-
onKeyDown = _ref.onKeyDown,
|
49
46
|
rest = _objectWithoutProperties(_ref, _excluded);
|
50
47
|
var contentRef = useRef(null);
|
51
48
|
var inputRef = useRef(null);
|
@@ -125,10 +122,6 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
125
122
|
chipsRefs.current[index] = element;
|
126
123
|
}
|
127
124
|
};
|
128
|
-
var handleOnKeyDown = function handleOnKeyDown(event) {
|
129
|
-
handleInputKeydown(event);
|
130
|
-
onKeyDown && onKeyDown(event);
|
131
|
-
};
|
132
125
|
useEffect(function () {
|
133
126
|
if (!isChipEnumeration && !(values !== null && values !== void 0 && values.length)) {
|
134
127
|
return;
|
@@ -147,9 +140,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
147
140
|
disabled: disabled,
|
148
141
|
readOnly: !disabled && readOnly,
|
149
142
|
labelPlacement: innerLabelPlacementValue,
|
150
|
-
onClick: handleInputFocus
|
151
|
-
className: className,
|
152
|
-
style: style
|
143
|
+
onClick: handleInputFocus
|
153
144
|
}, labelInside || innerLabelValue && /*#__PURE__*/React.createElement(Label, {
|
154
145
|
id: labelId,
|
155
146
|
htmlFor: id
|
@@ -190,7 +181,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
190
181
|
disabled: disabled,
|
191
182
|
readOnly: !disabled && readOnly,
|
192
183
|
onChange: handleChange,
|
193
|
-
onKeyDown:
|
184
|
+
onKeyDown: handleInputKeydown
|
194
185
|
})), labelInside && /*#__PURE__*/React.createElement(Label, {
|
195
186
|
id: labelId,
|
196
187
|
htmlFor: innerId
|
@@ -13,10 +13,6 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
|
|
13
13
|
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; }
|
14
14
|
import React from 'react';
|
15
15
|
import { _component } from './styled-components';
|
16
|
-
//
|
17
|
-
// Тип HTMLAttributesOmitOnChange требуется чтобы использовать компонент с кастомным пропсом onChange
|
18
|
-
//
|
19
|
-
|
20
16
|
export var getStaticVariants = function getStaticVariants(config) {
|
21
17
|
if (!config.variations) {
|
22
18
|
return [];
|
@@ -1,35 +1,35 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
+
import { checkboxTokens } from '../../../../components/Checkbox';
|
2
3
|
export var config = {
|
3
4
|
defaults: {
|
4
|
-
view: 'accent'
|
5
|
-
focused: 'true'
|
5
|
+
view: 'accent'
|
6
6
|
},
|
7
7
|
variations: {
|
8
8
|
/**
|
9
9
|
* Размер контрола.
|
10
10
|
*/
|
11
11
|
size: {
|
12
|
-
s: /*#__PURE__*/css(["
|
13
|
-
m: /*#__PURE__*/css(["
|
12
|
+
s: /*#__PURE__*/css(["", ":0;", ":0.063rem;", ":0.875rem;", ":0.25rem;", ":0;", ":0.5rem;", ":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.125rem;", ":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);"], checkboxTokens.margin, checkboxTokens.triggerMargin, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight),
|
13
|
+
m: /*#__PURE__*/css(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":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);", ":0.125rem;", ":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);"], checkboxTokens.margin, checkboxTokens.triggerMargin, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight)
|
14
14
|
},
|
15
15
|
/**
|
16
16
|
* Вид контрола.
|
17
17
|
*/
|
18
18
|
view: {
|
19
|
-
"default": /*#__PURE__*/css(["
|
20
|
-
secondary: /*#__PURE__*/css(["
|
21
|
-
tertiary: /*#__PURE__*/css(["
|
22
|
-
paragraph: /*#__PURE__*/css(["
|
23
|
-
accent: /*#__PURE__*/css(["
|
24
|
-
positive: /*#__PURE__*/css(["
|
25
|
-
warning: /*#__PURE__*/css(["
|
26
|
-
negative: /*#__PURE__*/css(["
|
19
|
+
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
20
|
+
secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
21
|
+
tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
22
|
+
paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
23
|
+
accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
24
|
+
positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
25
|
+
warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
26
|
+
negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor)
|
27
27
|
},
|
28
28
|
disabled: {
|
29
|
-
"true": /*#__PURE__*/css(["
|
29
|
+
"true": /*#__PURE__*/css(["", ":0.4;"], checkboxTokens.disabledOpacity)
|
30
30
|
},
|
31
31
|
focused: {
|
32
|
-
"true": /*#__PURE__*/css(["
|
32
|
+
"true": /*#__PURE__*/css(["", ":var(--text-accent);"], checkboxTokens.focusColor)
|
33
33
|
}
|
34
34
|
}
|
35
35
|
};
|
@@ -96,6 +96,7 @@ const getState = (values: Record<string, boolean | undefined>, value: string) =>
|
|
96
96
|
const StoryDefault = (props: CheckboxProps) => {
|
97
97
|
return (
|
98
98
|
<>
|
99
|
+
<Checkbox {...props} />
|
99
100
|
<Checkbox name="item.name" value="item.value" label="Label" description="Description" {...props} />
|
100
101
|
<Checkbox
|
101
102
|
name="item.name"
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
+
import { radioboxTokens } from '../../../../components/Radiobox';
|
2
3
|
export var config = {
|
3
4
|
defaults: {
|
4
5
|
view: 'accent',
|
@@ -9,27 +10,27 @@ export var config = {
|
|
9
10
|
* Размер контрола.
|
10
11
|
*/
|
11
12
|
size: {
|
12
|
-
s: /*#__PURE__*/css(["
|
13
|
-
m: /*#__PURE__*/css(["
|
13
|
+
s: /*#__PURE__*/css(["", ":0;", ":0;", ":1rem;", ":1.125rem;", ":0.5rem;", ":0;", ":0.5rem;", ":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);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":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);"], radioboxTokens.margin, radioboxTokens.triggerMargin, radioboxTokens.triggerSize, radioboxTokens.triggerBorderRadius, radioboxTokens.ellipseSize, radioboxTokens.contentTopOffset, radioboxTokens.contentLeftOffset, radioboxTokens.labelFontFamily, radioboxTokens.labelFontSize, radioboxTokens.labelFontStyle, radioboxTokens.labelFontWeight, radioboxTokens.labelLetterSpacing, radioboxTokens.labelLineHeight, radioboxTokens.descriptionFontFamily, radioboxTokens.descriptionMarginTop, radioboxTokens.descriptionFontSize, radioboxTokens.descriptionFontStyle, radioboxTokens.descriptionFontWeight, radioboxTokens.descriptionLetterSpacing, radioboxTokens.descriptionLineHeight),
|
14
|
+
m: /*#__PURE__*/css(["", ":0;", ":0.063rem;", ":1.375rem;", ":1.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":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);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":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);"], radioboxTokens.margin, radioboxTokens.triggerMargin, radioboxTokens.triggerSize, radioboxTokens.triggerBorderRadius, radioboxTokens.ellipseSize, radioboxTokens.contentTopOffset, radioboxTokens.contentLeftOffset, radioboxTokens.labelFontFamily, radioboxTokens.labelFontSize, radioboxTokens.labelFontStyle, radioboxTokens.labelFontWeight, radioboxTokens.labelLetterSpacing, radioboxTokens.labelLineHeight, radioboxTokens.descriptionFontFamily, radioboxTokens.descriptionMarginTop, radioboxTokens.descriptionFontSize, radioboxTokens.descriptionFontStyle, radioboxTokens.descriptionFontWeight, radioboxTokens.descriptionLetterSpacing, radioboxTokens.descriptionLineHeight)
|
14
15
|
},
|
15
16
|
/**
|
16
17
|
* Вид контрола.
|
17
18
|
*/
|
18
19
|
view: {
|
19
|
-
"default": /*#__PURE__*/css(["
|
20
|
-
secondary: /*#__PURE__*/css(["
|
21
|
-
tertiary: /*#__PURE__*/css(["
|
22
|
-
paragraph: /*#__PURE__*/css(["
|
23
|
-
accent: /*#__PURE__*/css(["
|
24
|
-
positive: /*#__PURE__*/css(["
|
25
|
-
warning: /*#__PURE__*/css(["
|
26
|
-
negative: /*#__PURE__*/css(["
|
20
|
+
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
21
|
+
secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
22
|
+
tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
23
|
+
paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
24
|
+
accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
25
|
+
positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
26
|
+
warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
27
|
+
negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor)
|
27
28
|
},
|
28
29
|
disabled: {
|
29
|
-
"true": /*#__PURE__*/css(["
|
30
|
+
"true": /*#__PURE__*/css(["", ":0.4;"], radioboxTokens.disabledOpacity)
|
30
31
|
},
|
31
32
|
focused: {
|
32
|
-
"true": /*#__PURE__*/css(["
|
33
|
+
"true": /*#__PURE__*/css(["", ":var(--text-accent);"], radioboxTokens.focusColor)
|
33
34
|
}
|
34
35
|
}
|
35
36
|
};
|
@@ -1,35 +1,35 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
+
import { checkboxTokens } from '../../../../components/Checkbox';
|
2
3
|
export var config = {
|
3
4
|
defaults: {
|
4
|
-
view: 'accent'
|
5
|
-
focused: 'true'
|
5
|
+
view: 'accent'
|
6
6
|
},
|
7
7
|
variations: {
|
8
8
|
/**
|
9
9
|
* Размер контрола.
|
10
10
|
*/
|
11
11
|
size: {
|
12
|
-
s: /*#__PURE__*/css(["
|
13
|
-
m: /*#__PURE__*/css(["
|
12
|
+
s: /*#__PURE__*/css(["", ":0;", ":0.063rem;", ":0.875rem;", ":0.25rem;", ":0;", ":0.5rem;", ":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.125rem;", ":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);"], checkboxTokens.margin, checkboxTokens.triggerMargin, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight),
|
13
|
+
m: /*#__PURE__*/css(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":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);", ":0.125rem;", ":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);"], checkboxTokens.margin, checkboxTokens.triggerMargin, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight)
|
14
14
|
},
|
15
15
|
/**
|
16
16
|
* Вид контрола.
|
17
17
|
*/
|
18
18
|
view: {
|
19
|
-
"default": /*#__PURE__*/css(["
|
20
|
-
secondary: /*#__PURE__*/css(["
|
21
|
-
tertiary: /*#__PURE__*/css(["
|
22
|
-
paragraph: /*#__PURE__*/css(["
|
23
|
-
accent: /*#__PURE__*/css(["
|
24
|
-
positive: /*#__PURE__*/css(["
|
25
|
-
warning: /*#__PURE__*/css(["
|
26
|
-
negative: /*#__PURE__*/css(["
|
19
|
+
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
20
|
+
secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
21
|
+
tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
22
|
+
paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
23
|
+
accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
24
|
+
positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
25
|
+
warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
26
|
+
negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor)
|
27
27
|
},
|
28
28
|
disabled: {
|
29
|
-
"true": /*#__PURE__*/css(["
|
29
|
+
"true": /*#__PURE__*/css(["", ":0.4;"], checkboxTokens.disabledOpacity)
|
30
30
|
},
|
31
31
|
focused: {
|
32
|
-
"true": /*#__PURE__*/css(["
|
32
|
+
"true": /*#__PURE__*/css(["", ":var(--text-accent);"], checkboxTokens.focusColor)
|
33
33
|
}
|
34
34
|
}
|
35
35
|
};
|
@@ -96,6 +96,7 @@ const getState = (values: Record<string, boolean | undefined>, value: string) =>
|
|
96
96
|
const StoryDefault = (props: CheckboxProps) => {
|
97
97
|
return (
|
98
98
|
<>
|
99
|
+
<Checkbox {...props} />
|
99
100
|
<Checkbox name="item.name" value="item.value" label="Label" description="Description" {...props} />
|
100
101
|
<Checkbox
|
101
102
|
name="item.name"
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
+
import { radioboxTokens } from '../../../../components/Radiobox';
|
2
3
|
export var config = {
|
3
4
|
defaults: {
|
4
5
|
view: 'accent',
|
@@ -9,27 +10,27 @@ export var config = {
|
|
9
10
|
* Размер контрола.
|
10
11
|
*/
|
11
12
|
size: {
|
12
|
-
s: /*#__PURE__*/css(["
|
13
|
-
m: /*#__PURE__*/css(["
|
13
|
+
s: /*#__PURE__*/css(["", ":0;", ":0;", ":1rem;", ":1.125rem;", ":0.5rem;", ":0;", ":0.5rem;", ":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);", ":var(--plasma-typo-body-xs-font-family);", ":0.125rem;", ":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);"], radioboxTokens.margin, radioboxTokens.triggerMargin, radioboxTokens.triggerSize, radioboxTokens.triggerBorderRadius, radioboxTokens.ellipseSize, radioboxTokens.contentTopOffset, radioboxTokens.contentLeftOffset, radioboxTokens.labelFontFamily, radioboxTokens.labelFontSize, radioboxTokens.labelFontStyle, radioboxTokens.labelFontWeight, radioboxTokens.labelLetterSpacing, radioboxTokens.labelLineHeight, radioboxTokens.descriptionFontFamily, radioboxTokens.descriptionMarginTop, radioboxTokens.descriptionFontSize, radioboxTokens.descriptionFontStyle, radioboxTokens.descriptionFontWeight, radioboxTokens.descriptionLetterSpacing, radioboxTokens.descriptionLineHeight),
|
14
|
+
m: /*#__PURE__*/css(["", ":0;", ":0.063rem;", ":1.375rem;", ":1.125rem;", ":0.625rem;", ":0.125rem;", ":0.625rem;", ":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);", ":var(--plasma-typo-body-s-font-family);", ":0.125rem;", ":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);"], radioboxTokens.margin, radioboxTokens.triggerMargin, radioboxTokens.triggerSize, radioboxTokens.triggerBorderRadius, radioboxTokens.ellipseSize, radioboxTokens.contentTopOffset, radioboxTokens.contentLeftOffset, radioboxTokens.labelFontFamily, radioboxTokens.labelFontSize, radioboxTokens.labelFontStyle, radioboxTokens.labelFontWeight, radioboxTokens.labelLetterSpacing, radioboxTokens.labelLineHeight, radioboxTokens.descriptionFontFamily, radioboxTokens.descriptionMarginTop, radioboxTokens.descriptionFontSize, radioboxTokens.descriptionFontStyle, radioboxTokens.descriptionFontWeight, radioboxTokens.descriptionLetterSpacing, radioboxTokens.descriptionLineHeight)
|
14
15
|
},
|
15
16
|
/**
|
16
17
|
* Вид контрола.
|
17
18
|
*/
|
18
19
|
view: {
|
19
|
-
"default": /*#__PURE__*/css(["
|
20
|
-
secondary: /*#__PURE__*/css(["
|
21
|
-
tertiary: /*#__PURE__*/css(["
|
22
|
-
paragraph: /*#__PURE__*/css(["
|
23
|
-
accent: /*#__PURE__*/css(["
|
24
|
-
positive: /*#__PURE__*/css(["
|
25
|
-
warning: /*#__PURE__*/css(["
|
26
|
-
negative: /*#__PURE__*/css(["
|
20
|
+
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
21
|
+
secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
22
|
+
tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
23
|
+
paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
24
|
+
accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
25
|
+
positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
26
|
+
warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
27
|
+
negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor)
|
27
28
|
},
|
28
29
|
disabled: {
|
29
|
-
"true": /*#__PURE__*/css(["
|
30
|
+
"true": /*#__PURE__*/css(["", ":0.4;"], radioboxTokens.disabledOpacity)
|
30
31
|
},
|
31
32
|
focused: {
|
32
|
-
"true": /*#__PURE__*/css(["
|
33
|
+
"true": /*#__PURE__*/css(["", ":var(--text-accent);"], radioboxTokens.focusColor)
|
33
34
|
}
|
34
35
|
}
|
35
36
|
};
|
@@ -1,35 +1,35 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
+
import { checkboxTokens } from '../../../../components/Checkbox';
|
2
3
|
export var config = {
|
3
4
|
defaults: {
|
4
|
-
view: 'accent'
|
5
|
-
focused: 'true'
|
5
|
+
view: 'accent'
|
6
6
|
},
|
7
7
|
variations: {
|
8
8
|
/**
|
9
9
|
* Размер контрола.
|
10
10
|
*/
|
11
11
|
size: {
|
12
|
-
s: /*#__PURE__*/css(["
|
13
|
-
m: /*#__PURE__*/css(["
|
12
|
+
s: /*#__PURE__*/css(["", ":0;", ":0.063rem;", ":0.875rem;", ":0.25rem;", ":0;", ":0.5rem;", ":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.125rem;", ":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);"], checkboxTokens.margin, checkboxTokens.triggerMargin, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight),
|
13
|
+
m: /*#__PURE__*/css(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":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);", ":0.125rem;", ":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);"], checkboxTokens.margin, checkboxTokens.triggerMargin, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight)
|
14
14
|
},
|
15
15
|
/**
|
16
16
|
* Вид контрола.
|
17
17
|
*/
|
18
18
|
view: {
|
19
|
-
"default": /*#__PURE__*/css(["
|
20
|
-
secondary: /*#__PURE__*/css(["
|
21
|
-
tertiary: /*#__PURE__*/css(["
|
22
|
-
paragraph: /*#__PURE__*/css(["
|
23
|
-
accent: /*#__PURE__*/css(["
|
24
|
-
positive: /*#__PURE__*/css(["
|
25
|
-
warning: /*#__PURE__*/css(["
|
26
|
-
negative: /*#__PURE__*/css(["
|
19
|
+
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
20
|
+
secondary: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
21
|
+
tertiary: /*#__PURE__*/css(["", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
22
|
+
paragraph: /*#__PURE__*/css(["", ":var(--text-paragraph);", ":var(--inverse-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
23
|
+
accent: /*#__PURE__*/css(["", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
24
|
+
positive: /*#__PURE__*/css(["", ":var(--text-positive);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
25
|
+
warning: /*#__PURE__*/css(["", ":var(--text-warning);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
26
|
+
negative: /*#__PURE__*/css(["", ":var(--text-negative);", ":var(--on-dark-text-primary);", ":var(--text-secondary);", ":var(--text-secondary);"], checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor)
|
27
27
|
},
|
28
28
|
disabled: {
|
29
|
-
"true": /*#__PURE__*/css(["
|
29
|
+
"true": /*#__PURE__*/css(["", ":0.4;"], checkboxTokens.disabledOpacity)
|
30
30
|
},
|
31
31
|
focused: {
|
32
|
-
"true": /*#__PURE__*/css(["
|
32
|
+
"true": /*#__PURE__*/css(["", ":var(--text-accent);"], checkboxTokens.focusColor)
|
33
33
|
}
|
34
34
|
}
|
35
35
|
};
|