@salutejs/plasma-new-hope 0.157.0-canary.1421.11106899244.0 → 0.157.0-canary.1451.11107344443.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +15 -16
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +15 -16
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +15 -16
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +15 -16
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +16 -17
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -67
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +15 -16
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +16 -17
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -31
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/Range/Range.css +15 -16
- package/cjs/components/Slider/Slider.css +16 -17
- package/cjs/components/Slider/Slider.js +6 -19
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +16 -17
- package/cjs/components/Slider/components/Double/Double.js +2 -40
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.css +0 -17
- package/cjs/components/Slider/components/Single/Single.js +13 -49
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/utils/index.js +0 -6
- package/cjs/components/Slider/utils/index.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +27 -37
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.tokens.js +16 -2
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/variations/_clear/base.js +9 -0
- package/cjs/components/TextArea/variations/_clear/base.js.map +1 -0
- package/cjs/components/TextArea/variations/_clear/base_pdqqh8.css +1 -0
- package/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
- package/cjs/components/TextArea/variations/_view/base_d83rii.css +1 -0
- package/cjs/components/TextField/TextField.js +0 -14
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +1 -7
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/{es/components/TextField/TextField.styles_b1zmrz.css → cjs/components/TextField/TextField.styles_uponva.css} +0 -1
- package/cjs/index.css +15 -14
- package/cjs/index.js +0 -5
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -67
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -31
- package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/emotion/cjs/components/Slider/Slider.js +6 -15
- package/emotion/cjs/components/Slider/components/Double/Double.js +2 -40
- package/emotion/cjs/components/Slider/components/Single/Single.js +8 -44
- package/emotion/cjs/components/Slider/components/index.js +0 -11
- package/emotion/cjs/components/Slider/utils/index.js +1 -6
- package/emotion/cjs/components/TextArea/TextArea.js +24 -33
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +16 -2
- package/emotion/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
- package/emotion/cjs/components/TextArea/variations/_clear/base.js +10 -0
- package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -2
- package/emotion/cjs/components/TextField/TextField.js +1 -15
- package/emotion/cjs/components/TextField/TextField.styles.js +31 -43
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
- package/emotion/cjs/hooks/index.js +1 -8
- package/emotion/cjs/utils/index.js +0 -15
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +4 -67
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +3 -31
- package/emotion/es/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/emotion/es/components/Slider/Slider.js +6 -16
- package/emotion/es/components/Slider/components/Double/Double.js +3 -41
- package/emotion/es/components/Slider/components/Single/Single.js +9 -45
- package/emotion/es/components/Slider/components/index.js +0 -1
- package/emotion/es/components/Slider/utils/index.js +0 -5
- package/emotion/es/components/TextArea/TextArea.js +24 -33
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/emotion/es/components/TextArea/TextArea.tokens.js +16 -2
- package/emotion/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
- package/emotion/es/components/TextArea/variations/_clear/base.js +4 -0
- package/emotion/es/components/TextArea/variations/_view/base.js +2 -2
- package/emotion/es/components/TextField/TextField.js +1 -15
- package/emotion/es/components/TextField/TextField.styles.js +30 -42
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
- package/emotion/es/hooks/index.js +1 -2
- package/emotion/es/utils/index.js +0 -1
- package/es/components/Autocomplete/Autocomplete.css +15 -16
- package/es/components/Combobox/ComboboxNew/Combobox.css +15 -16
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +15 -16
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +15 -16
- package/es/components/DatePicker/RangeDate/RangeDate.css +16 -17
- package/es/components/DatePicker/RangeDate/RangeDate.js +4 -67
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +15 -16
- package/es/components/DatePicker/SingleDate/SingleDate.css +16 -17
- package/es/components/DatePicker/SingleDate/SingleDate.js +3 -31
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/Range/Range.css +15 -16
- package/es/components/Slider/Slider.css +16 -17
- package/es/components/Slider/Slider.js +7 -20
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +16 -17
- package/es/components/Slider/components/Double/Double.js +3 -41
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/Single/Single.css +0 -17
- package/es/components/Slider/components/Single/Single.js +9 -45
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/utils/index.js +1 -6
- package/es/components/Slider/utils/index.js.map +1 -1
- package/es/components/TextArea/TextArea.js +24 -34
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.tokens.js +16 -2
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/variations/_clear/base.js +5 -0
- package/es/components/TextArea/variations/_clear/base.js.map +1 -0
- package/es/components/TextArea/variations/_clear/base_pdqqh8.css +1 -0
- package/es/components/TextArea/variations/_view/base.js +1 -1
- package/es/components/TextArea/variations/_view/base.js.map +1 -1
- package/es/components/TextArea/variations/_view/base_d83rii.css +1 -0
- package/es/components/TextField/TextField.js +0 -14
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +2 -7
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/{cjs/components/TextField/TextField.styles_b1zmrz.css → es/components/TextField/TextField.styles_uponva.css} +0 -1
- package/es/index.css +15 -14
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -67
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -31
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/styled-components/cjs/components/Slider/Slider.js +6 -15
- package/styled-components/cjs/components/Slider/components/Double/Double.js +2 -40
- package/styled-components/cjs/components/Slider/components/Single/Single.js +8 -44
- package/styled-components/cjs/components/Slider/components/index.js +0 -11
- package/styled-components/cjs/components/Slider/utils/index.js +1 -6
- package/styled-components/cjs/components/TextArea/TextArea.js +23 -32
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +16 -2
- package/styled-components/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
- package/styled-components/cjs/components/TextArea/variations/_clear/base.js +10 -0
- package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.js +0 -14
- package/styled-components/cjs/components/TextField/TextField.styles.js +2 -5
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
- package/styled-components/cjs/hooks/index.js +1 -8
- package/styled-components/cjs/utils/index.js +0 -15
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +4 -67
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +3 -31
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/styled-components/es/components/Slider/Slider.js +6 -16
- package/styled-components/es/components/Slider/components/Double/Double.js +3 -41
- package/styled-components/es/components/Slider/components/Single/Single.js +9 -45
- package/styled-components/es/components/Slider/components/index.js +0 -1
- package/styled-components/es/components/Slider/utils/index.js +0 -5
- package/styled-components/es/components/TextArea/TextArea.js +23 -32
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/styled-components/es/components/TextArea/TextArea.tokens.js +16 -2
- package/styled-components/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
- package/styled-components/es/components/TextArea/variations/_clear/base.js +4 -0
- package/styled-components/es/components/TextArea/variations/_view/base.js +1 -1
- package/styled-components/es/components/TextField/TextField.js +0 -14
- package/styled-components/es/components/TextField/TextField.styles.js +1 -4
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
- package/styled-components/es/hooks/index.js +1 -2
- package/styled-components/es/utils/index.js +0 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +0 -7
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +0 -14
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +0 -10
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +0 -10
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
- package/types/components/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.types.d.ts +2 -2
- package/types/components/Slider/Slider.types.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.types.d.ts +0 -2
- package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +5 -35
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
- package/types/components/Slider/components/index.d.ts +0 -2
- package/types/components/Slider/components/index.d.ts.map +1 -1
- package/types/components/Slider/utils/index.d.ts +0 -1
- package/types/components/Slider/utils/index.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts +4 -0
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +14 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +15 -3
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/mixins/applyDynamicLabel.d.ts.map +1 -1
- package/types/components/TextArea/variations/_clear/base.d.ts +2 -0
- package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -0
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +0 -1
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +0 -7
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +1 -47
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +81 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +0 -7
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +1 -47
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +81 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/hooks/index.d.ts +0 -1
- package/types/hooks/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/DatePicker/utils/setInitialValue.js +0 -12
- package/cjs/components/DatePicker/utils/setInitialValue.js.map +0 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -100
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
- package/cjs/components/TextArea/utils/index.js +0 -12
- package/cjs/components/TextArea/utils/index.js.map +0 -1
- package/cjs/components/TextArea/variations/_view/base_8npjyq.css +0 -1
- package/cjs/hooks/useForm.js +0 -134
- package/cjs/hooks/useForm.js.map +0 -1
- package/cjs/utils/setRefList.js +0 -29
- package/cjs/utils/setRefList.js.map +0 -1
- package/emotion/cjs/components/DatePicker/utils/setInitialValue.js +0 -11
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -104
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
- package/emotion/cjs/components/TextArea/utils/index.js +0 -11
- package/emotion/cjs/hooks/useForm.js +0 -140
- package/emotion/cjs/types/FormType.js +0 -5
- package/emotion/cjs/utils/setRefList.js +0 -28
- package/emotion/es/components/DatePicker/utils/setInitialValue.js +0 -5
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -95
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
- package/emotion/es/components/TextArea/utils/index.js +0 -5
- package/emotion/es/hooks/useForm.js +0 -131
- package/emotion/es/types/FormType.js +0 -1
- package/emotion/es/utils/setRefList.js +0 -21
- package/es/components/DatePicker/utils/setInitialValue.js +0 -8
- package/es/components/DatePicker/utils/setInitialValue.js.map +0 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -96
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
- package/es/components/TextArea/utils/index.js +0 -8
- package/es/components/TextArea/utils/index.js.map +0 -1
- package/es/components/TextArea/variations/_view/base_8npjyq.css +0 -1
- package/es/hooks/useForm.js +0 -130
- package/es/hooks/useForm.js.map +0 -1
- package/es/utils/setRefList.js +0 -24
- package/es/utils/setRefList.js.map +0 -1
- package/styled-components/cjs/components/DatePicker/utils/setInitialValue.js +0 -11
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -104
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
- package/styled-components/cjs/components/TextArea/utils/index.js +0 -11
- package/styled-components/cjs/hooks/useForm.js +0 -140
- package/styled-components/cjs/types/FormType.js +0 -5
- package/styled-components/cjs/utils/setRefList.js +0 -28
- package/styled-components/es/components/DatePicker/utils/setInitialValue.js +0 -5
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -95
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
- package/styled-components/es/components/TextArea/utils/index.js +0 -5
- package/styled-components/es/hooks/useForm.js +0 -131
- package/styled-components/es/types/FormType.js +0 -1
- package/styled-components/es/utils/setRefList.js +0 -21
- package/types/components/DatePicker/utils/setInitialValue.d.ts +0 -2
- package/types/components/DatePicker/utils/setInitialValue.d.ts.map +0 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +0 -4
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +0 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +0 -40
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +0 -1
- package/types/components/TextArea/utils/index.d.ts +0 -2
- package/types/components/TextArea/utils/index.d.ts.map +0 -1
- package/types/hooks/useForm.d.ts +0 -10
- package/types/hooks/useForm.d.ts.map +0 -1
- package/types/types/FormType.d.ts +0 -13
- package/types/types/FormType.d.ts.map +0 -1
- package/types/utils/setRefList.d.ts +0 -6
- package/types/utils/setRefList.d.ts.map +0 -1
@@ -8,23 +8,6 @@
|
|
8
8
|
|
9
9
|
.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);}
|
10
10
|
|
11
|
-
.TextField_styles_b1zmrz_iq39zt5__d2ef7e59{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;}
|
12
|
-
.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59{-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_b1zmrz_i1j28rg8__d2ef7e59::-webkit-scrollbar{display:none;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59.TextField_styles_b1zmrz_hasChips__d2ef7e59{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
13
|
-
.TextField_styles_b1zmrz_s13zudoe__d2ef7e59{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;}
|
14
|
-
.TextField_styles_b1zmrz_io4bpie__d2ef7e59{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-webkit-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-moz-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59:-ms-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::placeholder{opacity:0;}
|
15
|
-
.TextField_styles_b1zmrz_i13qvwoy__d2ef7e59{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
16
|
-
.TextField_styles_b1zmrz_i19ry60d__d2ef7e59{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
|
17
|
-
.TextField_styles_b1zmrz_lbt1ohz__d2ef7e59{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
18
|
-
.TextField_styles_b1zmrz_slv9av6__d2ef7e59{color:var(--plasma-textfield-content-slot-color);line-height:0;}
|
19
|
-
.TextField_styles_b1zmrz_s600610__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__left-content-margin);}
|
20
|
-
.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
.TextField_styles_b1zmrz_sb3k3v1__d2ef7e59{color:var(--plasma-textfield__optional-color);}
|
25
|
-
.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
26
|
-
.TextField_styles_b1zmrz_imqgwd8__d2ef7e59{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
27
|
-
|
28
11
|
.Single_styles_1r9f1e0_l1p4kc08__4db690dd{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
29
12
|
|
30
13
|
.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);}
|
@@ -3,16 +3,14 @@ import React, { useState, useRef, useEffect, useCallback } from 'react';
|
|
3
3
|
import { SliderBase } from '../SliderBase/SliderBase.js';
|
4
4
|
import { Handler } from '../../ui/Handler/Handler.js';
|
5
5
|
import '@linaria/react';
|
6
|
-
import {
|
6
|
+
import { sizeData } from '../../utils/index.js';
|
7
7
|
import { cx } from '../../../../utils/index.js';
|
8
8
|
import { classes } from '../../Slider.tokens.js';
|
9
|
-
import { InputHidden } from '../../../TextField/TextField.styles.js';
|
10
9
|
import { SingleWrapper, LabelWrapper, LabelContentLeft, Label, SliderBaseWrapper, StyledRangeValue } from './Single.styles.js';
|
11
10
|
import { isNumber } from '../../../../utils/isNumber.js';
|
12
11
|
|
13
|
-
var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "
|
12
|
+
var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
|
14
13
|
var SingleSlider = function SingleSlider(_ref) {
|
15
|
-
var _ref2;
|
16
14
|
var min = _ref.min,
|
17
15
|
max = _ref.max,
|
18
16
|
value = _ref.value,
|
@@ -32,10 +30,8 @@ var SingleSlider = function SingleSlider(_ref) {
|
|
32
30
|
rangeValuesPlacement = _ref$rangeValuesPlace === void 0 ? 'outer' : _ref$rangeValuesPlace,
|
33
31
|
_ref$multipleStepSize = _ref.multipleStepSize,
|
34
32
|
multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
|
35
|
-
defaultValue = _ref.defaultValue,
|
36
33
|
_ref$size = _ref.size,
|
37
34
|
size = _ref$size === void 0 ? 'm' : _ref$size,
|
38
|
-
name = _ref.name,
|
39
35
|
rest = _objectWithoutProperties(_ref, _excluded);
|
40
36
|
var _useState = useState({
|
41
37
|
xHandle: 0,
|
@@ -45,7 +41,6 @@ var SingleSlider = function SingleSlider(_ref) {
|
|
45
41
|
_useState2 = _slicedToArray(_useState, 2),
|
46
42
|
state = _useState2[0],
|
47
43
|
setState = _useState2[1];
|
48
|
-
var innerRef = useRef(null);
|
49
44
|
var _useState3 = useState(0),
|
50
45
|
_useState4 = _slicedToArray(_useState3, 2),
|
51
46
|
startOffset = _useState4[0],
|
@@ -54,7 +49,7 @@ var SingleSlider = function SingleSlider(_ref) {
|
|
54
49
|
_useState6 = _slicedToArray(_useState5, 2),
|
55
50
|
endOffset = _useState6[0],
|
56
51
|
setEndOffset = _useState6[1];
|
57
|
-
var _useState7 = useState(
|
52
|
+
var _useState7 = useState(value),
|
58
53
|
_useState8 = _slicedToArray(_useState7, 2),
|
59
54
|
dragValue = _useState8[0],
|
60
55
|
setDragValue = _useState8[1];
|
@@ -62,14 +57,14 @@ var SingleSlider = function SingleSlider(_ref) {
|
|
62
57
|
var hasLabelContent = label || labelContentLeft;
|
63
58
|
var labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;
|
64
59
|
var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;
|
65
|
-
var hideMinValueDiffClass = hideMinValueDiff &&
|
66
|
-
var hideMaxValueDiffClass = hideMaxValueDiff && max -
|
60
|
+
var hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? classes.hideMinValue : '';
|
61
|
+
var hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? classes.hideMaxValue : '';
|
67
62
|
var startLabelRef = useRef(null);
|
68
63
|
var endLabelRef = useRef(null);
|
69
64
|
var activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;
|
70
65
|
var activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;
|
71
66
|
useEffect(function () {
|
72
|
-
var localValue = Math.min(Math.max(
|
67
|
+
var localValue = Math.min(Math.max(value, min), max) - min;
|
73
68
|
if (rangeValuesPlacement === 'outer') {
|
74
69
|
var _startLabelRef$curren, _endLabelRef$current;
|
75
70
|
var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
|
@@ -90,21 +85,7 @@ var SingleSlider = function SingleSlider(_ref) {
|
|
90
85
|
railFillWidth: stepSize * localValue
|
91
86
|
});
|
92
87
|
});
|
93
|
-
}, [
|
94
|
-
useEffect(function () {
|
95
|
-
if (innerRef.current) {
|
96
|
-
innerRef.current.addEventListener('setInitialValue', function (e) {
|
97
|
-
return setDragValue(setInitialValue(e));
|
98
|
-
});
|
99
|
-
}
|
100
|
-
return function () {
|
101
|
-
if (innerRef.current) {
|
102
|
-
innerRef.current.removeEventListener('setInitialValue', function (e) {
|
103
|
-
return setDragValue(setInitialValue(e));
|
104
|
-
});
|
105
|
-
}
|
106
|
-
};
|
107
|
-
}, []);
|
88
|
+
}, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
|
108
89
|
var setStepSize = useCallback(function (newStepSize) {
|
109
90
|
setState(function (prevState) {
|
110
91
|
return _objectSpread2(_objectSpread2({}, prevState), {}, {
|
@@ -121,17 +102,7 @@ var SingleSlider = function SingleSlider(_ref) {
|
|
121
102
|
});
|
122
103
|
});
|
123
104
|
if (onChange) {
|
124
|
-
|
125
|
-
onChange(newValue);
|
126
|
-
}
|
127
|
-
if (name && !value) {
|
128
|
-
onChange({
|
129
|
-
target: {
|
130
|
-
value: newValue,
|
131
|
-
name: name
|
132
|
-
}
|
133
|
-
});
|
134
|
-
}
|
105
|
+
onChange(newValue);
|
135
106
|
}
|
136
107
|
setDragValue(newValue);
|
137
108
|
};
|
@@ -182,14 +153,7 @@ var SingleSlider = function SingleSlider(_ref) {
|
|
182
153
|
})), showRangeValues && /*#__PURE__*/React.createElement(StyledRangeValue, {
|
183
154
|
ref: endLabelRef,
|
184
155
|
className: cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
|
185
|
-
}, max))
|
186
|
-
name: name,
|
187
|
-
type: "number",
|
188
|
-
datatype: "slider-single",
|
189
|
-
value: dragValue,
|
190
|
-
ref: innerRef,
|
191
|
-
onChange: function onChange() {}
|
192
|
-
}));
|
156
|
+
}, max)));
|
193
157
|
};
|
194
158
|
|
195
159
|
export { SingleSlider };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Single.js","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useRef } from 'react';\nimport type { FC } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handler } from '../../ui';\nimport { setInitialValue, sizeData } from '../../utils';\nimport type { HandlerProps } from '../../ui';\nimport { cx, isNumber } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\nimport { InputHidden } from '../../../TextField/TextField.styles';\nimport { FormTypeNumber } from '../../../../types/FormType';\n\nimport type { SingleSliderProps } from './Single.types';\nimport {\n Label,\n LabelContentLeft,\n LabelWrapper,\n SingleWrapper,\n SliderBaseWrapper,\n StyledRangeValue,\n} from './Single.styles';\n\nexport const SingleSlider: FC<SingleSliderProps> = ({\n min,\n max,\n value,\n disabled,\n onChangeCommitted,\n onChange,\n ariaLabel,\n label,\n labelContentLeft,\n showRangeValues,\n showCurrentValue,\n hideMinValueDiff,\n hideMaxValueDiff,\n labelPlacement = 'outer',\n rangeValuesPlacement = 'outer',\n multipleStepSize = 10,\n defaultValue,\n size = 'm',\n name,\n ...rest\n}) => {\n const [state, setState] = useState({\n xHandle: 0,\n stepSize: 0,\n railFillWidth: 0,\n });\n\n const innerRef = useRef<HTMLInputElement>(null);\n\n const [startOffset, setStartOffset] = useState(0);\n const [endOffset, setEndOffset] = useState(0);\n\n const [dragValue, setDragValue] = useState(value ?? defaultValue ?? min);\n\n const { stepSize } = state;\n\n const hasLabelContent = label || labelContentLeft;\n const labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;\n const rangeValuesPlacementClass =\n rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;\n const hideMinValueDiffClass = hideMinValueDiff && dragValue - min <= hideMinValueDiff ? classes.hideMinValue : '';\n const hideMaxValueDiffClass = hideMaxValueDiff && max - dragValue <= hideMaxValueDiff ? classes.hideMaxValue : '';\n\n const startLabelRef = useRef<HTMLDivElement>(null);\n const endLabelRef = useRef<HTMLDivElement>(null);\n\n const activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;\n const activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;\n\n useEffect(() => {\n const localValue = Math.min(Math.max(dragValue, min), max) - min;\n\n if (rangeValuesPlacement === 'outer') {\n const startWidth = startLabelRef.current?.offsetWidth;\n if (isNumber(startWidth)) {\n setStartOffset(Number(startWidth));\n }\n\n const endWidth = endLabelRef.current?.offsetWidth;\n if (isNumber(endWidth)) {\n setEndOffset(Number(endWidth));\n }\n } else {\n setStartOffset(1);\n setEndOffset(1);\n }\n\n setState((prevState) => ({\n ...prevState,\n xHandle: stepSize * localValue,\n railFillWidth: stepSize * localValue,\n }));\n }, [dragValue, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);\n\n useEffect(() => {\n if (innerRef.current) {\n innerRef.current.addEventListener('setInitialValue', (e: Event) => setDragValue(setInitialValue(e)));\n }\n\n return () => {\n if (innerRef.current) {\n innerRef.current.removeEventListener('setInitialValue', (e: Event) => setDragValue(setInitialValue(e)));\n }\n };\n }, []);\n\n const setStepSize = useCallback(\n (newStepSize: number) => {\n setState((prevState) => ({\n ...prevState,\n stepSize: newStepSize,\n }));\n },\n [setState],\n );\n\n const onHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n const newHandleXPosition = data.x;\n const newValue = Math.round(handleValue);\n\n setState((prevState) => ({\n ...prevState,\n railFillWidth: newHandleXPosition,\n }));\n\n if (onChange) {\n if (value !== undefined) {\n (onChange as (value: number) => void)(newValue);\n }\n\n if (name && !value) {\n (onChange as (event: FormTypeNumber) => void)({\n target: {\n value: newValue,\n name,\n },\n });\n }\n }\n\n setDragValue(newValue);\n };\n\n const onHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = (handleValue, data) => {\n const newValue = Math.round(handleValue);\n\n if (onChangeCommitted) {\n onChangeCommitted(newValue);\n }\n\n setState((prevState) => ({\n ...prevState,\n xHandle: data.lastX,\n railFillWidth: data.lastX,\n }));\n\n setDragValue(newValue);\n };\n\n return (\n <SingleWrapper className={labelPlacementClass}>\n {hasLabelContent && (\n <LabelWrapper>\n {labelContentLeft && <LabelContentLeft>{labelContentLeft}</LabelContentLeft>}\n {label && <Label>{label}</Label>}\n </LabelWrapper>\n )}\n <SliderBaseWrapper className={rangeValuesPlacementClass}>\n {showRangeValues && (\n <StyledRangeValue ref={startLabelRef} className={cx(hideMinValueDiffClass, activeFirstValue)}>\n {min}\n </StyledRangeValue>\n )}\n <SliderBase\n min={min}\n max={max}\n disabled={disabled}\n setStepSize={setStepSize}\n onChange={onHandleChangeCommitted}\n railFillWidth={state.railFillWidth}\n settings={sizeData[size]}\n labelPlacement={labelPlacement}\n rangeValuesPlacement={rangeValuesPlacement}\n {...rest}\n >\n <Handler\n stepSize={state.stepSize}\n onChangeCommitted={onHandleChangeCommitted}\n onChange={onHandleChange}\n xPosition={state.xHandle}\n min={min}\n max={max}\n startOffset={startOffset}\n endOffset={endOffset}\n value={dragValue}\n disabled={disabled}\n ariaLabel={ariaLabel}\n multipleStepSize={multipleStepSize}\n showCurrentValue={showCurrentValue}\n />\n </SliderBase>\n {showRangeValues && (\n <StyledRangeValue\n ref={endLabelRef}\n className={cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)}\n >\n {max}\n </StyledRangeValue>\n )}\n </SliderBaseWrapper>\n <InputHidden\n name={name}\n type=\"number\"\n datatype=\"slider-single\"\n value={dragValue}\n ref={innerRef}\n onChange={() => {}}\n />\n </SingleWrapper>\n );\n};\n"],"names":["SingleSlider","_ref","_ref2","min","max","value","disabled","onChangeCommitted","onChange","ariaLabel","label","labelContentLeft","showRangeValues","showCurrentValue","hideMinValueDiff","hideMaxValueDiff","_ref$labelPlacement","labelPlacement","_ref$rangeValuesPlace","rangeValuesPlacement","_ref$multipleStepSize","multipleStepSize","defaultValue","_ref$size","size","name","rest","_objectWithoutProperties","_excluded","_useState","useState","xHandle","stepSize","railFillWidth","_useState2","_slicedToArray","state","setState","innerRef","useRef","_useState3","_useState4","startOffset","setStartOffset","_useState5","_useState6","endOffset","setEndOffset","_useState7","_useState8","dragValue","setDragValue","hasLabelContent","labelPlacementClass","classes","labelPlacementOuter","labelPlacementInner","rangeValuesPlacementClass","rangeValuesPlacementOuter","rangeValuesPlacementInner","hideMinValueDiffClass","hideMinValue","hideMaxValueDiffClass","hideMaxValue","startLabelRef","endLabelRef","activeFirstValue","activeRangeValue","undefined","activeSecondValue","useEffect","localValue","Math","_startLabelRef$curren","_endLabelRef$current","startWidth","current","offsetWidth","isNumber","Number","endWidth","prevState","_objectSpread","addEventListener","e","setInitialValue","removeEventListener","setStepSize","useCallback","newStepSize","onHandleChange","handleValue","data","newHandleXPosition","x","newValue","round","target","onHandleChangeCommitted","lastX","React","createElement","SingleWrapper","className","LabelWrapper","LabelContentLeft","Label","SliderBaseWrapper","StyledRangeValue","ref","cx","SliderBase","_extends","settings","sizeData","Handler","xPosition","maxRangeValue","InputHidden","type","datatype"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Single.js","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useRef } from 'react';\nimport type { FC } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handler } from '../../ui';\nimport { sizeData } from '../../utils';\nimport type { HandlerProps } from '../../ui';\nimport { cx, isNumber } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\n\nimport type { SingleSliderProps } from './Single.types';\nimport {\n Label,\n LabelContentLeft,\n LabelWrapper,\n SingleWrapper,\n SliderBaseWrapper,\n StyledRangeValue,\n} from './Single.styles';\n\nexport const SingleSlider: FC<SingleSliderProps> = ({\n min,\n max,\n value,\n disabled,\n onChangeCommitted,\n onChange,\n ariaLabel,\n label,\n labelContentLeft,\n showRangeValues,\n showCurrentValue,\n hideMinValueDiff,\n hideMaxValueDiff,\n labelPlacement = 'outer',\n rangeValuesPlacement = 'outer',\n multipleStepSize = 10,\n size = 'm',\n ...rest\n}) => {\n const [state, setState] = useState({\n xHandle: 0,\n stepSize: 0,\n railFillWidth: 0,\n });\n\n const [startOffset, setStartOffset] = useState(0);\n const [endOffset, setEndOffset] = useState(0);\n\n const [dragValue, setDragValue] = useState(value);\n\n const { stepSize } = state;\n\n const hasLabelContent = label || labelContentLeft;\n const labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;\n const rangeValuesPlacementClass =\n rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;\n const hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? classes.hideMinValue : '';\n const hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? classes.hideMaxValue : '';\n\n const startLabelRef = useRef<HTMLDivElement>(null);\n const endLabelRef = useRef<HTMLDivElement>(null);\n\n const activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;\n const activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;\n\n useEffect(() => {\n const localValue = Math.min(Math.max(value, min), max) - min;\n\n if (rangeValuesPlacement === 'outer') {\n const startWidth = startLabelRef.current?.offsetWidth;\n if (isNumber(startWidth)) {\n setStartOffset(Number(startWidth));\n }\n\n const endWidth = endLabelRef.current?.offsetWidth;\n if (isNumber(endWidth)) {\n setEndOffset(Number(endWidth));\n }\n } else {\n setStartOffset(1);\n setEndOffset(1);\n }\n\n setState((prevState) => ({\n ...prevState,\n xHandle: stepSize * localValue,\n railFillWidth: stepSize * localValue,\n }));\n }, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);\n\n const setStepSize = useCallback(\n (newStepSize: number) => {\n setState((prevState) => ({\n ...prevState,\n stepSize: newStepSize,\n }));\n },\n [setState],\n );\n\n const onHandleChange: NonNullable<HandlerProps['onChange']> = (handleValue, data) => {\n const newHandleXPosition = data.x;\n const newValue = Math.round(handleValue);\n\n setState((prevState) => ({\n ...prevState,\n railFillWidth: newHandleXPosition,\n }));\n\n if (onChange) {\n onChange(newValue);\n }\n\n setDragValue(newValue);\n };\n\n const onHandleChangeCommitted: NonNullable<HandlerProps['onChangeCommitted']> = (handleValue, data) => {\n const newValue = Math.round(handleValue);\n\n if (onChangeCommitted) {\n onChangeCommitted(newValue);\n }\n\n setState((prevState) => ({\n ...prevState,\n xHandle: data.lastX,\n railFillWidth: data.lastX,\n }));\n\n setDragValue(newValue);\n };\n\n return (\n <SingleWrapper className={labelPlacementClass}>\n {hasLabelContent && (\n <LabelWrapper>\n {labelContentLeft && <LabelContentLeft>{labelContentLeft}</LabelContentLeft>}\n {label && <Label>{label}</Label>}\n </LabelWrapper>\n )}\n <SliderBaseWrapper className={rangeValuesPlacementClass}>\n {showRangeValues && (\n <StyledRangeValue ref={startLabelRef} className={cx(hideMinValueDiffClass, activeFirstValue)}>\n {min}\n </StyledRangeValue>\n )}\n <SliderBase\n min={min}\n max={max}\n disabled={disabled}\n setStepSize={setStepSize}\n onChange={onHandleChangeCommitted}\n railFillWidth={state.railFillWidth}\n settings={sizeData[size]}\n labelPlacement={labelPlacement}\n rangeValuesPlacement={rangeValuesPlacement}\n {...rest}\n >\n <Handler\n stepSize={state.stepSize}\n onChangeCommitted={onHandleChangeCommitted}\n onChange={onHandleChange}\n xPosition={state.xHandle}\n min={min}\n max={max}\n startOffset={startOffset}\n endOffset={endOffset}\n value={dragValue}\n disabled={disabled}\n ariaLabel={ariaLabel}\n multipleStepSize={multipleStepSize}\n showCurrentValue={showCurrentValue}\n />\n </SliderBase>\n {showRangeValues && (\n <StyledRangeValue\n ref={endLabelRef}\n className={cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)}\n >\n {max}\n </StyledRangeValue>\n )}\n </SliderBaseWrapper>\n </SingleWrapper>\n );\n};\n"],"names":["SingleSlider","_ref","min","max","value","disabled","onChangeCommitted","onChange","ariaLabel","label","labelContentLeft","showRangeValues","showCurrentValue","hideMinValueDiff","hideMaxValueDiff","_ref$labelPlacement","labelPlacement","_ref$rangeValuesPlace","rangeValuesPlacement","_ref$multipleStepSize","multipleStepSize","_ref$size","size","rest","_objectWithoutProperties","_excluded","_useState","useState","xHandle","stepSize","railFillWidth","_useState2","_slicedToArray","state","setState","_useState3","_useState4","startOffset","setStartOffset","_useState5","_useState6","endOffset","setEndOffset","_useState7","_useState8","dragValue","setDragValue","hasLabelContent","labelPlacementClass","classes","labelPlacementOuter","labelPlacementInner","rangeValuesPlacementClass","rangeValuesPlacementOuter","rangeValuesPlacementInner","hideMinValueDiffClass","hideMinValue","hideMaxValueDiffClass","hideMaxValue","startLabelRef","useRef","endLabelRef","activeFirstValue","activeRangeValue","undefined","activeSecondValue","useEffect","localValue","Math","_startLabelRef$curren","_endLabelRef$current","startWidth","current","offsetWidth","isNumber","Number","endWidth","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onHandleChange","handleValue","data","newHandleXPosition","x","newValue","round","onHandleChangeCommitted","lastX","React","createElement","SingleWrapper","className","LabelWrapper","LabelContentLeft","Label","SliderBaseWrapper","StyledRangeValue","ref","cx","SliderBase","_extends","settings","sizeData","Handler","xPosition","maxRangeValue"],"mappings":"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"}
|
@@ -45,11 +45,6 @@ var sizeData = {
|
|
45
45
|
fontSizeMultiplier: 16
|
46
46
|
}
|
47
47
|
};
|
48
|
-
var setInitialValue = function setInitialValue(e) {
|
49
|
-
var item = e.target;
|
50
|
-
var defaultValue = Number(item.getAttribute('defaultValue'));
|
51
|
-
return defaultValue;
|
52
|
-
};
|
53
48
|
|
54
|
-
export { getOffsets, getSliderThumbValue,
|
49
|
+
export { getOffsets, getSliderThumbValue, sizeData };
|
55
50
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Slider/utils/index.ts"],"sourcesContent":["import { MutableRefObject } from 'react';\n\n/**\n * Расчитать значение слайдера с учетом его координат и шага изменений.\n * @param {number} handleCenterXRelative\n * @param {number} stepSize\n * @param {number} min\n * @param {number} max\n * @return {number}\n */\nexport function getSliderThumbValue(handleCenterXRelative: number, stepSize: number, min: number, max: number) {\n const newValue = Math.round(handleCenterXRelative / stepSize) + min;\n\n return Math.min(Math.max(newValue, min), max);\n}\n\n/**\n * Расчитывает значение отступа слайдера на основе его положения (справа, слева) на отрезке слайдера.\n * Значение используется для правильного расчета ограничения движения слайдера.\n * @param ref\n * @param {'left' | 'right'} side\n * @return Array<number>\n */\nexport function getOffsets(\n ref: ((instance: HTMLDivElement | null) => void) | MutableRefObject<HTMLDivElement | null> | null,\n side?: 'left' | 'right',\n): number[] {\n if (!ref || !('current' in ref) || !ref.current || !side) {\n return [0, 0];\n }\n\n const size = ref.current.clientWidth;\n\n if (side === 'left') {\n return [0, size];\n }\n\n if (side === 'right') {\n return [size, 0];\n }\n\n return [0, 0];\n}\n\nexport const sizeData = {\n s: {\n indent: 0.5,\n fontSizeMultiplier: 16,\n },\n m: {\n indent: 0.75,\n fontSizeMultiplier: 16,\n },\n l: {\n indent: 0.75,\n fontSizeMultiplier: 16,\n },\n};\n
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Slider/utils/index.ts"],"sourcesContent":["import { MutableRefObject } from 'react';\n\n/**\n * Расчитать значение слайдера с учетом его координат и шага изменений.\n * @param {number} handleCenterXRelative\n * @param {number} stepSize\n * @param {number} min\n * @param {number} max\n * @return {number}\n */\nexport function getSliderThumbValue(handleCenterXRelative: number, stepSize: number, min: number, max: number) {\n const newValue = Math.round(handleCenterXRelative / stepSize) + min;\n\n return Math.min(Math.max(newValue, min), max);\n}\n\n/**\n * Расчитывает значение отступа слайдера на основе его положения (справа, слева) на отрезке слайдера.\n * Значение используется для правильного расчета ограничения движения слайдера.\n * @param ref\n * @param {'left' | 'right'} side\n * @return Array<number>\n */\nexport function getOffsets(\n ref: ((instance: HTMLDivElement | null) => void) | MutableRefObject<HTMLDivElement | null> | null,\n side?: 'left' | 'right',\n): number[] {\n if (!ref || !('current' in ref) || !ref.current || !side) {\n return [0, 0];\n }\n\n const size = ref.current.clientWidth;\n\n if (side === 'left') {\n return [0, size];\n }\n\n if (side === 'right') {\n return [size, 0];\n }\n\n return [0, 0];\n}\n\nexport const sizeData = {\n s: {\n indent: 0.5,\n fontSizeMultiplier: 16,\n },\n m: {\n indent: 0.75,\n fontSizeMultiplier: 16,\n },\n l: {\n indent: 0.75,\n fontSizeMultiplier: 16,\n },\n};\n"],"names":["getSliderThumbValue","handleCenterXRelative","stepSize","min","max","newValue","Math","round","getOffsets","ref","side","current","size","clientWidth","sizeData","s","indent","fontSizeMultiplier","m","l"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAACC,qBAA6B,EAAEC,QAAgB,EAAEC,GAAW,EAAEC,GAAW,EAAE;EAC3G,IAAMC,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAACN,qBAAqB,GAAGC,QAAQ,CAAC,GAAGC,GAAG,CAAA;AAEnE,EAAA,OAAOG,IAAI,CAACH,GAAG,CAACG,IAAI,CAACF,GAAG,CAACC,QAAQ,EAAEF,GAAG,CAAC,EAAEC,GAAG,CAAC,CAAA;AACjD,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,UAAUA,CACtBC,GAAiG,EACjGC,IAAuB,EACf;AACR,EAAA,IAAI,CAACD,GAAG,IAAI,EAAE,SAAS,IAAIA,GAAG,CAAC,IAAI,CAACA,GAAG,CAACE,OAAO,IAAI,CAACD,IAAI,EAAE;AACtD,IAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,GAAA;AAEA,EAAA,IAAME,IAAI,GAAGH,GAAG,CAACE,OAAO,CAACE,WAAW,CAAA;EAEpC,IAAIH,IAAI,KAAK,MAAM,EAAE;AACjB,IAAA,OAAO,CAAC,CAAC,EAAEE,IAAI,CAAC,CAAA;AACpB,GAAA;EAEA,IAAIF,IAAI,KAAK,OAAO,EAAE;AAClB,IAAA,OAAO,CAACE,IAAI,EAAE,CAAC,CAAC,CAAA;AACpB,GAAA;AAEA,EAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjB,CAAA;AAEO,IAAME,QAAQ,GAAG;AACpBC,EAAAA,CAAC,EAAE;AACCC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,kBAAkB,EAAE,EAAA;GACvB;AACDC,EAAAA,CAAC,EAAE;AACCF,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,kBAAkB,EAAE,EAAA;GACvB;AACDE,EAAAA,CAAC,EAAE;AACCH,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,kBAAkB,EAAE,EAAA;AACxB,GAAA;AACJ;;;;"}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import './TextArea_ob9y3r.css';
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
3
|
-
import React, { forwardRef, useState, useCallback,
|
3
|
+
import React, { forwardRef, useState, useCallback, createRef } from 'react';
|
4
4
|
import { useResizeObserver } from '@salutejs/plasma-core';
|
5
5
|
import { cx } from '../../utils/index.js';
|
6
6
|
import { ROOT_FONT_SIZE, useAutoResize } from './hooks/useAutoResize.js';
|
@@ -8,11 +8,10 @@ import { StyledLabel, StyledIndicator, StyledContainer, StyledContent, StyledTex
|
|
8
8
|
import { classes } from './TextArea.tokens.js';
|
9
9
|
import { base as base$2 } from './variations/_view/base.js';
|
10
10
|
import { base as base$1 } from './variations/_size/base.js';
|
11
|
-
import { base as base$3 } from './variations/
|
12
|
-
import {
|
13
|
-
import { mergeRefs } from '../../utils/setRefList.js';
|
11
|
+
import { base as base$3 } from './variations/_clear/base.js';
|
12
|
+
import { base as base$4 } from './variations/_disabled/base.js';
|
14
13
|
|
15
|
-
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
|
14
|
+
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
|
16
15
|
var innerPlaceholderUp = classes.innerPlaceholderUp,
|
17
16
|
focusedOuterPlaceholderColor = classes.focusedOuterPlaceholderColor,
|
18
17
|
hidePlaceHolder = classes.hidePlaceHolder,
|
@@ -37,7 +36,6 @@ var getDynamicLabelClasses = function getDynamicLabelClasses(props, focused) {
|
|
37
36
|
var readOnly = props.readOnly,
|
38
37
|
label = props.label,
|
39
38
|
labelPlacement = props.labelPlacement,
|
40
|
-
autoResize = props.autoResize,
|
41
39
|
rows = props.rows,
|
42
40
|
value = props.value,
|
43
41
|
size = props.size;
|
@@ -46,10 +44,10 @@ var getDynamicLabelClasses = function getDynamicLabelClasses(props, focused) {
|
|
46
44
|
var withFocusedOuterUpPlaceholder = !readOnly && focused && (!label || labelPlacement === 'outer') ? focusedOuterPlaceholderColor : undefined;
|
47
45
|
|
48
46
|
// Добавить класс отвечающий за поднятие и уменьшение плейсхолдера
|
49
|
-
var withInnerPlaceholderUp = labelPlacement === 'inner' && label && !
|
47
|
+
var withInnerPlaceholderUp = labelPlacement === 'inner' && label && !rows && size !== 'xs' && (!readOnly && (value || focused) || readOnly && value) ? innerPlaceholderUp : undefined;
|
50
48
|
|
51
49
|
// Добавить класс отвечающий за скрытие плейсхолдера
|
52
|
-
var withHidePlaceholder = value && !label || labelPlacement === 'inner' && (focused && !readOnly || value) && label &&
|
50
|
+
var withHidePlaceholder = value && !label || labelPlacement === 'inner' && (focused && !readOnly || value) && label && rows || labelPlacement === 'outer' && value || labelPlacement === 'inner' && size === 'xs' && value ? hidePlaceHolder : undefined;
|
53
51
|
return [withFocusedOuterUpPlaceholder, withInnerPlaceholderUp, withHidePlaceholder];
|
54
52
|
};
|
55
53
|
var textAreaRoot = function textAreaRoot(Root) {
|
@@ -80,6 +78,8 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
80
78
|
requiredPlacement = _props$requiredPlacem === void 0 ? 'right' : _props$requiredPlacem,
|
81
79
|
_props$optional = props.optional,
|
82
80
|
optional = _props$optional === void 0 ? false : _props$optional,
|
81
|
+
clear = props.clear,
|
82
|
+
hasDivider = props.hasDivider,
|
83
83
|
size = props.size,
|
84
84
|
view = props.view,
|
85
85
|
id = props.id,
|
@@ -102,7 +102,7 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
102
102
|
_useState6 = _slicedToArray(_useState5, 2),
|
103
103
|
uncontrolledValue = _useState6[0],
|
104
104
|
setUncontrolledValue = _useState6[1];
|
105
|
-
var outerRef = /*#__PURE__*/createRef();
|
105
|
+
var outerRef = innerRef && 'current' in innerRef ? innerRef : /*#__PURE__*/createRef();
|
106
106
|
var innerOptional = required ? false : optional;
|
107
107
|
var hasHelper = Boolean(leftHelper || rightHelper || helperText);
|
108
108
|
var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
|
@@ -112,6 +112,8 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
112
112
|
var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
|
113
113
|
var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
|
114
114
|
var placeholderLabel = hasInnerLabel ? label : placeholder;
|
115
|
+
var clearClass = clear ? classes.clear : undefined;
|
116
|
+
var hasDividerClass = hasDivider ? classes.hasDivider : undefined;
|
115
117
|
var requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;
|
116
118
|
useResizeObserver(outerRef, function (currentElement) {
|
117
119
|
var inlineWidth = currentElement.style.width;
|
@@ -121,7 +123,7 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
121
123
|
setHelperWidth("".concat(elementWidth / ROOT_FONT_SIZE, "rem"));
|
122
124
|
}
|
123
125
|
});
|
124
|
-
useAutoResize(autoResize, outerRef, value, minAuto, maxAuto);
|
126
|
+
useAutoResize(autoResize || Boolean(clear), outerRef, value, minAuto, maxAuto);
|
125
127
|
var onFocusHandler = useCallback(function () {
|
126
128
|
setFocused(true);
|
127
129
|
}, []);
|
@@ -135,41 +137,25 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
135
137
|
}
|
136
138
|
onChange === null || onChange === void 0 || onChange(event);
|
137
139
|
}, [value, onChange]);
|
138
|
-
|
139
|
-
if (outerRef.current) {
|
140
|
-
outerRef.current.addEventListener('setInitialValue', function (e) {
|
141
|
-
return setUncontrolledValue(setInitialValue(e));
|
142
|
-
});
|
143
|
-
}
|
144
|
-
return function () {
|
145
|
-
if (outerRef.current) {
|
146
|
-
outerRef.current.removeEventListener('setInitialValue', function (e) {
|
147
|
-
return setUncontrolledValue(setInitialValue(e));
|
148
|
-
});
|
149
|
-
}
|
150
|
-
};
|
151
|
-
}, []);
|
152
|
-
var dynamicLabelClasses = getDynamicLabelClasses(_objectSpread2({
|
140
|
+
var dynamicLabelClasses = getDynamicLabelClasses({
|
153
141
|
size: size,
|
154
142
|
readOnly: readOnly,
|
155
143
|
label: label,
|
156
144
|
labelPlacement: labelPlacement,
|
157
|
-
value: value || uncontrolledValue || defaultValue
|
158
|
-
}, rows ? {
|
145
|
+
value: value || uncontrolledValue || defaultValue,
|
159
146
|
rows: rows
|
160
|
-
}
|
161
|
-
autoResize: autoResize
|
162
|
-
}), focused);
|
147
|
+
}, focused);
|
163
148
|
var optionalTextNode = innerOptional ? /*#__PURE__*/React.createElement(StyledOptionalText, null, Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\xa0', optionalText) : null;
|
164
149
|
return /*#__PURE__*/React.createElement(Root, {
|
165
150
|
view: overriddenView,
|
166
151
|
size: size,
|
167
152
|
disabled: disabled,
|
168
153
|
readOnly: readOnly,
|
154
|
+
clear: clear,
|
169
155
|
style: _objectSpread2({
|
170
156
|
width: helperWidth
|
171
157
|
}, style),
|
172
|
-
className: className
|
158
|
+
className: cx(clearClass, hasDividerClass, className)
|
173
159
|
}, hasOuterLabel && /*#__PURE__*/React.createElement(StyledLabel, null, required && /*#__PURE__*/React.createElement(StyledIndicator, {
|
174
160
|
className: cx(classes.outerLabelPlacement, requiredPlacementClass)
|
175
161
|
}), label, optionalTextNode), /*#__PURE__*/React.createElement(StyledContainer, {
|
@@ -188,9 +174,9 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
188
174
|
hasContentRight: Boolean(contentRight),
|
189
175
|
hasHelper: hasHelper,
|
190
176
|
applyCustomWidth: applyCustomWidth,
|
191
|
-
ref:
|
177
|
+
ref: outerRef,
|
192
178
|
disabled: disabled,
|
193
|
-
height: autoResize ? minAuto : height,
|
179
|
+
height: autoResize || Boolean(clear) ? minAuto : height,
|
194
180
|
width: width,
|
195
181
|
placeholder: placeholderLabel,
|
196
182
|
"aria-describedby": textareaHelperId,
|
@@ -223,10 +209,14 @@ var textAreaConfig = {
|
|
223
209
|
view: {
|
224
210
|
css: base$2
|
225
211
|
},
|
226
|
-
|
212
|
+
clear: {
|
227
213
|
css: base$3,
|
228
214
|
attrs: true
|
229
215
|
},
|
216
|
+
disabled: {
|
217
|
+
css: base$4,
|
218
|
+
attrs: true
|
219
|
+
},
|
230
220
|
readOnly: {
|
231
221
|
attrs: true
|
232
222
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useState, createRef, useCallback, useEffect } from 'react';\nimport { css } from '@linaria/core';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { cx, mergeRefs } from '../../utils';\nimport type { RootProps } from '../../engines/types';\n\nimport { applyDynamicLabel } from './mixins';\nimport { useAutoResize, ROOT_FONT_SIZE } from './hooks';\nimport {\n StyledContent,\n StyledHelpers,\n StyledLeftHelper,\n StyledRightHelper,\n StyledLabel,\n StyledPlaceholder,\n StyledTextArea,\n StyledTextAreaWrapper,\n StyledContainer,\n StyledIndicator,\n StyledOptionalText,\n} from './TextArea.styles';\nimport { classes } from './TextArea.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { TextAreaProps } from './TextArea.types';\nimport { setInitialValue } from './utils';\n\nconst {\n innerPlaceholderUp,\n focusedOuterPlaceholderColor,\n hidePlaceHolder,\n styledContainer,\n styledTextArea,\n styledTextAreaWrapper,\n styledPlaceholder,\n styledHelpers,\n} = classes;\n\nconst optionalText = 'optional';\n\nconst base = css`\n ${applyDynamicLabel};\n\n position: relative;\n box-sizing: border-box;\n`;\n\n// TODO: Удалить после отказа от старых библиотек plasma-web / plasma-b2c\nconst fallbackStatusMap = {\n '': 'primary',\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\n\n// TODO: Перенести этот метод в файл applyDynamicLabel.ts\nexport const getDynamicLabelClasses = (props: TextAreaProps, focused: boolean) => {\n const { readOnly, label, labelPlacement, autoResize, rows, value, size } = props;\n\n // Добавить класс отвечающий за изменение цвета плейсхолдера при фокусе\n const withFocusedOuterUpPlaceholder =\n !readOnly && focused && (!label || labelPlacement === 'outer') ? focusedOuterPlaceholderColor : undefined;\n\n // Добавить класс отвечающий за поднятие и уменьшение плейсхолдера\n const withInnerPlaceholderUp =\n labelPlacement === 'inner' &&\n label &&\n !autoResize &&\n !rows &&\n size !== 'xs' &&\n ((!readOnly && (value || focused)) || (readOnly && value))\n ? innerPlaceholderUp\n : undefined;\n\n // Добавить класс отвечающий за скрытие плейсхолдера\n const withHidePlaceholder =\n (value && !label) ||\n (labelPlacement === 'inner' && ((focused && !readOnly) || value) && label && (rows || autoResize)) ||\n (labelPlacement === 'outer' && value) ||\n (labelPlacement === 'inner' && size === 'xs' && value)\n ? hidePlaceHolder\n : undefined;\n\n return [withFocusedOuterUpPlaceholder, withInnerPlaceholderUp, withHidePlaceholder];\n};\n\nexport const textAreaRoot = (Root: RootProps<HTMLTextAreaElement, TextAreaProps>) =>\n forwardRef<HTMLTextAreaElement, TextAreaProps>((props, innerRef) => {\n const {\n helperText,\n status,\n resize,\n rightHelper,\n leftHelper,\n contentRight,\n autoResize = false,\n minAuto = 0,\n maxAuto,\n label,\n labelPlacement = 'inner',\n placeholder,\n defaultValue,\n height,\n width,\n value,\n disabled,\n required = false,\n requiredPlacement = 'right',\n optional = false,\n size,\n view,\n id,\n style,\n className,\n readOnly,\n rows,\n cols,\n onChange,\n ...rest\n } = props;\n\n const [helperWidth, setHelperWidth] = useState<string>(width ? `${width}rem` : '100%');\n const [focused, setFocused] = useState(false);\n const [uncontrolledValue, setUncontrolledValue] = useState<string | undefined>();\n\n const outerRef = createRef<HTMLTextAreaElement>();\n\n const innerOptional = required ? false : optional;\n const hasHelper = Boolean(leftHelper || rightHelper || helperText);\n const hasOuterLabel = Boolean(label && labelPlacement === 'outer');\n const hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');\n const hasPlaceholderOptional = innerOptional && !hasOuterLabel;\n\n const overriddenView = status !== undefined ? fallbackStatusMap[status] : view;\n const textareaHelperId = id ? `${id}-helper` : undefined;\n const applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;\n const placeholderLabel = hasInnerLabel ? label : placeholder;\n\n const requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;\n\n useResizeObserver(outerRef, (currentElement) => {\n const { width: inlineWidth } = currentElement.style;\n\n if (inlineWidth || cols) {\n const { width: elementWidth } = currentElement.getBoundingClientRect();\n setHelperWidth(`${elementWidth / ROOT_FONT_SIZE}rem`);\n }\n });\n\n useAutoResize(autoResize, outerRef, value, minAuto, maxAuto);\n\n const onFocusHandler = useCallback(() => {\n setFocused(true);\n }, []);\n\n const onBlurHandler = useCallback(() => {\n setFocused(false);\n }, []);\n\n const onChangeHandler = useCallback(\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n // INFO: Для крайне редких кейсов, когда value снаружи не контролируется\n if (value === undefined) {\n setUncontrolledValue(event?.target.value);\n }\n onChange?.(event);\n },\n [value, onChange],\n );\n\n useEffect(() => {\n if (outerRef.current) {\n outerRef.current.addEventListener('setInitialValue', (e: Event) =>\n setUncontrolledValue(setInitialValue(e)),\n );\n }\n\n return () => {\n if (outerRef.current) {\n outerRef.current.removeEventListener('setInitialValue', (e: Event) =>\n setUncontrolledValue(setInitialValue(e)),\n );\n }\n };\n }, []);\n\n const dynamicLabelClasses = getDynamicLabelClasses(\n {\n size,\n readOnly,\n label,\n labelPlacement,\n value: value || uncontrolledValue || defaultValue,\n ...(rows ? { rows } : { autoResize }),\n },\n focused,\n );\n\n const optionalTextNode = innerOptional ? (\n <StyledOptionalText>\n {Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\\xa0'}\n {optionalText}\n </StyledOptionalText>\n ) : null;\n\n return (\n <Root\n view={overriddenView}\n size={size}\n disabled={disabled}\n readOnly={readOnly}\n style={{ width: helperWidth, ...style }}\n className={className}\n >\n {hasOuterLabel && (\n <StyledLabel>\n {required && (\n <StyledIndicator className={cx(classes.outerLabelPlacement, requiredPlacementClass)} />\n )}\n {label}\n {optionalTextNode}\n </StyledLabel>\n )}\n <StyledContainer\n className={cx(styledContainer, ...dynamicLabelClasses)}\n width={helperWidth}\n onFocus={onFocusHandler}\n onBlur={onBlurHandler}\n >\n {required && !hasOuterLabel && (\n <StyledIndicator className={cx(classes.innerLabelPlacement, requiredPlacementClass)} />\n )}\n {contentRight && <StyledContent>{contentRight}</StyledContent>}\n <StyledTextAreaWrapper className={styledTextAreaWrapper} hasHelper={hasHelper}>\n <StyledTextArea\n className={styledTextArea}\n id={id}\n hasContentRight={Boolean(contentRight)}\n hasHelper={hasHelper}\n applyCustomWidth={applyCustomWidth}\n ref={mergeRefs(outerRef, innerRef)}\n disabled={disabled}\n height={autoResize ? minAuto : height}\n width={width}\n placeholder={placeholderLabel}\n aria-describedby={textareaHelperId}\n value={value}\n readOnly={readOnly}\n rows={rows}\n cols={cols}\n resize={resize}\n defaultValue={defaultValue}\n onChange={onChangeHandler}\n {...rest}\n />\n </StyledTextAreaWrapper>\n {hasHelper && (\n <StyledHelpers className={styledHelpers} id={textareaHelperId}>\n {(leftHelper || helperText) && (\n <StyledLeftHelper>{leftHelper || helperText}</StyledLeftHelper>\n )}\n {rightHelper && <StyledRightHelper>{rightHelper}</StyledRightHelper>}\n </StyledHelpers>\n )}\n {placeholderLabel && (\n <StyledPlaceholder\n hasContentRight={Boolean(contentRight)}\n className={styledPlaceholder}\n htmlFor={id}\n >\n {placeholderLabel}\n {!hasOuterLabel && optionalTextNode}\n </StyledPlaceholder>\n )}\n </StyledContainer>\n </Root>\n );\n });\n\nexport const textAreaConfig = {\n name: 'TextArea',\n tag: 'div',\n layout: textAreaRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'primary',\n },\n};\n"],"names":["innerPlaceholderUp","classes","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","optionalText","base","fallbackStatusMap","success","warning","error","getDynamicLabelClasses","props","focused","readOnly","label","labelPlacement","autoResize","rows","value","size","withFocusedOuterUpPlaceholder","undefined","withInnerPlaceholderUp","withHidePlaceholder","textAreaRoot","Root","forwardRef","innerRef","helperText","status","resize","rightHelper","leftHelper","contentRight","_props$autoResize","_props$minAuto","minAuto","maxAuto","_props$labelPlacement","placeholder","defaultValue","height","width","disabled","_props$required","required","_props$requiredPlacem","requiredPlacement","_props$optional","optional","view","id","style","className","cols","onChange","rest","_excluded","_useState","useState","concat","_useState2","_slicedToArray","helperWidth","setHelperWidth","_useState3","_useState4","setFocused","_useState5","_useState6","uncontrolledValue","setUncontrolledValue","outerRef","createRef","innerOptional","hasHelper","Boolean","hasOuterLabel","hasInnerLabel","hasPlaceholderOptional","overriddenView","textareaHelperId","applyCustomWidth","placeholderLabel","requiredPlacementClass","useResizeObserver","currentElement","inlineWidth","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","event","target","useEffect","current","addEventListener","e","setInitialValue","removeEventListener","dynamicLabelClasses","_objectSpread","optionalTextNode","React","createElement","StyledOptionalText","StyledLabel","StyledIndicator","cx","outerLabelPlacement","StyledContainer","apply","_toConsumableArray","onFocus","onBlur","innerLabelPlacement","StyledContent","StyledTextAreaWrapper","StyledTextArea","_extends","hasContentRight","ref","mergeRefs","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useState, createRef, useCallback } from 'react';\nimport { css } from '@linaria/core';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { cx } from '../../utils';\nimport type { RootProps } from '../../engines/types';\n\nimport { applyDynamicLabel } from './mixins';\nimport { useAutoResize, ROOT_FONT_SIZE } from './hooks';\nimport {\n StyledContent,\n StyledHelpers,\n StyledLeftHelper,\n StyledRightHelper,\n StyledLabel,\n StyledPlaceholder,\n StyledTextArea,\n StyledTextAreaWrapper,\n StyledContainer,\n StyledIndicator,\n StyledOptionalText,\n} from './TextArea.styles';\nimport { classes } from './TextArea.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { TextAreaProps } from './TextArea.types';\n\nconst {\n innerPlaceholderUp,\n focusedOuterPlaceholderColor,\n hidePlaceHolder,\n styledContainer,\n styledTextArea,\n styledTextAreaWrapper,\n styledPlaceholder,\n styledHelpers,\n} = classes;\n\nconst optionalText = 'optional';\n\nconst base = css`\n ${applyDynamicLabel};\n\n position: relative;\n box-sizing: border-box;\n`;\n\n// TODO: Удалить после отказа от старых библиотек plasma-web / plasma-b2c\nconst fallbackStatusMap = {\n '': 'primary',\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\n\n// TODO: Перенести этот метод в файл applyDynamicLabel.ts\nexport const getDynamicLabelClasses = (props: TextAreaProps, focused: boolean) => {\n const { readOnly, label, labelPlacement, rows, value, size } = props;\n\n // Добавить класс отвечающий за изменение цвета плейсхолдера при фокусе\n const withFocusedOuterUpPlaceholder =\n !readOnly && focused && (!label || labelPlacement === 'outer') ? focusedOuterPlaceholderColor : undefined;\n\n // Добавить класс отвечающий за поднятие и уменьшение плейсхолдера\n const withInnerPlaceholderUp =\n labelPlacement === 'inner' &&\n label &&\n !rows &&\n size !== 'xs' &&\n ((!readOnly && (value || focused)) || (readOnly && value))\n ? innerPlaceholderUp\n : undefined;\n\n // Добавить класс отвечающий за скрытие плейсхолдера\n const withHidePlaceholder =\n (value && !label) ||\n (labelPlacement === 'inner' && ((focused && !readOnly) || value) && label && rows) ||\n (labelPlacement === 'outer' && value) ||\n (labelPlacement === 'inner' && size === 'xs' && value)\n ? hidePlaceHolder\n : undefined;\n\n return [withFocusedOuterUpPlaceholder, withInnerPlaceholderUp, withHidePlaceholder];\n};\n\nexport const textAreaRoot = (Root: RootProps<HTMLTextAreaElement, TextAreaProps>) =>\n forwardRef<HTMLTextAreaElement, TextAreaProps>((props, innerRef) => {\n const {\n helperText,\n status,\n resize,\n rightHelper,\n leftHelper,\n contentRight,\n autoResize = false,\n minAuto = 0,\n maxAuto,\n label,\n labelPlacement = 'inner',\n placeholder,\n defaultValue,\n height,\n width,\n value,\n disabled,\n required = false,\n requiredPlacement = 'right',\n optional = false,\n clear,\n hasDivider,\n size,\n view,\n id,\n style,\n className,\n readOnly,\n rows,\n cols,\n onChange,\n ...rest\n } = props;\n\n const [helperWidth, setHelperWidth] = useState<string>(width ? `${width}rem` : '100%');\n const [focused, setFocused] = useState(false);\n const [uncontrolledValue, setUncontrolledValue] = useState<string | undefined>();\n\n const outerRef = innerRef && 'current' in innerRef ? innerRef : createRef<HTMLTextAreaElement>();\n\n const innerOptional = required ? false : optional;\n const hasHelper = Boolean(leftHelper || rightHelper || helperText);\n const hasOuterLabel = Boolean(label && labelPlacement === 'outer');\n const hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');\n const hasPlaceholderOptional = innerOptional && !hasOuterLabel;\n\n const overriddenView = status !== undefined ? fallbackStatusMap[status] : view;\n const textareaHelperId = id ? `${id}-helper` : undefined;\n const applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;\n const placeholderLabel = hasInnerLabel ? label : placeholder;\n\n const clearClass = clear ? classes.clear : undefined;\n const hasDividerClass = hasDivider ? classes.hasDivider : undefined;\n const requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;\n\n useResizeObserver(outerRef, (currentElement) => {\n const { width: inlineWidth } = currentElement.style;\n\n if (inlineWidth || cols) {\n const { width: elementWidth } = currentElement.getBoundingClientRect();\n setHelperWidth(`${elementWidth / ROOT_FONT_SIZE}rem`);\n }\n });\n\n useAutoResize(autoResize || Boolean(clear), outerRef, value, minAuto, maxAuto);\n\n const onFocusHandler = useCallback(() => {\n setFocused(true);\n }, []);\n\n const onBlurHandler = useCallback(() => {\n setFocused(false);\n }, []);\n\n const onChangeHandler = useCallback(\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n // INFO: Для крайне редких кейсов, когда value снаружи не контролируется\n if (value === undefined) {\n setUncontrolledValue(event?.target.value);\n }\n\n onChange?.(event);\n },\n [value, onChange],\n );\n\n const dynamicLabelClasses = getDynamicLabelClasses(\n {\n size,\n readOnly,\n label,\n labelPlacement,\n value: value || uncontrolledValue || defaultValue,\n rows,\n },\n focused,\n );\n\n const optionalTextNode = innerOptional ? (\n <StyledOptionalText>\n {Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\\xa0'}\n {optionalText}\n </StyledOptionalText>\n ) : null;\n\n return (\n <Root\n view={overriddenView}\n size={size}\n disabled={disabled}\n readOnly={readOnly}\n clear={clear}\n style={{ width: helperWidth, ...style }}\n className={cx(clearClass, hasDividerClass, className)}\n >\n {hasOuterLabel && (\n <StyledLabel>\n {required && (\n <StyledIndicator className={cx(classes.outerLabelPlacement, requiredPlacementClass)} />\n )}\n {label}\n {optionalTextNode}\n </StyledLabel>\n )}\n <StyledContainer\n className={cx(styledContainer, ...dynamicLabelClasses)}\n width={helperWidth}\n onFocus={onFocusHandler}\n onBlur={onBlurHandler}\n >\n {required && !hasOuterLabel && (\n <StyledIndicator className={cx(classes.innerLabelPlacement, requiredPlacementClass)} />\n )}\n {contentRight && <StyledContent>{contentRight}</StyledContent>}\n <StyledTextAreaWrapper className={styledTextAreaWrapper} hasHelper={hasHelper}>\n <StyledTextArea\n className={styledTextArea}\n id={id}\n hasContentRight={Boolean(contentRight)}\n hasHelper={hasHelper}\n applyCustomWidth={applyCustomWidth}\n ref={outerRef}\n disabled={disabled}\n height={autoResize || Boolean(clear) ? minAuto : height}\n width={width}\n placeholder={placeholderLabel}\n aria-describedby={textareaHelperId}\n value={value}\n readOnly={readOnly}\n rows={rows}\n cols={cols}\n resize={resize}\n defaultValue={defaultValue}\n onChange={onChangeHandler}\n {...rest}\n />\n </StyledTextAreaWrapper>\n {hasHelper && (\n <StyledHelpers className={styledHelpers} id={textareaHelperId}>\n {(leftHelper || helperText) && (\n <StyledLeftHelper>{leftHelper || helperText}</StyledLeftHelper>\n )}\n {rightHelper && <StyledRightHelper>{rightHelper}</StyledRightHelper>}\n </StyledHelpers>\n )}\n {placeholderLabel && (\n <StyledPlaceholder\n hasContentRight={Boolean(contentRight)}\n className={styledPlaceholder}\n htmlFor={id}\n >\n {placeholderLabel}\n {!hasOuterLabel && optionalTextNode}\n </StyledPlaceholder>\n )}\n </StyledContainer>\n </Root>\n );\n });\n\nexport const textAreaConfig = {\n name: 'TextArea',\n tag: 'div',\n layout: textAreaRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n clear: {\n css: clearCSS,\n attrs: true,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'primary',\n },\n};\n"],"names":["innerPlaceholderUp","classes","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","optionalText","base","fallbackStatusMap","success","warning","error","getDynamicLabelClasses","props","focused","readOnly","label","labelPlacement","rows","value","size","withFocusedOuterUpPlaceholder","undefined","withInnerPlaceholderUp","withHidePlaceholder","textAreaRoot","Root","forwardRef","innerRef","helperText","status","resize","rightHelper","leftHelper","contentRight","_props$autoResize","autoResize","_props$minAuto","minAuto","maxAuto","_props$labelPlacement","placeholder","defaultValue","height","width","disabled","_props$required","required","_props$requiredPlacem","requiredPlacement","_props$optional","optional","clear","hasDivider","view","id","style","className","cols","onChange","rest","_excluded","_useState","useState","concat","_useState2","_slicedToArray","helperWidth","setHelperWidth","_useState3","_useState4","setFocused","_useState5","_useState6","uncontrolledValue","setUncontrolledValue","outerRef","createRef","innerOptional","hasHelper","Boolean","hasOuterLabel","hasInnerLabel","hasPlaceholderOptional","overriddenView","textareaHelperId","applyCustomWidth","placeholderLabel","clearClass","hasDividerClass","requiredPlacementClass","useResizeObserver","currentElement","inlineWidth","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","event","target","dynamicLabelClasses","optionalTextNode","React","createElement","StyledOptionalText","_objectSpread","cx","StyledLabel","StyledIndicator","outerLabelPlacement","StyledContainer","apply","_toConsumableArray","onFocus","onBlur","innerLabelPlacement","StyledContent","StyledTextAreaWrapper","StyledTextArea","_extends","hasContentRight","ref","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","clearCSS","attrs","disabledCSS","defaults"],"mappings":"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"}
|
@@ -16,7 +16,10 @@ var classes = {
|
|
16
16
|
/** Класс для компонента `StyledHelpers` */
|
17
17
|
styledHelpers: 'textarea-helpers',
|
18
18
|
innerLabelPlacement: 'label-placement-inner',
|
19
|
-
outerLabelPlacement: 'label-placement-outer'
|
19
|
+
outerLabelPlacement: 'label-placement-outer',
|
20
|
+
/** Класс для view `clear` */
|
21
|
+
clear: 'textfield-clear',
|
22
|
+
hasDivider: 'textarea-has-divider'
|
20
23
|
};
|
21
24
|
var tokens = {
|
22
25
|
/** Цвет фона для элемента textarea */
|
@@ -45,14 +48,17 @@ var tokens = {
|
|
45
48
|
helpersBackgroundColorFocus: '--plasma-textarea-helpers-background-color-focus',
|
46
49
|
/** Цвет текста для элемента textarea */
|
47
50
|
inputColor: '--plasma-textarea-input-color',
|
51
|
+
clearInputColor: '--plasma-textarea-input-clear-color',
|
48
52
|
/** Цвет текста для элемента textarea в состоянии focus */
|
49
53
|
inputColorFocus: '--plasma-textarea-input-color-focus',
|
50
54
|
/** Цвет каретки для элемента textarea */
|
51
55
|
inputCaretColor: '--plasma-textarea-input-caret-color',
|
52
56
|
/** Цвет элемента placeholder */
|
53
57
|
placeholderColor: '--plasma-textarea-placeholder-color',
|
58
|
+
clearPlaceholderColor: '--plasma-textarea-clear-placeholder-color',
|
54
59
|
/** Цвет элемента placeholder в состоянии focus */
|
55
60
|
placeholderColorFocus: '--plasma-textarea-placeholder-color-focus',
|
61
|
+
clearPlaceholderColorFocus: '--plasma-textarea-clear-placeholder-color-focus',
|
56
62
|
/** Цвет элемента optional */
|
57
63
|
optionalColor: '--plasma-textarea__optional-color',
|
58
64
|
/** Цвет текста для левой подписи снизу */
|
@@ -91,6 +97,7 @@ var tokens = {
|
|
91
97
|
inputPaddingLeft: '--plasma-textarea-input-padding-left',
|
92
98
|
/** Отступ сверху для блока подписей */
|
93
99
|
helpersPaddingTop: '--plasma-textarea-helpers-padding-top',
|
100
|
+
clearHelpersPaddingTop: '--plasma-textarea-clear-helpers-padding-top',
|
94
101
|
/** Отступ справа для блока подписей */
|
95
102
|
helpersPaddingRight: '--plasma-textarea-helpers-padding-right',
|
96
103
|
/** Отступ снизу для блока подписей */
|
@@ -121,6 +128,7 @@ var tokens = {
|
|
121
128
|
labelOuterLineHeight: '--plasma-textarea-label-outer-line-height',
|
122
129
|
/** Отступ сверху для элемента label, когда он внутри и уменьшен */
|
123
130
|
labelMarginBottom: '--plasma-textarea-label-margin-bottom',
|
131
|
+
clearLabelMarginBottom: '--plasma-textarea-clear-label-margin-bottom',
|
124
132
|
/** Шрифт для элемента label, когда он внутри и уменьшен */
|
125
133
|
labelInnerFontFamily: '--plasma-textarea-label-inner-font-family',
|
126
134
|
/** Размер шрифта для элемента label, когда он внутри и уменьшен */
|
@@ -172,7 +180,13 @@ var tokens = {
|
|
172
180
|
indicatorLabelPlacementInner: '--plasma-textarea-indicator-placement-inner',
|
173
181
|
indicatorLabelPlacementOuter: '--plasma-textarea-indicator-placement-outer',
|
174
182
|
indicatorLabelPlacementInnerRight: '--plasma-textarea-indicator-placement-inner-right',
|
175
|
-
indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right'
|
183
|
+
indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right',
|
184
|
+
clearIndicatorLabelPlacementInner: '--plasma-textarea__clear-indicator-placement-inner',
|
185
|
+
clearIndicatorLabelPlacementInnerRight: '--plasma-textarea__clear-indicator-placement-inner-right',
|
186
|
+
dividerColor: '--plasma-textfield-divider-color',
|
187
|
+
dividerColorHover: '--plasma-textfield-divider-color-hover',
|
188
|
+
dividerColorFocus: '--plasma-textfield-divider-color-focus',
|
189
|
+
dividerColorReadOnly: '--plasma-textfield-divider-color-readonly'
|
176
190
|
};
|
177
191
|
|
178
192
|
export { classes, tokens };
|