@salutejs/plasma-new-hope 0.166.0-canary.1459.11347702889.0 → 0.166.0-canary.1470.11343749799.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Attach/Attach.js +8 -17
- package/cjs/components/Attach/Attach.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.css +19 -34
- package/cjs/components/Autocomplete/Autocomplete.js +2 -6
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +18 -38
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +18 -38
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +18 -38
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +18 -33
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +18 -33
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +20 -35
- package/cjs/components/Range/Range.css +19 -39
- package/cjs/components/Slider/Slider.css +19 -39
- package/cjs/components/Slider/Slider.js +0 -2
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +19 -39
- package/cjs/components/TextArea/TextArea.js +18 -129
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +63 -160
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_es0miz.css +11 -0
- package/cjs/components/TextArea/TextArea.tokens.js +4 -43
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/hooks/useAutoResize.js +4 -2
- package/cjs/components/TextArea/hooks/useAutoResize.js.map +1 -1
- package/cjs/components/TextArea/variations/_clear/base.js +1 -1
- package/cjs/components/TextArea/variations/_clear/base.js.map +1 -1
- package/cjs/components/TextArea/variations/_clear/base_vidplj.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_td55th.css +1 -0
- package/cjs/components/TextField/TextField.js +9 -117
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +23 -76
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/TextField.styles_1d2ryq.css +15 -0
- package/cjs/components/TextField/TextField.tokens.js +1 -40
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_clear/base.js +1 -1
- package/cjs/components/TextField/variations/_clear/base.js.map +1 -1
- package/cjs/components/TextField/variations/_clear/base_rit6gc.css +1 -0
- package/cjs/components/TextField/variations/_disabled/base.js +1 -1
- package/cjs/components/TextField/variations/_disabled/{base_4d3opa.css → base_2tv0nz.css} +1 -1
- 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_1ghihns.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_1n7tghz.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_1h8l0kj.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_1noe46b.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_1e0je21.css +1 -0
- package/cjs/index.css +34 -54
- package/emotion/cjs/components/Attach/Attach.js +8 -17
- package/emotion/cjs/components/Attach/Attach.template-doc.mdx +0 -69
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +2 -6
- package/emotion/cjs/components/TextArea/TextArea.js +23 -132
- package/emotion/cjs/components/TextArea/TextArea.styles.js +41 -99
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +1 -6
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +4 -43
- package/emotion/cjs/components/TextArea/hooks/useAutoResize.js +4 -2
- package/emotion/cjs/components/TextArea/variations/_clear/base.js +1 -1
- package/emotion/cjs/components/TextArea/variations/_view/base.js +1 -2
- package/emotion/cjs/components/TextField/TextField.js +12 -119
- package/emotion/cjs/components/TextField/TextField.styles.js +37 -84
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +1 -7
- package/emotion/cjs/components/TextField/TextField.tokens.js +1 -40
- package/emotion/cjs/components/TextField/variations/_clear/base.js +1 -1
- 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/index.js +1 -8
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +1 -2
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +2 -0
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +10 -19
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +0 -70
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +13 -22
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +1 -71
- package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.js +1 -2
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +2 -0
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +10 -19
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +0 -70
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +13 -22
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -80
- package/emotion/cjs/examples/plasma_web/components/Toast/Toast.config.js +5 -5
- package/emotion/es/components/Attach/Attach.js +8 -17
- package/emotion/es/components/Attach/Attach.template-doc.mdx +0 -69
- package/emotion/es/components/Autocomplete/Autocomplete.js +2 -6
- package/emotion/es/components/TextArea/TextArea.js +24 -133
- package/emotion/es/components/TextArea/TextArea.styles.js +40 -98
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +1 -6
- package/emotion/es/components/TextArea/TextArea.tokens.js +4 -43
- package/emotion/es/components/TextArea/hooks/useAutoResize.js +4 -2
- package/emotion/es/components/TextArea/variations/_clear/base.js +2 -2
- package/emotion/es/components/TextArea/variations/_view/base.js +1 -2
- package/emotion/es/components/TextField/TextField.js +11 -118
- package/emotion/es/components/TextField/TextField.styles.js +36 -83
- package/emotion/es/components/TextField/TextField.template-doc.mdx +1 -7
- package/emotion/es/components/TextField/TextField.tokens.js +1 -40
- package/emotion/es/components/TextField/variations/_clear/base.js +2 -2
- 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/index.js +1 -2
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.js +1 -2
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +2 -0
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +10 -19
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +0 -70
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +13 -22
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +1 -71
- package/emotion/es/examples/plasma_b2c/components/Toast/Toast.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.js +1 -2
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +2 -0
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +10 -19
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +0 -70
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +13 -22
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -80
- package/emotion/es/examples/plasma_web/components/Toast/Toast.config.js +5 -5
- package/es/components/Attach/Attach.js +8 -17
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.css +19 -34
- package/es/components/Autocomplete/Autocomplete.js +2 -6
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +18 -38
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +18 -38
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +18 -38
- package/es/components/DatePicker/RangeDate/RangeDate.css +18 -33
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +18 -33
- package/es/components/DatePicker/SingleDate/SingleDate.css +20 -35
- package/es/components/Range/Range.css +19 -39
- package/es/components/Slider/Slider.css +19 -39
- package/es/components/Slider/Slider.js +0 -2
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +19 -39
- package/es/components/TextArea/TextArea.js +22 -133
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +64 -155
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/TextArea.styles_es0miz.css +11 -0
- package/es/components/TextArea/TextArea.tokens.js +4 -43
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/hooks/useAutoResize.js +4 -2
- package/es/components/TextArea/hooks/useAutoResize.js.map +1 -1
- package/es/components/TextArea/variations/_clear/base.js +1 -1
- package/es/components/TextArea/variations/_clear/base.js.map +1 -1
- package/es/components/TextArea/variations/_clear/base_vidplj.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_td55th.css +1 -0
- package/es/components/TextField/TextField.js +10 -118
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +24 -71
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/TextField.styles_1d2ryq.css +15 -0
- package/es/components/TextField/TextField.tokens.js +1 -40
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_clear/base.js +1 -1
- package/es/components/TextField/variations/_clear/base.js.map +1 -1
- package/es/components/TextField/variations/_clear/base_rit6gc.css +1 -0
- package/es/components/TextField/variations/_disabled/base.js +1 -1
- package/es/components/TextField/variations/_disabled/{base_4d3opa.css → base_2tv0nz.css} +1 -1
- 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_1ghihns.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_1n7tghz.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_1h8l0kj.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_1noe46b.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_1e0je21.css +1 -0
- package/es/index.css +34 -54
- package/package.json +2 -2
- package/styled-components/cjs/components/Attach/Attach.js +8 -17
- package/styled-components/cjs/components/Attach/Attach.template-doc.mdx +0 -69
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +2 -6
- package/styled-components/cjs/components/TextArea/TextArea.js +22 -131
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +42 -85
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +1 -6
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +4 -43
- package/styled-components/cjs/components/TextArea/hooks/useAutoResize.js +4 -2
- package/styled-components/cjs/components/TextArea/variations/_clear/base.js +1 -1
- package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -2
- package/styled-components/cjs/components/TextField/TextField.js +11 -118
- package/styled-components/cjs/components/TextField/TextField.styles.js +21 -46
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +1 -7
- package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -40
- package/styled-components/cjs/components/TextField/variations/_clear/base.js +1 -1
- 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/index.js +1 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +1 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +2 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -18
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +0 -70
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +9 -18
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +1 -71
- package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.js +1 -2
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +2 -0
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +9 -18
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +0 -70
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +9 -18
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -80
- package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.config.js +1 -1
- package/styled-components/es/components/Attach/Attach.js +8 -17
- package/styled-components/es/components/Attach/Attach.template-doc.mdx +0 -69
- package/styled-components/es/components/Autocomplete/Autocomplete.js +2 -6
- package/styled-components/es/components/TextArea/TextArea.js +23 -132
- package/styled-components/es/components/TextArea/TextArea.styles.js +41 -84
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +1 -6
- package/styled-components/es/components/TextArea/TextArea.tokens.js +4 -43
- package/styled-components/es/components/TextArea/hooks/useAutoResize.js +4 -2
- package/styled-components/es/components/TextArea/variations/_clear/base.js +2 -2
- package/styled-components/es/components/TextArea/variations/_view/base.js +1 -2
- package/styled-components/es/components/TextField/TextField.js +10 -117
- package/styled-components/es/components/TextField/TextField.styles.js +20 -45
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +1 -7
- package/styled-components/es/components/TextField/TextField.tokens.js +1 -40
- package/styled-components/es/components/TextField/variations/_clear/base.js +2 -2
- 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/index.js +1 -2
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.js +1 -2
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +2 -0
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -18
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +0 -70
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +9 -18
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +1 -71
- package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.js +1 -2
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +2 -0
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +9 -18
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +0 -70
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +9 -18
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -80
- package/styled-components/es/examples/plasma_web/components/Toast/Toast.config.js +1 -1
- package/types/components/Attach/Attach.d.ts.map +1 -1
- package/types/components/Attach/Attach.types.d.ts +0 -4
- package/types/components/Attach/Attach.types.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -424
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +0 -424
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +0 -424
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +0 -424
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +0 -424
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts +3 -9
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +1 -11
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +0 -39
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +3 -83
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/hooks/useAutoResize.d.ts.map +1 -1
- package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -1
- package/types/components/TextArea/variations/_view/base.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts +3 -9
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +0 -8
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -39
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +2 -78
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/variations/_clear/base.d.ts.map +1 -1
- 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/index.d.ts +0 -1
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +26 -230
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +12 -788
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +0 -9
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +0 -473
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +0 -9
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +0 -433
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +26 -230
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +12 -788
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +0 -9
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +0 -473
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +0 -9
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +0 -433
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_mcxlmk.css +0 -17
- package/cjs/components/TextArea/variations/_clear/base_1ezvvtt.css +0 -1
- package/cjs/components/TextArea/variations/_hint-size/base.js +0 -9
- package/cjs/components/TextArea/variations/_hint-size/base.js.map +0 -1
- package/cjs/components/TextArea/variations/_hint-size/base_1ipgv90.css +0 -1
- package/cjs/components/TextArea/variations/_hint-view/base.js +0 -9
- package/cjs/components/TextArea/variations/_hint-view/base.js.map +0 -1
- package/cjs/components/TextArea/variations/_hint-view/base_111a0qe.css +0 -1
- package/cjs/components/TextArea/variations/_view/base_1xgrm3x.css +0 -1
- package/cjs/components/TextField/TextField.styles_17xt45g.css +0 -21
- package/cjs/components/TextField/variations/_clear/base_1pkwm4m.css +0 -1
- package/cjs/components/TextField/variations/_hint-size/base.js +0 -9
- package/cjs/components/TextField/variations/_hint-size/base.js.map +0 -1
- package/cjs/components/TextField/variations/_hint-size/base_1x99605.css +0 -1
- package/cjs/components/TextField/variations/_hint-view/base.js +0 -9
- package/cjs/components/TextField/variations/_hint-view/base.js.map +0 -1
- package/cjs/components/TextField/variations/_hint-view/base_l8etux.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_3domm.css +0 -1
- package/cjs/components/TextField/variations/_read-only/base_17ypmu7.css +0 -1
- package/cjs/components/TextField/variations/_size/base_1xdmaqh.css +0 -1
- package/cjs/components/TextField/variations/_view/base_qhyte8.css +0 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base_52bndd.css +0 -1
- package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +0 -23
- package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +0 -23
- package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js.map +0 -1
- package/emotion/cjs/components/TextArea/variations/_hint-size/base.js +0 -11
- package/emotion/cjs/components/TextArea/variations/_hint-size/tokens.json +0 -21
- package/emotion/cjs/components/TextArea/variations/_hint-view/base.js +0 -11
- package/emotion/cjs/components/TextArea/variations/_hint-view/tokens.json +0 -5
- package/emotion/cjs/components/TextField/variations/_hint-size/base.js +0 -11
- package/emotion/cjs/components/TextField/variations/_hint-size/tokens.json +0 -21
- package/emotion/cjs/components/TextField/variations/_hint-view/base.js +0 -11
- package/emotion/cjs/components/TextField/variations/_hint-view/tokens.json +0 -5
- package/emotion/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +0 -22
- package/emotion/es/components/TextArea/variations/_hint-size/base.js +0 -5
- package/emotion/es/components/TextArea/variations/_hint-size/tokens.json +0 -21
- package/emotion/es/components/TextArea/variations/_hint-view/base.js +0 -5
- package/emotion/es/components/TextArea/variations/_hint-view/tokens.json +0 -5
- package/emotion/es/components/TextField/variations/_hint-size/base.js +0 -5
- package/emotion/es/components/TextField/variations/_hint-size/tokens.json +0 -21
- package/emotion/es/components/TextField/variations/_hint-view/base.js +0 -5
- package/emotion/es/components/TextField/variations/_hint-view/tokens.json +0 -5
- package/emotion/es/components/_Icon/Icon.assets/InfoCircleOutline.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconInfoCircleOutline.js +0 -15
- package/es/components/TextArea/TextArea.styles_mcxlmk.css +0 -17
- package/es/components/TextArea/variations/_clear/base_1ezvvtt.css +0 -1
- package/es/components/TextArea/variations/_hint-size/base.js +0 -5
- package/es/components/TextArea/variations/_hint-size/base.js.map +0 -1
- package/es/components/TextArea/variations/_hint-size/base_1ipgv90.css +0 -1
- package/es/components/TextArea/variations/_hint-view/base.js +0 -5
- package/es/components/TextArea/variations/_hint-view/base.js.map +0 -1
- package/es/components/TextArea/variations/_hint-view/base_111a0qe.css +0 -1
- package/es/components/TextArea/variations/_view/base_1xgrm3x.css +0 -1
- package/es/components/TextField/TextField.styles_17xt45g.css +0 -21
- package/es/components/TextField/variations/_clear/base_1pkwm4m.css +0 -1
- package/es/components/TextField/variations/_hint-size/base.js +0 -5
- package/es/components/TextField/variations/_hint-size/base.js.map +0 -1
- package/es/components/TextField/variations/_hint-size/base_1x99605.css +0 -1
- package/es/components/TextField/variations/_hint-view/base.js +0 -5
- package/es/components/TextField/variations/_hint-view/base.js.map +0 -1
- package/es/components/TextField/variations/_hint-view/base_l8etux.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_3domm.css +0 -1
- package/es/components/TextField/variations/_read-only/base_17ypmu7.css +0 -1
- package/es/components/TextField/variations/_size/base_1xdmaqh.css +0 -1
- package/es/components/TextField/variations/_view/base_qhyte8.css +0 -1
- package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css +0 -1
- package/es/components/_Icon/Icon.assets/InfoCircleOutline.js +0 -19
- package/es/components/_Icon/Icon.assets/InfoCircleOutline.js.map +0 -1
- package/es/components/_Icon/Icons/IconInfoCircleOutline.js +0 -19
- package/es/components/_Icon/Icons/IconInfoCircleOutline.js.map +0 -1
- package/styled-components/cjs/components/TextArea/variations/_hint-size/base.js +0 -11
- package/styled-components/cjs/components/TextArea/variations/_hint-size/tokens.json +0 -21
- package/styled-components/cjs/components/TextArea/variations/_hint-view/base.js +0 -11
- package/styled-components/cjs/components/TextArea/variations/_hint-view/tokens.json +0 -5
- package/styled-components/cjs/components/TextField/variations/_hint-size/base.js +0 -11
- package/styled-components/cjs/components/TextField/variations/_hint-size/tokens.json +0 -21
- package/styled-components/cjs/components/TextField/variations/_hint-view/base.js +0 -11
- package/styled-components/cjs/components/TextField/variations/_hint-view/tokens.json +0 -5
- package/styled-components/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +0 -22
- package/styled-components/es/components/TextArea/variations/_hint-size/base.js +0 -5
- package/styled-components/es/components/TextArea/variations/_hint-size/tokens.json +0 -21
- package/styled-components/es/components/TextArea/variations/_hint-view/base.js +0 -5
- package/styled-components/es/components/TextArea/variations/_hint-view/tokens.json +0 -5
- package/styled-components/es/components/TextField/variations/_hint-size/base.js +0 -5
- package/styled-components/es/components/TextField/variations/_hint-size/tokens.json +0 -21
- package/styled-components/es/components/TextField/variations/_hint-view/base.js +0 -5
- package/styled-components/es/components/TextField/variations/_hint-view/tokens.json +0 -5
- package/styled-components/es/components/_Icon/Icon.assets/InfoCircleOutline.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconInfoCircleOutline.js +0 -15
- package/types/components/TextArea/variations/_hint-size/base.d.ts +0 -2
- package/types/components/TextArea/variations/_hint-size/base.d.ts.map +0 -1
- package/types/components/TextArea/variations/_hint-view/base.d.ts +0 -2
- package/types/components/TextArea/variations/_hint-view/base.d.ts.map +0 -1
- package/types/components/TextField/variations/_hint-size/base.d.ts +0 -2
- package/types/components/TextField/variations/_hint-size/base.d.ts.map +0 -1
- package/types/components/TextField/variations/_hint-view/base.d.ts +0 -2
- package/types/components/TextField/variations/_hint-view/base.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts +0 -4
- package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts.map +0 -1
@@ -4,8 +4,7 @@ import { action } from '@storybook/addon-actions';
|
|
4
4
|
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
5
5
|
|
6
6
|
import { WithTheme } from '../../../_helpers';
|
7
|
-
import {
|
8
|
-
import type { PopoverPlacement } from '../Popover/Popover';
|
7
|
+
import { IconChevronLeft } from '../../../../components/_Icon';
|
9
8
|
|
10
9
|
import { TextField } from './TextField';
|
11
10
|
|
@@ -17,29 +16,7 @@ const onChipsChange = action('onChipsChange');
|
|
17
16
|
|
18
17
|
const sizes = ['l', 'm', 's', 'xs'];
|
19
18
|
const views = ['default', 'positive', 'warning', 'negative'];
|
20
|
-
const hintViews = ['default', 'onDark', 'onLight'];
|
21
|
-
const hintSizes = ['m', 's'];
|
22
|
-
const hintTriggers = ['hover', 'click'];
|
23
19
|
const labelPlacements = ['outer', 'inner'];
|
24
|
-
const placements: Array<PopoverPlacement> = [
|
25
|
-
'top',
|
26
|
-
'top-start',
|
27
|
-
'top-end',
|
28
|
-
|
29
|
-
'bottom',
|
30
|
-
'bottom-start',
|
31
|
-
'bottom-end',
|
32
|
-
|
33
|
-
'left',
|
34
|
-
'left-start',
|
35
|
-
'left-end',
|
36
|
-
|
37
|
-
'right',
|
38
|
-
'right-start',
|
39
|
-
'right-end',
|
40
|
-
|
41
|
-
'auto',
|
42
|
-
];
|
43
20
|
|
44
21
|
const meta: Meta<typeof TextField> = {
|
45
22
|
title: 'plasma_web/TextField',
|
@@ -93,43 +70,6 @@ const meta: Meta<typeof TextField> = {
|
|
93
70
|
type: 'inline-radio',
|
94
71
|
},
|
95
72
|
},
|
96
|
-
hintView: {
|
97
|
-
options: hintViews,
|
98
|
-
control: {
|
99
|
-
type: 'select',
|
100
|
-
},
|
101
|
-
if: { arg: 'hasHint', truthy: true },
|
102
|
-
},
|
103
|
-
hintSize: {
|
104
|
-
options: hintSizes,
|
105
|
-
control: {
|
106
|
-
type: 'select',
|
107
|
-
},
|
108
|
-
if: { arg: 'hasHint', truthy: true },
|
109
|
-
},
|
110
|
-
hintTrigger: {
|
111
|
-
options: hintTriggers,
|
112
|
-
control: {
|
113
|
-
type: 'inline-radio',
|
114
|
-
},
|
115
|
-
if: { arg: 'hasHint', truthy: true },
|
116
|
-
},
|
117
|
-
hintText: {
|
118
|
-
control: { type: 'text' },
|
119
|
-
if: { arg: 'hasHint', truthy: true },
|
120
|
-
},
|
121
|
-
hintPlacement: {
|
122
|
-
options: placements,
|
123
|
-
control: {
|
124
|
-
type: 'select',
|
125
|
-
},
|
126
|
-
if: { arg: 'hasHint', truthy: true },
|
127
|
-
mappers: placements,
|
128
|
-
},
|
129
|
-
hintHasArrow: {
|
130
|
-
control: { type: 'boolean' },
|
131
|
-
if: { arg: 'hasHint', truthy: true },
|
132
|
-
},
|
133
73
|
},
|
134
74
|
};
|
135
75
|
|
@@ -165,13 +105,13 @@ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: Sto
|
|
165
105
|
const iconSize = rest.size === 'xs' ? 'xs' : 's';
|
166
106
|
|
167
107
|
return (
|
168
|
-
<div style={{ display: 'flex', flexDirection: 'column', gap: '2rem'
|
108
|
+
<div style={{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>
|
169
109
|
<TextField
|
170
110
|
{...rest}
|
171
111
|
enumerationType="plain"
|
172
112
|
value={text}
|
173
|
-
contentLeft={enableContentLeft ? <
|
174
|
-
contentRight={enableContentRight ? <
|
113
|
+
contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
|
114
|
+
contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
|
175
115
|
view={view}
|
176
116
|
onChange={(e) => {
|
177
117
|
setText(e.target.value);
|
@@ -205,28 +145,17 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
205
145
|
view: 'default',
|
206
146
|
label: 'Лейбл',
|
207
147
|
labelPlacement: 'outer',
|
208
|
-
titleCaption: 'Подпись к полю',
|
209
|
-
textBefore: '',
|
210
|
-
textAfter: '',
|
211
148
|
placeholder: 'Заполните поле',
|
212
149
|
leftHelper: 'Подсказка к полю',
|
213
150
|
disabled: false,
|
214
151
|
readOnly: false,
|
152
|
+
required: false,
|
153
|
+
requiredPlacement: 'right',
|
154
|
+
optional: false,
|
215
155
|
enableContentLeft: true,
|
216
156
|
enableContentRight: true,
|
217
157
|
clear: false,
|
218
158
|
hasDivider: false,
|
219
|
-
optional: false,
|
220
|
-
required: false,
|
221
|
-
requiredPlacement: 'right',
|
222
|
-
hasHint: false,
|
223
|
-
hintTrigger: 'hover',
|
224
|
-
hintText: 'Текст подсказки',
|
225
|
-
hintView: 'default',
|
226
|
-
hintSize: 'm',
|
227
|
-
hintPlacement: 'auto',
|
228
|
-
hintWidth: '10rem',
|
229
|
-
hintHasArrow: true,
|
230
159
|
},
|
231
160
|
render: (args) => <StoryDemo {...args} />,
|
232
161
|
};
|
@@ -247,6 +176,8 @@ type StoryPropsChips = Omit<
|
|
247
176
|
| 'checked'
|
248
177
|
| 'maxLength'
|
249
178
|
| 'minLength'
|
179
|
+
| 'required'
|
180
|
+
| 'optional'
|
250
181
|
| 'enumerationType'
|
251
182
|
> & {
|
252
183
|
enableContentLeft: boolean;
|
@@ -263,7 +194,7 @@ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: St
|
|
263
194
|
{...rest}
|
264
195
|
enumerationType="chip"
|
265
196
|
value={text}
|
266
|
-
contentLeft={enableContentLeft ? <
|
197
|
+
contentLeft={enableContentLeft ? <IconChevronLeft color="inherit" size={iconSize} /> : undefined}
|
267
198
|
contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
|
268
199
|
view={view}
|
269
200
|
onChange={(e) => {
|
@@ -273,7 +204,6 @@ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: St
|
|
273
204
|
onFocus={onFocus}
|
274
205
|
onBlur={onBlur}
|
275
206
|
onChangeChips={onChipsChange}
|
276
|
-
style={{ width: '70%', margin: '0 auto' }}
|
277
207
|
/>
|
278
208
|
);
|
279
209
|
};
|
@@ -7,15 +7,15 @@ export var config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
view: {
|
10
|
-
"default": /*#__PURE__*/css(toastTokens.color, ":var(--text-primary);", toastTokens.background, ":var(--surface-solid-card-brightness);", toastTokens.closeIconColor, ":var(--text-secondary);", toastTokens.closeIconColorOnHover, ":var(--text-secondary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
11
|
-
dark: /*#__PURE__*/css(toastTokens.color, ":var(--on-dark-text-primary);", toastTokens.background, ":var(--on-dark-surface-solid-
|
12
|
-
light: /*#__PURE__*/css(toastTokens.color, ":var(--on-light-text-primary);", toastTokens.background, ":var(--on-light-surface-solid-primary-brightness);", toastTokens.closeIconColor, ":var(--on-light-text-secondary);", toastTokens.closeIconColorOnHover, ":var(--on-light-text-secondary);;label:plasma-new-hope__light;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
10
|
+
"default": /*#__PURE__*/css(toastTokens.color, ":var(--text-primary);", toastTokens.background, ":var(--surface-solid-card-brightness);", toastTokens.closeIconColor, ":var(--text-secondary);", toastTokens.closeIconColorOnHover, ":var(--text-secondary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRvYXN0VG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ub2FzdCc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQtYnJpZ2h0bmVzcyk7XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3JPbkhvdmVyfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRhcms6IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNvbG9yfTogdmFyKC0tb24tZGFyay10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYmFja2dyb3VuZH06IHZhcigtLW9uLWRhcmstc3VyZmFjZS1zb2xpZC1icmlnaHRuZXNzKTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLW9uLWRhcmstdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGxpZ2h0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLW9uLWxpZ2h0LXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tb24tbGlnaHQtc3VyZmFjZS1zb2xpZC1wcmltYXJ5LWJyaWdodG5lc3MpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLW9uLWxpZ2h0LXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLW9uLWxpZ2h0LXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJvcmRlclJhZGl1c306IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5tYXhXaWR0aH06IGNhbGMoMTAwdncgLSA1cmVtKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLnBhZGRpbmd9OiAwLjU2MjVyZW0gMC43NXJlbTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuZm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkteHMtbGluZS1oZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5sZWZ0Q29udGVudE1hcmdpbn06IC0wLjA2MjVyZW0gMC4zNzVyZW0gLTAuMDYyNXJlbSAtMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25NYXJnaW59OiAtMC4wNjI1cmVtIC0wLjI1cmVtIC0wLjA2MjVyZW0gMC41cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgcGlsbGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5waWxsZWRCb3JkZXJSYWRpdXN9OiAxLjVyZW07XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxlZnRDb250ZW50TWFyZ2lufTogLTAuMDYyNXJlbSAwLjM3NXJlbSAtMC4wNjI1cmVtIC0wLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uTWFyZ2lufTogLTAuMDYyNXJlbSAtMC4yNXJlbSAtMC4wNjI1cmVtIDAuMzc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */")),
|
11
|
+
dark: /*#__PURE__*/css(toastTokens.color, ":var(--on-dark-text-primary);", toastTokens.background, ":var(--on-dark-surface-solid-brightness);", toastTokens.closeIconColor, ":var(--on-dark-text-secondary);", toastTokens.closeIconColorOnHover, ":var(--on-dark-text-secondary);;label:plasma-new-hope__dark;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvVG9hc3QvVG9hc3QuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2FzdFRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVG9hc3QnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkLWJyaWdodG5lc3MpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBkYXJrOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLW9uLWRhcmstdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtYnJpZ2h0bmVzcyk7XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yfTogdmFyKC0tb24tZGFyay10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvck9uSG92ZXJ9OiB2YXIoLS1vbi1kYXJrLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBsaWdodDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY29sb3J9OiB2YXIoLS1vbi1saWdodC10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYmFja2dyb3VuZH06IHZhcigtLW9uLWxpZ2h0LXN1cmZhY2Utc29saWQtcHJpbWFyeS1icmlnaHRuZXNzKTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3J9OiB2YXIoLS1vbi1saWdodC10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvck9uSG92ZXJ9OiB2YXIoLS1vbi1saWdodC10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubWF4V2lkdGh9OiBjYWxjKDEwMHZ3IC0gNXJlbSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5wYWRkaW5nfTogMC41NjI1cmVtIDAuNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubGVmdENvbnRlbnRNYXJnaW59OiAtMC4wNjI1cmVtIDAuMzc1cmVtIC0wLjA2MjVyZW0gLTAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uTWFyZ2lufTogLTAuMDYyNXJlbSAtMC4yNXJlbSAtMC4wNjI1cmVtIDAuNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHBpbGxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMucGlsbGVkQm9yZGVyUmFkaXVzfTogMS41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5sZWZ0Q29udGVudE1hcmdpbn06IC0wLjA2MjVyZW0gMC4zNzVyZW0gLTAuMDYyNXJlbSAtMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbk1hcmdpbn06IC0wLjA2MjVyZW0gLTAuMjVyZW0gLTAuMDYyNXJlbSAwLjM3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */")),
|
12
|
+
light: /*#__PURE__*/css(toastTokens.color, ":var(--on-light-text-primary);", toastTokens.background, ":var(--on-light-surface-solid-primary-brightness);", toastTokens.closeIconColor, ":var(--on-light-text-secondary);", toastTokens.closeIconColorOnHover, ":var(--on-light-text-secondary);;label:plasma-new-hope__light;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJzQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvVG9hc3QvVG9hc3QuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2FzdFRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVG9hc3QnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkLWJyaWdodG5lc3MpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBkYXJrOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLW9uLWRhcmstdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtYnJpZ2h0bmVzcyk7XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yfTogdmFyKC0tb24tZGFyay10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvck9uSG92ZXJ9OiB2YXIoLS1vbi1kYXJrLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBsaWdodDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY29sb3J9OiB2YXIoLS1vbi1saWdodC10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYmFja2dyb3VuZH06IHZhcigtLW9uLWxpZ2h0LXN1cmZhY2Utc29saWQtcHJpbWFyeS1icmlnaHRuZXNzKTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3J9OiB2YXIoLS1vbi1saWdodC10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvck9uSG92ZXJ9OiB2YXIoLS1vbi1saWdodC10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubWF4V2lkdGh9OiBjYWxjKDEwMHZ3IC0gNXJlbSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5wYWRkaW5nfTogMC41NjI1cmVtIDAuNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubGVmdENvbnRlbnRNYXJnaW59OiAtMC4wNjI1cmVtIDAuMzc1cmVtIC0wLjA2MjVyZW0gLTAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uTWFyZ2lufTogLTAuMDYyNXJlbSAtMC4yNXJlbSAtMC4wNjI1cmVtIDAuNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHBpbGxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMucGlsbGVkQm9yZGVyUmFkaXVzfTogMS41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5sZWZ0Q29udGVudE1hcmdpbn06IC0wLjA2MjVyZW0gMC4zNzVyZW0gLTAuMDYyNXJlbSAtMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbk1hcmdpbn06IC0wLjA2MjVyZW0gLTAuMjVyZW0gLTAuMDYyNXJlbSAwLjM3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
|
13
13
|
},
|
14
14
|
size: {
|
15
|
-
m: /*#__PURE__*/css(toastTokens.borderRadius, ":0.75rem;", toastTokens.maxWidth, ":calc(100vw - 5rem);", toastTokens.padding, ":0.5625rem 0.75rem;", toastTokens.fontFamily, ":var(--plasma-typo-body-xs-font-family);", toastTokens.fontSize, ":var(--plasma-typo-body-xs-font-size);", toastTokens.fontStyle, ":var(--plasma-typo-body-xs-font-style);", toastTokens.fontWeight, ":var(--plasma-typo-body-xs-font-weight);", toastTokens.letterSpacing, ":var(--plasma-typo-body-xs-letter-spacing);", toastTokens.lineHeight, ":var(--plasma-typo-body-xs-line-height);", toastTokens.leftContentMargin, ":-0.0625rem 0.375rem -0.0625rem -0.125rem;", toastTokens.closeIconMargin, ":-0.0625rem -0.25rem -0.0625rem 0.5rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
15
|
+
m: /*#__PURE__*/css(toastTokens.borderRadius, ":0.75rem;", toastTokens.maxWidth, ":calc(100vw - 5rem);", toastTokens.padding, ":0.5625rem 0.75rem;", toastTokens.fontFamily, ":var(--plasma-typo-body-xs-font-family);", toastTokens.fontSize, ":var(--plasma-typo-body-xs-font-size);", toastTokens.fontStyle, ":var(--plasma-typo-body-xs-font-style);", toastTokens.fontWeight, ":var(--plasma-typo-body-xs-font-weight);", toastTokens.letterSpacing, ":var(--plasma-typo-body-xs-letter-spacing);", toastTokens.lineHeight, ":var(--plasma-typo-body-xs-line-height);", toastTokens.leftContentMargin, ":-0.0625rem 0.375rem -0.0625rem -0.125rem;", toastTokens.closeIconMargin, ":-0.0625rem -0.25rem -0.0625rem 0.5rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvVG9hc3QvVG9hc3QuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2FzdFRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVG9hc3QnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkLWJyaWdodG5lc3MpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBkYXJrOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLW9uLWRhcmstdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtYnJpZ2h0bmVzcyk7XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yfTogdmFyKC0tb24tZGFyay10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvck9uSG92ZXJ9OiB2YXIoLS1vbi1kYXJrLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBsaWdodDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY29sb3J9OiB2YXIoLS1vbi1saWdodC10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYmFja2dyb3VuZH06IHZhcigtLW9uLWxpZ2h0LXN1cmZhY2Utc29saWQtcHJpbWFyeS1icmlnaHRuZXNzKTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3J9OiB2YXIoLS1vbi1saWdodC10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvck9uSG92ZXJ9OiB2YXIoLS1vbi1saWdodC10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubWF4V2lkdGh9OiBjYWxjKDEwMHZ3IC0gNXJlbSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5wYWRkaW5nfTogMC41NjI1cmVtIDAuNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubGVmdENvbnRlbnRNYXJnaW59OiAtMC4wNjI1cmVtIDAuMzc1cmVtIC0wLjA2MjVyZW0gLTAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uTWFyZ2lufTogLTAuMDYyNXJlbSAtMC4yNXJlbSAtMC4wNjI1cmVtIDAuNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHBpbGxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMucGlsbGVkQm9yZGVyUmFkaXVzfTogMS41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5sZWZ0Q29udGVudE1hcmdpbn06IC0wLjA2MjVyZW0gMC4zNzVyZW0gLTAuMDYyNXJlbSAtMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbk1hcmdpbn06IC0wLjA2MjVyZW0gLTAuMjVyZW0gLTAuMDYyNXJlbSAwLjM3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
|
16
16
|
},
|
17
17
|
pilled: {
|
18
|
-
"true": /*#__PURE__*/css(toastTokens.pilledBorderRadius, ":1.5rem;", toastTokens.leftContentMargin, ":-0.0625rem 0.375rem -0.0625rem -0.25rem;", toastTokens.closeIconMargin, ":-0.0625rem -0.25rem -0.0625rem 0.375rem;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
18
|
+
"true": /*#__PURE__*/css(toastTokens.pilledBorderRadius, ":1.5rem;", toastTokens.leftContentMargin, ":-0.0625rem 0.375rem -0.0625rem -0.25rem;", toastTokens.closeIconMargin, ":-0.0625rem -0.25rem -0.0625rem 0.375rem;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvVG9hc3QvVG9hc3QuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2FzdFRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVG9hc3QnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkLWJyaWdodG5lc3MpO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yT25Ib3Zlcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBkYXJrOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jb2xvcn06IHZhcigtLW9uLWRhcmstdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtYnJpZ2h0bmVzcyk7XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbkNvbG9yfTogdmFyKC0tb24tZGFyay10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvck9uSG92ZXJ9OiB2YXIoLS1vbi1kYXJrLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBsaWdodDogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY29sb3J9OiB2YXIoLS1vbi1saWdodC10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuYmFja2dyb3VuZH06IHZhcigtLW9uLWxpZ2h0LXN1cmZhY2Utc29saWQtcHJpbWFyeS1icmlnaHRuZXNzKTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uQ29sb3J9OiB2YXIoLS1vbi1saWdodC10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5jbG9zZUljb25Db2xvck9uSG92ZXJ9OiB2YXIoLS1vbi1saWdodC10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5ib3JkZXJSYWRpdXN9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubWF4V2lkdGh9OiBjYWxjKDEwMHZ3IC0gNXJlbSk7XG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5wYWRkaW5nfTogMC41NjI1cmVtIDAuNzVyZW07XG5cbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS14cy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXhzLWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMubGVmdENvbnRlbnRNYXJnaW59OiAtMC4wNjI1cmVtIDAuMzc1cmVtIC0wLjA2MjVyZW0gLTAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMuY2xvc2VJY29uTWFyZ2lufTogLTAuMDYyNXJlbSAtMC4yNXJlbSAtMC4wNjI1cmVtIDAuNXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHBpbGxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9hc3RUb2tlbnMucGlsbGVkQm9yZGVyUmFkaXVzfTogMS41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHt0b2FzdFRva2Vucy5sZWZ0Q29udGVudE1hcmdpbn06IC0wLjA2MjVyZW0gMC4zNzVyZW0gLTAuMDYyNXJlbSAtMC4yNXJlbTtcbiAgICAgICAgICAgICAgICAke3RvYXN0VG9rZW5zLmNsb3NlSWNvbk1hcmdpbn06IC0wLjA2MjVyZW0gLTAuMjVyZW0gLTAuMDYyNXJlbSAwLjM3NXJlbTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
|
19
19
|
}
|
20
20
|
}
|
21
21
|
};
|
@@ -17,7 +17,7 @@ import { addSeparator } from './utils/addSeparator.js';
|
|
17
17
|
import { getFileicon } from './utils/getFileicon.js';
|
18
18
|
|
19
19
|
var _IconCloseCircleOutli;
|
20
|
-
var _excluded = ["flow", "buttonType", "hasAttachment", "acceptedFileFormats", "size", "view", "className", "style", "isLoading", "disabled"
|
20
|
+
var _excluded = ["flow", "buttonType", "hasAttachment", "acceptedFileFormats", "size", "view", "className", "style", "isLoading", "disabled"];
|
21
21
|
var attachRoot = function attachRoot(Root) {
|
22
22
|
return /*#__PURE__*/forwardRef(function (props, outerRef) {
|
23
23
|
var _props$flow = props.flow,
|
@@ -33,10 +33,6 @@ var attachRoot = function attachRoot(Root) {
|
|
33
33
|
style = props.style,
|
34
34
|
isLoading = props.isLoading,
|
35
35
|
disabled = props.disabled,
|
36
|
-
id = props.id,
|
37
|
-
name = props.name,
|
38
|
-
onChange = props.onChange,
|
39
|
-
onClear = props.onClear,
|
40
36
|
rest = _objectWithoutProperties(props, _excluded);
|
41
37
|
var innerRef = useRef(null);
|
42
38
|
var ref = useForkRef(outerRef, innerRef);
|
@@ -105,22 +101,16 @@ var attachRoot = function attachRoot(Root) {
|
|
105
101
|
}
|
106
102
|
inputRef.current.click();
|
107
103
|
};
|
108
|
-
var handleChange = function handleChange(
|
109
|
-
if (!
|
104
|
+
var handleChange = function handleChange() {
|
105
|
+
if (!inputRef.current || !inputRef.current.files) {
|
110
106
|
return;
|
111
107
|
}
|
112
|
-
|
113
|
-
onChange(e);
|
114
|
-
}
|
115
|
-
setFilename(e.target.files[0].name);
|
108
|
+
setFilename(inputRef.current.files[0].name);
|
116
109
|
};
|
117
110
|
var handleClear = function handleClear() {
|
118
111
|
if (!inputRef.current) {
|
119
112
|
return;
|
120
113
|
}
|
121
|
-
if (onClear) {
|
122
|
-
onClear();
|
123
|
-
}
|
124
114
|
inputRef.current.value = '';
|
125
115
|
setFilename('');
|
126
116
|
setTruncatedFilename('');
|
@@ -135,11 +125,12 @@ var attachRoot = function attachRoot(Root) {
|
|
135
125
|
ref: inputRef,
|
136
126
|
accept: accept,
|
137
127
|
type: "file",
|
138
|
-
id:
|
139
|
-
name:
|
128
|
+
id: "attachHiddenInput",
|
129
|
+
name: "attachHiddenInput",
|
140
130
|
onChange: handleChange
|
141
131
|
}), /*#__PURE__*/React.createElement(StyledHiddenInputHelper, {
|
142
|
-
ref: inputHelperRef
|
132
|
+
ref: inputHelperRef,
|
133
|
+
id: "attachHiddenInputHelper"
|
143
134
|
}, filename), /*#__PURE__*/React.createElement(AttachButton, _extends({
|
144
135
|
buttonType: buttonType,
|
145
136
|
view: view,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Attach.js","sources":["../../../src/components/Attach/Attach.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEvent } from 'react';\nimport { useForkRef, useIsomorphicLayoutEffect } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCloseCircleOutline } from '../_Icon';\n\nimport { AttachProps } from './Attach.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, StyledHiddenInput, StyledHiddenInputHelper } from './Attach.styles';\nimport { StyledCell } from './ui/Cell/Cell';\nimport { extractExtension, getFileicon, addSeparator, separator } from './utils';\nimport { classes } from './Attach.tokens';\nimport { AttachButton } from './components/AttachButton';\nimport { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles';\n\nexport const attachRoot = (Root: RootProps<HTMLDivElement, AttachProps>) =>\n forwardRef<HTMLDivElement, AttachProps>((props, outerRef) => {\n const {\n flow = 'auto',\n buttonType = 'button',\n hasAttachment = true,\n acceptedFileFormats,\n size,\n view,\n className,\n style,\n isLoading,\n disabled,\n id,\n name,\n onChange,\n onClear,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLDivElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const inputHelperRef = useRef<HTMLDivElement | null>(null);\n const cellRef = useRef<HTMLDivElement | null>(null);\n const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n const emptyTextCellWidth = useRef<number | null>(null);\n\n const [filename, setFilename] = useState<string>('');\n const [truncatedFilename, setTruncatedFilename] = useState<string>('');\n\n const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;\n const verticalClass = flow === 'vertical' ? classes.vertical : undefined;\n const autoClass = flow === 'auto' ? classes.auto : undefined;\n const cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;\n\n const accept = acceptedFileFormats?.join(',');\n const extension = extractExtension(filename);\n const cellContentLeft = getFileicon(extension, size);\n\n useEffect(() => {\n emptyTextCellWidth.current = cellRef.current?.offsetWidth || 0;\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (\n !cellRef.current ||\n !cellRef.current.parentElement ||\n !inputHelperRef.current ||\n !inputHelperRef.current.textContent ||\n !emptyTextCellWidth.current ||\n !buttonRef.current\n ) {\n return;\n }\n\n const { offsetWidth: textWidth } = inputHelperRef.current;\n const { offsetWidth: buttonWidth } = buttonRef.current;\n const { width: parentWidth, left: parentLeft } = cellRef.current.parentElement.getBoundingClientRect();\n const { left: cellLeft } = cellRef.current.getBoundingClientRect();\n const leftDiff = cellLeft - parentLeft;\n let currentTextWidth = textWidth;\n\n if (\n currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth ||\n currentTextWidth + emptyTextCellWidth.current < buttonWidth\n ) {\n setTruncatedFilename(filename);\n return;\n }\n\n let currFilename = addSeparator(filename, separator);\n for (let i = currFilename.indexOf(separator) - 1; i > 0; i -= 1) {\n if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {\n break;\n }\n\n const left = currFilename.slice(0, i);\n const right = currFilename.slice(i + 1);\n const newFilename = `${left}${right}`;\n inputHelperRef.current.textContent = newFilename;\n currentTextWidth = inputHelperRef.current.offsetWidth;\n\n if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {\n break;\n }\n\n currFilename = newFilename;\n }\n\n inputHelperRef.current.textContent = filename;\n setTruncatedFilename(currFilename);\n });\n\n const handleClick = () => {\n if (!inputRef.current) {\n return;\n }\n\n inputRef.current.click();\n };\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n if (!e.target.files) {\n return;\n }\n\n if (onChange) {\n onChange(e);\n }\n\n setFilename(e.target.files[0].name);\n };\n\n const handleClear = () => {\n if (!inputRef.current) {\n return;\n }\n\n if (onClear) {\n onClear();\n }\n\n inputRef.current.value = '';\n setFilename('');\n setTruncatedFilename('');\n };\n\n return (\n <Root\n className={cx(horizontalClass, verticalClass, autoClass, className)}\n style={style}\n size={size}\n view={view}\n ref={ref}\n >\n <StyledHiddenInput\n ref={inputRef}\n accept={accept}\n type=\"file\"\n id={id}\n name={name}\n onChange={handleChange}\n />\n <StyledHiddenInputHelper ref={inputHelperRef}>{filename}</StyledHiddenInputHelper>\n\n <AttachButton\n buttonType={buttonType}\n view={view}\n size={size}\n onClick={handleClick}\n isLoading={isLoading}\n disabled={disabled}\n ref={buttonRef}\n {...rest}\n />\n {hasAttachment && (\n <StyledCell\n stretching=\"fixed\"\n className={cellHiddenClass}\n ref={cellRef}\n size={size}\n title={truncatedFilename}\n contentLeft={cellContentLeft}\n contentRight={\n <StyledIconButtonCancel view={view} size={size} onClick={handleClear}>\n <IconCloseCircleOutline size=\"xs\" color=\"inherit\" />\n </StyledIconButtonCancel>\n }\n />\n )}\n </Root>\n );\n });\n\nexport const attachConfig = {\n name: 'Attach',\n tag: 'div',\n layout: attachRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["attachRoot","Root","forwardRef","props","outerRef","_props$flow","flow","_props$buttonType","buttonType","_props$hasAttachment","hasAttachment","acceptedFileFormats","size","view","className","style","isLoading","disabled","id","name","onChange","onClear","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","inputRef","inputHelperRef","cellRef","buttonRef","emptyTextCellWidth","_useState","useState","_useState2","_slicedToArray","filename","setFilename","_useState3","_useState4","truncatedFilename","setTruncatedFilename","horizontalClass","classes","horizontal","undefined","verticalClass","vertical","autoClass","auto","cellHiddenClass","length","cellHidden","accept","join","extension","extractExtension","cellContentLeft","getFileicon","useEffect","_cellRef$current","current","offsetWidth","useIsomorphicLayoutEffect","parentElement","textContent","textWidth","buttonWidth","_cellRef$current$pare","getBoundingClientRect","parentWidth","width","parentLeft","left","_cellRef$current$getB","cellLeft","leftDiff","currentTextWidth","currFilename","addSeparator","separator","i","indexOf","slice","right","newFilename","concat","handleClick","click","handleChange","e","target","files","handleClear","value","React","createElement","cx","StyledHiddenInput","type","StyledHiddenInputHelper","AttachButton","_extends","onClick","StyledCell","stretching","title","contentLeft","contentRight","StyledIconButtonCancel","_IconCloseCircleOutli","IconCloseCircleOutline","color","attachConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Attach.js","sources":["../../../src/components/Attach/Attach.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport { useForkRef, useIsomorphicLayoutEffect } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { IconCloseCircleOutline } from '../_Icon';\n\nimport { AttachProps } from './Attach.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, StyledHiddenInput, StyledHiddenInputHelper } from './Attach.styles';\nimport { StyledCell } from './ui/Cell/Cell';\nimport { extractExtension, getFileicon, addSeparator, separator } from './utils';\nimport { classes } from './Attach.tokens';\nimport { AttachButton } from './components/AttachButton';\nimport { StyledIconButtonCancel } from './ui/IconButton/IconButton.styles';\n\nexport const attachRoot = (Root: RootProps<HTMLDivElement, AttachProps>) =>\n forwardRef<HTMLDivElement, AttachProps>((props, outerRef) => {\n const {\n flow = 'auto',\n buttonType = 'button',\n hasAttachment = true,\n acceptedFileFormats,\n size,\n view,\n className,\n style,\n isLoading,\n disabled,\n ...rest\n } = props;\n\n const innerRef = useRef<HTMLDivElement>(null);\n const ref = useForkRef(outerRef, innerRef);\n\n const inputRef = useRef<HTMLInputElement | null>(null);\n const inputHelperRef = useRef<HTMLDivElement | null>(null);\n const cellRef = useRef<HTMLDivElement | null>(null);\n const buttonRef = useRef<HTMLButtonElement | null>(null);\n\n const emptyTextCellWidth = useRef<number | null>(null);\n\n const [filename, setFilename] = useState<string>('');\n const [truncatedFilename, setTruncatedFilename] = useState<string>('');\n\n const horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;\n const verticalClass = flow === 'vertical' ? classes.vertical : undefined;\n const autoClass = flow === 'auto' ? classes.auto : undefined;\n const cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;\n\n const accept = acceptedFileFormats?.join(',');\n const extension = extractExtension(filename);\n const cellContentLeft = getFileicon(extension, size);\n\n useEffect(() => {\n emptyTextCellWidth.current = cellRef.current?.offsetWidth || 0;\n }, []);\n\n useIsomorphicLayoutEffect(() => {\n if (\n !cellRef.current ||\n !cellRef.current.parentElement ||\n !inputHelperRef.current ||\n !inputHelperRef.current.textContent ||\n !emptyTextCellWidth.current ||\n !buttonRef.current\n ) {\n return;\n }\n\n const { offsetWidth: textWidth } = inputHelperRef.current;\n const { offsetWidth: buttonWidth } = buttonRef.current;\n const { width: parentWidth, left: parentLeft } = cellRef.current.parentElement.getBoundingClientRect();\n const { left: cellLeft } = cellRef.current.getBoundingClientRect();\n const leftDiff = cellLeft - parentLeft;\n let currentTextWidth = textWidth;\n\n if (\n currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth ||\n currentTextWidth + emptyTextCellWidth.current < buttonWidth\n ) {\n setTruncatedFilename(filename);\n return;\n }\n\n let currFilename = addSeparator(filename, separator);\n for (let i = currFilename.indexOf(separator) - 1; i > 0; i -= 1) {\n if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {\n break;\n }\n\n const left = currFilename.slice(0, i);\n const right = currFilename.slice(i + 1);\n const newFilename = `${left}${right}`;\n inputHelperRef.current.textContent = newFilename;\n currentTextWidth = inputHelperRef.current.offsetWidth;\n\n if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {\n break;\n }\n\n currFilename = newFilename;\n }\n\n inputHelperRef.current.textContent = filename;\n setTruncatedFilename(currFilename);\n });\n\n const handleClick = () => {\n if (!inputRef.current) {\n return;\n }\n\n inputRef.current.click();\n };\n\n const handleChange = () => {\n if (!inputRef.current || !inputRef.current.files) {\n return;\n }\n\n setFilename(inputRef.current.files[0].name);\n };\n\n const handleClear = () => {\n if (!inputRef.current) {\n return;\n }\n\n inputRef.current.value = '';\n setFilename('');\n setTruncatedFilename('');\n };\n\n return (\n <Root\n className={cx(horizontalClass, verticalClass, autoClass, className)}\n style={style}\n size={size}\n view={view}\n ref={ref}\n >\n <StyledHiddenInput\n ref={inputRef}\n accept={accept}\n type=\"file\"\n id=\"attachHiddenInput\"\n name=\"attachHiddenInput\"\n onChange={handleChange}\n />\n <StyledHiddenInputHelper ref={inputHelperRef} id=\"attachHiddenInputHelper\">\n {filename}\n </StyledHiddenInputHelper>\n\n <AttachButton\n buttonType={buttonType}\n view={view}\n size={size}\n onClick={handleClick}\n isLoading={isLoading}\n disabled={disabled}\n ref={buttonRef}\n {...rest}\n />\n {hasAttachment && (\n <StyledCell\n stretching=\"fixed\"\n className={cellHiddenClass}\n ref={cellRef}\n size={size}\n title={truncatedFilename}\n contentLeft={cellContentLeft}\n contentRight={\n <StyledIconButtonCancel view={view} size={size} onClick={handleClear}>\n <IconCloseCircleOutline size=\"xs\" color=\"inherit\" />\n </StyledIconButtonCancel>\n }\n />\n )}\n </Root>\n );\n });\n\nexport const attachConfig = {\n name: 'Attach',\n tag: 'div',\n layout: attachRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["attachRoot","Root","forwardRef","props","outerRef","_props$flow","flow","_props$buttonType","buttonType","_props$hasAttachment","hasAttachment","acceptedFileFormats","size","view","className","style","isLoading","disabled","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","inputRef","inputHelperRef","cellRef","buttonRef","emptyTextCellWidth","_useState","useState","_useState2","_slicedToArray","filename","setFilename","_useState3","_useState4","truncatedFilename","setTruncatedFilename","horizontalClass","classes","horizontal","undefined","verticalClass","vertical","autoClass","auto","cellHiddenClass","length","cellHidden","accept","join","extension","extractExtension","cellContentLeft","getFileicon","useEffect","_cellRef$current","current","offsetWidth","useIsomorphicLayoutEffect","parentElement","textContent","textWidth","buttonWidth","_cellRef$current$pare","getBoundingClientRect","parentWidth","width","parentLeft","left","_cellRef$current$getB","cellLeft","leftDiff","currentTextWidth","currFilename","addSeparator","separator","i","indexOf","slice","right","newFilename","concat","handleClick","click","handleChange","files","name","handleClear","value","React","createElement","cx","StyledHiddenInput","type","id","onChange","StyledHiddenInputHelper","AttachButton","_extends","onClick","StyledCell","stretching","title","contentLeft","contentRight","StyledIconButtonCancel","_IconCloseCircleOutli","IconCloseCircleOutline","color","attachConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
@@ -1,47 +1,32 @@
|
|
1
|
-
.
|
2
|
-
|
3
|
-
.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i13qvwoy__5f4dd9b9{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i19ry60d__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasChips__5f4dd9b9{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentLeft__5f4dd9b9{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentRight__5f4dd9b9{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l1gjsnfi__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9:not(.base_1xdmaqh_labelPlacementInner__5f4dd9b9) .base_1xdmaqh_s16itze4__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s1skqnhr__5f4dd9b9{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_hgy0im1__5f4dd9b9{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_t600610__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l7hnwwb__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9{margin:var(--plasma-textfield__before-text-margin);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{margin:var(--plasma-textfield__after-text-margin);}
|
4
|
-
|
5
|
-
.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65{--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_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65: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_qhyte8_bptx5xt__55992f65 .base_qhyte8_i13qvwoy__55992f65{color:var(--plasma-textfield-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_ibt1ohz__55992f65{color:var(--plasma-textfield__placeholder-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65: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_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:focus-within .base_qhyte8_ibt1ohz__55992f65{color:var(--plasma-textfield__placeholder-color-focus);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_t600610__55992f65{color:var(--plasma-textfield__title-caption-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_l7hnwwb__55992f65{color:var(--plasma-textfield__left-helper-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_smqgwd8__55992f65{color:var(--plasma-textfield__before-text-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_s14qvple__55992f65{color:var(--plasma-textfield__after-text-color);}
|
6
|
-
|
7
|
-
.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1[readonly] .base_1pkwm4m_i1j28rg8__5797b2e1,.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_i1j28rg8__5797b2e1{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1[readonly] .base_1pkwm4m_i1j28rg8__5797b2e1:hover,.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_i1j28rg8__5797b2e1:hover{background-color:unset;}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_s190z894__5797b2e1{margin-left:0;}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_sb3k3v1__5797b2e1{margin-right:0;}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_labelPlacementOuter__5797b2e1 .base_1pkwm4m_olv9av6__5797b2e1{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_i13qvwoy__5797b2e1{color:var(--plasma-textfield-clear-color);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_ibt1ohz__5797b2e1{color:var(--plasma-textfield__clear-placeholder-color);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_s8yezh4__5797b2e1.base_1pkwm4m_labelPlacementInner__5797b2e1{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1 .base_1pkwm4m_s8yezh4__5797b2e1.base_1pkwm4m_labelPlacementInner__5797b2e1.base_1pkwm4m_alignRight__5797b2e1{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasHint__5797b2e1 .base_1pkwm4m_s1skqnhr__5797b2e1.base_1pkwm4m_labelPlacementInner__5797b2e1{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasHint__5797b2e1 .base_1pkwm4m_s8yezh4__5797b2e1.base_1pkwm4m_labelPlacementInner__5797b2e1.base_1pkwm4m_alignRight__5797b2e1{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasDivider__5797b2e1 .base_1pkwm4m_i1j28rg8__5797b2e1{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasDivider__5797b2e1 .base_1pkwm4m_i1j28rg8__5797b2e1:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasDivider__5797b2e1:not([readonly]) .base_1pkwm4m_i1j28rg8__5797b2e1:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasDivider__5797b2e1:not([readonly]) .base_1pkwm4m_i1j28rg8__5797b2e1:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1pkwm4m_bg547ku__5797b2e1.base_1pkwm4m_textfieldClear__5797b2e1.base_1pkwm4m_textfieldHasDivider__5797b2e1:not([readonly]) .base_1pkwm4m_i1j28rg8__5797b2e1:focus-within .base_1pkwm4m_ibt1ohz__5797b2e1{color:var(--plasma-textfield__clear-placeholder-color-focus);}
|
1
|
+
.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_io4bpie__42c27ee8{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_i13qvwoy__42c27ee8{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_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasChips__42c27ee8{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasEmptyContentLeft__42c27ee8{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_iq39zt5__42c27ee8.base_1h8l0kj_hasEmptyContentRight__42c27ee8{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_lbt1ohz__42c27ee8{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_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_l1gjsnfi__42c27ee8{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_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_ssv2kwg__42c27ee8,.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_s190z894__42c27ee8{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_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_ssv2kwg__42c27ee8{margin:var(--plasma-textfield__before-text-margin);}.base_1h8l0kj_b13ve66i__42c27ee8 .base_1h8l0kj_s190z894__42c27ee8{margin:var(--plasma-textfield__after-text-margin);}
|
8
2
|
|
9
|
-
.
|
3
|
+
.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_iq39zt5__03fc1b30{--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_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_iq39zt5__03fc1b30: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_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_io4bpie__03fc1b30{color:var(--plasma-textfield-color);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_i19ry60d__03fc1b30{color:var(--plasma-textfield__placeholder-color);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_iq39zt5__03fc1b30: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_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_iq39zt5__03fc1b30:focus-within .base_1noe46b_i19ry60d__03fc1b30{color:var(--plasma-textfield__placeholder-color-focus);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_l1gjsnfi__03fc1b30{color:var(--plasma-textfield__left-helper-color);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_ssv2kwg__03fc1b30{color:var(--plasma-textfield__before-text-color);}.base_1noe46b_bptx5xt__03fc1b30 .base_1noe46b_s190z894__03fc1b30{color:var(--plasma-textfield__after-text-color);}
|
10
4
|
|
11
|
-
.
|
5
|
+
.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e[readonly] .base_rit6gc_iq39zt5__26539e4e,.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_iq39zt5__26539e4e{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e[readonly] .base_rit6gc_iq39zt5__26539e4e:hover,.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_iq39zt5__26539e4e:hover{background-color:unset;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_s600610__26539e4e{margin-left:0;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_suk2zst__26539e4e{margin-right:0;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_labelPlacementOuter__26539e4e .base_rit6gc_lbt1ohz__26539e4e{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_io4bpie__26539e4e{color:var(--plasma-textfield-clear-color);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_i19ry60d__26539e4e{color:var(--plasma-textfield__clear-placeholder-color);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_s7hnwwb__26539e4e.base_rit6gc_labelPlacementInner__26539e4e{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e .base_rit6gc_s7hnwwb__26539e4e.base_rit6gc_labelPlacementInner__26539e4e.base_rit6gc_alignRight__26539e4e{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e .base_rit6gc_iq39zt5__26539e4e{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e .base_rit6gc_iq39zt5__26539e4e:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e:not([readonly]) .base_rit6gc_iq39zt5__26539e4e:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e:not([readonly]) .base_rit6gc_iq39zt5__26539e4e:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_rit6gc_bg547ku__26539e4e.base_rit6gc_textfieldClear__26539e4e.base_rit6gc_textfieldHasDivider__26539e4e:not([readonly]) .base_rit6gc_iq39zt5__26539e4e:focus-within .base_rit6gc_i19ry60d__26539e4e{color:var(--plasma-textfield__clear-placeholder-color-focus);}
|
12
6
|
|
13
|
-
.
|
7
|
+
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
14
8
|
|
15
|
-
.
|
9
|
+
.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_iq39zt5__4fc2b315{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_1n7tghz_b1w985rt__4fc2b315[readonly].base_1n7tghz_textfieldHasDivider__4fc2b315 .base_1n7tghz_iq39zt5__4fc2b315:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_iq39zt5__4fc2b315:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_iq39zt5__4fc2b315:focus-within .base_1n7tghz_i19ry60d__4fc2b315,.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_i19ry60d__4fc2b315{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_io4bpie__4fc2b315{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1n7tghz_b1w985rt__4fc2b315[readonly] .base_1n7tghz_l1gjsnfi__4fc2b315{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1n7tghz_b1w985rt__4fc2b315[readonly].base_1n7tghz_labelPlacementOuter__4fc2b315 .base_1n7tghz_lbt1ohz__4fc2b315{color:var(--plasma-textfield__label-color-readonly);}
|
16
10
|
|
17
|
-
.
|
11
|
+
.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementOuter__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_i13qvwoy__7775bbdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_s190z894__7775bbdc,.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_ssv2kwg__7775bbdc{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_io4bpie__7775bbdc:focus ~ .base_1ghihns_lbt1ohz__7775bbdc,.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_io4bpie__7775bbdc.base_1ghihns_hasValue__7775bbdc ~ .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__placeholder-color);-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_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{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);}.base_1ghihns_b15d3bnf__7775bbdc.base_1ghihns_labelPlacementInner__7775bbdc.base_1ghihns_textfieldClear__7775bbdc .base_1ghihns_lbt1ohz__7775bbdc{color:var(--plasma-textfield__clear-placeholder-color);}
|
18
12
|
|
19
|
-
.
|
20
|
-
.
|
13
|
+
.TextField_styles_1d2ryq_iq39zt5__7c8f1496{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;}
|
14
|
+
.TextField_styles_1d2ryq_i1j28rg8__7c8f1496{-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_1d2ryq_i1j28rg8__7c8f1496::-webkit-scrollbar{display:none;}.TextField_styles_1d2ryq_i1j28rg8__7c8f1496.TextField_styles_1d2ryq_hasChips__7c8f1496{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
15
|
+
.TextField_styles_1d2ryq_s13zudoe__7c8f1496{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;}
|
16
|
+
.TextField_styles_1d2ryq_io4bpie__7c8f1496{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_1d2ryq_io4bpie__7c8f1496::-webkit-input-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::-moz-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496:-ms-input-placeholder{opacity:0;}.TextField_styles_1d2ryq_io4bpie__7c8f1496::placeholder{opacity:0;}
|
17
|
+
.TextField_styles_1d2ryq_i13qvwoy__7c8f1496{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
18
|
+
.TextField_styles_1d2ryq_i19ry60d__7c8f1496{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);}
|
19
|
+
.TextField_styles_1d2ryq_lbt1ohz__7c8f1496{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
20
|
+
.TextField_styles_1d2ryq_slv9av6__7c8f1496{color:var(--slv9av6-0);line-height:0;}
|
21
|
+
.TextField_styles_1d2ryq_s600610__7c8f1496.TextField_styles_1d2ryq_slv9av6__7c8f1496{margin:var(--plasma-textfield__left-content-margin);}
|
22
|
+
.TextField_styles_1d2ryq_suk2zst__7c8f1496{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1d2ryq_suk2zst__7c8f1496: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_1d2ryq_suk2zst__7c8f1496:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
21
23
|
|
22
|
-
.Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
|
23
24
|
|
24
25
|
|
25
|
-
.
|
26
|
-
.
|
27
|
-
.TextField_styles_17xt45g_so4bpie__decbeaf1{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;}
|
28
|
-
.TextField_styles_17xt45g_i13qvwoy__decbeaf1{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_17xt45g_i13qvwoy__decbeaf1::-webkit-input-placeholder{opacity:0;}.TextField_styles_17xt45g_i13qvwoy__decbeaf1::-moz-placeholder{opacity:0;}.TextField_styles_17xt45g_i13qvwoy__decbeaf1:-ms-input-placeholder{opacity:0;}.TextField_styles_17xt45g_i13qvwoy__decbeaf1::placeholder{opacity:0;}
|
29
|
-
.TextField_styles_17xt45g_i19ry60d__decbeaf1{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
30
|
-
.TextField_styles_17xt45g_ibt1ohz__decbeaf1{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);}
|
31
|
-
.TextField_styles_17xt45g_olv9av6__decbeaf1{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);}
|
32
|
-
.TextField_styles_17xt45g_t600610__decbeaf1{display:inline-block;margin-left:auto;}
|
33
|
-
.TextField_styles_17xt45g_suk2zst__decbeaf1{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;}
|
34
|
-
.TextField_styles_17xt45g_l1gjsnfi__decbeaf1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
35
|
-
.TextField_styles_17xt45g_ssv2kwg__decbeaf1{color:var(--ssv2kwg-0);line-height:0;}
|
36
|
-
.TextField_styles_17xt45g_s190z894__decbeaf1.TextField_styles_17xt45g_ssv2kwg__decbeaf1{margin:var(--plasma-textfield__left-content-margin);}
|
37
|
-
.TextField_styles_17xt45g_sb3k3v1__decbeaf1{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_17xt45g_sb3k3v1__decbeaf1: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_17xt45g_sb3k3v1__decbeaf1:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
26
|
+
.TextField_styles_1d2ryq_sb3k3v1__7c8f1496{color:var(--plasma-textfield__optional-color);}
|
27
|
+
.TextField_styles_1d2ryq_s7hnwwb__7c8f1496{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementOuter__7c8f1496{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementOuter__7c8f1496.TextField_styles_1d2ryq_alignRight__7c8f1496{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementInner__7c8f1496{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_1d2ryq_s7hnwwb__7c8f1496.TextField_styles_1d2ryq_labelPlacementInner__7c8f1496.TextField_styles_1d2ryq_alignRight__7c8f1496{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
38
28
|
|
39
|
-
|
40
|
-
|
41
|
-
.TextField_styles_17xt45g_s16itze4__decbeaf1{color:var(--plasma-textfield__optional-color);}
|
42
|
-
.TextField_styles_17xt45g_s1skqnhr__decbeaf1{display:inline-block;line-height:0;}.TextField_styles_17xt45g_s1skqnhr__decbeaf1.TextField_styles_17xt45g_labelPlacementInner__decbeaf1{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
43
|
-
.TextField_styles_17xt45g_hgy0im1__decbeaf1{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
44
|
-
.TextField_styles_17xt45g_s8yezh4__decbeaf1{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_17xt45g_s8yezh4__decbeaf1.TextField_styles_17xt45g_labelPlacementOuter__decbeaf1{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_17xt45g_s8yezh4__decbeaf1.TextField_styles_17xt45g_labelPlacementOuter__decbeaf1.TextField_styles_17xt45g_alignRight__decbeaf1{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_17xt45g_s8yezh4__decbeaf1.TextField_styles_17xt45g_labelPlacementOuter__decbeaf1.TextField_styles_17xt45g_alignRight__decbeaf1.TextField_styles_17xt45g_textfieldHasHint__decbeaf1{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_17xt45g_s8yezh4__decbeaf1.TextField_styles_17xt45g_labelPlacementInner__decbeaf1{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_17xt45g_s8yezh4__decbeaf1.TextField_styles_17xt45g_labelPlacementInner__decbeaf1.TextField_styles_17xt45g_alignRight__decbeaf1{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
29
|
+
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
45
30
|
|
46
31
|
.base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
|
47
32
|
|
@@ -11,7 +11,7 @@ import { SuggestionItem } from './ui/SuggestionItem/SuggestionItem.js';
|
|
11
11
|
import { StyledPopover, Ul, InfiniteLoaderWrapper, LeftHelper, base } from './Autocomplete.styles.js';
|
12
12
|
import { useKeyNavigation } from './hooks/useKeyboardNavigation.js';
|
13
13
|
|
14
|
-
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"
|
14
|
+
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"];
|
15
15
|
|
16
16
|
/**
|
17
17
|
* Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
|
@@ -43,8 +43,6 @@ var autocompleteRoot = function autocompleteRoot(Root) {
|
|
43
43
|
renderList = _ref.renderList,
|
44
44
|
renderListEnd = _ref.renderListEnd,
|
45
45
|
onSearch = _ref.onSearch,
|
46
|
-
hasHint = _ref.hasHint,
|
47
|
-
hintText = _ref.hintText,
|
48
46
|
rest = _objectWithoutProperties(_ref, _excluded);
|
49
47
|
var _useReducer = useReducer(focusedReducer, null),
|
50
48
|
_useReducer2 = _slicedToArray(_useReducer, 2),
|
@@ -142,9 +140,7 @@ var autocompleteRoot = function autocompleteRoot(Root) {
|
|
142
140
|
"aria-controls": listId,
|
143
141
|
"aria-expanded": isOpen,
|
144
142
|
"aria-activedescendant": "".concat(listId, "/").concat(focused),
|
145
|
-
"aria-describedby": helperTextId
|
146
|
-
hasHint: Boolean(hasHint),
|
147
|
-
hintText: String(hintText || '')
|
143
|
+
"aria-describedby": helperTextId
|
148
144
|
}, rest)),
|
149
145
|
preventOverflow: false,
|
150
146
|
ref: targetRef,
|