@salutejs/plasma-new-hope 0.83.0-canary.1194.9174145281.0 → 0.83.0-canary.1208.9176013022.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/hooks/useFocusController.js +0 -1
- package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
- package/cjs/components/Range/Range.css +63 -0
- package/cjs/components/Range/Range.js +146 -0
- package/cjs/components/Range/Range.js.map +1 -0
- package/cjs/components/Range/Range.styles.js +63 -0
- package/cjs/components/Range/Range.styles.js.map +1 -0
- package/cjs/components/Range/Range.styles_mc4w65.css +8 -0
- package/cjs/components/Range/Range.tokens.js +105 -0
- package/cjs/components/Range/Range.tokens.js.map +1 -0
- package/cjs/components/Range/utils/index.js +24 -0
- package/cjs/components/Range/utils/index.js.map +1 -0
- package/cjs/components/{Slider → Range}/variations/_disabled/base.js +2 -2
- package/cjs/components/Range/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Range/variations/_disabled/base_1ufizo4.css +1 -0
- package/cjs/components/{Slider/variations/_view → Range/variations/_readonly}/base.js +2 -2
- package/cjs/components/Range/variations/_readonly/base.js.map +1 -0
- package/cjs/components/Range/variations/_readonly/base_hzmd8h.css +1 -0
- package/cjs/components/Range/variations/_size/base.js +9 -0
- package/cjs/components/Range/variations/_size/base.js.map +1 -0
- package/cjs/components/Range/variations/_size/base_16xiubi.css +1 -0
- package/cjs/components/{Slider/variations/_size → Range/variations/_view}/base.js +2 -2
- package/cjs/components/Range/variations/_view/base.js.map +1 -0
- package/cjs/components/Range/variations/_view/base_5iz3nr.css +1 -0
- package/cjs/components/TextField/TextField.js +6 -9
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +13 -1
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/{TextField.styles_1b1mddp.css → TextField.styles_aqmut.css} +2 -0
- package/cjs/components/TextField/TextField.tokens.js +5 -0
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/inner.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/inner.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/inner_7c08qb.css +1 -0
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/base.js.map +1 -1
- package/cjs/components/TextField/variations/_size/{base_1khzr9t.css → base_ntoddv.css} +1 -1
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base.js.map +1 -1
- package/cjs/components/TextField/variations/_view/{base_1qd77x6.css → base_19gxyva.css} +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 +20 -26
- package/cjs/index.js +5 -14
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/es/components/Combobox/hooks/useFocusController.js +0 -1
- package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
- package/es/components/Range/Range.css +63 -0
- package/es/components/Range/Range.js +141 -0
- package/es/components/Range/Range.js.map +1 -0
- package/es/components/Range/Range.styles.js +52 -0
- package/es/components/Range/Range.styles.js.map +1 -0
- package/es/components/Range/Range.styles_mc4w65.css +8 -0
- package/es/components/Range/Range.tokens.js +100 -0
- package/es/components/Range/Range.tokens.js.map +1 -0
- package/es/components/Range/utils/index.js +19 -0
- package/es/components/Range/utils/index.js.map +1 -0
- package/es/components/{Slider/variations/_size → Range/variations/_disabled}/base.js +2 -2
- package/es/components/Range/variations/_disabled/base.js.map +1 -0
- package/es/components/Range/variations/_disabled/base_1ufizo4.css +1 -0
- package/es/components/{Slider/variations/_view → Range/variations/_readonly}/base.js +2 -2
- package/es/components/Range/variations/_readonly/base.js.map +1 -0
- package/es/components/Range/variations/_readonly/base_hzmd8h.css +1 -0
- package/es/components/Range/variations/_size/base.js +5 -0
- package/es/components/Range/variations/_size/base.js.map +1 -0
- package/es/components/Range/variations/_size/base_16xiubi.css +1 -0
- package/es/components/{Slider/variations/_disabled → Range/variations/_view}/base.js +2 -2
- package/es/components/Range/variations/_view/base.js.map +1 -0
- package/es/components/Range/variations/_view/base_5iz3nr.css +1 -0
- package/es/components/TextField/TextField.js +7 -10
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +12 -2
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/{TextField.styles_1b1mddp.css → TextField.styles_aqmut.css} +2 -0
- package/es/components/TextField/TextField.tokens.js +5 -0
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/inner.js +1 -1
- package/es/components/TextField/variations/_label-placement/inner.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/inner_7c08qb.css +1 -0
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/base.js.map +1 -1
- package/es/components/TextField/variations/_size/{base_1khzr9t.css → base_ntoddv.css} +1 -1
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/base.js.map +1 -1
- package/es/components/TextField/variations/_view/{base_1qd77x6.css → base_19gxyva.css} +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 +20 -26
- 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/Range/Range.js +148 -0
- package/styled-components/cjs/components/Range/Range.styles.js +39 -0
- package/styled-components/cjs/components/Range/Range.template-doc.mdx +323 -0
- package/styled-components/cjs/components/Range/Range.tokens.js +103 -0
- package/styled-components/cjs/components/Range/index.js +25 -0
- package/styled-components/cjs/components/Range/utils/index.js +22 -0
- package/styled-components/cjs/components/{Slider → Range}/variations/_disabled/base.js +2 -1
- package/styled-components/cjs/components/Range/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/Range/variations/_readonly/base.js +10 -0
- package/styled-components/cjs/components/Range/variations/_readonly/tokens.json +4 -0
- package/styled-components/cjs/components/Range/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/Range/variations/_size/tokens.json +26 -0
- package/styled-components/cjs/components/Range/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/Range/variations/_view/tokens.json +6 -0
- package/styled-components/cjs/components/TextField/TextField.js +6 -9
- package/styled-components/cjs/components/TextField/TextField.styles.js +7 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +5 -0
- package/styled-components/cjs/components/TextField/variations/_label-placement/inner.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
- package/styled-components/cjs/engines/common.js +0 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +31 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +312 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +2 -0
- package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +31 -0
- package/styled-components/cjs/examples/plasma_web/components/Range/Range.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/Range/Range.stories.tsx +312 -0
- package/styled-components/cjs/hooks/index.js +1 -8
- package/styled-components/cjs/index.js +4 -4
- package/styled-components/cjs/utils/index.js +0 -7
- package/styled-components/es/components/Range/Range.js +139 -0
- package/styled-components/es/components/Range/Range.styles.js +31 -0
- package/styled-components/es/components/Range/Range.template-doc.mdx +323 -0
- package/styled-components/es/components/Range/Range.tokens.js +97 -0
- package/styled-components/es/components/Range/index.js +2 -0
- package/styled-components/es/components/Range/utils/index.js +16 -0
- package/styled-components/es/components/Range/variations/_disabled/base.js +3 -0
- package/styled-components/es/components/Range/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/Range/variations/_readonly/base.js +4 -0
- package/styled-components/es/components/Range/variations/_readonly/tokens.json +4 -0
- package/styled-components/es/components/Range/variations/_size/base.js +4 -0
- package/styled-components/es/components/Range/variations/_size/tokens.json +26 -0
- package/styled-components/es/components/Range/variations/_view/base.js +4 -0
- package/styled-components/es/components/Range/variations/_view/tokens.json +6 -0
- package/styled-components/es/components/TextField/TextField.js +7 -10
- package/styled-components/es/components/TextField/TextField.styles.js +6 -0
- package/styled-components/es/components/TextField/TextField.tokens.js +5 -0
- package/styled-components/es/components/TextField/variations/_label-placement/inner.js +2 -2
- package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
- package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
- package/styled-components/es/engines/common.js +0 -4
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +25 -0
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.stories.tsx +312 -0
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +2 -0
- package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +25 -0
- package/styled-components/es/examples/plasma_web/components/Range/Range.js +5 -0
- package/styled-components/es/examples/plasma_web/components/Range/Range.stories.tsx +312 -0
- package/styled-components/es/hooks/index.js +1 -2
- package/styled-components/es/index.js +1 -1
- package/styled-components/es/utils/index.js +0 -1
- package/types/components/Range/Range.d.ts +31 -0
- package/types/components/Range/Range.d.ts.map +1 -0
- package/types/components/{Slider/components/Double/Double.styles.d.ts → Range/Range.styles.d.ts} +15 -10
- package/types/components/Range/Range.styles.d.ts.map +1 -0
- package/types/components/Range/Range.tokens.d.ts +98 -0
- package/types/components/Range/Range.tokens.d.ts.map +1 -0
- package/types/components/Range/Range.types.d.ts +143 -0
- package/types/components/Range/Range.types.d.ts.map +1 -0
- package/types/components/Range/index.d.ts +4 -0
- package/types/components/Range/index.d.ts.map +1 -0
- package/types/components/Range/utils/index.d.ts +5 -0
- package/types/components/Range/utils/index.d.ts.map +1 -0
- package/types/components/Range/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Range/variations/_readonly/base.d.ts.map +1 -0
- package/types/components/Range/variations/_size/base.d.ts.map +1 -0
- package/types/components/Range/variations/_view/base.d.ts +2 -0
- package/types/components/Range/variations/_view/base.d.ts.map +1 -0
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +2 -0
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +5 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +8 -0
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/variations/_label-placement/inner.d.ts.map +1 -1
- package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_view/base.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_web/components/Slider/Slider.config.d.ts → plasma_b2c/components/Range/Range.config.d.ts} +5 -3
- package/types/examples/plasma_b2c/components/Range/Range.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Range/Range.d.ts +127 -0
- package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +4 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/{plasma_b2c/components/Slider/Slider.config.d.ts → plasma_web/components/Range/Range.config.d.ts} +5 -3
- package/types/examples/plasma_web/components/Range/Range.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Range/Range.d.ts +127 -0
- package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +4 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/TextField/TextField.d.ts +4 -0
- package/types/examples/sds_engineer/components/TextField/TextField.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 +1 -1
- package/types/index.d.ts.map +1 -1
- package/types/utils/index.d.ts +0 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Slider/Slider.css +0 -69
- package/cjs/components/Slider/Slider.js +0 -48
- 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 -306
- 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 -164
- 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/Handler/Handler.css +0 -4
- package/cjs/components/Slider/ui/Handler/Handler.js +0 -167
- package/cjs/components/Slider/ui/Handler/Handler.js.map +0 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles.js +0 -21
- package/cjs/components/Slider/ui/Handler/Handler.styles.js.map +0 -1
- package/cjs/components/Slider/ui/Handler/Handler.styles_8crx5z.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/_disabled/base_x642ct.css +0 -1
- package/cjs/components/Slider/variations/_size/base.js.map +0 -1
- package/cjs/components/Slider/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Slider/variations/_view/base.js.map +0 -1
- package/cjs/components/Slider/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
- package/cjs/hooks/useIsomorphicLayoutEffect.js +0 -15
- package/cjs/hooks/useIsomorphicLayoutEffect.js.map +0 -1
- package/cjs/utils/canUseDOM.js +0 -12
- package/cjs/utils/canUseDOM.js.map +0 -1
- package/es/components/Slider/Slider.css +0 -69
- package/es/components/Slider/Slider.js +0 -43
- 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 -302
- 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 -160
- 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/Handler/Handler.css +0 -4
- package/es/components/Slider/ui/Handler/Handler.js +0 -163
- package/es/components/Slider/ui/Handler/Handler.js.map +0 -1
- package/es/components/Slider/ui/Handler/Handler.styles.js +0 -16
- package/es/components/Slider/ui/Handler/Handler.styles.js.map +0 -1
- package/es/components/Slider/ui/Handler/Handler.styles_8crx5z.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.map +0 -1
- package/es/components/Slider/variations/_disabled/base_x642ct.css +0 -1
- 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.map +0 -1
- package/es/components/Slider/variations/_view/base_x642ct.css +0 -1
- package/es/components/TextField/variations/_label-placement/inner_gqlcj2.css +0 -1
- package/es/hooks/useIsomorphicLayoutEffect.js +0 -11
- package/es/hooks/useIsomorphicLayoutEffect.js.map +0 -1
- package/es/utils/canUseDOM.js +0 -8
- package/es/utils/canUseDOM.js.map +0 -1
- package/styled-components/cjs/components/Slider/Slider.js +0 -47
- package/styled-components/cjs/components/Slider/Slider.tokens.js +0 -77
- package/styled-components/cjs/components/Slider/components/Double/Double.js +0 -318
- 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 -176
- 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/Handler/Handler.js +0 -176
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.styles.js +0 -15
- package/styled-components/cjs/components/Slider/ui/Handler/Handler.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/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 -169
- 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 -168
- package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +0 -12
- package/styled-components/cjs/utils/canUseDOM.js +0 -11
- package/styled-components/es/components/Slider/Slider.js +0 -38
- package/styled-components/es/components/Slider/Slider.tokens.js +0 -71
- package/styled-components/es/components/Slider/components/Double/Double.js +0 -310
- 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 -168
- 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/Handler/Handler.js +0 -167
- package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js +0 -8
- package/styled-components/es/components/Slider/ui/Handler/Handler.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 -169
- 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 -168
- package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +0 -7
- package/styled-components/es/utils/canUseDOM.js +0 -5
- package/types/components/Slider/Slider.d.ts +0 -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.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/Handler/Handler.d.ts +0 -9
- package/types/components/Slider/ui/Handler/Handler.d.ts.map +0 -1
- package/types/components/Slider/ui/Handler/Handler.styles.d.ts +0 -4
- package/types/components/Slider/ui/Handler/Handler.styles.d.ts.map +0 -1
- package/types/components/Slider/ui/Handler/Handler.types.d.ts +0 -24
- package/types/components/Slider/ui/Handler/Handler.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.map +0 -1
- package/types/components/Slider/variations/_size/base.d.ts.map +0 -1
- package/types/components/Slider/variations/_view/base.d.ts.map +0 -1
- 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.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/styled-components/cjs/components/{Slider/Slider.types.js → Range/Range.types.js} +0 -0
- /package/styled-components/es/components/{Slider/Slider.types.js → Range/Range.types.js} +0 -0
- /package/types/components/{Slider → Range}/variations/_disabled/base.d.ts +0 -0
- /package/types/components/{Slider/variations/_size → Range/variations/_readonly}/base.d.ts +0 -0
- /package/types/components/{Slider/variations/_view → Range/variations/_size}/base.d.ts +0 -0
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.tokens.js","sources":["../../../src/components/TextField/TextField.tokens.ts"],"sourcesContent":["export const classes = {\n hasChips: 'has-chips',\n hasEmptyContentLeft: 'has-empty-content-left',\n hasEmptyContentRight: 'has-empty-content-right',\n};\n\nexport const tokens = {\n color: '--plasma-textfield-color',\n\n backgroundColor: '--plasma-textfield-bg-color',\n backgroundColorHover: '--plasma-textfield-bg-color-hover',\n backgroundColorFocus: '--plasma-textfield-bg-color-focus',\n\n borderColor: '--plasma-textfield-border-color',\n borderColorHover: '--plasma-textfield-border-color-hover',\n borderColorFocus: '--plasma-textfield-border-color-focus',\n\n /** Цвета для read-only состояния */\n colorReadOnly: '--plasma-textfield-color-readonly',\n backgroundColorReadOnly: '--plasma-textfield-bg-color-readonly',\n borderColorReadOnly: '--plasma-textfield-border-color-readonly',\n placeholderColorReadOnly: '--plasma-textfield__placeholder-color-readonly',\n\n /** Цвет каретки */\n caretColor: '--plasma-textfield__caret-color',\n placeholderColor: '--plasma-textfield__placeholder-color',\n\n height: '--plasma-textfield-height',\n borderWidth: '--plasmas-textfield-border-width',\n borderRadius: '--plasma-textfield-border-radius',\n\n /** Отступ от границы ТextField */\n padding: '--plasma-textfield-padding',\n paddingWithChips: '--plasma-textfield-padding-with-chips',\n\n /* Токены для инпута */\n leftContentMargin: '--plasma-textfield__left-content-margin',\n rightContentMargin: '--plasma-textfield__right-content-margin',\n\n fontFamily: '--plasma-textfield-font-family',\n fontStyle: '--plasma-textfield-font-style',\n fontSize: '--plasma-textfield-font-size',\n fontWeight: '--plasma-textfield-font-weight',\n letterSpacing: '--plasma-textfield-letter-spacing',\n lineHeight: '--plasma-textfield-line-height',\n\n /** Токены лейбла */\n labelColor: '--plasma-textfield__label-color',\n labelColorReadOnly: '--plasma-textfield__label-color-readonly',\n labelOffset: '--plasma-textfield__label-offset',\n\n labelFontFamily: '--plasma-textfield__label-font-family',\n labelFontStyle: '--plasma-textfield__label-font-style',\n labelFontSize: '--plasma-textfield__label-font-size',\n labelFontWeight: '--plasma-textfield__label-font-weight',\n labelLetterSpacing: '--plasma-textfield__label-letter-spacing',\n labelLineHeight: '--plasma-textfield__label-line-height',\n\n /* label-placement-inner */\n labelInnerFontFamily: '--plasma-textfield-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-textfield-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-textfield-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-textfield-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-textfield-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',\n\n leftHelperColor: '--plasma-textfield__left-helper-color',\n leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',\n leftHelperOffset: '--plasma-textfield__left-helper-offset',\n\n leftHelperFontFamily: '--plasma-textfield__left-helper-font-family',\n leftHelperFontStyle: '--plasma-textfield__left-helper-font-style',\n leftHelperFontSize: '--plasma-textfield__left-helper-font-size',\n leftHelperFontWeight: '--plasma-textfield__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-textfield__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-textfield__left-helper-line-height',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-textfield-disabled-opacity',\n\n /** Токены чипа */\n chipHeight: '--plasma-textfield__chip-height',\n chipBorderRadius: '--plasma-textfield__chip-border-radius',\n chipGap: '--plasma-textfield__chip-gap',\n chipBackground: '--plasma-textfield__chip-background',\n chipColor: '--plasma-textfield__chip-color',\n chipBackgroundHover: '--plasma-textfield__chip-background-hover',\n chipColorHover: '--plasma-textfield__chip-color-hover',\n chipScaleHover: '--plasma-textfield__chip-scale-hover',\n chipBackgroundReadOnly: '--plasma-textfield__chip-background-readonly',\n chipColorReadOnly: '--plasma-textfield__chip-color-readonly',\n chipBackgroundReadOnlyHover: '--plasma-textfield__chip-background-readonly-hover',\n chipColorReadOnlyHover: '--plasma-textfield__chip-color-readonly-hover',\n chipBackgroundActive: '--plasma-textfield__chip-background-active',\n chipColorActive: '--plasma-textfield__chip-color-active',\n chipScaleActive: '--plasma-textfield__chip-scale-active',\n chipFocusColor: '--plasma-textfield__chip-focus-color',\n chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',\n chipOutlineSize: '--plasma-textfield__chip-outline-size',\n chipWidth: '--plasma-textfield__chip-width',\n chipPaddingTop: '--plasma-textfield__chip-padding-top',\n chipPaddingRight: '--plasma-textfield__chip-padding-right',\n chipPaddingBottom: '--plasma-textfield__chip-padding-bottom',\n chipPaddingLeft: '--plasma-textfield__chip-padding-left',\n chipCloseIconSize: '--plasma-textfield__chip-close-icon-size',\n chipFontFamily: '--plasma-textfield__chip-font-family',\n chipFontSize: '--plasma-textfield__chip-font-size',\n chipFontStyle: '--plasma-textfield__chip-font-style',\n chipFontWeight: '--plasma-textfield__chip-font-weight',\n chipLetterSpacing: '--plasma-textfield__chip-letter-spacing',\n chipLineHeight: '--plasma-textfield__chip-line-height',\n chipClearContentMarginLeft: '--plasma-textfield__chip-clear-content-margin-left',\n chipClearContentMarginRight: '--plasma-textfield__chip-clear-content-margin-right',\n chipOpacityReadonly: '--plasma-textfield__chip-opacity-readonly',\n\n focusColor: '--plasma-textfield-focus-color',\n};\n"],"names":["classes","hasChips","hasEmptyContentLeft","hasEmptyContentRight","tokens","color","backgroundColor","backgroundColorHover","backgroundColorFocus","borderColor","borderColorHover","borderColorFocus","colorReadOnly","backgroundColorReadOnly","borderColorReadOnly","placeholderColorReadOnly","caretColor","placeholderColor","height","borderWidth","borderRadius","padding","paddingWithChips","leftContentMargin","rightContentMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","disabledOpacity","chipHeight","chipBorderRadius","chipGap","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipWidth","chipPaddingTop","chipPaddingRight","chipPaddingBottom","chipPaddingLeft","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","focusColor"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"TextField.tokens.js","sources":["../../../src/components/TextField/TextField.tokens.ts"],"sourcesContent":["export const classes = {\n hasChips: 'has-chips',\n hasEmptyContentLeft: 'has-empty-content-left',\n hasEmptyContentRight: 'has-empty-content-right',\n};\n\nexport const tokens = {\n color: '--plasma-textfield-color',\n\n backgroundColor: '--plasma-textfield-bg-color',\n backgroundColorHover: '--plasma-textfield-bg-color-hover',\n backgroundColorFocus: '--plasma-textfield-bg-color-focus',\n\n borderColor: '--plasma-textfield-border-color',\n borderColorHover: '--plasma-textfield-border-color-hover',\n borderColorFocus: '--plasma-textfield-border-color-focus',\n\n /** Цвета для read-only состояния */\n colorReadOnly: '--plasma-textfield-color-readonly',\n backgroundColorReadOnly: '--plasma-textfield-bg-color-readonly',\n borderColorReadOnly: '--plasma-textfield-border-color-readonly',\n placeholderColorReadOnly: '--plasma-textfield__placeholder-color-readonly',\n\n /** Цвет каретки */\n caretColor: '--plasma-textfield__caret-color',\n placeholderColor: '--plasma-textfield__placeholder-color',\n\n height: '--plasma-textfield-height',\n borderWidth: '--plasmas-textfield-border-width',\n borderRadius: '--plasma-textfield-border-radius',\n\n /** Отступ от границы ТextField */\n padding: '--plasma-textfield-padding',\n paddingWithChips: '--plasma-textfield-padding-with-chips',\n\n /* Токены для инпута */\n leftContentMargin: '--plasma-textfield__left-content-margin',\n rightContentMargin: '--plasma-textfield__right-content-margin',\n\n fontFamily: '--plasma-textfield-font-family',\n fontStyle: '--plasma-textfield-font-style',\n fontSize: '--plasma-textfield-font-size',\n fontWeight: '--plasma-textfield-font-weight',\n letterSpacing: '--plasma-textfield-letter-spacing',\n lineHeight: '--plasma-textfield-line-height',\n\n /** Токены лейбла */\n labelColor: '--plasma-textfield__label-color',\n labelColorReadOnly: '--plasma-textfield__label-color-readonly',\n labelOffset: '--plasma-textfield__label-offset',\n\n labelFontFamily: '--plasma-textfield__label-font-family',\n labelFontStyle: '--plasma-textfield__label-font-style',\n labelFontSize: '--plasma-textfield__label-font-size',\n labelFontWeight: '--plasma-textfield__label-font-weight',\n labelLetterSpacing: '--plasma-textfield__label-letter-spacing',\n labelLineHeight: '--plasma-textfield__label-line-height',\n\n /* label-placement-inner */\n labelInnerFontFamily: '--plasma-textfield-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-textfield-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-textfield-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-textfield-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-textfield-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',\n\n leftHelperColor: '--plasma-textfield__left-helper-color',\n leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',\n leftHelperOffset: '--plasma-textfield__left-helper-offset',\n\n leftHelperFontFamily: '--plasma-textfield__left-helper-font-family',\n leftHelperFontStyle: '--plasma-textfield__left-helper-font-style',\n leftHelperFontSize: '--plasma-textfield__left-helper-font-size',\n leftHelperFontWeight: '--plasma-textfield__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-textfield__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-textfield__left-helper-line-height',\n\n /** Токены вспомогательного текста */\n textBeforeColor: '--plasma-textfield__before-text-color',\n textAfterColor: '--plasma-textfield__after-text-color',\n textBeforeMargin: '--plasma-textfield__before-text-margin',\n textAfterMargin: '--plasma-textfield__after-text-margin',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-textfield-disabled-opacity',\n\n /** Токены чипа */\n chipHeight: '--plasma-textfield__chip-height',\n chipBorderRadius: '--plasma-textfield__chip-border-radius',\n chipGap: '--plasma-textfield__chip-gap',\n chipBackground: '--plasma-textfield__chip-background',\n chipColor: '--plasma-textfield__chip-color',\n chipBackgroundHover: '--plasma-textfield__chip-background-hover',\n chipColorHover: '--plasma-textfield__chip-color-hover',\n chipScaleHover: '--plasma-textfield__chip-scale-hover',\n chipBackgroundReadOnly: '--plasma-textfield__chip-background-readonly',\n chipColorReadOnly: '--plasma-textfield__chip-color-readonly',\n chipBackgroundReadOnlyHover: '--plasma-textfield__chip-background-readonly-hover',\n chipColorReadOnlyHover: '--plasma-textfield__chip-color-readonly-hover',\n chipBackgroundActive: '--plasma-textfield__chip-background-active',\n chipColorActive: '--plasma-textfield__chip-color-active',\n chipScaleActive: '--plasma-textfield__chip-scale-active',\n chipFocusColor: '--plasma-textfield__chip-focus-color',\n chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',\n chipOutlineSize: '--plasma-textfield__chip-outline-size',\n chipWidth: '--plasma-textfield__chip-width',\n chipPaddingTop: '--plasma-textfield__chip-padding-top',\n chipPaddingRight: '--plasma-textfield__chip-padding-right',\n chipPaddingBottom: '--plasma-textfield__chip-padding-bottom',\n chipPaddingLeft: '--plasma-textfield__chip-padding-left',\n chipCloseIconSize: '--plasma-textfield__chip-close-icon-size',\n chipFontFamily: '--plasma-textfield__chip-font-family',\n chipFontSize: '--plasma-textfield__chip-font-size',\n chipFontStyle: '--plasma-textfield__chip-font-style',\n chipFontWeight: '--plasma-textfield__chip-font-weight',\n chipLetterSpacing: '--plasma-textfield__chip-letter-spacing',\n chipLineHeight: '--plasma-textfield__chip-line-height',\n chipClearContentMarginLeft: '--plasma-textfield__chip-clear-content-margin-left',\n chipClearContentMarginRight: '--plasma-textfield__chip-clear-content-margin-right',\n chipOpacityReadonly: '--plasma-textfield__chip-opacity-readonly',\n\n focusColor: '--plasma-textfield-focus-color',\n};\n"],"names":["classes","hasChips","hasEmptyContentLeft","hasEmptyContentRight","tokens","color","backgroundColor","backgroundColorHover","backgroundColorFocus","borderColor","borderColorHover","borderColorFocus","colorReadOnly","backgroundColorReadOnly","borderColorReadOnly","placeholderColorReadOnly","caretColor","placeholderColor","height","borderWidth","borderRadius","padding","paddingWithChips","leftContentMargin","rightContentMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","textBeforeColor","textAfterColor","textBeforeMargin","textAfterMargin","disabledOpacity","chipHeight","chipBorderRadius","chipGap","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipWidth","chipPaddingTop","chipPaddingRight","chipPaddingBottom","chipPaddingLeft","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","focusColor"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"inner.js","sources":["../../../../../src/components/TextField/variations/_label-placement/inner.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { Input, Label } from '../../TextField.styles';\nimport { tokens } from '../../TextField.tokens';\n\nexport const labelPlacement_inner = css`\n ${Input} {\n padding: var(${tokens.contentLabelInnerPadding});\n }\n\n ${Input}:focus ~ ${Label}, ${Input}:not(:placeholder-shown) ~ ${Label} {\n height: auto;\n padding: var(${tokens.labelInnerPadding});\n\n font-family: var(${tokens.labelInnerFontFamily});\n font-size: var(${tokens.labelInnerFontSize});\n font-style: var(${tokens.labelInnerFontStyle});\n font-weight: var(${tokens.labelInnerFontWeight});\n letter-spacing: var(${tokens.labelInnerLetterSpacing});\n line-height: var(${tokens.labelInnerLineHeight});\n }\n\n ${Input}:not(:focus)::placeholder {\n color: transparent;\n }\n\n ${Input}:focus::placeholder {\n color: transparent;\n }\n\n ${Label} {\n color: var(${tokens.placeholderColor});\n\n pointer-events: none;\n position: absolute;\n top: 0;\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n\n transition: padding 0.1s ease-in-out, height 0s;\n\n height: var(${tokens.height});\n\n padding-top: calc(var(${tokens.height}) / 4);\n padding-bottom: calc(var(${tokens.height}) / 4);\n }\n`;\n"],"names":["labelPlacement_inner"],"mappings":"AAKO,IAAMA,oBAAoB,
|
1
|
+
{"version":3,"file":"inner.js","sources":["../../../../../src/components/TextField/variations/_label-placement/inner.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { Input, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';\nimport { tokens } from '../../TextField.tokens';\n\nexport const labelPlacement_inner = css`\n ${Input} {\n padding: var(${tokens.contentLabelInnerPadding});\n }\n\n ${StyledTextAfter}, ${StyledTextBefore} {\n padding: var(${tokens.contentLabelInnerPadding});\n }\n\n ${Input}:focus ~ ${Label}, ${Input}:not(:placeholder-shown) ~ ${Label} {\n height: auto;\n padding: var(${tokens.labelInnerPadding});\n\n font-family: var(${tokens.labelInnerFontFamily});\n font-size: var(${tokens.labelInnerFontSize});\n font-style: var(${tokens.labelInnerFontStyle});\n font-weight: var(${tokens.labelInnerFontWeight});\n letter-spacing: var(${tokens.labelInnerLetterSpacing});\n line-height: var(${tokens.labelInnerLineHeight});\n }\n\n ${Input}:not(:focus)::placeholder {\n color: transparent;\n }\n\n ${Input}:focus::placeholder {\n color: transparent;\n }\n\n ${Label} {\n color: var(${tokens.placeholderColor});\n\n pointer-events: none;\n position: absolute;\n top: 0;\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n\n transition: padding 0.1s ease-in-out, height 0s;\n\n height: var(${tokens.height});\n\n padding-top: calc(var(${tokens.height}) / 4);\n padding-bottom: calc(var(${tokens.height}) / 4);\n }\n`;\n"],"names":["labelPlacement_inner"],"mappings":"AAKO,IAAMA,oBAAoB,GAgDhC;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.l8oinlg .io4bpie{padding:var(--plasma-textfield-placement_inner__content-padding);}.l8oinlg .suk2zst,.l8oinlg .s600610{padding:var(--plasma-textfield-placement_inner__content-padding);}.l8oinlg .io4bpie:focus ~ .l13qvwoy,.l8oinlg .io4bpie:not(:placeholder-shown) ~ .l13qvwoy{height:auto;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.l8oinlg .io4bpie:not(:focus)::-webkit-input-placeholder{color:transparent;}.l8oinlg .io4bpie:not(:focus)::-moz-placeholder{color:transparent;}.l8oinlg .io4bpie:not(:focus):-ms-input-placeholder{color:transparent;}.l8oinlg .io4bpie:not(:focus)::placeholder{color:transparent;}.l8oinlg .io4bpie:focus::-webkit-input-placeholder{color:transparent;}.l8oinlg .io4bpie:focus::-moz-placeholder{color:transparent;}.l8oinlg .io4bpie:focus:-ms-input-placeholder{color:transparent;}.l8oinlg .io4bpie:focus::placeholder{color:transparent;}.l8oinlg .l13qvwoy{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputWrapper, Label, LeftHelper } from '../../TextField.styles';\n\nexport const base = css`\n ${Input} {\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n ${InputWrapper} {\n height: var(${tokens.height});\n border-radius: var(${tokens.borderRadius});\n padding: var(${tokens.padding});\n\n &.${classes.hasChips} {\n padding-top: var(${tokens.paddingWithChips});\n padding-bottom: var(${tokens.paddingWithChips});\n }\n\n &.${classes.hasEmptyContentLeft} {\n padding-left: var(${tokens.paddingWithChips});\n }\n\n &.${classes.hasEmptyContentRight} {\n padding-right: var(${tokens.paddingWithChips});\n }\n }\n\n ${Label} {\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n }\n\n ${LeftHelper} {\n margin-top: var(${tokens.leftHelperOffset});\n\n font-family: var(${tokens.leftHelperFontFamily});\n font-size: var(${tokens.leftHelperFontSize});\n font-style: var(${tokens.leftHelperFontStyle});\n font-weight: var(${tokens.leftHelperFontWeight});\n letter-spacing: var(${tokens.leftHelperLetterSpacing});\n line-height: var(${tokens.leftHelperLineHeight});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputWrapper, Label, LeftHelper, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';\n\nexport const base = css`\n ${Input} {\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n ${InputWrapper} {\n height: var(${tokens.height});\n border-radius: var(${tokens.borderRadius});\n padding: var(${tokens.padding});\n\n &.${classes.hasChips} {\n padding-top: var(${tokens.paddingWithChips});\n padding-bottom: var(${tokens.paddingWithChips});\n }\n\n &.${classes.hasEmptyContentLeft} {\n padding-left: var(${tokens.paddingWithChips});\n }\n\n &.${classes.hasEmptyContentRight} {\n padding-right: var(${tokens.paddingWithChips});\n }\n }\n\n ${Label} {\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n }\n\n ${LeftHelper} {\n margin-top: var(${tokens.leftHelperOffset});\n\n font-family: var(${tokens.leftHelperFontFamily});\n font-size: var(${tokens.leftHelperFontSize});\n font-style: var(${tokens.leftHelperFontStyle});\n font-weight: var(${tokens.leftHelperFontWeight});\n letter-spacing: var(${tokens.leftHelperLetterSpacing});\n line-height: var(${tokens.leftHelperLineHeight});\n }\n\n ${StyledTextBefore}, ${StyledTextAfter} {\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n ${StyledTextBefore} {\n margin: var(${tokens.textBeforeMargin});\n }\n\n ${StyledTextAfter} {\n margin: var(${tokens.textAfterMargin});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAiEhB;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
.b13ve66i .io4bpie{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .iq39zt5{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.b13ve66i .iq39zt5.has-chips{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-left{padding-left:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-right{padding-right:var(--plasma-textfield-padding-with-chips);}.b13ve66i .l13qvwoy{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b13ve66i .llv9av6{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}
|
1
|
+
.b13ve66i .io4bpie{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .iq39zt5{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.b13ve66i .iq39zt5.has-chips{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-left{padding-left:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-right{padding-right:var(--plasma-textfield-padding-with-chips);}.b13ve66i .l13qvwoy{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b13ve66i .llv9av6{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.b13ve66i .s600610,.b13ve66i .suk2zst{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .s600610{margin:var(--plasma-textfield__before-text-margin);}.b13ve66i .suk2zst{margin:var(--plasma-textfield__after-text-margin);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport { Input, InputWrapper, LeftHelper } from '../../TextField.styles';\n\nexport const base = css`\n ${InputWrapper} {\n --plasma_private-textfield-border-color: var(${String(tokens.borderColor)});\n --plasma_private-textfield-bg-color: var(${String(tokens.backgroundColor)});\n\n color: var(${tokens.color});\n background-color: var(--plasma_private-textfield-bg-color);\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(--plasma_private-textfield-border-color);\n caret-color: var(${tokens.caretColor});\n\n transition: background-color 0.1s ease-in, color 0.1s ease-in, box-shadow 0.1s ease-in;\n }\n ${InputWrapper}:hover {\n --plasma_private-textfield-border-color: var(${tokens.borderColorHover}, var(${String(tokens.borderColor)}));\n --plasma_private-textfield-bg-color: var(\n ${tokens.backgroundColorHover},\n var(${String(tokens.backgroundColor)})\n );\n }\n ${InputWrapper}:focus-within {\n --plasma_private-textfield-border-color: var(${tokens.borderColorFocus}, var(${String(tokens.borderColor)}));\n --plasma_private-textfield-bg-color: var(\n ${tokens.backgroundColorFocus},\n var(${String(tokens.backgroundColor)})\n );\n }\n ${Input}::placeholder {\n color: var(${tokens.placeholderColor});\n }\n ${Input} {\n color: var(${tokens.color});\n }\n ${LeftHelper} {\n color: var(${tokens.leftHelperColor});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TextField.tokens';\nimport { Input, InputWrapper, LeftHelper, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';\n\nexport const base = css`\n ${InputWrapper} {\n --plasma_private-textfield-border-color: var(${String(tokens.borderColor)});\n --plasma_private-textfield-bg-color: var(${String(tokens.backgroundColor)});\n\n color: var(${tokens.color});\n background-color: var(--plasma_private-textfield-bg-color);\n box-shadow: inset 0 0 0 var(${tokens.borderWidth}) var(--plasma_private-textfield-border-color);\n caret-color: var(${tokens.caretColor});\n\n transition: background-color 0.1s ease-in, color 0.1s ease-in, box-shadow 0.1s ease-in;\n }\n ${InputWrapper}:hover {\n --plasma_private-textfield-border-color: var(${tokens.borderColorHover}, var(${String(tokens.borderColor)}));\n --plasma_private-textfield-bg-color: var(\n ${tokens.backgroundColorHover},\n var(${String(tokens.backgroundColor)})\n );\n }\n ${InputWrapper}:focus-within {\n --plasma_private-textfield-border-color: var(${tokens.borderColorFocus}, var(${String(tokens.borderColor)}));\n --plasma_private-textfield-bg-color: var(\n ${tokens.backgroundColorFocus},\n var(${String(tokens.backgroundColor)})\n );\n }\n ${Input}::placeholder {\n color: var(${tokens.placeholderColor});\n }\n ${Input} {\n color: var(${tokens.color});\n }\n ${LeftHelper} {\n color: var(${tokens.leftHelperColor});\n }\n\n ${StyledTextBefore} {\n color: var(${tokens.textBeforeColor});\n }\n\n ${StyledTextAfter} {\n color: var(${tokens.textAfterColor});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GA2ChB;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
.bptx5xt .iq39zt5{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.bptx5xt .iq39zt5:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.bptx5xt .iq39zt5:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.bptx5xt .io4bpie::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie::placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie{color:var(--plasma-textfield-color);}.bptx5xt .llv9av6{color:var(--plasma-textfield__left-helper-color);}
|
1
|
+
.bptx5xt .iq39zt5{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.bptx5xt .iq39zt5:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.bptx5xt .iq39zt5:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.bptx5xt .io4bpie::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie::placeholder{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .io4bpie{color:var(--plasma-textfield-color);}.bptx5xt .llv9av6{color:var(--plasma-textfield__left-helper-color);}.bptx5xt .s600610{color:var(--plasma-textfield__before-text-color);}.bptx5xt .suk2zst{color:var(--plasma-textfield__after-text-color);}
|
package/es/engines/common.js
CHANGED
@@ -2,10 +2,6 @@ import { objectSpread2 as _objectSpread2, extends as _extends, toConsumableArray
|
|
2
2
|
import React from 'react';
|
3
3
|
import { _component } from './linaria.js';
|
4
4
|
|
5
|
-
//
|
6
|
-
// Тип HTMLAttributesOmitOnChange требуется чтобы использовать компонент с кастомным пропсом onChange
|
7
|
-
//
|
8
|
-
|
9
5
|
var getStaticVariants = function getStaticVariants(config) {
|
10
6
|
if (!config.variations) {
|
11
7
|
return [];
|
package/es/engines/common.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"common.js","sources":["../../src/engines/common.tsx"],"sourcesContent":["import React from 'react';\n\nimport { _component } from './linaria';\nimport type {
|
1
|
+
{"version":3,"file":"common.js","sources":["../../src/engines/common.tsx"],"sourcesContent":["import React from 'react';\n\nimport { _component } from './linaria';\nimport type { ComponentConfig, HTMLAnyAttributes, HTMLTagList, PropsType, Variants } from './types';\n\nexport const getStaticVariants = (config: ComponentConfig) => {\n if (!config.variations) {\n return [];\n }\n const res = [];\n const { variations } = config;\n\n // eslint-disable-next-line guard-for-in\n for (const key in variations) {\n const { css } = variations[key];\n css && res.push(css);\n }\n\n return res;\n};\n\nexport const getDynamicVariants = (config: ComponentConfig) => {\n return (props: HTMLAnyAttributes) => {\n const res = [];\n\n // eslint-disable-next-line guard-for-in\n for (const key in config.variations) {\n if (key in props) {\n const variant = config.variations[key];\n\n const css = variant[props[key]];\n // no css for { modifier: true }\n css && Array.isArray(css) ? res.push(...css) : res.push(css);\n }\n }\n\n return res;\n };\n};\n\nexport const mergeConfig = <\n Tag extends HTMLTagList,\n VariantList extends Variants,\n VariantsProps extends PropsType<VariantList>,\n LayoutPropsBase extends React.HTMLAttributes<HTMLElement>,\n LayoutPropsUser extends React.HTMLAttributes<HTMLElement> | undefined = undefined\n>(\n baseConfig: ComponentConfig<Tag, Variants, PropsType & LayoutPropsBase, LayoutPropsBase>,\n userConfig?: Partial<ComponentConfig<Tag, VariantList, VariantsProps, LayoutPropsUser>>,\n) => {\n const res = { ...baseConfig, ...userConfig };\n\n if (res.variations) {\n // copy variations base css\n // eslint-disable-next-line guard-for-in\n for (const key in res.variations) {\n const variant = baseConfig.variations[key];\n\n res.variations[key].css = variant?.css;\n /* start of bad decision */\n if (!res.variations[key].true && variant?.true) {\n res.variations[key].true = variant.true;\n }\n /* end of bad decision */\n if (variant?.attrs) {\n res.variations[key].attrs = variant.attrs;\n }\n }\n }\n\n // eslint-disable-next-line guard-for-in\n for (const key in baseConfig.defaults || {}) {\n if (!(key in res.defaults)) {\n res.defaults[key] = baseConfig.defaults[key];\n }\n }\n\n return res as ComponentConfig<\n Tag,\n VariantList,\n PropsType<VariantList>,\n LayoutPropsUser extends undefined ? LayoutPropsBase : LayoutPropsUser\n >;\n};\n\nexport function component<\n Tag extends HTMLTagList,\n VariantList extends Variants,\n VariantsProps extends PropsType<VariantList>,\n LayoutProps extends React.HTMLAttributes<HTMLElement>\n>(\n config: ComponentConfig<Tag, VariantList, VariantsProps, LayoutProps>,\n): React.FunctionComponent<VariantsProps & LayoutProps> {\n const Comp = config.layout(_component((config as unknown) as ComponentConfig));\n\n return React.forwardRef<VariantsProps & LayoutProps, any>((props, ref) => (\n <Comp {...config?.defaults} {...props} ref={ref} />\n ));\n}\n"],"names":["getStaticVariants","config","variations","res","key","css","push","getDynamicVariants","props","variant","Array","isArray","apply","_toConsumableArray","mergeConfig","baseConfig","userConfig","_objectSpread","attrs","defaults","component","Comp","layout","_component","React","forwardRef","ref","createElement","_extends"],"mappings":"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"}
|
package/es/engines/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/engines/index.ts"],"sourcesContent":["import { css as cssLibrary } from '@linaria/core';\n\nimport type { CSS } from './types';\n\nexport const css = cssLibrary as CSS;\nexport { mergeConfig, component } from './common';\n\nexport type { Variant, ComponentConfig, RootProps, CSS
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/engines/index.ts"],"sourcesContent":["import { css as cssLibrary } from '@linaria/core';\n\nimport type { CSS } from './types';\n\nexport const css = cssLibrary as CSS;\nexport { mergeConfig, component } from './common';\n\nexport type { Variant, ComponentConfig, RootProps, CSS } from './types';\n"],"names":["css","cssLibrary"],"mappings":";;;;AAIO,IAAMA,GAAG,GAAGC;;;;"}
|
package/es/index.css
CHANGED
@@ -113,25 +113,27 @@
|
|
113
113
|
|
114
114
|
.TextArea_qicm5y_b6rykm0__77932f3e{position:relative;box-sizing:border-box;}.TextArea_qicm5y_b6rykm0__77932f3e .TextArea_qicm5y_innerPlaceholderUp__77932f3e .TextArea_qicm5y_textarea__77932f3e{height:calc(var(--plasma_private-textarea-input-actual-height) - 1rem);}.TextArea_qicm5y_b6rykm0__77932f3e .TextArea_qicm5y_innerPlaceholderUp__77932f3e .TextArea_qicm5y_textareaWrapper__77932f3e{padding-top:calc(var(--plasma-textarea-input-padding-top) + 1rem);}.TextArea_qicm5y_b6rykm0__77932f3e .TextArea_qicm5y_innerPlaceholderUp__77932f3e .TextArea_qicm5y_textareaPlaceholder__77932f3e{font-family:var(--plasma-textarea-label-inner-font-family);font-size:var(--plasma-textarea-label-inner-font-size);font-style:var(--plasma-textarea-label-inner-font-style);font-weight:var(--plasma-textarea-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);line-height:var(--plasma-textarea-label-inner-line-height);}.TextArea_qicm5y_b6rykm0__77932f3e .TextArea_qicm5y_hidePlaceholder__77932f3e .TextArea_qicm5y_textareaPlaceholder__77932f3e{display:none;}.TextArea_qicm5y_b6rykm0__77932f3e .TextArea_qicm5y_focusedOuterPlaceholderColor__77932f3e .TextArea_qicm5y_textareaPlaceholder__77932f3e{color:var(--plasma-textarea-placeholder-color-focus);}
|
115
115
|
|
116
|
-
.
|
116
|
+
.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982{padding:var(--plasma-textfield-placement_inner__content-padding);}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_suk2zst__45003982,.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_s600610__45003982{padding:var(--plasma-textfield-placement_inner__content-padding);}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:focus ~ .inner_7c08qb_l13qvwoy__45003982,.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:not(:placeholder-shown) ~ .inner_7c08qb_l13qvwoy__45003982{height:auto;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:not(:focus)::-webkit-input-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:not(:focus)::-moz-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:not(:focus):-ms-input-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:not(:focus)::placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:focus::-webkit-input-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:focus::-moz-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:focus:-ms-input-placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_io4bpie__45003982:focus::placeholder{color:transparent;}.inner_7c08qb_l8oinlg__45003982 .inner_7c08qb_l13qvwoy__45003982{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-transition:padding 0.1s ease-in-out,height 0s;transition:padding 0.1s ease-in-out,height 0s;height:var(--plasma-textfield-height);padding-top:calc(var(--plasma-textfield-height) / 4);padding-bottom:calc(var(--plasma-textfield-height) / 4);}
|
117
117
|
|
118
118
|
.outer_is41nj_la46t0i__fd2d2cf4 .outer_is41nj_l13qvwoy__fd2d2cf4{display:block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}
|
119
119
|
|
120
|
-
.
|
120
|
+
.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_io4bpie__fa40a32e{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasChips__fa40a32e{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasEmptyContentLeft__fa40a32e{padding-left:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_iq39zt5__fa40a32e.base_ntoddv_hasEmptyContentRight__fa40a32e{padding-right:var(--plasma-textfield-padding-with-chips);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_l13qvwoy__fa40a32e{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_llv9av6__fa40a32e{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_s600610__fa40a32e,.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_suk2zst__fa40a32e{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_s600610__fa40a32e{margin:var(--plasma-textfield__before-text-margin);}.base_ntoddv_b13ve66i__fa40a32e .base_ntoddv_suk2zst__fa40a32e{margin:var(--plasma-textfield__after-text-margin);}
|
121
121
|
|
122
|
-
.
|
122
|
+
.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_iq39zt5__71a2b28f:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::-moz-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f::placeholder{color:var(--plasma-textfield__placeholder-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_io4bpie__71a2b28f{color:var(--plasma-textfield-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_llv9av6__71a2b28f{color:var(--plasma-textfield__left-helper-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_s600610__71a2b28f{color:var(--plasma-textfield__before-text-color);}.base_19gxyva_bptx5xt__71a2b28f .base_19gxyva_suk2zst__71a2b28f{color:var(--plasma-textfield__after-text-color);}
|
123
123
|
|
124
124
|
.base_1tnjoy9_b15zsg4z__de8f837b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_1tnjoy9_b15zsg4z__de8f837b[disabled] .base_1tnjoy9_io4bpie__de8f837b{cursor:not-allowed;min-width:unset;}
|
125
125
|
|
126
126
|
.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_llv9av6__3851a304{color:var(--plasma-textfield__left-helper-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_l13qvwoy__3851a304{color:var(--plasma-textfield__label-color-readonly);}
|
127
127
|
|
128
|
-
.
|
129
|
-
.
|
130
|
-
.
|
131
|
-
.
|
128
|
+
.TextField_styles_aqmut_iq39zt5__4a8fddcd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
129
|
+
.TextField_styles_aqmut_i1j28rg8__4a8fddcd{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_aqmut_i1j28rg8__4a8fddcd::-webkit-scrollbar{display:none;}.TextField_styles_aqmut_i1j28rg8__4a8fddcd.TextField_styles_aqmut_hasChips__4a8fddcd{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
130
|
+
.TextField_styles_aqmut_s13zudoe__4a8fddcd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
131
|
+
.TextField_styles_aqmut_io4bpie__4a8fddcd{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
132
|
+
|
133
|
+
.TextField_styles_aqmut_s19ry60d__4a8fddcd{margin:var(--plasma-textfield__left-content-margin);}
|
134
|
+
.TextField_styles_aqmut_sbt1ohz__4a8fddcd{margin:var(--plasma-textfield__right-content-margin);}
|
135
|
+
|
132
136
|
|
133
|
-
.TextField_styles_1b1mddp_s19ry60d__552d9a4a{margin:var(--plasma-textfield__left-content-margin);}
|
134
|
-
.TextField_styles_1b1mddp_sbt1ohz__552d9a4a{margin:var(--plasma-textfield__right-content-margin);}
|
135
137
|
|
136
138
|
|
137
139
|
.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
@@ -533,27 +535,19 @@
|
|
533
535
|
|
534
536
|
.ToolbarDivider_styles_1ypqhb1_mcdkovg__81732880{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;--plasma-divider-background:var(--plasma-toolbar-divider-color);--plasma-divider-border-radius:var(--plasma-toolbar-divider-border-radius);}
|
535
537
|
|
536
|
-
.
|
537
|
-
|
538
|
-
.
|
539
|
-
|
538
|
+
.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_czi0aji__f4ed7c4f{width:inherit;border-radius:var(--plasma-range-border-radius);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_s1e6rwfy__f4ed7c4f{padding:var(--plasma-range__divider-padding);font-family:var(--plasma-range__divider-font-family);font-size:var(--plasma-range__divider-font-size);font-style:var(--plasma-range__divider-font-style);font-weight:var(--plasma-range__divider-font-weight);-webkit-letter-spacing:var(--plasma-range__divider-letter-spacing);-moz-letter-spacing:var(--plasma-range__divider-letter-spacing);-ms-letter-spacing:var(--plasma-range__divider-letter-spacing);letter-spacing:var(--plasma-range__divider-letter-spacing);line-height:var(--plasma-range__divider-line-height);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_s14q3826__f4ed7c4f{margin:var(--plasma-range__label-offset);font-family:var(--plasma-range__label-font-family);font-size:var(--plasma-range__label-font-size);font-style:var(--plasma-range__label-font-style);font-weight:var(--plasma-range__label-font-weight);-webkit-letter-spacing:var(--plasma-range__label-letter-spacing);-moz-letter-spacing:var(--plasma-range__label-letter-spacing);-ms-letter-spacing:var(--plasma-range__label-letter-spacing);letter-spacing:var(--plasma-range__label-letter-spacing);line-height:var(--plasma-range__label-line-height);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_sfxtxl2__f4ed7c4f{margin:var(--plasma-range__left-content-margin);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_s1hiyoiq__f4ed7c4f{margin:var(--plasma-range__right-content-margin);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_l1fwucr5__f4ed7c4f{margin:var(--plasma-range__left-helper-offset);font-family:var(--plasma-range__left-helper-font-family);font-size:var(--plasma-range__left-helper-font-size);font-style:var(--plasma-range__left-helper-font-style);font-weight:var(--plasma-range__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-range__left-helper-letter-spacing);letter-spacing:var(--plasma-range__left-helper-letter-spacing);line-height:var(--plasma-range__left-helper-line-height);}
|
539
|
+
|
540
|
+
.base_5iz3nr_bfrw0i0__91c4a286 .base_5iz3nr_czi0aji__91c4a286{background-color:var(--plasma-range-background);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color);}.base_5iz3nr_bfrw0i0__91c4a286 .base_5iz3nr_czi0aji__91c4a286.base_5iz3nr_rangeError__91c4a286{background-color:var(--plasma-range-background-error);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-error);}.base_5iz3nr_bfrw0i0__91c4a286 .base_5iz3nr_czi0aji__91c4a286.base_5iz3nr_rangeSuccess__91c4a286{background-color:var(--plasma-range-background-success);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-success);}.base_5iz3nr_bfrw0i0__91c4a286 .base_5iz3nr_s1e6rwfy__91c4a286{color:var(--plasma-range__divider-color);}.base_5iz3nr_bfrw0i0__91c4a286 .base_5iz3nr_s14q3826__91c4a286{display:block;color:var(--plasma-range__label-color);}.base_5iz3nr_bfrw0i0__91c4a286 .base_5iz3nr_l1fwucr5__91c4a286{color:var(--plasma-range__left-helper-color);}
|
541
|
+
|
542
|
+
.base_1ufizo4_brz2a7__2efb673d[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
|
543
|
+
|
544
|
+
.base_hzmd8h_b1l9fpln__f71fff4f[readonly]{cursor:default;}.base_hzmd8h_b1l9fpln__f71fff4f[readonly] .base_hzmd8h_czi0aji__f71fff4f{background:var(--plasma-range-background-readonly);}.base_hzmd8h_b1l9fpln__f71fff4f[readonly] .base_hzmd8h_s14q3826__f71fff4f{display:block;color:var(--plasma-range__label-color-readonly);}.base_hzmd8h_b1l9fpln__f71fff4f[readonly] .base_hzmd8h_l1fwucr5__f71fff4f{color:var(--plasma-range__left-helper-color-readonly);}
|
540
545
|
|
541
|
-
.
|
546
|
+
.Range_styles_mc4w65_s1k2erwt__1561ffb8{-webkit-flex:1;-ms-flex:1;flex:1;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasmas-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_mc4w65_s1k2erwt__1561ffb8.Range_styles_mc4w65_rangeValueError__1561ffb8{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_mc4w65_s1k2erwt__1561ffb8.Range_styles_mc4w65_rangeValueSuccess__1561ffb8{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
|
542
547
|
|
543
|
-
.Single_styles_1r9f1e0_lozb535__4db690dd{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
544
|
-
.Single_styles_1r9f1e0_s1w9icbd__4db690dd{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-range-value-font-family);font-size:var(--plasma-slider-range-value-font-size);font-style:var(--plasma-slider-range-value-font-style);font-weight:var(--plasma-slider-range-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-range-value-letter-spacing);letter-spacing:var(--plasma-slider-range-value-letter-spacing);line-height:var(--plasma-slider-range-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMinValue__4db690dd,.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMaxValue__4db690dd{opacity:0;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderActiveRangeValue__4db690dd{color:var(--plasma-slider-label-color);}
|
545
|
-
.Single_styles_1r9f1e0_s1d2sfgl__4db690dd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{left:unset;right:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{margin-right:var(--plasma-slider-range-min-value-margin);}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
|
546
|
-
.Single_styles_1r9f1e0_ss3ujqx__4db690dd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementInner__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-right:var(--plasma-slider-label-wrapper-margin-right);}
|
547
548
|
|
548
|
-
.Double_styles_1jhda4u_lcs82cd__5dc981f4{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}
|
549
549
|
|
550
|
-
.
|
551
|
-
.Double_styles_1jhda4u_i11dc2og__5dc981f4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-text-field-wrapper-gap);margin-top:var(--plasma-slider-double-wrapper-gap);}
|
552
|
-
.Double_styles_1jhda4u_s4zvp7i__5dc981f4{-webkit-flex:1;-ms-flex:1;flex:1;--plasma-textfield-color:var(--plasma-slider-text-field-color);--plasma-textfield-bg-color:var(--plasma-slider-text-field-background-color);--plasma-textfield__caret-color:var(--plasma-slider-text-field-caret-color);--plasma-textfield__placeholder-color:var(--plasma-slider-text-field-placeholder-color);--plasma-textfield-disabled-opacity:var(--plasma-slider-disabled-opacity);--plasma-textfield-height:var(--plasma-slider-text-field-height);--plasma-textfield-padding:var(--plasma-slider-text-field-padding);--plasma-textfield-border-radius:var(--plasma-slider-text-field-border-radius);--plasma-textfield-font-family:var(--plasma-slider-text-field-font-family);--plasma-textfield-font-size:var(--plasma-slider-text-field-font-size);--plasma-textfield-font-style:var(--plasma-slider-text-field-font-style);--plasma-textfield-font-weight:var(--plasma-slider-text-field-font-weight);--plasma-textfield-letter-spacing:var(--plasma-slider-text-field-letter-spacing);--plasma-textfield-line-height:var(--plasma-slider-text-field-line-height);}.Double_styles_1jhda4u_s4zvp7i__5dc981f4.Double_styles_1jhda4u_sliderFirstTextField__5dc981f4 > div{border-top-right-radius:0;border-bottom-right-radius:0;}.Double_styles_1jhda4u_s4zvp7i__5dc981f4.Double_styles_1jhda4u_sliderSecondTextField__5dc981f4 > div{border-top-left-radius:0;border-bottom-left-radius:0;}.Double_styles_1jhda4u_s4zvp7i__5dc981f4 input:focus,.Double_styles_1jhda4u_s4zvp7i__5dc981f4.Double_styles_1jhda4u_sliderTextFieldActive__5dc981f4{--plasma-textfield-color:var(--plasma-slider-text-field-focus-color);}
|
553
|
-
.Double_styles_1jhda4u_d3kvcjo__5dc981f4{opacity:var(--plasma-slider-disabled-opacity);}
|
550
|
+
.Range_styles_mc4w65_czi0aji__1561ffb8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
554
551
|
|
555
552
|
|
556
|
-
.Handler_styles_8crx5z_h1tnrnip__2d4342c7{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
|
557
|
-
.Handler_styles_8crx5z_s12uu2lj__2d4342c7{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
|
558
553
|
|
559
|
-
.Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
package/es/index.js
CHANGED
@@ -13,7 +13,6 @@ export { useUniqId } from './hooks/useUniqId.js';
|
|
13
13
|
export { usePreviousValue } from './hooks/usePreviousValue.js';
|
14
14
|
export { useForceUpdate } from './hooks/useForceUpdate.js';
|
15
15
|
export { useDidMountEffect } from './hooks/useDidMountEffect.js';
|
16
|
-
export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
|
17
16
|
export { composableStyle, cx } from './utils/index.js';
|
18
17
|
export { buttonConfig, buttonRoot } from './components/Button/Button.js';
|
19
18
|
export { classes as buttonClasses, tokens as buttonTokens } from './components/Button/Button.tokens.js';
|
@@ -166,14 +165,9 @@ export { classes as dividerClasses, tokens as dividerTokens } from './components
|
|
166
165
|
export { toolbarConfig, toolbarRoot } from './components/Toolbar/Toolbar.js';
|
167
166
|
export { tokens as toolbarTokens } from './components/Toolbar/Toolbar.tokens.js';
|
168
167
|
export { toolbarDividerConfig, toolbarDividerRoot } from './components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js';
|
169
|
-
export {
|
170
|
-
export { tokens as
|
171
|
-
import 'react';
|
172
|
-
import 'react-draggable';
|
173
|
-
export { ThumbBase } from './components/Slider/ui/Thumb/Thumb.styles.js';
|
174
|
-
import '@linaria/react';
|
168
|
+
export { rangeConfig, rangeRoot } from './components/Range/Range.js';
|
169
|
+
export { tokens as rangeTokens } from './components/Range/Range.tokens.js';
|
175
170
|
export { component, mergeConfig } from './engines/common.js';
|
176
|
-
export { canUseDOM } from './utils/canUseDOM.js';
|
177
171
|
export { extractTextFrom } from './utils/extractTextFrom.js';
|
178
172
|
export { getSizeValueFromProp } from './utils/getSizeValueFromProp.js';
|
179
173
|
export { IS_REACT_18, safeUseId } from './utils/react.js';
|
package/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/es/utils/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport {
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\n\nexport const cx = (...classes: (string | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":";;;AAOaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA6BF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAE/FC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.83.0-canary.
|
3
|
+
"version": "0.83.0-canary.1208.9176013022.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -99,9 +99,8 @@
|
|
99
99
|
"@popperjs/core": "2.11.8",
|
100
100
|
"@salutejs/plasma-core": "1.160.0-dev.0",
|
101
101
|
"focus-visible": "5.2.0",
|
102
|
-
"react-draggable": "4.4.3",
|
103
102
|
"react-popper": "2.3.0",
|
104
103
|
"storeon": "3.1.5"
|
105
104
|
},
|
106
|
-
"gitHead": "
|
105
|
+
"gitHead": "23e5dacee34ec443087207c85da568f375104c27"
|
107
106
|
}
|
@@ -0,0 +1,148 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.rangeRoot = exports.rangeConfig = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _utils = /*#__PURE__*/require("../../utils");
|
10
|
+
var _base = /*#__PURE__*/require("./variations/_size/base");
|
11
|
+
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
12
|
+
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
13
|
+
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
14
|
+
var _utils2 = /*#__PURE__*/require("./utils");
|
15
|
+
var _Range = /*#__PURE__*/require("./Range.styles");
|
16
|
+
var _Range2 = /*#__PURE__*/require("./Range.tokens");
|
17
|
+
var _StyledDivider;
|
18
|
+
var _excluded = ["label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "firstValue", "secondValue", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "onChangeFirstValue", "onChangeSecondValue", "onSearchFirstValue", "onSearchSecondValue", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
19
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
21
|
+
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); }
|
22
|
+
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; }
|
23
|
+
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; }
|
24
|
+
var rangeRoot = exports.rangeRoot = function rangeRoot(Root) {
|
25
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
26
|
+
var _StyledDivider2;
|
27
|
+
var label = _ref.label,
|
28
|
+
leftHelper = _ref.leftHelper,
|
29
|
+
contentLeft = _ref.contentLeft,
|
30
|
+
contentRight = _ref.contentRight,
|
31
|
+
view = _ref.view,
|
32
|
+
size = _ref.size,
|
33
|
+
_ref$readOnly = _ref.readOnly,
|
34
|
+
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
|
35
|
+
_ref$disabled = _ref.disabled,
|
36
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
37
|
+
_ref$dividerVariant = _ref.dividerVariant,
|
38
|
+
dividerVariant = _ref$dividerVariant === void 0 ? 'dash' : _ref$dividerVariant,
|
39
|
+
dividerIcon = _ref.dividerIcon,
|
40
|
+
firstValue = _ref.firstValue,
|
41
|
+
secondValue = _ref.secondValue,
|
42
|
+
firstValueError = _ref.firstValueError,
|
43
|
+
secondValueError = _ref.secondValueError,
|
44
|
+
firstValueSuccess = _ref.firstValueSuccess,
|
45
|
+
secondValueSuccess = _ref.secondValueSuccess,
|
46
|
+
firstPlaceholder = _ref.firstPlaceholder,
|
47
|
+
secondPlaceholder = _ref.secondPlaceholder,
|
48
|
+
firstTextfieldContentLeft = _ref.firstTextfieldContentLeft,
|
49
|
+
firstTextfieldContentRight = _ref.firstTextfieldContentRight,
|
50
|
+
secondTextfieldContentLeft = _ref.secondTextfieldContentLeft,
|
51
|
+
secondTextfieldContentRight = _ref.secondTextfieldContentRight,
|
52
|
+
firstTextfieldTextBefore = _ref.firstTextfieldTextBefore,
|
53
|
+
secondTextfieldTextBefore = _ref.secondTextfieldTextBefore,
|
54
|
+
firstTextfieldTextAfter = _ref.firstTextfieldTextAfter,
|
55
|
+
secondTextfieldTextAfter = _ref.secondTextfieldTextAfter,
|
56
|
+
onChangeFirstValue = _ref.onChangeFirstValue,
|
57
|
+
onChangeSecondValue = _ref.onChangeSecondValue,
|
58
|
+
onSearchFirstValue = _ref.onSearchFirstValue,
|
59
|
+
onSearchSecondValue = _ref.onSearchSecondValue,
|
60
|
+
onFocusFirstTextfield = _ref.onFocusFirstTextfield,
|
61
|
+
onFocusSecondTextfield = _ref.onFocusSecondTextfield,
|
62
|
+
onBlurFirstTextfield = _ref.onBlurFirstTextfield,
|
63
|
+
onBlurSecondTextfield = _ref.onBlurSecondTextfield,
|
64
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
65
|
+
var rangeErrorClass = firstValueError && secondValueError ? _Range2.classes.rangeError : undefined;
|
66
|
+
var firstValueErrorClass = !rangeErrorClass && firstValueError ? _Range2.classes.rangeValueError : undefined;
|
67
|
+
var secondValueErrorClass = !rangeErrorClass && secondValueError ? _Range2.classes.rangeValueError : undefined;
|
68
|
+
var rangeSuccessClass = firstValueSuccess && secondValueSuccess ? _Range2.classes.rangeSuccess : undefined;
|
69
|
+
var firstValueSuccessClass = !rangeSuccessClass && firstValueSuccess ? _Range2.classes.rangeValueSuccess : undefined;
|
70
|
+
var secondValueSuccessClass = !rangeSuccessClass && secondValueSuccess ? _Range2.classes.rangeValueSuccess : undefined;
|
71
|
+
var handleChangeFirstValue = (0, _react.useCallback)((0, _utils2.getChangeHandler)(onChangeFirstValue, disabled, readOnly), [onChangeFirstValue, disabled, readOnly]);
|
72
|
+
var handleChangeSecondValue = (0, _react.useCallback)((0, _utils2.getChangeHandler)(onChangeSecondValue, disabled, readOnly), [onChangeSecondValue, disabled, readOnly]);
|
73
|
+
var handleSearchFirstValue = (0, _react.useCallback)((0, _utils2.getSearchHandler)(onSearchFirstValue, disabled, readOnly), [onSearchFirstValue, disabled, readOnly]);
|
74
|
+
var handleSearchSecondValue = (0, _react.useCallback)((0, _utils2.getSearchHandler)(onSearchSecondValue, disabled, readOnly), [onSearchFirstValue, disabled, readOnly]);
|
75
|
+
var Divider = (0, _react.useMemo)(function () {
|
76
|
+
if (dividerVariant === 'none') {
|
77
|
+
return null;
|
78
|
+
}
|
79
|
+
if (dividerVariant === 'dash') {
|
80
|
+
return _StyledDivider || (_StyledDivider = /*#__PURE__*/_react["default"].createElement(_Range.StyledDivider, null, "\u2013"));
|
81
|
+
}
|
82
|
+
return _StyledDivider2 || (_StyledDivider2 = /*#__PURE__*/_react["default"].createElement(_Range.StyledDivider, null, dividerIcon));
|
83
|
+
}, [dividerVariant, dividerIcon]);
|
84
|
+
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
85
|
+
view: view,
|
86
|
+
size: size,
|
87
|
+
disabled: disabled,
|
88
|
+
readOnly: !disabled && readOnly,
|
89
|
+
ref: ref
|
90
|
+
}, rest), label && /*#__PURE__*/_react["default"].createElement(_Range.StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(_Range.ContentWrapper, {
|
91
|
+
className: (0, _utils.cx)(rangeErrorClass, rangeSuccessClass)
|
92
|
+
}, contentLeft && /*#__PURE__*/_react["default"].createElement(_Range.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Range.StyledInput, {
|
93
|
+
className: (0, _utils.cx)(firstValueErrorClass, firstValueSuccessClass),
|
94
|
+
value: firstValue,
|
95
|
+
readOnly: readOnly,
|
96
|
+
disabled: disabled,
|
97
|
+
placeholder: firstPlaceholder,
|
98
|
+
contentLeft: firstTextfieldContentLeft,
|
99
|
+
contentRight: firstTextfieldContentRight,
|
100
|
+
textBefore: firstTextfieldTextBefore,
|
101
|
+
textAfter: firstTextfieldTextAfter,
|
102
|
+
onChange: handleChangeFirstValue,
|
103
|
+
onSearch: handleSearchFirstValue,
|
104
|
+
onFocus: onFocusFirstTextfield,
|
105
|
+
onBlur: onBlurFirstTextfield
|
106
|
+
}), Divider, /*#__PURE__*/_react["default"].createElement(_Range.StyledInput, {
|
107
|
+
className: (0, _utils.cx)(secondValueErrorClass, secondValueSuccessClass),
|
108
|
+
value: secondValue,
|
109
|
+
readOnly: readOnly,
|
110
|
+
disabled: disabled,
|
111
|
+
placeholder: secondPlaceholder,
|
112
|
+
contentLeft: secondTextfieldContentLeft,
|
113
|
+
contentRight: secondTextfieldContentRight,
|
114
|
+
textBefore: secondTextfieldTextBefore,
|
115
|
+
textAfter: secondTextfieldTextAfter,
|
116
|
+
onChange: handleChangeSecondValue,
|
117
|
+
onSearch: handleSearchSecondValue,
|
118
|
+
onFocus: onFocusSecondTextfield,
|
119
|
+
onBlur: onBlurSecondTextfield
|
120
|
+
}), contentRight && /*#__PURE__*/_react["default"].createElement(_Range.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/_react["default"].createElement(_Range.LeftHelper, null, leftHelper));
|
121
|
+
});
|
122
|
+
};
|
123
|
+
var rangeConfig = exports.rangeConfig = {
|
124
|
+
name: 'Range',
|
125
|
+
tag: 'div',
|
126
|
+
layout: rangeRoot,
|
127
|
+
base: _Range.base,
|
128
|
+
variations: {
|
129
|
+
view: {
|
130
|
+
css: _base2.base
|
131
|
+
},
|
132
|
+
size: {
|
133
|
+
css: _base.base
|
134
|
+
},
|
135
|
+
disabled: {
|
136
|
+
css: _base3.base,
|
137
|
+
attrs: true
|
138
|
+
},
|
139
|
+
readOnly: {
|
140
|
+
css: _base4.base,
|
141
|
+
attrs: true
|
142
|
+
}
|
143
|
+
},
|
144
|
+
defaults: {
|
145
|
+
size: 'm',
|
146
|
+
view: 'default'
|
147
|
+
}
|
148
|
+
};
|