@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
package/es/index.css
CHANGED
@@ -112,49 +112,69 @@
|
|
112
112
|
.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
113
113
|
.Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
|
114
114
|
|
115
|
-
|
116
|
-
.
|
117
|
-
.
|
118
|
-
.
|
119
|
-
.
|
120
|
-
.
|
121
|
-
.
|
122
|
-
.
|
123
|
-
.
|
124
|
-
.
|
125
|
-
.
|
126
|
-
|
127
|
-
.
|
115
|
+
|
116
|
+
.TextArea_styles_1phhc4q_o1r1fvk8__ff698b90{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;margin-bottom:var(--o1r1fvk8-0);}
|
117
|
+
.TextArea_styles_1phhc4q_surmvwq__ff698b90{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:var(--plasma-textarea-label-outer-color,var(--plasma-textarea-input-color));font-family:var(--plasma-textarea-label-outer-font-family,var(--plasma-textarea-input-font-family));font-size:var(--plasma-textarea-label-outer-font-size,var(--plasma-textarea-input-font-size));font-style:var(--plasma-textarea-label-outer-font-style,var(--plasma-textarea-input-font-style));font-weight:var(--plasma-textarea-label-outer-font-weight,var(--plasma-textarea-input-font-weight));-webkit-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-moz-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-ms-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));line-height:var(--plasma-textarea-label-outer-line-height,var(--plasma-textarea-input-line-height));}
|
118
|
+
.TextArea_styles_1phhc4q_t18bd513__ff698b90{display:inline-block;margin-left:auto;font-family:var(--plasma-textarea__title-caption-font-family);font-size:var(--plasma-textarea__title-caption-font-size);font-style:var(--plasma-textarea__title-caption-font-style);font-weight:var(--plasma-textarea__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);line-height:var(--plasma-textarea__title-caption-line-height);}
|
119
|
+
.TextArea_styles_1phhc4q_s7alcr2__ff698b90{position:relative;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;}
|
120
|
+
.TextArea_styles_1phhc4q_si9oz50__ff698b90{color:var(--plasma-textarea__optional-color);}
|
121
|
+
.TextArea_styles_1phhc4q_s18tpn65__ff698b90{display:inline-block;line-height:0;margin:var(--plasma-textarea__hint-margin);}.TextArea_styles_1phhc4q_s18tpn65__ff698b90.TextArea_styles_1phhc4q_labelPlacementInner__ff698b90{position:absolute;margin:0;top:0;right:var(--plasma-textarea__hint-inner-label-placement-offset);}
|
122
|
+
.TextArea_styles_1phhc4q_h19sfsrt__ff698b90{color:var(--plasma-textarea__hint-icon-color);}
|
123
|
+
.TextArea_styles_1phhc4q_sfype23__ff698b90{background-color:var(--plasma-textarea-input-background-color);padding-top:var(--plasma-textarea-input-padding-top);padding-bottom:var(--sfype23-0);border-radius:var(--sfype23-1);}
|
124
|
+
.TextArea_styles_1phhc4q_s3wsw3p__ff698b90{position:absolute;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;bottom:0;z-index:1;color:var(--plasma-textarea-right-content-color,var(--plasma-textarea-input-color));top:var(--plasma-textarea-right-content-top);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
|
125
|
+
.TextArea_styles_1phhc4q_stc5t23__ff698b90{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--stc5t23-0);position:relative;}
|
126
|
+
.TextArea_styles_1phhc4q_salwx57__ff698b90{display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(--plasma-textarea-input-color);caret-color:var(--plasma-textarea-input-caret-color);resize:var(--salwx57-0);--plasma_private-textarea-height:var(--salwx57-1);--plasma_private-textarea-width:var(--salwx57-2);--plasma_private-textarea-computed-height:var(--salwx57-3);--plasma_private-textarea-computed-width:var(--salwx57-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--salwx57-5);max-width:var(--salwx57-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--salwx57-6);padding-left:var(--plasma-textarea-input-padding-left);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top) + var(--plasma-textarea-helpers-padding-bottom) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--salwx57-7);height:var(--plasma_private-textarea-input-actual-height);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}.TextArea_styles_1phhc4q_salwx57__ff698b90::-webkit-input-placeholder{opacity:0;}.TextArea_styles_1phhc4q_salwx57__ff698b90::-moz-placeholder{opacity:0;}.TextArea_styles_1phhc4q_salwx57__ff698b90:-ms-input-placeholder{opacity:0;}.TextArea_styles_1phhc4q_salwx57__ff698b90::placeholder{opacity:0;}.TextArea_styles_1phhc4q_salwx57__ff698b90:-moz-read-only{cursor:default;}.TextArea_styles_1phhc4q_salwx57__ff698b90:read-only{cursor:default;}.TextArea_styles_1phhc4q_salwx57__ff698b90:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}
|
127
|
+
.TextArea_styles_1phhc4q_s18lndvq__ff698b90{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;background-color:var(--plasma-textarea-helpers-background-color);padding-top:var(--plasma-textarea-helpers-padding-top);padding-right:var(--plasma-textarea-helpers-padding-right);padding-bottom:var(--plasma-textarea-helpers-padding-bottom);padding-left:var(--plasma-textarea-helpers-padding-left);border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
|
128
|
+
.TextArea_styles_1phhc4q_s183p45n__ff698b90{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--plasma-textarea-helpers-font-family);font-size:var(--plasma-textarea-helpers-font-size);font-style:var(--plasma-textarea-helpers-font-style);font-weight:var(--plasma-textarea-helpers-font-weight);-webkit-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);letter-spacing:var(--plasma-textarea-helpers-letter-spacing);line-height:var(--plasma-textarea-helpers-line-height);color:var(--plasma-textarea-left-helper-color);}
|
129
|
+
.TextArea_styles_1phhc4q_snf439a__ff698b90.TextArea_styles_1phhc4q_s183p45n__ff698b90{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
|
130
|
+
.TextArea_styles_1phhc4q_suev9vb__ff698b90{box-sizing:border-box;position:absolute;pointer-events:none;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-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--suev9vb-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
|
131
|
+
.TextArea_styles_1phhc4q_s7jal92__ff698b90{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1phhc4q_s7jal92__ff698b90.TextArea_styles_1phhc4q_labelPlacementOuter__ff698b90{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1phhc4q_s7jal92__ff698b90.TextArea_styles_1phhc4q_labelPlacementOuter__ff698b90.TextArea_styles_1phhc4q_alignRight__ff698b90{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1phhc4q_s7jal92__ff698b90.TextArea_styles_1phhc4q_labelPlacementInner__ff698b90{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1phhc4q_s7jal92__ff698b90.TextArea_styles_1phhc4q_labelPlacementInner__ff698b90.TextArea_styles_1phhc4q_alignRight__ff698b90{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
132
|
+
|
133
|
+
.base_1ri7c88_bofyi4a__445af99d .base_1ri7c88_t18bd513__445af99d{color:var(--plasma-textarea__title-caption-color);}.base_1ri7c88_bofyi4a__445af99d .base_1ri7c88_textareaContainer__445af99d{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color);}.base_1ri7c88_bofyi4a__445af99d .base_1ri7c88_textareaWrapper__445af99d{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);}.base_1ri7c88_bofyi4a__445af99d:focus-within:not([readonly]) .base_1ri7c88_textareaWrapper__445af99d{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.base_1ri7c88_bofyi4a__445af99d:focus-within:not([readonly]) .base_1ri7c88_textareaContainer__445af99d{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-focus);}.base_1ri7c88_bofyi4a__445af99d:focus-within:not([readonly]) .base_1ri7c88_textareaHelpers__445af99d{background-color:var(--plasma-textarea-helpers-background-color-focus);}.base_1ri7c88_bofyi4a__445af99d:hover:not([disabled]):not([readonly]):not(:focus-within) .base_1ri7c88_textareaContainer__445af99d{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-hover);}.base_1ri7c88_bofyi4a__445af99d:hover:not([disabled]):not([readonly]):not(:focus-within) .base_1ri7c88_textareaWrapper__445af99d{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.base_1ri7c88_bofyi4a__445af99d:hover:not([disabled]):not([readonly]):not(:focus-within) .base_1ri7c88_textareaWrapper__445af99d + .base_1ri7c88_textareaHelpers__445af99d{background-color:var(--plasma-textarea-helpers-background-color-hover);}.base_1ri7c88_bofyi4a__445af99d:active:not([disabled]):not([readonly]):not(:focus-within) .base_1ri7c88_textareaWrapper__445af99d{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.base_1ri7c88_bofyi4a__445af99d:active:not([disabled]):not([readonly]):not(:focus-within) .base_1ri7c88_textareaWrapper__445af99d + .base_1ri7c88_textareaHelpers__445af99d{background-color:var(--plasma-textarea-helpers-background-color-active);}
|
128
134
|
|
129
135
|
.base_4q50ag_b1w9g1pa__4e22704f[disabled]{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.base_4q50ag_b1w9g1pa__4e22704f[disabled]:hover,.base_4q50ag_b1w9g1pa__4e22704f[disabled]:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_4q50ag_b1w9g1pa__4e22704f .base_4q50ag_textarea__4e22704f:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
|
130
136
|
|
137
|
+
.base_111a0qe_b193dn9j__86c7166a .base_111a0qe_h1luq7vd__86c7166a{--plasma-tooltip-background-color:var(--plasma-textarea__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textarea__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textarea__tooltip-color);}
|
138
|
+
|
139
|
+
.base_1pzfoj7_bfm7p1t__de2852ee .base_1pzfoj7_h1luq7vd__de2852ee{--plasma-tooltip-padding-top:var(--plasma-textarea__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textarea__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textarea__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textarea__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textarea__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textarea__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textarea__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textarea__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textarea__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textarea__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textarea__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textarea__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textarea__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textarea__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textarea__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:url(--plasma-textarea__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textarea__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textarea__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textarea__tooltip-arrow-background);}
|
140
|
+
|
131
141
|
.TextArea_ob9y3r_b6rykm0__6e3f706d{position:relative;box-sizing:border-box;}.TextArea_ob9y3r_b6rykm0__6e3f706d .TextArea_ob9y3r_innerPlaceholderUp__6e3f706d .TextArea_ob9y3r_textarea__6e3f706d{height:calc(var(--plasma_private-textarea-input-actual-height) - var(--plasma-textarea-label-inner-top));}.TextArea_ob9y3r_b6rykm0__6e3f706d .TextArea_ob9y3r_innerPlaceholderUp__6e3f706d .TextArea_ob9y3r_textareaWrapper__6e3f706d{padding-top:calc(calc(var(--plasma-textarea-label-inner-top) + var(--plasma-textarea-label-inner-font-size)) + var(--plasma-textarea-label-inner-margin-bottom));}.TextArea_ob9y3r_b6rykm0__6e3f706d .TextArea_ob9y3r_innerPlaceholderUp__6e3f706d .TextArea_ob9y3r_textareaPlaceholder__6e3f706d{font-family:var(--plasma-textarea-label-inner-font-family);font-size:var(--plasma-textarea-label-inner-font-size);font-style:var(--plasma-textarea-label-inner-font-style);font-weight:var(--plasma-textarea-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);line-height:var(--plasma-textarea-label-inner-line-height);top:var(--plasma-textarea-label-inner-top);}.TextArea_ob9y3r_b6rykm0__6e3f706d .TextArea_ob9y3r_hidePlaceholder__6e3f706d .TextArea_ob9y3r_textareaPlaceholder__6e3f706d{display:none;}.TextArea_ob9y3r_b6rykm0__6e3f706d .TextArea_ob9y3r_focusedOuterPlaceholderColor__6e3f706d .TextArea_ob9y3r_textareaPlaceholder__6e3f706d{color:var(--plasma-textarea-placeholder-color-focus);}
|
132
142
|
|
133
|
-
.
|
143
|
+
.base_n9k1fc_b13ve66i__451eb3a9 .base_n9k1fc_i13qvwoy__451eb3a9{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_n9k1fc_b13ve66i__451eb3a9 .base_n9k1fc_i19ry60d__451eb3a9{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_n9k1fc_b13ve66i__451eb3a9 .base_n9k1fc_i1j28rg8__451eb3a9{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_n9k1fc_b13ve66i__451eb3a9 .base_n9k1fc_i1j28rg8__451eb3a9.base_n9k1fc_hasChips__451eb3a9{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_n9k1fc_b13ve66i__451eb3a9 .base_n9k1fc_i1j28rg8__451eb3a9.base_n9k1fc_hasEmptyContentLeft__451eb3a9{padding-left:var(--plasma-textfield-padding-with-chips);}.base_n9k1fc_b13ve66i__451eb3a9 .base_n9k1fc_i1j28rg8__451eb3a9.base_n9k1fc_hasEmptyContentRight__451eb3a9{padding-right:var(--plasma-textfield-padding-with-chips);}.base_n9k1fc_b13ve66i__451eb3a9 .base_n9k1fc_l1gjsnfi__451eb3a9{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_n9k1fc_b13ve66i__451eb3a9 .base_n9k1fc_s1skqnhr__451eb3a9{margin:var(--plasma-textfield__hint-margin);}.base_n9k1fc_b13ve66i__451eb3a9 .base_n9k1fc_t600610__451eb3a9{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_n9k1fc_b13ve66i__451eb3a9 .base_n9k1fc_l7hnwwb__451eb3a9{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_n9k1fc_b13ve66i__451eb3a9 .base_n9k1fc_smqgwd8__451eb3a9,.base_n9k1fc_b13ve66i__451eb3a9 .base_n9k1fc_s14qvple__451eb3a9{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_n9k1fc_b13ve66i__451eb3a9 .base_n9k1fc_smqgwd8__451eb3a9{margin:var(--plasma-textfield__before-text-margin);}.base_n9k1fc_b13ve66i__451eb3a9 .base_n9k1fc_s14qvple__451eb3a9{margin:var(--plasma-textfield__after-text-margin);}
|
144
|
+
|
145
|
+
.base_tmr4o7_bptx5xt__1f1d7b6a .base_tmr4o7_i1j28rg8__1f1d7b6a{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_tmr4o7_bptx5xt__1f1d7b6a .base_tmr4o7_i1j28rg8__1f1d7b6a:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_tmr4o7_bptx5xt__1f1d7b6a .base_tmr4o7_i1j28rg8__1f1d7b6a:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_tmr4o7_bptx5xt__1f1d7b6a .base_tmr4o7_ibt1ohz__1f1d7b6a{color:var(--plasma-textfield__placeholder-color);}.base_tmr4o7_bptx5xt__1f1d7b6a .base_tmr4o7_i13qvwoy__1f1d7b6a{color:var(--plasma-textfield-color);}.base_tmr4o7_bptx5xt__1f1d7b6a .base_tmr4o7_t600610__1f1d7b6a{color:var(--plasma-textfield__title-caption-color);}.base_tmr4o7_bptx5xt__1f1d7b6a .base_tmr4o7_l7hnwwb__1f1d7b6a{color:var(--plasma-textfield__left-helper-color);}.base_tmr4o7_bptx5xt__1f1d7b6a .base_tmr4o7_smqgwd8__1f1d7b6a{color:var(--plasma-textfield__before-text-color);}.base_tmr4o7_bptx5xt__1f1d7b6a .base_tmr4o7_s14qvple__1f1d7b6a{color:var(--plasma-textfield__after-text-color);}
|
146
|
+
|
147
|
+
.base_frtgf7_b15zsg4z__c756099b[disabled]{opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_frtgf7_b15zsg4z__c756099b[disabled] .base_frtgf7_i13qvwoy__c756099b{cursor:not-allowed;min-width:unset;}
|
148
|
+
|
149
|
+
.base_dwfq44_b1w985rt__27ff7bdd[readonly] .base_dwfq44_i1j28rg8__27ff7bdd{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_dwfq44_b1w985rt__27ff7bdd[readonly] .base_dwfq44_i1j28rg8__27ff7bdd:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_dwfq44_b1w985rt__27ff7bdd[readonly] .base_dwfq44_ibt1ohz__27ff7bdd{color:var(--plasma-textfield__placeholder-color-readonly);}.base_dwfq44_b1w985rt__27ff7bdd[readonly] .base_dwfq44_i13qvwoy__27ff7bdd{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_dwfq44_b1w985rt__27ff7bdd[readonly] .base_dwfq44_t600610__27ff7bdd{color:var(--plasma-textfield__title-caption-color-readonly);}.base_dwfq44_b1w985rt__27ff7bdd[readonly] .base_dwfq44_l7hnwwb__27ff7bdd{color:var(--plasma-textfield__left-helper-color-readonly);}.base_dwfq44_b1w985rt__27ff7bdd[readonly] .base_dwfq44_l1gjsnfi__27ff7bdd{color:var(--plasma-textfield__label-color-readonly);}
|
134
150
|
|
135
|
-
.
|
151
|
+
.base_oh623n_b15d3bnf__82fde071.base_oh623n_labelPlacementOuter__82fde071 .base_oh623n_l1gjsnfi__82fde071{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_oh623n_b15d3bnf__82fde071.base_oh623n_labelPlacementInner__82fde071 .base_oh623n_i19ry60d__82fde071{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_oh623n_b15d3bnf__82fde071.base_oh623n_labelPlacementInner__82fde071 .base_oh623n_s14qvple__82fde071,.base_oh623n_b15d3bnf__82fde071.base_oh623n_labelPlacementInner__82fde071 .base_oh623n_smqgwd8__82fde071{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_oh623n_b15d3bnf__82fde071.base_oh623n_labelPlacementInner__82fde071 .base_oh623n_i13qvwoy__82fde071:focus ~ .base_oh623n_l1gjsnfi__82fde071,.base_oh623n_b15d3bnf__82fde071.base_oh623n_labelPlacementInner__82fde071 .base_oh623n_i13qvwoy__82fde071.base_oh623n_hasValue__82fde071 ~ .base_oh623n_l1gjsnfi__82fde071{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_oh623n_b15d3bnf__82fde071.base_oh623n_labelPlacementInner__82fde071 .base_oh623n_l1gjsnfi__82fde071{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
|
136
152
|
|
137
|
-
.
|
153
|
+
.base_l8etux_bbsd6t5__82026c13 .base_l8etux_hq39zt5__82026c13{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
|
138
154
|
|
139
|
-
.
|
155
|
+
.base_1f8fx0a_b10o15xy__e8dbd3cb .base_1f8fx0a_hq39zt5__e8dbd3cb{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:url(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
|
140
156
|
|
141
|
-
.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementOuter__2804036a .base_6k17xp_lbt1ohz__2804036a{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_i13qvwoy__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_s190z894__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_ssv2kwg__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a:focus ~ .base_6k17xp_lbt1ohz__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a.base_6k17xp_hasValue__2804036a ~ .base_6k17xp_lbt1ohz__2804036a{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_lbt1ohz__2804036a{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
|
142
157
|
|
143
|
-
.
|
144
|
-
.
|
145
|
-
.
|
146
|
-
.
|
147
|
-
.
|
148
|
-
.
|
149
|
-
.
|
150
|
-
.
|
151
|
-
.
|
152
|
-
.
|
158
|
+
.TextField_styles_1i9z45f_i1j28rg8__beda1720{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;}
|
159
|
+
.TextField_styles_1i9z45f_i13zudoe__beda1720{-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_1i9z45f_i13zudoe__beda1720::-webkit-scrollbar{display:none;}.TextField_styles_1i9z45f_i13zudoe__beda1720.TextField_styles_1i9z45f_hasChips__beda1720{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
160
|
+
.TextField_styles_1i9z45f_so4bpie__beda1720{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;}
|
161
|
+
.TextField_styles_1i9z45f_i13qvwoy__beda1720{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_1i9z45f_i13qvwoy__beda1720::-webkit-input-placeholder{opacity:0;}.TextField_styles_1i9z45f_i13qvwoy__beda1720::-moz-placeholder{opacity:0;}.TextField_styles_1i9z45f_i13qvwoy__beda1720:-ms-input-placeholder{opacity:0;}.TextField_styles_1i9z45f_i13qvwoy__beda1720::placeholder{opacity:0;}
|
162
|
+
.TextField_styles_1i9z45f_i19ry60d__beda1720{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
163
|
+
.TextField_styles_1i9z45f_ibt1ohz__beda1720{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);}
|
164
|
+
.TextField_styles_1i9z45f_olv9av6__beda1720{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;margin-bottom:var(--olv9av6-0);}
|
165
|
+
.TextField_styles_1i9z45f_t600610__beda1720{display:inline-block;margin-left:auto;}
|
166
|
+
.TextField_styles_1i9z45f_suk2zst__beda1720{position:relative;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;}
|
167
|
+
.TextField_styles_1i9z45f_l1gjsnfi__beda1720{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
168
|
+
.TextField_styles_1i9z45f_ssv2kwg__beda1720{color:var(--plasma-textfield-content-slot-color);line-height:0;}
|
169
|
+
.TextField_styles_1i9z45f_s190z894__beda1720.TextField_styles_1i9z45f_ssv2kwg__beda1720{margin:var(--plasma-textfield__left-content-margin);}
|
170
|
+
.TextField_styles_1i9z45f_sb3k3v1__beda1720.TextField_styles_1i9z45f_ssv2kwg__beda1720{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1i9z45f_sb3k3v1__beda1720.TextField_styles_1i9z45f_ssv2kwg__beda1720: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_1i9z45f_sb3k3v1__beda1720.TextField_styles_1i9z45f_ssv2kwg__beda1720:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
153
171
|
|
154
172
|
|
155
173
|
|
156
|
-
.
|
157
|
-
.
|
174
|
+
.TextField_styles_1i9z45f_s16itze4__beda1720{color:var(--plasma-textfield__optional-color);}
|
175
|
+
.TextField_styles_1i9z45f_s1skqnhr__beda1720{display:inline-block;line-height:0;}.TextField_styles_1i9z45f_s1skqnhr__beda1720.TextField_styles_1i9z45f_labelPlacementInner__beda1720{position:absolute;margin:0;top:0;right:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
176
|
+
.TextField_styles_1i9z45f_hgy0im1__beda1720{color:var(--plasma-textfield__hint-icon-color);}
|
177
|
+
.TextField_styles_1i9z45f_s8yezh4__beda1720{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1i9z45f_s8yezh4__beda1720.TextField_styles_1i9z45f_labelPlacementOuter__beda1720{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1i9z45f_s8yezh4__beda1720.TextField_styles_1i9z45f_labelPlacementOuter__beda1720.TextField_styles_1i9z45f_alignRight__beda1720{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1i9z45f_s8yezh4__beda1720.TextField_styles_1i9z45f_labelPlacementInner__beda1720{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1i9z45f_s8yezh4__beda1720.TextField_styles_1i9z45f_labelPlacementInner__beda1720.TextField_styles_1i9z45f_alignRight__beda1720{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
158
178
|
|
159
179
|
.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
160
180
|
|
@@ -164,7 +184,7 @@
|
|
164
184
|
|
165
185
|
.base_147olfn_b1uq5kuw__a79ac229{gap:var(--plasma-text-field-group-items-gap);}
|
166
186
|
|
167
|
-
.
|
187
|
+
.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupShapeDefault__7df62112{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-default-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupShapeSegmented__7df62112{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-segmented-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupShapeSegmented__7df62112.base_52bndd_textFieldGroupGapNone__7df62112{--plasma_private-text-field-radius-inner:0;}.base_52bndd_b1jijyt7__7df62112 .base_52bndd_textFieldGroupItem__7df62112 .base_52bndd_i1j28rg8__7df62112{--plasma-textfield-border-radius:var(--plasma_private-text-field-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child){margin-left:var(--plasma-text-field-group-web-margin-left);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:last-child) .base_52bndd_i1j28rg8__7df62112{-webkit-clip-path:var(--plasma-text-field-group-web-clip-path);clip-path:var(--plasma-text-field-group-web-clip-path);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:last-child) .base_52bndd_i1j28rg8__7df62112:hover,.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:last-child) .base_52bndd_i1j28rg8__7df62112:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child){margin-top:var(--plasma-text-field-group-web-margin-top);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child) .base_52bndd_i1j28rg8__7df62112{-webkit-clip-path:var(--plasma-text-field-group-web-vertical-clip-path);clip-path:var(--plasma-text-field-group-web-vertical-clip-path);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child) .base_52bndd_i1j28rg8__7df62112:hover,.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child) .base_52bndd_i1j28rg8__7df62112:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112 .base_52bndd_textFieldGroupItem__7df62112:first-child:last-child .base_52bndd_i1j28rg8__7df62112,.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112 .base_52bndd_textFieldGroupItem__7df62112:first-child:last-child .base_52bndd_i1j28rg8__7df62112{border-radius:var(--plasma-text-field-group-side-item-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112 .base_52bndd_textFieldGroupItem__7df62112:first-child .base_52bndd_i1j28rg8__7df62112{--plasma_private-left-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112 .base_52bndd_textFieldGroupItem__7df62112:last-child .base_52bndd_i1j28rg8__7df62112{--plasma_private-right-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112 .base_52bndd_textFieldGroupItem__7df62112:first-child .base_52bndd_i1j28rg8__7df62112{--plasma_private-up-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112 .base_52bndd_textFieldGroupItem__7df62112:last-child .base_52bndd_i1j28rg8__7df62112{--plasma_private-down-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}
|
168
188
|
|
169
189
|
.base_you2ou_b13vfoug__36f20bf4{-webkit-flex-direction:var(--plasma-text-field-group-orientation);-ms-flex-direction:var(--plasma-text-field-group-orientation);flex-direction:var(--plasma-text-field-group-orientation);}.base_you2ou_b13vfoug__36f20bf4.base_you2ou_textFieldGroupOrientationVertical__36f20bf4 .base_you2ou_textFieldGroupItem__36f20bf4{width:auto;}
|
170
190
|
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.156.0-canary.1459.11057629608.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -123,5 +123,5 @@
|
|
123
123
|
"react-popper": "2.3.0",
|
124
124
|
"storeon": "3.1.5"
|
125
125
|
},
|
126
|
-
"gitHead": "
|
126
|
+
"gitHead": "64dc830253d8f9a552423635287081db9188ff36"
|
127
127
|
}
|
@@ -13,7 +13,7 @@ var _focusedReducer = /*#__PURE__*/require("./reducers/focusedReducer");
|
|
13
13
|
var _ui = /*#__PURE__*/require("./ui");
|
14
14
|
var _Autocomplete = /*#__PURE__*/require("./Autocomplete.styles");
|
15
15
|
var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
|
16
|
-
var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch"];
|
16
|
+
var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch", "hasHint", "hintText"];
|
17
17
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
18
18
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
19
19
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -55,6 +55,8 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
|
|
55
55
|
renderList = _ref.renderList,
|
56
56
|
renderListEnd = _ref.renderListEnd,
|
57
57
|
onSearch = _ref.onSearch,
|
58
|
+
hasHint = _ref.hasHint,
|
59
|
+
hintText = _ref.hintText,
|
58
60
|
rest = _objectWithoutProperties(_ref, _excluded);
|
59
61
|
var _useReducer = (0, _react.useReducer)(_focusedReducer.focusedReducer, null),
|
60
62
|
_useReducer2 = _slicedToArray(_useReducer, 2),
|
@@ -152,7 +154,9 @@ var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root
|
|
152
154
|
"aria-controls": listId,
|
153
155
|
"aria-expanded": isOpen,
|
154
156
|
"aria-activedescendant": "".concat(listId, "/").concat(focused),
|
155
|
-
"aria-describedby": helperTextId
|
157
|
+
"aria-describedby": helperTextId,
|
158
|
+
hasHint: Boolean(hasHint),
|
159
|
+
hintText: String(hintText || '')
|
156
160
|
}, rest)),
|
157
161
|
preventOverflow: false,
|
158
162
|
ref: targetRef,
|
@@ -9,21 +9,26 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
|
|
9
9
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
10
10
|
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
11
11
|
var _utils = /*#__PURE__*/require("../../utils");
|
12
|
+
var _Icon = /*#__PURE__*/require("../_Icon");
|
13
|
+
var _hooks = /*#__PURE__*/require("../../hooks");
|
12
14
|
var _mixins = /*#__PURE__*/require("./mixins");
|
13
|
-
var
|
15
|
+
var _hooks2 = /*#__PURE__*/require("./hooks");
|
14
16
|
var _TextArea = /*#__PURE__*/require("./TextArea.styles");
|
15
17
|
var _TextArea2 = /*#__PURE__*/require("./TextArea.tokens");
|
16
18
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
17
19
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
18
20
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
19
|
-
var
|
21
|
+
var _base4 = /*#__PURE__*/require("./variations/_hint-view/base");
|
22
|
+
var _base5 = /*#__PURE__*/require("./variations/_hint-size/base");
|
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"];
|
20
25
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
21
26
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
22
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
23
27
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
24
28
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
25
29
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
26
30
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
31
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
27
32
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
28
33
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
29
34
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
@@ -92,6 +97,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
92
97
|
label = props.label,
|
93
98
|
_props$labelPlacement = props.labelPlacement,
|
94
99
|
labelPlacement = _props$labelPlacement === void 0 ? 'inner' : _props$labelPlacement,
|
100
|
+
titleCaption = props.titleCaption,
|
95
101
|
placeholder = props.placeholder,
|
96
102
|
defaultValue = props.defaultValue,
|
97
103
|
height = props.height,
|
@@ -112,21 +118,47 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
112
118
|
readOnly = props.readOnly,
|
113
119
|
rows = props.rows,
|
114
120
|
cols = props.cols,
|
121
|
+
hasHint = props.hasHint,
|
122
|
+
_props$hintTrigger = props.hintTrigger,
|
123
|
+
hintTrigger = _props$hintTrigger === void 0 ? 'hover' : _props$hintTrigger,
|
124
|
+
hintText = props.hintText,
|
125
|
+
_props$hintView = props.hintView,
|
126
|
+
hintView = _props$hintView === void 0 ? 'default' : _props$hintView,
|
127
|
+
_props$hintSize = props.hintSize,
|
128
|
+
hintSize = _props$hintSize === void 0 ? 'm' : _props$hintSize,
|
129
|
+
hintTarget = props.hintTarget,
|
130
|
+
_props$hintPlacement = props.hintPlacement,
|
131
|
+
hintPlacement = _props$hintPlacement === void 0 ? 'auto' : _props$hintPlacement,
|
132
|
+
hintHasArrow = props.hintHasArrow,
|
133
|
+
hintOffset = props.hintOffset,
|
134
|
+
hintMinWidth = props.hintMinWidth,
|
135
|
+
hintMaxWidth = props.hintMaxWidth,
|
136
|
+
hintContentLeft = props.hintContentLeft,
|
115
137
|
onChange = props.onChange,
|
116
138
|
rest = _objectWithoutProperties(props, _excluded);
|
117
|
-
var _useState = (0, _react.useState)(
|
139
|
+
var _useState = (0, _react.useState)(false),
|
118
140
|
_useState2 = _slicedToArray(_useState, 2),
|
119
|
-
|
120
|
-
|
121
|
-
var _useState3 = (0, _react.useState)(
|
141
|
+
showHint = _useState2[0],
|
142
|
+
setShowHint = _useState2[1];
|
143
|
+
var _useState3 = (0, _react.useState)(width ? "".concat(width, "rem") : '100%'),
|
122
144
|
_useState4 = _slicedToArray(_useState3, 2),
|
123
|
-
|
124
|
-
|
125
|
-
var _useState5 = (0, _react.useState)(),
|
145
|
+
helperWidth = _useState4[0],
|
146
|
+
setHelperWidth = _useState4[1];
|
147
|
+
var _useState5 = (0, _react.useState)(false),
|
126
148
|
_useState6 = _slicedToArray(_useState5, 2),
|
127
|
-
|
128
|
-
|
149
|
+
focused = _useState6[0],
|
150
|
+
setFocused = _useState6[1];
|
151
|
+
var _useState7 = (0, _react.useState)(),
|
152
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
153
|
+
uncontrolledValue = _useState8[0],
|
154
|
+
setUncontrolledValue = _useState8[1];
|
155
|
+
var hintId = (0, _utils.safeUseId)();
|
129
156
|
var outerRef = innerRef && 'current' in innerRef ? innerRef : /*#__PURE__*/(0, _react.createRef)();
|
157
|
+
var hintRef = (0, _hooks.useOutsideClick)(function () {
|
158
|
+
setShowHint(false);
|
159
|
+
});
|
160
|
+
var hintInnerRef = (0, _react.useRef)(null);
|
161
|
+
var hintForkRef = (0, _plasmaCore.useForkRef)(hintRef, hintInnerRef);
|
130
162
|
var innerOptional = required ? false : optional;
|
131
163
|
var hasHelper = Boolean(leftHelper || rightHelper || helperText);
|
132
164
|
var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
|
@@ -137,15 +169,32 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
137
169
|
var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
|
138
170
|
var placeholderLabel = hasInnerLabel ? label : placeholder;
|
139
171
|
var requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;
|
172
|
+
var handleShowHint = function handleShowHint() {
|
173
|
+
return setShowHint(true);
|
174
|
+
};
|
175
|
+
var handleHideHint = function handleHideHint() {
|
176
|
+
return setShowHint(false);
|
177
|
+
};
|
178
|
+
var handleClickHint = function handleClickHint(event) {
|
179
|
+
if (hasHint && hintTrigger === 'click') {
|
180
|
+
var _hintInnerRef$current;
|
181
|
+
event.stopPropagation();
|
182
|
+
var targetIsPopover = event.target === hintInnerRef.current;
|
183
|
+
var rootHasTarget = (_hintInnerRef$current = hintInnerRef.current) === null || _hintInnerRef$current === void 0 ? void 0 : _hintInnerRef$current.contains(event.target);
|
184
|
+
if (!targetIsPopover && !rootHasTarget) {
|
185
|
+
setShowHint(true);
|
186
|
+
}
|
187
|
+
}
|
188
|
+
};
|
140
189
|
(0, _plasmaCore.useResizeObserver)(outerRef, function (currentElement) {
|
141
190
|
var inlineWidth = currentElement.style.width;
|
142
191
|
if (inlineWidth || cols) {
|
143
192
|
var _currentElement$getBo = currentElement.getBoundingClientRect(),
|
144
193
|
elementWidth = _currentElement$getBo.width;
|
145
|
-
setHelperWidth("".concat(elementWidth /
|
194
|
+
setHelperWidth("".concat(elementWidth / _hooks2.ROOT_FONT_SIZE, "rem"));
|
146
195
|
}
|
147
196
|
});
|
148
|
-
(0,
|
197
|
+
(0, _hooks2.useAutoResize)(autoResize, outerRef, value, minAuto, maxAuto);
|
149
198
|
var onFocusHandler = (0, _react.useCallback)(function () {
|
150
199
|
setFocused(true);
|
151
200
|
}, []);
|
@@ -171,7 +220,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
171
220
|
autoResize: autoResize
|
172
221
|
}), focused);
|
173
222
|
var optionalTextNode = innerOptional ? /*#__PURE__*/_react["default"].createElement(_TextArea.StyledOptionalText, null, Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\xa0', optionalText) : null;
|
174
|
-
return /*#__PURE__*/_react["default"].createElement(Root, {
|
223
|
+
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
175
224
|
view: overriddenView,
|
176
225
|
size: size,
|
177
226
|
disabled: disabled,
|
@@ -180,16 +229,67 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
180
229
|
width: helperWidth
|
181
230
|
}, style),
|
182
231
|
className: className
|
183
|
-
},
|
232
|
+
}, hasHint && {
|
233
|
+
hintView: hintView || 'default',
|
234
|
+
hintSize: hintSize || 'm'
|
235
|
+
}), (hasOuterLabel || titleCaption) && /*#__PURE__*/_react["default"].createElement(_TextArea.OuterLabelWrapper, {
|
236
|
+
isInnnerLabel: labelPlacement === 'inner'
|
237
|
+
}, hasOuterLabel && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledIndicatorWrapper, null, /*#__PURE__*/_react["default"].createElement(_TextArea.StyledLabel, null, label), hasHint && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledHintWrapper, null, /*#__PURE__*/_react["default"].createElement(_TextArea.Hint, {
|
238
|
+
text: String(hintText),
|
239
|
+
opened: showHint,
|
240
|
+
target: hintTarget || /*#__PURE__*/_react["default"].createElement(_TextArea.HintTargetWrapper, _extends({
|
241
|
+
id: hintId
|
242
|
+
}, hintTrigger === 'hover' ? {
|
243
|
+
onMouseEnter: handleShowHint,
|
244
|
+
onMouseLeave: handleHideHint
|
245
|
+
} : {
|
246
|
+
onClick: handleClickHint
|
247
|
+
}), _IconInfoCircleOutlin || (_IconInfoCircleOutlin = /*#__PURE__*/_react["default"].createElement(_Icon.IconInfoCircleOutline, {
|
248
|
+
size: "xs",
|
249
|
+
color: "inherit"
|
250
|
+
}))),
|
251
|
+
placement: hintPlacement,
|
252
|
+
hasArrow: hintHasArrow,
|
253
|
+
offset: hintOffset,
|
254
|
+
minWidth: hintMinWidth,
|
255
|
+
maxWidth: hintMaxWidth,
|
256
|
+
contentLeft: hintContentLeft,
|
257
|
+
frame: hintId,
|
258
|
+
ref: hintForkRef
|
259
|
+
})), required && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledIndicator, {
|
184
260
|
className: (0, _utils.cx)(_TextArea2.classes.outerLabelPlacement, requiredPlacementClass)
|
185
|
-
}),
|
261
|
+
}), optionalTextNode), titleCaption && /*#__PURE__*/_react["default"].createElement(_TextArea.TitleCaption, null, titleCaption)), /*#__PURE__*/_react["default"].createElement(_TextArea.StyledContainer, {
|
186
262
|
className: _utils.cx.apply(void 0, [styledContainer].concat(_toConsumableArray(dynamicLabelClasses))),
|
187
263
|
width: helperWidth,
|
188
264
|
onFocus: onFocusHandler,
|
189
265
|
onBlur: onBlurHandler
|
190
|
-
},
|
266
|
+
}, !hasOuterLabel && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, required && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledIndicator, {
|
191
267
|
className: (0, _utils.cx)(_TextArea2.classes.innerLabelPlacement, requiredPlacementClass)
|
192
|
-
}),
|
268
|
+
}), hasHint && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledHintWrapper, {
|
269
|
+
className: _TextArea2.classes.innerLabelPlacement
|
270
|
+
}, /*#__PURE__*/_react["default"].createElement(_TextArea.Hint, {
|
271
|
+
text: String(hintText),
|
272
|
+
opened: showHint,
|
273
|
+
target: hintTarget || /*#__PURE__*/_react["default"].createElement(_TextArea.HintTargetWrapper, _extends({
|
274
|
+
id: hintId
|
275
|
+
}, hintTrigger === 'hover' ? {
|
276
|
+
onMouseEnter: handleShowHint,
|
277
|
+
onMouseLeave: handleHideHint
|
278
|
+
} : {
|
279
|
+
onClick: handleClickHint
|
280
|
+
}), _IconInfoCircleOutlin2 || (_IconInfoCircleOutlin2 = /*#__PURE__*/_react["default"].createElement(_Icon.IconInfoCircleOutline, {
|
281
|
+
size: "xs",
|
282
|
+
color: "inherit"
|
283
|
+
}))),
|
284
|
+
placement: hintPlacement,
|
285
|
+
hasArrow: hintHasArrow,
|
286
|
+
offset: hintOffset,
|
287
|
+
minWidth: hintMinWidth,
|
288
|
+
maxWidth: hintMaxWidth,
|
289
|
+
contentLeft: hintContentLeft,
|
290
|
+
frame: hintId,
|
291
|
+
ref: hintForkRef
|
292
|
+
}))), contentRight && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledContent, null, contentRight), /*#__PURE__*/_react["default"].createElement(_TextArea.StyledTextAreaWrapper, {
|
193
293
|
className: styledTextAreaWrapper,
|
194
294
|
hasHelper: hasHelper
|
195
295
|
}, /*#__PURE__*/_react["default"].createElement(_TextArea.StyledTextArea, _extends({
|
@@ -239,6 +339,12 @@ var textAreaConfig = exports.textAreaConfig = {
|
|
239
339
|
},
|
240
340
|
readOnly: {
|
241
341
|
attrs: true
|
342
|
+
},
|
343
|
+
hintView: {
|
344
|
+
css: _base4.base
|
345
|
+
},
|
346
|
+
hintSize: {
|
347
|
+
css: _base5.base
|
242
348
|
}
|
243
349
|
},
|
244
350
|
defaults: {
|