@salutejs/plasma-new-hope 0.155.0-dev.0 → 0.156.0-canary.1459.11057629608.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +33 -18
- package/cjs/components/Autocomplete/Autocomplete.js +6 -2
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +37 -17
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +37 -17
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +37 -17
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +34 -19
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +32 -17
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +34 -19
- package/cjs/components/Range/Range.css +38 -18
- package/cjs/components/Slider/Slider.css +38 -18
- package/cjs/components/Slider/components/Double/Double.css +38 -18
- package/cjs/components/TextArea/TextArea.js +123 -15
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +116 -63
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_1phhc4q.css +17 -0
- package/cjs/components/TextArea/TextArea.tokens.js +36 -1
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/variations/_hint-size/base.js +9 -0
- package/cjs/components/TextArea/variations/_hint-size/base.js.map +1 -0
- package/cjs/components/TextArea/variations/_hint-size/base_1pzfoj7.css +1 -0
- package/cjs/components/TextArea/variations/_hint-view/base.js +9 -0
- package/cjs/components/TextArea/variations/_hint-view/base.js.map +1 -0
- package/cjs/components/TextArea/variations/_hint-view/base_111a0qe.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_1ri7c88.css +1 -0
- package/cjs/components/TextField/TextField.js +114 -7
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +74 -20
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/TextField.styles_1i9z45f.css +21 -0
- package/cjs/components/TextField/TextField.tokens.js +35 -0
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_disabled/base.js +1 -1
- package/cjs/components/TextField/variations/_disabled/base_frtgf7.css +1 -0
- package/cjs/components/TextField/variations/_hint-size/base.js +9 -0
- package/cjs/components/TextField/variations/_hint-size/base.js.map +1 -0
- package/cjs/components/TextField/variations/_hint-size/base_1f8fx0a.css +1 -0
- package/cjs/components/TextField/variations/_hint-view/base.js +9 -0
- package/cjs/components/TextField/variations/_hint-view/base.js.map +1 -0
- package/cjs/components/TextField/variations/_hint-view/base_l8etux.css +1 -0
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_oh623n.css +1 -0
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
- package/cjs/components/TextField/variations/_read-only/base_dwfq44.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_n9k1fc.css +1 -0
- 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_tmr4o7.css +1 -0
- package/cjs/components/TextFieldGroup/TextFieldGroup.css +1 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base.js +1 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
- package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +23 -0
- package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
- package/cjs/index.css +51 -31
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +6 -2
- package/emotion/cjs/components/TextArea/TextArea.js +126 -20
- package/emotion/cjs/components/TextArea/TextArea.styles.js +81 -41
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +36 -1
- package/emotion/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
- package/emotion/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
- package/emotion/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
- package/emotion/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
- package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -1
- package/emotion/cjs/components/TextField/TextField.js +116 -10
- package/emotion/cjs/components/TextField/TextField.styles.js +81 -34
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +7 -1
- package/emotion/cjs/components/TextField/TextField.tokens.js +35 -0
- package/emotion/cjs/components/TextField/variations/_hint-size/base.js +11 -0
- package/emotion/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
- package/emotion/cjs/components/TextField/variations/_hint-view/base.js +11 -0
- package/emotion/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
- package/emotion/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
- package/emotion/cjs/components/_Icon/index.js +8 -1
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +18 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +69 -0
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +21 -12
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +70 -1
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +18 -9
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +69 -1
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +21 -12
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +79 -10
- package/emotion/es/components/Autocomplete/Autocomplete.js +6 -2
- package/emotion/es/components/TextArea/TextArea.js +127 -21
- package/emotion/es/components/TextArea/TextArea.styles.js +80 -40
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +6 -1
- package/emotion/es/components/TextArea/TextArea.tokens.js +36 -1
- package/emotion/es/components/TextArea/variations/_hint-size/base.js +5 -0
- package/emotion/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
- package/emotion/es/components/TextArea/variations/_hint-view/base.js +5 -0
- package/emotion/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
- package/emotion/es/components/TextArea/variations/_view/base.js +2 -1
- package/emotion/es/components/TextField/TextField.js +115 -9
- package/emotion/es/components/TextField/TextField.styles.js +80 -33
- package/emotion/es/components/TextField/TextField.template-doc.mdx +7 -1
- package/emotion/es/components/TextField/TextField.tokens.js +35 -0
- package/emotion/es/components/TextField/variations/_hint-size/base.js +5 -0
- package/emotion/es/components/TextField/variations/_hint-size/tokens.json +21 -0
- package/emotion/es/components/TextField/variations/_hint-view/base.js +5 -0
- package/emotion/es/components/TextField/variations/_hint-view/tokens.json +5 -0
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
- package/emotion/es/components/TextField/variations/_size/base.js +2 -2
- package/emotion/es/components/TextField/variations/_view/base.js +2 -2
- package/emotion/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
- package/emotion/es/components/_Icon/index.js +2 -1
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +18 -9
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +69 -0
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +21 -12
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +70 -1
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +18 -9
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +69 -1
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +21 -12
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +79 -10
- package/es/components/Autocomplete/Autocomplete.css +33 -18
- package/es/components/Autocomplete/Autocomplete.js +6 -2
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +37 -17
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +37 -17
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +37 -17
- package/es/components/DatePicker/RangeDate/RangeDate.css +34 -19
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +32 -17
- package/es/components/DatePicker/SingleDate/SingleDate.css +34 -19
- package/es/components/Range/Range.css +38 -18
- package/es/components/Slider/Slider.css +38 -18
- package/es/components/Slider/components/Double/Double.css +38 -18
- package/es/components/TextArea/TextArea.js +127 -19
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +111 -64
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/TextArea.styles_1phhc4q.css +17 -0
- package/es/components/TextArea/TextArea.tokens.js +36 -1
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/variations/_hint-size/base.js +5 -0
- package/es/components/TextArea/variations/_hint-size/base.js.map +1 -0
- package/es/components/TextArea/variations/_hint-size/base_1pzfoj7.css +1 -0
- package/es/components/TextArea/variations/_hint-view/base.js +5 -0
- package/es/components/TextArea/variations/_hint-view/base.js.map +1 -0
- package/es/components/TextArea/variations/_hint-view/base_111a0qe.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_1ri7c88.css +1 -0
- package/es/components/TextField/TextField.js +115 -8
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +69 -21
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/TextField.styles_1i9z45f.css +21 -0
- package/es/components/TextField/TextField.tokens.js +35 -0
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_disabled/base.js +1 -1
- package/es/components/TextField/variations/_disabled/base_frtgf7.css +1 -0
- package/es/components/TextField/variations/_hint-size/base.js +5 -0
- package/es/components/TextField/variations/_hint-size/base.js.map +1 -0
- package/es/components/TextField/variations/_hint-size/base_1f8fx0a.css +1 -0
- package/es/components/TextField/variations/_hint-view/base.js +5 -0
- package/es/components/TextField/variations/_hint-view/base.js.map +1 -0
- package/es/components/TextField/variations/_hint-view/base_l8etux.css +1 -0
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base_oh623n.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base.js.map +1 -1
- package/es/components/TextField/variations/_read-only/base_dwfq44.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_n9k1fc.css +1 -0
- 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_tmr4o7.css +1 -0
- package/es/components/TextFieldGroup/TextFieldGroup.css +1 -1
- package/es/components/TextFieldGroup/variations/_shape/base.js +1 -1
- package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
- package/es/components/_Icon/Icon.assets/InfoCircleOutline.js +19 -0
- package/es/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconInfoCircleOutline.js +19 -0
- package/es/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
- package/es/index.css +51 -31
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +6 -2
- package/styled-components/cjs/components/TextArea/TextArea.js +125 -19
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +64 -39
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +36 -1
- package/styled-components/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
- package/styled-components/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
- package/styled-components/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
- package/styled-components/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
- package/styled-components/cjs/components/TextArea/variations/_view/base.js +2 -1
- package/styled-components/cjs/components/TextField/TextField.js +115 -9
- package/styled-components/cjs/components/TextField/TextField.styles.js +42 -17
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +7 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +35 -0
- package/styled-components/cjs/components/TextField/variations/_hint-size/base.js +11 -0
- package/styled-components/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
- package/styled-components/cjs/components/TextField/variations/_hint-view/base.js +11 -0
- package/styled-components/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_read-only/base.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/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/index.js +8 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +18 -9
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +69 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +18 -9
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +70 -1
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +18 -9
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +69 -1
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +18 -9
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +79 -10
- package/styled-components/es/components/Autocomplete/Autocomplete.js +6 -2
- package/styled-components/es/components/TextArea/TextArea.js +126 -20
- package/styled-components/es/components/TextArea/TextArea.styles.js +63 -38
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +6 -1
- package/styled-components/es/components/TextArea/TextArea.tokens.js +36 -1
- package/styled-components/es/components/TextArea/variations/_hint-size/base.js +5 -0
- package/styled-components/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
- package/styled-components/es/components/TextArea/variations/_hint-view/base.js +5 -0
- package/styled-components/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
- package/styled-components/es/components/TextArea/variations/_view/base.js +2 -1
- package/styled-components/es/components/TextField/TextField.js +114 -8
- package/styled-components/es/components/TextField/TextField.styles.js +41 -16
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +7 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +35 -0
- package/styled-components/es/components/TextField/variations/_hint-size/base.js +5 -0
- package/styled-components/es/components/TextField/variations/_hint-size/tokens.json +21 -0
- package/styled-components/es/components/TextField/variations/_hint-view/base.js +5 -0
- package/styled-components/es/components/TextField/variations/_hint-view/tokens.json +5 -0
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/components/TextField/variations/_read-only/base.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/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
- package/styled-components/es/components/_Icon/index.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +18 -9
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +69 -0
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +18 -9
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +70 -1
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +18 -9
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +69 -1
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +18 -9
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +79 -10
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +208 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +208 -0
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +208 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +208 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +208 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts +9 -3
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +8 -0
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +35 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +87 -3
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/variations/_hint-size/base.d.ts +2 -0
- package/types/components/TextArea/variations/_hint-size/base.d.ts.map +1 -0
- package/types/components/TextArea/variations/_hint-view/base.d.ts +2 -0
- package/types/components/TextArea/variations/_hint-view/base.d.ts.map +1 -0
- package/types/components/TextArea/variations/_view/base.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts +9 -3
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +8 -0
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +35 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +82 -2
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/variations/_hint-size/base.d.ts +2 -0
- package/types/components/TextField/variations/_hint-size/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_hint-view/base.d.ts +2 -0
- package/types/components/TextField/variations/_hint-view/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_read-only/base.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/components/_Icon/Icon.assets/InfoCircleOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +1 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +372 -0
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +9 -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 +351 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +9 -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 +217 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +372 -0
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +9 -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 +351 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +9 -0
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +217 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_1kzzs11.css +0 -11
- package/cjs/components/TextArea/variations/_view/base_8npjyq.css +0 -1
- package/cjs/components/TextField/TextField.styles_uponva.css +0 -15
- package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_6k17xp.css +0 -1
- package/cjs/components/TextField/variations/_read-only/base_8onybn.css +0 -1
- package/cjs/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
- package/cjs/components/TextField/variations/_view/base_1ph5cr0.css +0 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
- package/es/components/TextArea/TextArea.styles_1kzzs11.css +0 -11
- package/es/components/TextArea/variations/_view/base_8npjyq.css +0 -1
- package/es/components/TextField/TextField.styles_uponva.css +0 -15
- package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_6k17xp.css +0 -1
- package/es/components/TextField/variations/_read-only/base_8onybn.css +0 -1
- package/es/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
- package/es/components/TextField/variations/_view/base_1ph5cr0.css +0 -1
- package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
@@ -7,14 +7,21 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
|
|
7
7
|
var React = require('react');
|
8
8
|
var plasmaCore = require('@salutejs/plasma-core');
|
9
9
|
var index = require('../../utils/index.js');
|
10
|
+
require('@linaria/react');
|
11
|
+
var IconInfoCircleOutline = require('../_Icon/Icons/IconInfoCircleOutline.js');
|
12
|
+
var useOutsideClick = require('../../hooks/useOutsideClick.js');
|
10
13
|
var useAutoResize = require('./hooks/useAutoResize.js');
|
11
14
|
var TextArea_styles = require('./TextArea.styles.js');
|
12
15
|
var TextArea_tokens = require('./TextArea.tokens.js');
|
13
16
|
var base$2 = require('./variations/_view/base.js');
|
14
17
|
var base$1 = require('./variations/_size/base.js');
|
15
18
|
var base$3 = require('./variations/_disabled/base.js');
|
19
|
+
var base$4 = require('./variations/_hint-view/base.js');
|
20
|
+
var base$5 = require('./variations/_hint-size/base.js');
|
21
|
+
var react = require('../../utils/react.js');
|
16
22
|
|
17
|
-
var
|
23
|
+
var _IconInfoCircleOutlin, _IconInfoCircleOutlin2;
|
24
|
+
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "titleCaption", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "hasHint", "hintTrigger", "hintText", "hintView", "hintSize", "hintTarget", "hintPlacement", "hintHasArrow", "hintOffset", "hintMinWidth", "hintMaxWidth", "hintContentLeft", "onChange"];
|
18
25
|
var innerPlaceholderUp = TextArea_tokens.classes.innerPlaceholderUp,
|
19
26
|
focusedOuterPlaceholderColor = TextArea_tokens.classes.focusedOuterPlaceholderColor,
|
20
27
|
hidePlaceHolder = TextArea_tokens.classes.hidePlaceHolder,
|
@@ -70,6 +77,7 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
70
77
|
label = props.label,
|
71
78
|
_props$labelPlacement = props.labelPlacement,
|
72
79
|
labelPlacement = _props$labelPlacement === void 0 ? 'inner' : _props$labelPlacement,
|
80
|
+
titleCaption = props.titleCaption,
|
73
81
|
placeholder = props.placeholder,
|
74
82
|
defaultValue = props.defaultValue,
|
75
83
|
height = props.height,
|
@@ -90,21 +98,47 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
90
98
|
readOnly = props.readOnly,
|
91
99
|
rows = props.rows,
|
92
100
|
cols = props.cols,
|
101
|
+
hasHint = props.hasHint,
|
102
|
+
_props$hintTrigger = props.hintTrigger,
|
103
|
+
hintTrigger = _props$hintTrigger === void 0 ? 'hover' : _props$hintTrigger,
|
104
|
+
hintText = props.hintText,
|
105
|
+
_props$hintView = props.hintView,
|
106
|
+
hintView = _props$hintView === void 0 ? 'default' : _props$hintView,
|
107
|
+
_props$hintSize = props.hintSize,
|
108
|
+
hintSize = _props$hintSize === void 0 ? 'm' : _props$hintSize,
|
109
|
+
hintTarget = props.hintTarget,
|
110
|
+
_props$hintPlacement = props.hintPlacement,
|
111
|
+
hintPlacement = _props$hintPlacement === void 0 ? 'auto' : _props$hintPlacement,
|
112
|
+
hintHasArrow = props.hintHasArrow,
|
113
|
+
hintOffset = props.hintOffset,
|
114
|
+
hintMinWidth = props.hintMinWidth,
|
115
|
+
hintMaxWidth = props.hintMaxWidth,
|
116
|
+
hintContentLeft = props.hintContentLeft,
|
93
117
|
onChange = props.onChange,
|
94
118
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
|
95
|
-
var _useState = React.useState(
|
119
|
+
var _useState = React.useState(false),
|
96
120
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
97
|
-
|
98
|
-
|
99
|
-
var _useState3 = React.useState(
|
121
|
+
showHint = _useState2[0],
|
122
|
+
setShowHint = _useState2[1];
|
123
|
+
var _useState3 = React.useState(width ? "".concat(width, "rem") : '100%'),
|
100
124
|
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
101
|
-
|
102
|
-
|
103
|
-
var _useState5 = React.useState(),
|
125
|
+
helperWidth = _useState4[0],
|
126
|
+
setHelperWidth = _useState4[1];
|
127
|
+
var _useState5 = React.useState(false),
|
104
128
|
_useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
|
105
|
-
|
106
|
-
|
129
|
+
focused = _useState6[0],
|
130
|
+
setFocused = _useState6[1];
|
131
|
+
var _useState7 = React.useState(),
|
132
|
+
_useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
|
133
|
+
uncontrolledValue = _useState8[0],
|
134
|
+
setUncontrolledValue = _useState8[1];
|
135
|
+
var hintId = react.safeUseId();
|
107
136
|
var outerRef = innerRef && 'current' in innerRef ? innerRef : /*#__PURE__*/React.createRef();
|
137
|
+
var hintRef = useOutsideClick.useOutsideClick(function () {
|
138
|
+
setShowHint(false);
|
139
|
+
});
|
140
|
+
var hintInnerRef = React.useRef(null);
|
141
|
+
var hintForkRef = plasmaCore.useForkRef(hintRef, hintInnerRef);
|
108
142
|
var innerOptional = required ? false : optional;
|
109
143
|
var hasHelper = Boolean(leftHelper || rightHelper || helperText);
|
110
144
|
var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
|
@@ -115,6 +149,23 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
115
149
|
var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
|
116
150
|
var placeholderLabel = hasInnerLabel ? label : placeholder;
|
117
151
|
var requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;
|
152
|
+
var handleShowHint = function handleShowHint() {
|
153
|
+
return setShowHint(true);
|
154
|
+
};
|
155
|
+
var handleHideHint = function handleHideHint() {
|
156
|
+
return setShowHint(false);
|
157
|
+
};
|
158
|
+
var handleClickHint = function handleClickHint(event) {
|
159
|
+
if (hasHint && hintTrigger === 'click') {
|
160
|
+
var _hintInnerRef$current;
|
161
|
+
event.stopPropagation();
|
162
|
+
var targetIsPopover = event.target === hintInnerRef.current;
|
163
|
+
var rootHasTarget = (_hintInnerRef$current = hintInnerRef.current) === null || _hintInnerRef$current === void 0 ? void 0 : _hintInnerRef$current.contains(event.target);
|
164
|
+
if (!targetIsPopover && !rootHasTarget) {
|
165
|
+
setShowHint(true);
|
166
|
+
}
|
167
|
+
}
|
168
|
+
};
|
118
169
|
plasmaCore.useResizeObserver(outerRef, function (currentElement) {
|
119
170
|
var inlineWidth = currentElement.style.width;
|
120
171
|
if (inlineWidth || cols) {
|
@@ -149,7 +200,7 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
149
200
|
autoResize: autoResize
|
150
201
|
}), focused);
|
151
202
|
var optionalTextNode = innerOptional ? /*#__PURE__*/React.createElement(TextArea_styles.StyledOptionalText, null, Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\xa0', optionalText) : null;
|
152
|
-
return /*#__PURE__*/React.createElement(Root, {
|
203
|
+
return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
|
153
204
|
view: overriddenView,
|
154
205
|
size: size,
|
155
206
|
disabled: disabled,
|
@@ -158,16 +209,67 @@ var textAreaRoot = function textAreaRoot(Root) {
|
|
158
209
|
width: helperWidth
|
159
210
|
}, style),
|
160
211
|
className: className
|
161
|
-
},
|
212
|
+
}, hasHint && {
|
213
|
+
hintView: hintView || 'default',
|
214
|
+
hintSize: hintSize || 'm'
|
215
|
+
}), (hasOuterLabel || titleCaption) && /*#__PURE__*/React.createElement(TextArea_styles.OuterLabelWrapper, {
|
216
|
+
isInnnerLabel: labelPlacement === 'inner'
|
217
|
+
}, hasOuterLabel && /*#__PURE__*/React.createElement(TextArea_styles.StyledIndicatorWrapper, null, /*#__PURE__*/React.createElement(TextArea_styles.StyledLabel, null, label), hasHint && /*#__PURE__*/React.createElement(TextArea_styles.StyledHintWrapper, null, /*#__PURE__*/React.createElement(TextArea_styles.Hint, {
|
218
|
+
text: String(hintText),
|
219
|
+
opened: showHint,
|
220
|
+
target: hintTarget || /*#__PURE__*/React.createElement(TextArea_styles.HintTargetWrapper, _rollupPluginBabelHelpers.extends({
|
221
|
+
id: hintId
|
222
|
+
}, hintTrigger === 'hover' ? {
|
223
|
+
onMouseEnter: handleShowHint,
|
224
|
+
onMouseLeave: handleHideHint
|
225
|
+
} : {
|
226
|
+
onClick: handleClickHint
|
227
|
+
}), _IconInfoCircleOutlin || (_IconInfoCircleOutlin = /*#__PURE__*/React.createElement(IconInfoCircleOutline.IconInfoCircleOutline, {
|
228
|
+
size: "xs",
|
229
|
+
color: "inherit"
|
230
|
+
}))),
|
231
|
+
placement: hintPlacement,
|
232
|
+
hasArrow: hintHasArrow,
|
233
|
+
offset: hintOffset,
|
234
|
+
minWidth: hintMinWidth,
|
235
|
+
maxWidth: hintMaxWidth,
|
236
|
+
contentLeft: hintContentLeft,
|
237
|
+
frame: hintId,
|
238
|
+
ref: hintForkRef
|
239
|
+
})), required && /*#__PURE__*/React.createElement(TextArea_styles.StyledIndicator, {
|
162
240
|
className: index.cx(TextArea_tokens.classes.outerLabelPlacement, requiredPlacementClass)
|
163
|
-
}),
|
241
|
+
}), optionalTextNode), titleCaption && /*#__PURE__*/React.createElement(TextArea_styles.TitleCaption, null, titleCaption)), /*#__PURE__*/React.createElement(TextArea_styles.StyledContainer, {
|
164
242
|
className: index.cx.apply(void 0, [styledContainer].concat(_rollupPluginBabelHelpers.toConsumableArray(dynamicLabelClasses))),
|
165
243
|
width: helperWidth,
|
166
244
|
onFocus: onFocusHandler,
|
167
245
|
onBlur: onBlurHandler
|
168
|
-
},
|
246
|
+
}, !hasOuterLabel && /*#__PURE__*/React.createElement(React.Fragment, null, required && /*#__PURE__*/React.createElement(TextArea_styles.StyledIndicator, {
|
169
247
|
className: index.cx(TextArea_tokens.classes.innerLabelPlacement, requiredPlacementClass)
|
170
|
-
}),
|
248
|
+
}), hasHint && /*#__PURE__*/React.createElement(TextArea_styles.StyledHintWrapper, {
|
249
|
+
className: TextArea_tokens.classes.innerLabelPlacement
|
250
|
+
}, /*#__PURE__*/React.createElement(TextArea_styles.Hint, {
|
251
|
+
text: String(hintText),
|
252
|
+
opened: showHint,
|
253
|
+
target: hintTarget || /*#__PURE__*/React.createElement(TextArea_styles.HintTargetWrapper, _rollupPluginBabelHelpers.extends({
|
254
|
+
id: hintId
|
255
|
+
}, hintTrigger === 'hover' ? {
|
256
|
+
onMouseEnter: handleShowHint,
|
257
|
+
onMouseLeave: handleHideHint
|
258
|
+
} : {
|
259
|
+
onClick: handleClickHint
|
260
|
+
}), _IconInfoCircleOutlin2 || (_IconInfoCircleOutlin2 = /*#__PURE__*/React.createElement(IconInfoCircleOutline.IconInfoCircleOutline, {
|
261
|
+
size: "xs",
|
262
|
+
color: "inherit"
|
263
|
+
}))),
|
264
|
+
placement: hintPlacement,
|
265
|
+
hasArrow: hintHasArrow,
|
266
|
+
offset: hintOffset,
|
267
|
+
minWidth: hintMinWidth,
|
268
|
+
maxWidth: hintMaxWidth,
|
269
|
+
contentLeft: hintContentLeft,
|
270
|
+
frame: hintId,
|
271
|
+
ref: hintForkRef
|
272
|
+
}))), contentRight && /*#__PURE__*/React.createElement(TextArea_styles.StyledContent, null, contentRight), /*#__PURE__*/React.createElement(TextArea_styles.StyledTextAreaWrapper, {
|
171
273
|
className: styledTextAreaWrapper,
|
172
274
|
hasHelper: hasHelper
|
173
275
|
}, /*#__PURE__*/React.createElement(TextArea_styles.StyledTextArea, _rollupPluginBabelHelpers.extends({
|
@@ -217,6 +319,12 @@ var textAreaConfig = {
|
|
217
319
|
},
|
218
320
|
readOnly: {
|
219
321
|
attrs: true
|
322
|
+
},
|
323
|
+
hintView: {
|
324
|
+
css: base$4.base
|
325
|
+
},
|
326
|
+
hintSize: {
|
327
|
+
css: base$5.base
|
220
328
|
}
|
221
329
|
},
|
222
330
|
defaults: {
|
@@ -1 +1 @@
|
|
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 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, 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 = 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 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\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 ? { 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={outerRef}\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","dynamicLabelClasses","_objectSpread","optionalTextNode","React","createElement","StyledOptionalText","StyledLabel","StyledIndicator","cx","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","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, useRef, MouseEventHandler } from 'react';\nimport { css } from '@linaria/core';\nimport { useForkRef, useResizeObserver } from '@salutejs/plasma-core';\n\nimport { cx, safeUseId } from '../../utils';\nimport type { RootProps } from '../../engines/types';\nimport { IconInfoCircleOutline } from '../_Icon';\nimport { useOutsideClick } from '../../hooks';\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 OuterLabelWrapper,\n StyledIndicatorWrapper,\n StyledHintWrapper,\n HintTargetWrapper,\n TitleCaption,\n Hint,\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 { base as hintViewCSS } from './variations/_hint-view/base';\nimport { base as hintSizeCSS } from './variations/_hint-size/base';\nimport type { TextAreaProps, TextAreaRootProps } 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, 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, TextAreaRootProps>) =>\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 titleCaption,\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 hasHint,\n hintTrigger = 'hover',\n hintText,\n hintView = 'default',\n hintSize = 'm',\n hintTarget,\n hintPlacement = 'auto',\n hintHasArrow,\n hintOffset,\n hintMinWidth,\n hintMaxWidth,\n hintContentLeft,\n onChange,\n ...rest\n } = props;\n\n const [showHint, setShowHint] = useState(false);\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 hintId = safeUseId();\n\n const outerRef = innerRef && 'current' in innerRef ? innerRef : createRef<HTMLTextAreaElement>();\n\n const hintRef = useOutsideClick<HTMLDivElement>(() => {\n setShowHint(false);\n });\n const hintInnerRef = useRef<HTMLDivElement>(null);\n const hintForkRef = useForkRef(hintRef, hintInnerRef);\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 const handleShowHint = () => setShowHint(true);\n const handleHideHint = () => setShowHint(false);\n const handleClickHint: MouseEventHandler = (event) => {\n if (hasHint && hintTrigger === 'click') {\n event.stopPropagation();\n const targetIsPopover = event.target === hintInnerRef.current;\n const rootHasTarget = hintInnerRef.current?.contains(event.target as Element);\n\n if (!targetIsPopover && !rootHasTarget) {\n setShowHint(true);\n }\n }\n };\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\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 ? { 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 {...(hasHint && {\n hintView: hintView || 'default',\n hintSize: hintSize || 'm',\n })}\n >\n {(hasOuterLabel || titleCaption) && (\n <OuterLabelWrapper isInnnerLabel={labelPlacement === 'inner'}>\n {hasOuterLabel && (\n <StyledIndicatorWrapper>\n <StyledLabel>{label}</StyledLabel>\n\n {hasHint && (\n <StyledHintWrapper>\n <Hint\n text={String(hintText)}\n opened={showHint}\n target={\n hintTarget || (\n <HintTargetWrapper\n id={hintId}\n {...(hintTrigger === 'hover'\n ? {\n onMouseEnter: handleShowHint,\n onMouseLeave: handleHideHint,\n }\n : { onClick: handleClickHint })}\n >\n <IconInfoCircleOutline size=\"xs\" color=\"inherit\" />\n </HintTargetWrapper>\n )\n }\n placement={hintPlacement}\n hasArrow={hintHasArrow}\n offset={hintOffset}\n minWidth={hintMinWidth}\n maxWidth={hintMaxWidth}\n contentLeft={hintContentLeft}\n frame={hintId}\n ref={hintForkRef}\n />\n </StyledHintWrapper>\n )}\n {required && (\n <StyledIndicator\n className={cx(classes.outerLabelPlacement, requiredPlacementClass)}\n />\n )}\n {optionalTextNode}\n </StyledIndicatorWrapper>\n )}\n {titleCaption && <TitleCaption>{titleCaption}</TitleCaption>}\n </OuterLabelWrapper>\n )}\n <StyledContainer\n className={cx(styledContainer, ...dynamicLabelClasses)}\n width={helperWidth}\n onFocus={onFocusHandler}\n onBlur={onBlurHandler}\n >\n {!hasOuterLabel && (\n <>\n {required && (\n <StyledIndicator className={cx(classes.innerLabelPlacement, requiredPlacementClass)} />\n )}\n {hasHint && (\n <StyledHintWrapper className={classes.innerLabelPlacement}>\n <Hint\n text={String(hintText)}\n opened={showHint}\n target={\n hintTarget || (\n <HintTargetWrapper\n id={hintId}\n {...(hintTrigger === 'hover'\n ? {\n onMouseEnter: handleShowHint,\n onMouseLeave: handleHideHint,\n }\n : { onClick: handleClickHint })}\n >\n <IconInfoCircleOutline size=\"xs\" color=\"inherit\" />\n </HintTargetWrapper>\n )\n }\n placement={hintPlacement}\n hasArrow={hintHasArrow}\n offset={hintOffset}\n minWidth={hintMinWidth}\n maxWidth={hintMaxWidth}\n contentLeft={hintContentLeft}\n frame={hintId}\n ref={hintForkRef}\n />\n </StyledHintWrapper>\n )}\n </>\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 ? 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 hintView: {\n css: hintViewCSS,\n },\n hintSize: {\n css: hintSizeCSS,\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","titleCaption","placeholder","defaultValue","height","width","disabled","_props$required","required","_props$requiredPlacem","requiredPlacement","_props$optional","optional","view","id","style","className","cols","hasHint","_props$hintTrigger","hintTrigger","hintText","_props$hintView","hintView","_props$hintSize","hintSize","hintTarget","_props$hintPlacement","hintPlacement","hintHasArrow","hintOffset","hintMinWidth","hintMaxWidth","hintContentLeft","onChange","rest","_excluded","_useState","useState","_useState2","_slicedToArray","showHint","setShowHint","_useState3","concat","_useState4","helperWidth","setHelperWidth","_useState5","_useState6","setFocused","_useState7","_useState8","uncontrolledValue","setUncontrolledValue","hintId","safeUseId","outerRef","createRef","hintRef","useOutsideClick","hintInnerRef","useRef","hintForkRef","useForkRef","innerOptional","hasHelper","Boolean","hasOuterLabel","hasInnerLabel","hasPlaceholderOptional","overriddenView","textareaHelperId","applyCustomWidth","placeholderLabel","requiredPlacementClass","handleShowHint","handleHideHint","handleClickHint","event","_hintInnerRef$current","stopPropagation","targetIsPopover","target","current","rootHasTarget","contains","useResizeObserver","currentElement","inlineWidth","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","dynamicLabelClasses","_objectSpread","optionalTextNode","React","createElement","StyledOptionalText","_extends","OuterLabelWrapper","isInnnerLabel","StyledIndicatorWrapper","StyledLabel","StyledHintWrapper","Hint","text","String","opened","HintTargetWrapper","onMouseEnter","onMouseLeave","onClick","_IconInfoCircleOutlin","IconInfoCircleOutline","color","placement","hasArrow","offset","minWidth","maxWidth","contentLeft","frame","ref","StyledIndicator","cx","outerLabelPlacement","TitleCaption","StyledContainer","apply","_toConsumableArray","onFocus","onBlur","Fragment","innerLabelPlacement","_IconInfoCircleOutlin2","StyledContent","StyledTextAreaWrapper","StyledTextArea","hasContentRight","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","hintViewCSS","hintSizeCSS","defaults"],"mappings":"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"}
|
@@ -1,167 +1,219 @@
|
|
1
|
-
import './TextArea.
|
1
|
+
import './TextArea.styles_1phhc4q.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
5
5
|
|
6
6
|
var react = require('@linaria/react');
|
7
|
+
var Tooltip$1 = require('../Tooltip/Tooltip.js');
|
8
|
+
require('@linaria/core');
|
9
|
+
var common = require('../../engines/common.js');
|
7
10
|
var TextArea_tokens = require('./TextArea.tokens.js');
|
8
11
|
|
12
|
+
var mergedConfig = /*#__PURE__*/common.mergeConfig(Tooltip$1.tooltipConfig);
|
13
|
+
var Tooltip = /*#__PURE__*/common.component(mergedConfig);
|
14
|
+
var _exp = function _exp() {
|
15
|
+
return Tooltip;
|
16
|
+
};
|
17
|
+
var Hint = /*#__PURE__*/react.styled(_exp())({
|
18
|
+
name: "Hint",
|
19
|
+
"class": "h1luq7vd",
|
20
|
+
propsAsIs: true
|
21
|
+
});
|
22
|
+
var _exp2 = function _exp2() {
|
23
|
+
return function (_ref) {
|
24
|
+
var isInnnerLabel = _ref.isInnnerLabel;
|
25
|
+
return isInnnerLabel ? "var(".concat(TextArea_tokens.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(TextArea_tokens.tokens.labelMarginBottom, ")");
|
26
|
+
};
|
27
|
+
};
|
28
|
+
var OuterLabelWrapper = /*#__PURE__*/react.styled('div')({
|
29
|
+
name: "OuterLabelWrapper",
|
30
|
+
"class": "o1r1fvk8",
|
31
|
+
propsAsIs: false,
|
32
|
+
vars: {
|
33
|
+
"o1r1fvk8-0": [/*#__PURE__*/_exp2()]
|
34
|
+
}
|
35
|
+
});
|
9
36
|
var StyledLabel = /*#__PURE__*/react.styled('div')({
|
10
37
|
name: "StyledLabel",
|
11
|
-
"class": "
|
38
|
+
"class": "surmvwq",
|
39
|
+
propsAsIs: false
|
40
|
+
});
|
41
|
+
var TitleCaption = /*#__PURE__*/react.styled('div')({
|
42
|
+
name: "TitleCaption",
|
43
|
+
"class": "t18bd513",
|
44
|
+
propsAsIs: false
|
45
|
+
});
|
46
|
+
var StyledIndicatorWrapper = /*#__PURE__*/react.styled('div')({
|
47
|
+
name: "StyledIndicatorWrapper",
|
48
|
+
"class": "s7alcr2",
|
12
49
|
propsAsIs: false
|
13
50
|
});
|
14
51
|
var StyledOptionalText = /*#__PURE__*/react.styled('span')({
|
15
52
|
name: "StyledOptionalText",
|
16
|
-
"class": "
|
53
|
+
"class": "si9oz50",
|
17
54
|
propsAsIs: false
|
18
55
|
});
|
19
|
-
var
|
20
|
-
|
21
|
-
|
56
|
+
var StyledHintWrapper = /*#__PURE__*/react.styled('div')({
|
57
|
+
name: "StyledHintWrapper",
|
58
|
+
"class": "s18tpn65",
|
59
|
+
propsAsIs: false
|
60
|
+
});
|
61
|
+
var HintTargetWrapper = /*#__PURE__*/react.styled('div')({
|
62
|
+
name: "HintTargetWrapper",
|
63
|
+
"class": "h19sfsrt",
|
64
|
+
propsAsIs: false
|
65
|
+
});
|
66
|
+
var _exp30 = function _exp30() {
|
67
|
+
return function (_ref2) {
|
68
|
+
var hasHelper = _ref2.hasHelper;
|
22
69
|
return hasHelper ? "var(".concat(TextArea_tokens.tokens.inputPaddingBottomWithHelpers, ")") : "var(".concat(TextArea_tokens.tokens.inputPaddingBottom, ")");
|
23
70
|
};
|
24
71
|
};
|
25
|
-
var
|
26
|
-
return function (
|
27
|
-
var hasHelper =
|
72
|
+
var _exp31 = function _exp31() {
|
73
|
+
return function (_ref3) {
|
74
|
+
var hasHelper = _ref3.hasHelper;
|
28
75
|
return hasHelper ? "var(".concat(TextArea_tokens.tokens.borderRadiusWithHelpers, ")") : "var(".concat(TextArea_tokens.tokens.borderRadius, ")");
|
29
76
|
};
|
30
77
|
};
|
31
78
|
var StyledTextAreaWrapper = /*#__PURE__*/react.styled('div')({
|
32
79
|
name: "StyledTextAreaWrapper",
|
33
|
-
"class": "
|
80
|
+
"class": "sfype23",
|
34
81
|
propsAsIs: false,
|
35
82
|
vars: {
|
36
|
-
"
|
37
|
-
"
|
83
|
+
"sfype23-0": [/*#__PURE__*/_exp30()],
|
84
|
+
"sfype23-1": [/*#__PURE__*/_exp31()]
|
38
85
|
}
|
39
86
|
});
|
40
87
|
var StyledContent = /*#__PURE__*/react.styled('div')({
|
41
88
|
name: "StyledContent",
|
42
|
-
"class": "
|
89
|
+
"class": "s3wsw3p",
|
43
90
|
propsAsIs: false
|
44
91
|
});
|
45
|
-
var
|
46
|
-
return function (
|
47
|
-
var width =
|
92
|
+
var _exp37 = function _exp37() {
|
93
|
+
return function (_ref4) {
|
94
|
+
var width = _ref4.width;
|
48
95
|
return width;
|
49
96
|
};
|
50
97
|
};
|
51
98
|
var StyledContainer = /*#__PURE__*/react.styled('div')({
|
52
99
|
name: "StyledContainer",
|
53
|
-
"class": "
|
100
|
+
"class": "stc5t23",
|
54
101
|
propsAsIs: false,
|
55
102
|
vars: {
|
56
|
-
"
|
103
|
+
"stc5t23-0": [/*#__PURE__*/_exp37()]
|
57
104
|
}
|
58
105
|
});
|
59
|
-
var
|
60
|
-
return function (
|
61
|
-
var resize =
|
106
|
+
var _exp40 = function _exp40() {
|
107
|
+
return function (_ref5) {
|
108
|
+
var resize = _ref5.resize;
|
62
109
|
return resize || 'none';
|
63
110
|
};
|
64
111
|
};
|
65
|
-
var
|
66
|
-
return function (
|
67
|
-
var height =
|
112
|
+
var _exp41 = function _exp41() {
|
113
|
+
return function (_ref6) {
|
114
|
+
var height = _ref6.height;
|
68
115
|
return !Number.isNaN(Number(height)) ? "calc(".concat(height, "rem - 0.875rem)") : height || "var(".concat(TextArea_tokens.tokens.inputHeight, ")");
|
69
116
|
};
|
70
117
|
};
|
71
|
-
var
|
72
|
-
return function (
|
73
|
-
var width =
|
118
|
+
var _exp42 = function _exp42() {
|
119
|
+
return function (_ref7) {
|
120
|
+
var width = _ref7.width;
|
74
121
|
return !Number.isNaN(Number(width)) ? "".concat(width, "rem") : width || "var(".concat(TextArea_tokens.tokens.inputWidth, ")");
|
75
122
|
};
|
76
123
|
};
|
77
|
-
var
|
78
|
-
return function (
|
79
|
-
var rows =
|
124
|
+
var _exp43 = function _exp43() {
|
125
|
+
return function (_ref8) {
|
126
|
+
var rows = _ref8.rows;
|
80
127
|
return rows ? 'unset' : 'var(--plasma_private-textarea-height)';
|
81
128
|
};
|
82
129
|
};
|
83
|
-
var
|
84
|
-
return function (
|
85
|
-
var cols =
|
130
|
+
var _exp44 = function _exp44() {
|
131
|
+
return function (_ref9) {
|
132
|
+
var cols = _ref9.cols;
|
86
133
|
return cols ? 'unset' : 'var(--plasma_private-textarea-width)';
|
87
134
|
};
|
88
135
|
};
|
89
|
-
var
|
90
|
-
return function (
|
91
|
-
var applyCustomWidth =
|
136
|
+
var _exp46 = function _exp46() {
|
137
|
+
return function (_ref10) {
|
138
|
+
var applyCustomWidth = _ref10.applyCustomWidth;
|
92
139
|
return applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto';
|
93
140
|
};
|
94
141
|
};
|
95
|
-
var
|
96
|
-
return function (
|
97
|
-
var hasContentRight =
|
142
|
+
var _exp48 = function _exp48() {
|
143
|
+
return function (_ref11) {
|
144
|
+
var hasContentRight = _ref11.hasContentRight;
|
98
145
|
return hasContentRight ? "var(".concat(TextArea_tokens.tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(TextArea_tokens.tokens.inputPaddingRight, ")");
|
99
146
|
};
|
100
147
|
};
|
101
|
-
var
|
102
|
-
return function (
|
103
|
-
var hasHelper =
|
104
|
-
rows =
|
148
|
+
var _exp55 = function _exp55() {
|
149
|
+
return function (_ref12) {
|
150
|
+
var hasHelper = _ref12.hasHelper,
|
151
|
+
rows = _ref12.rows;
|
105
152
|
return hasHelper && !rows ? 'var(--plasma_private-textarea-input-with-helpers-height)' : 'var(--plasma_private-textarea-input-without-helpers-height)';
|
106
153
|
};
|
107
154
|
};
|
108
155
|
var StyledTextArea = /*#__PURE__*/react.styled('textarea')({
|
109
156
|
name: "StyledTextArea",
|
110
|
-
"class": "
|
157
|
+
"class": "salwx57",
|
111
158
|
propsAsIs: false,
|
112
159
|
vars: {
|
113
|
-
"
|
114
|
-
"
|
115
|
-
"
|
116
|
-
"
|
117
|
-
"
|
118
|
-
"
|
119
|
-
"
|
120
|
-
"
|
160
|
+
"salwx57-0": [/*#__PURE__*/_exp40()],
|
161
|
+
"salwx57-1": [/*#__PURE__*/_exp41()],
|
162
|
+
"salwx57-2": [/*#__PURE__*/_exp42()],
|
163
|
+
"salwx57-3": [/*#__PURE__*/_exp43()],
|
164
|
+
"salwx57-4": [/*#__PURE__*/_exp44()],
|
165
|
+
"salwx57-5": [/*#__PURE__*/_exp46()],
|
166
|
+
"salwx57-6": [/*#__PURE__*/_exp48()],
|
167
|
+
"salwx57-7": [/*#__PURE__*/_exp55()]
|
121
168
|
}
|
122
169
|
});
|
123
170
|
var StyledHelpers = /*#__PURE__*/react.styled('div')({
|
124
171
|
name: "StyledHelpers",
|
125
|
-
"class": "
|
172
|
+
"class": "s18lndvq",
|
126
173
|
propsAsIs: false
|
127
174
|
});
|
128
175
|
var StyledLeftHelper = /*#__PURE__*/react.styled('span')({
|
129
176
|
name: "StyledLeftHelper",
|
130
|
-
"class": "
|
177
|
+
"class": "s183p45n",
|
131
178
|
propsAsIs: false
|
132
179
|
});
|
133
|
-
var
|
180
|
+
var _exp78 = function _exp78() {
|
134
181
|
return StyledLeftHelper;
|
135
182
|
};
|
136
|
-
var StyledRightHelper = /*#__PURE__*/react.styled(
|
183
|
+
var StyledRightHelper = /*#__PURE__*/react.styled(_exp78())({
|
137
184
|
name: "StyledRightHelper",
|
138
|
-
"class": "
|
185
|
+
"class": "snf439a",
|
139
186
|
propsAsIs: true
|
140
187
|
});
|
141
|
-
var
|
142
|
-
return function (
|
143
|
-
var hasContentRight =
|
188
|
+
var _exp83 = function _exp83() {
|
189
|
+
return function (_ref13) {
|
190
|
+
var hasContentRight = _ref13.hasContentRight;
|
144
191
|
return hasContentRight ? "var(".concat(TextArea_tokens.tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(TextArea_tokens.tokens.inputPaddingRight, ")");
|
145
192
|
};
|
146
193
|
};
|
147
194
|
var StyledPlaceholder = /*#__PURE__*/react.styled('label')({
|
148
195
|
name: "StyledPlaceholder",
|
149
|
-
"class": "
|
196
|
+
"class": "suev9vb",
|
150
197
|
propsAsIs: false,
|
151
198
|
vars: {
|
152
|
-
"
|
199
|
+
"suev9vb-0": [/*#__PURE__*/_exp83()]
|
153
200
|
}
|
154
201
|
});
|
155
202
|
var StyledIndicator = /*#__PURE__*/react.styled('div')({
|
156
203
|
name: "StyledIndicator",
|
157
|
-
"class": "
|
204
|
+
"class": "s7jal92",
|
158
205
|
propsAsIs: false
|
159
206
|
});
|
160
207
|
|
208
|
+
exports.Hint = Hint;
|
209
|
+
exports.HintTargetWrapper = HintTargetWrapper;
|
210
|
+
exports.OuterLabelWrapper = OuterLabelWrapper;
|
161
211
|
exports.StyledContainer = StyledContainer;
|
162
212
|
exports.StyledContent = StyledContent;
|
163
213
|
exports.StyledHelpers = StyledHelpers;
|
214
|
+
exports.StyledHintWrapper = StyledHintWrapper;
|
164
215
|
exports.StyledIndicator = StyledIndicator;
|
216
|
+
exports.StyledIndicatorWrapper = StyledIndicatorWrapper;
|
165
217
|
exports.StyledLabel = StyledLabel;
|
166
218
|
exports.StyledLeftHelper = StyledLeftHelper;
|
167
219
|
exports.StyledOptionalText = StyledOptionalText;
|
@@ -169,4 +221,5 @@ exports.StyledPlaceholder = StyledPlaceholder;
|
|
169
221
|
exports.StyledRightHelper = StyledRightHelper;
|
170
222
|
exports.StyledTextArea = StyledTextArea;
|
171
223
|
exports.StyledTextAreaWrapper = StyledTextAreaWrapper;
|
224
|
+
exports.TitleCaption = TitleCaption;
|
172
225
|
//# sourceMappingURL=TextArea.styles.js.map
|