@salutejs/plasma-new-hope 0.169.0-canary.1459.11364623616.0 → 0.169.0-canary.1485.11363524703.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +19 -34
- package/cjs/components/Autocomplete/Autocomplete.js +2 -4
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +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/Segment/tokens.js +1 -15
- package/cjs/components/Segment/tokens.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.css +7 -13
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +88 -180
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +1 -37
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +4 -0
- package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_escgtx.css +1 -0
- package/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base_fqbatz.css +1 -0
- package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base_m358nl.css +1 -0
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.css +4 -6
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +9 -14
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +1 -30
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +2 -0
- package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/{base_omc5u1.css → base_15s0fel.css} +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +1 -0
- 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/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +1 -1
- package/cjs/components/TextArea/TextArea.js +18 -109
- 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 -97
- 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 +45 -73
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +2 -4
- package/emotion/cjs/components/Segment/Segment.template-doc.mdx +6 -49
- package/emotion/cjs/components/Segment/tokens.js +1 -15
- package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +85 -174
- package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +29 -29
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +9 -14
- package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +7 -21
- package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
- package/emotion/cjs/components/TextArea/TextArea.js +23 -112
- 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 -99
- package/emotion/cjs/components/TextField/TextField.styles.js +37 -84
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +1 -6
- 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 -36
- package/emotion/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +42 -118
- package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +10 -13
- package/emotion/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
- 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 -72
- 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 -73
- package/emotion/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +42 -119
- package/emotion/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +9 -15
- package/emotion/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
- 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 -72
- 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 -82
- package/emotion/es/components/Autocomplete/Autocomplete.js +2 -4
- package/emotion/es/components/Segment/Segment.template-doc.mdx +6 -49
- package/emotion/es/components/Segment/tokens.js +1 -15
- package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +88 -177
- package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +29 -29
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.js +10 -15
- package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +7 -21
- package/emotion/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/emotion/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
- package/emotion/es/components/TextArea/TextArea.js +24 -113
- 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 +12 -99
- package/emotion/es/components/TextField/TextField.styles.js +36 -83
- package/emotion/es/components/TextField/TextField.template-doc.mdx +1 -6
- 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 -6
- package/emotion/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +42 -118
- package/emotion/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +10 -13
- package/emotion/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +9 -9
- 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 -72
- 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 -73
- package/emotion/es/examples/plasma_web/components/Segment/Segment.stories.tsx +42 -119
- package/emotion/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +9 -15
- package/emotion/es/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
- 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 -72
- 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 -82
- package/es/components/Autocomplete/Autocomplete.css +19 -34
- package/es/components/Autocomplete/Autocomplete.js +2 -4
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +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/Segment/tokens.js +1 -15
- package/es/components/Segment/tokens.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.css +7 -13
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +92 -183
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +2 -34
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +4 -0
- package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_escgtx.css +1 -0
- package/es/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_pilled/base.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_pilled/base_fqbatz.css +1 -0
- package/es/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_size/base.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_size/base_m358nl.css +1 -0
- package/es/components/Segment/ui/SegmentItem/SegmentItem.css +4 -6
- package/es/components/Segment/ui/SegmentItem/SegmentItem.js +10 -15
- package/es/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +2 -29
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +2 -0
- package/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_pilled/{base_omc5u1.css → base_15s0fel.css} +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +1 -0
- 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/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +1 -1
- package/es/components/TextArea/TextArea.js +22 -113
- 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 +11 -99
- 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 +45 -73
- package/package.json +4 -4
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +2 -4
- package/styled-components/cjs/components/Segment/Segment.template-doc.mdx +6 -49
- package/styled-components/cjs/components/Segment/tokens.js +1 -15
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +85 -174
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +6 -18
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +9 -14
- package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +5 -17
- package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
- package/styled-components/cjs/components/TextArea/TextArea.js +22 -111
- 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 -98
- package/styled-components/cjs/components/TextField/TextField.styles.js +21 -46
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +1 -6
- 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 -36
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/Segment.stories.tsx +42 -118
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +8 -11
- package/styled-components/cjs/examples/plasma_b2c/components/Segment/SegmentItem.config.js +8 -8
- 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 -72
- 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 -73
- package/styled-components/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +42 -119
- package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +8 -14
- package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
- 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 -72
- 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 -82
- package/styled-components/es/components/Autocomplete/Autocomplete.js +2 -4
- package/styled-components/es/components/Segment/Segment.template-doc.mdx +6 -49
- package/styled-components/es/components/Segment/tokens.js +1 -15
- package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +88 -177
- package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +6 -18
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js +1 -1
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_size/base.js +1 -1
- package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.js +10 -15
- package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +5 -17
- package/styled-components/es/components/Segment/ui/SegmentItem/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
- package/styled-components/es/components/TextArea/TextArea.js +23 -112
- 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 +11 -98
- package/styled-components/es/components/TextField/TextField.styles.js +20 -45
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +1 -6
- 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 -6
- package/styled-components/es/examples/plasma_b2c/components/Segment/Segment.stories.tsx +42 -118
- package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentGroup.config.js +8 -11
- package/styled-components/es/examples/plasma_b2c/components/Segment/SegmentItem.config.js +8 -8
- 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 -72
- 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 -73
- package/styled-components/es/examples/plasma_web/components/Segment/Segment.stories.tsx +42 -119
- package/styled-components/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +8 -14
- package/styled-components/es/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
- 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 -72
- 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 -82
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -408
- 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 -408
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +0 -408
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +0 -408
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Segment/tokens.d.ts +0 -14
- package/types/components/Segment/tokens.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts +18 -6
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts +0 -12
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts +3 -20
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/variations/_pilled/base.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/variations/_size/base.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts +0 -4
- package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts +1 -7
- package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts +0 -9
- package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/variations/_pilled/base.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/variations/_view/base.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +0 -408
- 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 -78
- 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 -73
- 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 -5
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +12 -772
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Segment/Segment.d.ts +9 -6
- package/types/examples/plasma_b2c/components/Segment/Segment.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Segment/SegmentItem.config.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 -457
- 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 -417
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +12 -772
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Segment/Segment.d.ts +9 -9
- package/types/examples/plasma_web/components/Segment/Segment.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts +0 -6
- package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Segment/SegmentItem.config.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 -457
- 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 -417
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_79d8q2.css +0 -8
- package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_a7w5s0.css +0 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -9
- package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js.map +0 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base_1ejecy9.css +0 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base_pxl3nb.css +0 -1
- package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base_18cpjsq.css +0 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_19oo2vi.css +0 -4
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css +0 -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/DisclosureDownWithOffset.js +0 -22
- package/cjs/components/_Icon/Icon.assets/DisclosureDownWithOffset.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +0 -22
- package/cjs/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +0 -22
- package/cjs/components/_Icon/Icon.assets/DisclosureRightWithOffset.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +0 -22
- package/cjs/components/_Icon/Icon.assets/DisclosureUpWithOffset.js.map +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/IconDisclosureDownWithOffset.js +0 -23
- package/cjs/components/_Icon/Icons/IconDisclosureDownWithOffset.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +0 -23
- package/cjs/components/_Icon/Icons/IconDisclosureLeftWithOffset.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconDisclosureRightWithOffset.js +0 -23
- package/cjs/components/_Icon/Icons/IconDisclosureRightWithOffset.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconDisclosureUpWithOffset.js +0 -23
- package/cjs/components/_Icon/Icons/IconDisclosureUpWithOffset.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/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -10
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +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/DisclosureDownWithOffset.js +0 -21
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +0 -21
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +0 -21
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +0 -21
- package/emotion/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureDownWithOffset.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureRightWithOffset.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureUpWithOffset.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +0 -22
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -4
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
- 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/DisclosureDownWithOffset.js +0 -14
- package/emotion/es/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +0 -14
- package/emotion/es/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +0 -14
- package/emotion/es/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +0 -14
- package/emotion/es/components/_Icon/Icon.assets/InfoCircleOutline.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconDisclosureDownWithOffset.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconDisclosureRightWithOffset.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconDisclosureUpWithOffset.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconInfoCircleOutline.js +0 -15
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_79d8q2.css +0 -8
- package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_a7w5s0.css +0 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -5
- package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js.map +0 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_orientation/base_1ejecy9.css +0 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_pilled/base_pxl3nb.css +0 -1
- package/es/components/Segment/ui/SegmentGroup/variations/_size/base_18cpjsq.css +0 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_19oo2vi.css +0 -4
- package/es/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css +0 -1
- 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/DisclosureDownWithOffset.js +0 -18
- package/es/components/_Icon/Icon.assets/DisclosureDownWithOffset.js.map +0 -1
- package/es/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +0 -18
- package/es/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js.map +0 -1
- package/es/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +0 -18
- package/es/components/_Icon/Icon.assets/DisclosureRightWithOffset.js.map +0 -1
- package/es/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +0 -18
- package/es/components/_Icon/Icon.assets/DisclosureUpWithOffset.js.map +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/IconDisclosureDownWithOffset.js +0 -19
- package/es/components/_Icon/Icons/IconDisclosureDownWithOffset.js.map +0 -1
- package/es/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +0 -19
- package/es/components/_Icon/Icons/IconDisclosureLeftWithOffset.js.map +0 -1
- package/es/components/_Icon/Icons/IconDisclosureRightWithOffset.js +0 -19
- package/es/components/_Icon/Icons/IconDisclosureRightWithOffset.js.map +0 -1
- package/es/components/_Icon/Icons/IconDisclosureUpWithOffset.js +0 -19
- package/es/components/_Icon/Icons/IconDisclosureUpWithOffset.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/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -10
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +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/DisclosureDownWithOffset.js +0 -21
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +0 -21
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +0 -21
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +0 -21
- package/styled-components/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDownWithOffset.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureRightWithOffset.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureUpWithOffset.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +0 -22
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_orientation/base.js +0 -4
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_orientation/tokens.json +0 -1
- 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/DisclosureDownWithOffset.js +0 -14
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeftWithOffset.js +0 -14
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureRightWithOffset.js +0 -14
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureUpWithOffset.js +0 -14
- package/styled-components/es/components/_Icon/Icon.assets/InfoCircleOutline.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconDisclosureDownWithOffset.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconDisclosureLeftWithOffset.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconDisclosureRightWithOffset.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconDisclosureUpWithOffset.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconInfoCircleOutline.js +0 -15
- package/types/components/Segment/ui/SegmentGroup/variations/_orientation/base.d.ts +0 -2
- package/types/components/Segment/ui/SegmentGroup/variations/_orientation/base.d.ts.map +0 -1
- 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/DisclosureDownWithOffset.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/DisclosureDownWithOffset.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/DisclosureLeftWithOffset.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/DisclosureLeftWithOffset.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/DisclosureRightWithOffset.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/DisclosureRightWithOffset.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/DisclosureUpWithOffset.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/DisclosureUpWithOffset.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/IconDisclosureDownWithOffset.d.ts +0 -4
- package/types/components/_Icon/Icons/IconDisclosureDownWithOffset.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconDisclosureLeftWithOffset.d.ts +0 -4
- package/types/components/_Icon/Icons/IconDisclosureLeftWithOffset.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconDisclosureRightWithOffset.d.ts +0 -4
- package/types/components/_Icon/Icons/IconDisclosureRightWithOffset.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconDisclosureUpWithOffset.d.ts +0 -4
- package/types/components/_Icon/Icons/IconDisclosureUpWithOffset.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
@@ -1,55 +1,23 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import type { ComponentProps } from 'react';
|
3
3
|
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
-
import { disableProps } from '@salutejs/plasma-sb-utils';
|
5
4
|
|
6
5
|
import { segmentGroupConfig } from '../../../../components/Segment';
|
7
6
|
import { mergeConfig } from '../../../../engines';
|
8
7
|
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
9
8
|
import { SegmentProvider } from '../../../../components/Segment/SegmentProvider';
|
10
|
-
import { Counter } from '../Counter/Counter';
|
11
|
-
import { IconMic } from '../../../../components/_Icon';
|
12
9
|
|
13
10
|
import { config } from './SegmentGroup.config';
|
14
11
|
import { SegmentItem, SegmentGroup } from './Segment';
|
15
12
|
|
16
|
-
const
|
17
|
-
const contentRightOptions = ['none', 'text', 'counter', 'icon'];
|
13
|
+
const segmentItemViews = ['clear', 'default', 'secondary'];
|
18
14
|
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
type CustomStoryProps = {
|
23
|
-
itemQuantity: number;
|
24
|
-
contentLeft: string;
|
25
|
-
contentRight: string;
|
26
|
-
segmentItemView?: 'default' | 'secondary';
|
27
|
-
};
|
28
|
-
|
29
|
-
type StorySegmentProps = ComponentProps<typeof SegmentGroup> & CustomStoryProps;
|
30
|
-
|
31
|
-
const sizes = ['xs', 's', 'm', 'l'] as const;
|
32
|
-
|
33
|
-
const getContentLeft = (contentLeftOption: string, size: Size) => {
|
34
|
-
const iconSize = size === 'xs' ? 'xs' : 's';
|
35
|
-
return contentLeftOption === 'icon' ? <IconMic size={iconSize} color="inherit" /> : undefined;
|
15
|
+
type CustomStorySegmentProps = {
|
16
|
+
segmentItemView?: string;
|
17
|
+
contentItemsNumber?: number;
|
36
18
|
};
|
37
19
|
|
38
|
-
|
39
|
-
const iconSize = size === 'xs' ? 'xs' : 's';
|
40
|
-
const counterSize = size === 'xs' ? 'xxs' : 'xs';
|
41
|
-
|
42
|
-
switch (contentRightOption) {
|
43
|
-
case 'icon':
|
44
|
-
return <IconMic size={iconSize} color="inherit" />;
|
45
|
-
case 'counter':
|
46
|
-
return <Counter size={counterSize} count={1} view="positive" />;
|
47
|
-
case 'text':
|
48
|
-
return 'Text';
|
49
|
-
default:
|
50
|
-
return undefined;
|
51
|
-
}
|
52
|
-
};
|
20
|
+
type StorySegmentProps = ComponentProps<typeof SegmentGroup> & CustomStorySegmentProps;
|
53
21
|
|
54
22
|
const meta: Meta<StorySegmentProps> = {
|
55
23
|
title: 'plasma_b2c/Segment',
|
@@ -57,19 +25,6 @@ const meta: Meta<StorySegmentProps> = {
|
|
57
25
|
component: SegmentGroup,
|
58
26
|
argTypes: {
|
59
27
|
...argTypesFromConfig(mergeConfig(segmentGroupConfig, config)),
|
60
|
-
...disableProps(['filledBackground', 'view', 'selectionMode', 'clip']),
|
61
|
-
stretch: {
|
62
|
-
control: {
|
63
|
-
type: 'boolean',
|
64
|
-
},
|
65
|
-
if: { arg: 'orientation', eq: 'horizontal' },
|
66
|
-
},
|
67
|
-
orientation: {
|
68
|
-
options: ['horizontal', 'vertical'],
|
69
|
-
control: {
|
70
|
-
type: 'select',
|
71
|
-
},
|
72
|
-
},
|
73
28
|
selectionMode: {
|
74
29
|
options: ['single', 'multiple'],
|
75
30
|
control: {
|
@@ -82,91 +37,60 @@ const meta: Meta<StorySegmentProps> = {
|
|
82
37
|
type: 'select',
|
83
38
|
},
|
84
39
|
},
|
85
|
-
contentLeft: {
|
86
|
-
options: contentLeftOptions,
|
87
|
-
control: {
|
88
|
-
type: 'select',
|
89
|
-
},
|
90
|
-
},
|
91
|
-
contentRight: {
|
92
|
-
options: contentRightOptions,
|
93
|
-
control: {
|
94
|
-
type: 'select',
|
95
|
-
},
|
96
|
-
},
|
97
|
-
size: {
|
98
|
-
options: sizes,
|
99
|
-
control: {
|
100
|
-
type: 'select',
|
101
|
-
},
|
102
|
-
},
|
103
40
|
},
|
104
41
|
};
|
105
42
|
|
106
43
|
export default meta;
|
107
44
|
|
108
|
-
const StoryDefault = (
|
109
|
-
const
|
110
|
-
disabled,
|
111
|
-
itemQuantity,
|
112
|
-
size,
|
113
|
-
stretch,
|
114
|
-
orientation,
|
115
|
-
|
116
|
-
segmentItemView,
|
117
|
-
contentLeft: contentLeftOption,
|
118
|
-
contentRight: contentRightOption,
|
119
|
-
...args
|
120
|
-
} = props;
|
121
|
-
const items = Array(itemQuantity).fill(0);
|
122
|
-
const isVertical = orientation === 'vertical';
|
45
|
+
const StoryDefault = ({ contentItemsNumber, selectionMode, segmentItemView, view, ...args }: StorySegmentProps) => {
|
46
|
+
const contentItems = Array(contentItemsNumber).fill(0);
|
123
47
|
|
124
48
|
return (
|
125
|
-
|
126
|
-
<
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
49
|
+
<>
|
50
|
+
<h3>Segment with auto width</h3>
|
51
|
+
<SegmentProvider>
|
52
|
+
<SegmentGroup view={view} selectionMode={selectionMode} {...args}>
|
53
|
+
{contentItems.map((_, i) => (
|
54
|
+
<SegmentItem
|
55
|
+
view={segmentItemView}
|
56
|
+
label={`Label ${i}`}
|
57
|
+
value={`label_${i}`}
|
58
|
+
key={`label_${i}`}
|
59
|
+
{...args}
|
60
|
+
/>
|
61
|
+
))}
|
62
|
+
</SegmentGroup>
|
63
|
+
</SegmentProvider>
|
64
|
+
|
65
|
+
<h3>Segment with fixed width</h3>
|
66
|
+
<SegmentProvider>
|
67
|
+
<SegmentGroup view={view} style={{ width: '28.5rem' }} selectionMode={selectionMode} {...args}>
|
68
|
+
{contentItems.map((_, i) => (
|
69
|
+
<SegmentItem
|
70
|
+
view={segmentItemView}
|
71
|
+
label={`Label ${i}`}
|
72
|
+
value={`label_${i}`}
|
73
|
+
key={`label_${i}`}
|
74
|
+
{...args}
|
75
|
+
/>
|
76
|
+
))}
|
77
|
+
</SegmentGroup>
|
78
|
+
</SegmentProvider>
|
79
|
+
</>
|
150
80
|
);
|
151
81
|
};
|
152
82
|
|
153
83
|
export const Default: StoryObj<StorySegmentProps> = {
|
154
84
|
args: {
|
155
|
-
|
85
|
+
view: 'clear',
|
156
86
|
size: 'xs',
|
157
|
-
segmentItemView: '
|
87
|
+
segmentItemView: 'clear',
|
158
88
|
selectionMode: 'single',
|
89
|
+
contentItemsNumber: 11,
|
159
90
|
pilled: false,
|
160
91
|
filledBackground: false,
|
161
|
-
hasBackground: false,
|
162
92
|
disabled: false,
|
163
93
|
stretch: false,
|
164
|
-
orientation: 'horizontal',
|
165
|
-
contentRight: 'none',
|
166
|
-
contentLeft: 'none',
|
167
|
-
},
|
168
|
-
argTypes: {
|
169
|
-
...disableProps(['filledBackground', 'view', 'selectionMode', 'clip']),
|
170
94
|
},
|
171
|
-
render: (args
|
95
|
+
render: (args) => <StoryDefault {...args} />,
|
172
96
|
};
|
@@ -7,29 +7,26 @@ export var config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
view: {
|
10
|
-
clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":
|
11
|
-
filled: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--plasma-colors-button-focused
|
10
|
+
clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":tranparent;", ":var(--plasma-colors-button-focused);"], segmentTokens.arrowColor, segmentTokens.groupBackgroundColor, segmentTokens.outlineFocusColor),
|
11
|
+
filled: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--plasma-colors-button-focused);"], segmentTokens.arrowColor, segmentTokens.groupBackgroundColor, segmentTokens.outlineFocusColor)
|
12
12
|
},
|
13
13
|
size: {
|
14
|
-
xs: /*#__PURE__*/css(["", ":0.
|
15
|
-
s: /*#__PURE__*/css(["", ":0.
|
16
|
-
m: /*#__PURE__*/css(["", ":0.
|
17
|
-
l: /*#__PURE__*/css(["", ":
|
14
|
+
xs: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":auto;"], segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight),
|
15
|
+
s: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":auto;"], segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight),
|
16
|
+
m: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":auto;"], segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight),
|
17
|
+
l: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":auto;"], segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight)
|
18
18
|
},
|
19
19
|
disabled: {
|
20
20
|
"true": /*#__PURE__*/css(["", ":0.4;"], segmentTokens.disabledOpacity)
|
21
21
|
},
|
22
22
|
pilled: {
|
23
|
-
"true": /*#__PURE__*/css([""])
|
23
|
+
"true": /*#__PURE__*/css(["", ":1.75rem;"], segmentTokens.groupPilledBorderRadius)
|
24
24
|
},
|
25
25
|
stretch: {
|
26
26
|
"true": /*#__PURE__*/css([""])
|
27
27
|
},
|
28
28
|
filledBackground: {
|
29
|
-
"true": /*#__PURE__*/css(["", ":var(--surface-
|
30
|
-
},
|
31
|
-
orientation: {
|
32
|
-
vertical: /*#__PURE__*/css([""])
|
29
|
+
"true": /*#__PURE__*/css(["", ":var(--plasma-colors-surface-liquid02);"], segmentTokens.groupFilledBackgroundColor)
|
33
30
|
}
|
34
31
|
}
|
35
32
|
};
|
@@ -7,21 +7,21 @@ export var config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
view: {
|
10
|
-
clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--text-primary
|
11
|
-
secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary
|
12
|
-
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary
|
10
|
+
clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--plasma-colors-button-focused);"], segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.outlineFocusColor),
|
11
|
+
secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--plasma-colors-button-focused);"], segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.outlineFocusColor),
|
12
|
+
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--plasma-colors-button-focused);"], segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.outlineFocusColor)
|
13
13
|
},
|
14
14
|
size: {
|
15
|
-
xs: /*#__PURE__*/css(["", ":0.
|
16
|
-
s: /*#__PURE__*/css(["", ":0.
|
17
|
-
m: /*#__PURE__*/css(["", ":0.
|
18
|
-
l: /*#__PURE__*/css(["", ":0.
|
15
|
+
xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":1.5rem;", ":0 0.625rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight),
|
16
|
+
s: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":2rem;", ":0 0.75rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight),
|
17
|
+
m: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":2.5rem;", ":0 0.875rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight),
|
18
|
+
l: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":3rem;", ":0 1rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight)
|
19
19
|
},
|
20
20
|
disabled: {
|
21
21
|
"true": /*#__PURE__*/css(["", ":0.4;"], segmentTokens.disabledOpacity)
|
22
22
|
},
|
23
23
|
pilled: {
|
24
|
-
"true": /*#__PURE__*/css(["", ":1.
|
24
|
+
"true": /*#__PURE__*/css(["", ":1.5rem;"], segmentTokens.itemPilledBorderRadius)
|
25
25
|
}
|
26
26
|
}
|
27
27
|
};
|
@@ -7,31 +7,22 @@ export var config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
size: {
|
10
|
-
xs: /*#__PURE__*/css(["", ":100%;", ":7.312rem;", ":0.625rem;", ":0.5rem;", ":0.5rem 0.5rem 0 0;", ":0.563rem;", ":0.625rem;", ":2.125rem;", ":1.5rem;", ":0.563rem;", ":0.625rem;", ":0.5rem;", ":0.25rem;", ":0.625rem;", ":0.563rem;", ":0.625rem;", ":0rem;", ":0.563rem;", ":0.5rem;", ":1rem;", ":0.375rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":0rem;", ":0rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.675rem auto auto;", ":0.813rem auto auto -0.625rem;", ":0.813rem -0.625rem auto auto;", ":0.
|
11
|
-
s: /*#__PURE__*/css(["", ":100%;", ":7.187rem;", ":0.625rem;", ":0.625rem;", ":0.625rem 0.625rem 0 0;", ":0.688rem;", ":0.875rem;", ":3.125rem;", ":2rem;", ":0.75rem;", ":0.875rem;", ":0.75rem;", ":0.25rem;", ":0.875rem;", ":0.75rem;", ":0.875rem;", ":0rem;", ":0.688rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.063rem auto auto -0.75rem;", ":1.063rem -0.75rem auto auto;", ":
|
12
|
-
m: /*#__PURE__*/css(["", ":100%;", ":7rem;", ":1.125rem;", ":0.75rem;", ":0.75rem 0.75rem 0 0;", ":0.875rem;", ":1rem;", ":3.375rem;", ":2.125rem;", ":0.75rem;", ":1rem;", ":0.75rem;", ":0.25rem;", ":1rem;", ":0.75rem;", ":1rem;", ":0rem;", ":0.875rem;", ":0.875rem;", ":1.25rem;", ":0.625rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.4375rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.1875rem -0.625rem auto auto;", ":1.25rem auto auto -0.875rem;", ":1.25rem -0.875rem auto auto;", ":
|
13
|
-
l: /*#__PURE__*/css(["", ":100%;", ":6.812rem;", ":1.625rem;", ":0.875rem;", ":0.875rem 0.875rem 0 0;", ":1.063rem;", ":1.125rem;", ":3.625rem;", ":2.25rem;", ":0.75rem;", ":1.125rem;", ":0.75rem;", ":0.25rem;", ":1.125rem;", ":0.75rem;", ":1.125rem;", ":0rem;", ":1.063rem;", ":1rem;", ":1.25rem;", ":0.75rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;", ":
|
10
|
+
xs: /*#__PURE__*/css(["", ":100%;", ":7.312rem;", ":0.625rem;", ":0.5rem;", ":0.5rem 0.5rem 0 0;", ":0.563rem;", ":0.625rem;", ":2.125rem;", ":1.5rem;", ":0.563rem;", ":0.625rem;", ":0.5rem;", ":0.25rem;", ":0.625rem;", ":0.563rem;", ":0.625rem;", ":0rem;", ":0.563rem;", ":0.5rem;", ":1rem;", ":0.375rem;", ":0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":0rem;", ":0rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.675rem auto auto;", ":0.813rem auto auto -0.625rem;", ":0.813rem -0.625rem auto auto;", ":0.188rem;", ":0.063rem;"], textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth),
|
11
|
+
s: /*#__PURE__*/css(["", ":100%;", ":7.187rem;", ":0.625rem;", ":0.625rem;", ":0.625rem 0.625rem 0 0;", ":0.688rem;", ":0.875rem;", ":3.125rem;", ":2rem;", ":0.75rem;", ":0.875rem;", ":0.75rem;", ":0.25rem;", ":0.875rem;", ":0.75rem;", ":0.875rem;", ":0rem;", ":0.688rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.063rem auto auto -0.75rem;", ":1.063rem -0.75rem auto auto;", ":0.188rem;", ":0.063rem;"], textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth),
|
12
|
+
m: /*#__PURE__*/css(["", ":100%;", ":7rem;", ":1.125rem;", ":0.75rem;", ":0.75rem 0.75rem 0 0;", ":0.875rem;", ":1rem;", ":3.375rem;", ":2.125rem;", ":0.75rem;", ":1rem;", ":0.75rem;", ":0.25rem;", ":1rem;", ":0.75rem;", ":1rem;", ":0rem;", ":0.875rem;", ":0.875rem;", ":1.25rem;", ":0.625rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.4375rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.1875rem -0.625rem auto auto;", ":1.25rem auto auto -0.875rem;", ":1.25rem -0.875rem auto auto;", ":0.188rem;", ":0.063rem;"], textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth),
|
13
|
+
l: /*#__PURE__*/css(["", ":100%;", ":6.812rem;", ":1.625rem;", ":0.875rem;", ":0.875rem 0.875rem 0 0;", ":1.063rem;", ":1.125rem;", ":3.625rem;", ":2.25rem;", ":0.75rem;", ":1.125rem;", ":0.75rem;", ":0.25rem;", ":1.125rem;", ":0.75rem;", ":1.125rem;", ":0rem;", ":1.063rem;", ":1rem;", ":1.25rem;", ":0.75rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.675rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;", ":0.188rem;", ":0.063rem;"], textAreaTokens.inputWidth, textAreaTokens.inputHeight, textAreaTokens.inputMinHeight, textAreaTokens.borderRadius, textAreaTokens.borderRadiusWithHelpers, textAreaTokens.inputPaddingTop, textAreaTokens.inputPaddingRight, textAreaTokens.inputPaddingRightWithRightContent, textAreaTokens.clearInputPaddingRightWithRightContent, textAreaTokens.inputPaddingBottom, textAreaTokens.inputPaddingLeft, textAreaTokens.helpersPaddingTop, textAreaTokens.clearHelpersPaddingTop, textAreaTokens.helpersPaddingRight, textAreaTokens.helpersPaddingBottom, textAreaTokens.helpersPaddingLeft, textAreaTokens.helpersOffset, textAreaTokens.rightContentTop, textAreaTokens.rightContentRight, textAreaTokens.rightContentHeight, textAreaTokens.labelMarginBottom, textAreaTokens.clearLabelMarginBottom, textAreaTokens.labelInnerFontFamily, textAreaTokens.labelInnerFontSize, textAreaTokens.labelInnerFontStyle, textAreaTokens.labelInnerFontWeight, textAreaTokens.labelInnerLetterSpacing, textAreaTokens.labelInnerLineHeight, textAreaTokens.labelInnerTop, textAreaTokens.labelInnerMarginBottom, textAreaTokens.inputFontFamily, textAreaTokens.inputFontSize, textAreaTokens.inputFontStyle, textAreaTokens.inputFontWeight, textAreaTokens.inputLetterSpacing, textAreaTokens.inputLineHeight, textAreaTokens.helpersFontFamily, textAreaTokens.helpersFontSize, textAreaTokens.helpersFontStyle, textAreaTokens.helpersFontWeight, textAreaTokens.helpersLetterSpacing, textAreaTokens.helpersLineHeight, textAreaTokens.indicatorSizeInner, textAreaTokens.indicatorSizeOuter, textAreaTokens.indicatorLabelPlacementInner, textAreaTokens.indicatorLabelPlacementOuter, textAreaTokens.indicatorLabelPlacementInnerRight, textAreaTokens.indicatorLabelPlacementOuterRight, textAreaTokens.clearIndicatorLabelPlacementInner, textAreaTokens.clearIndicatorLabelPlacementInnerRight, textAreaTokens.scrollbarWidth, textAreaTokens.scrollbarBorderWidth)
|
14
14
|
},
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/css(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--surface-transparent-tertiary-active);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);"
|
17
|
-
positive: /*#__PURE__*/css(["", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--surface-transparent-tertiary-active);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-primary-hover);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);"
|
18
|
-
warning: /*#__PURE__*/css(["", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--surface-transparent-tertiary-active);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-primary-hover);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);"
|
19
|
-
negative: /*#__PURE__*/css(["", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--surface-transparent-tertiary-active);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-primary-hover);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);"
|
20
|
-
},
|
21
|
-
hintView: {
|
22
|
-
"default": /*#__PURE__*/css(["", ":var(--surface-solid-card);", ":var(--shadow-down-hard-m);", ":var(--text-primary);"], textAreaTokens.tooltipBackgroundColor, textAreaTokens.tooltipBoxShadow, textAreaTokens.tooltipColor),
|
23
|
-
onDark: /*#__PURE__*/css(["", ":var(--on-dark-surface-solid-card);", ":var(--shadow-down-hard-m);", ":var(--on-dark-text-primary);"], textAreaTokens.tooltipBackgroundColor, textAreaTokens.tooltipBoxShadow, textAreaTokens.tooltipColor),
|
24
|
-
onLight: /*#__PURE__*/css(["", ":var(--on-light-surface-solid-card);", ":var(--shadow-down-hard-m);", ":var(--on-light-text-primary);"], textAreaTokens.tooltipBackgroundColor, textAreaTokens.tooltipBoxShadow, textAreaTokens.tooltipColor)
|
25
|
-
},
|
26
|
-
hintSize: {
|
27
|
-
m: /*#__PURE__*/css(["", ":0.6875rem;", ":0.875rem;", ":0.6875rem;", ":0.875rem;", ":2.5rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.375rem;", ":1.25rem;", ":1.25rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");", ":0.5rem;", ":0.625rem;", ":var(--surface-solid-card);"], textAreaTokens.tooltipPaddingTop, textAreaTokens.tooltipPaddingRight, textAreaTokens.tooltipPaddingBottom, textAreaTokens.tooltipPaddingLeft, textAreaTokens.tooltipMinHeight, textAreaTokens.tooltipBorderRadius, textAreaTokens.tooltipTextFontFamily, textAreaTokens.tooltipTextFontSize, textAreaTokens.tooltipTextFontStyle, textAreaTokens.tooltipTextFontWeight, textAreaTokens.tooltipTextFontLetterSpacing, textAreaTokens.tooltipTextFontLineHeight, textAreaTokens.tooltipContentLeftMargin, textAreaTokens.tooltipArrowMaskWidth, textAreaTokens.tooltipArrowMaskHeight, textAreaTokens.tooltipArrowMaskImage, textAreaTokens.tooltipArrowHeight, textAreaTokens.tooltipArrowEdgeMargin, textAreaTokens.tooltipArrowBackground),
|
28
|
-
s: /*#__PURE__*/css(["", ":0.5rem;", ":0.75rem;", ":0.5rem;", ":0.75rem;", ":2rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":1rem;", ":1rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", ":0.375rem;", ":0.5625rem;", ":var(--surface-solid-card);"], textAreaTokens.tooltipPaddingTop, textAreaTokens.tooltipPaddingRight, textAreaTokens.tooltipPaddingBottom, textAreaTokens.tooltipPaddingLeft, textAreaTokens.tooltipMinHeight, textAreaTokens.tooltipBorderRadius, textAreaTokens.tooltipTextFontFamily, textAreaTokens.tooltipTextFontSize, textAreaTokens.tooltipTextFontStyle, textAreaTokens.tooltipTextFontWeight, textAreaTokens.tooltipTextFontLetterSpacing, textAreaTokens.tooltipTextFontLineHeight, textAreaTokens.tooltipContentLeftMargin, textAreaTokens.tooltipArrowMaskWidth, textAreaTokens.tooltipArrowMaskHeight, textAreaTokens.tooltipArrowMaskImage, textAreaTokens.tooltipArrowHeight, textAreaTokens.tooltipArrowEdgeMargin, textAreaTokens.tooltipArrowBackground)
|
16
|
+
"default": /*#__PURE__*/css(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--surface-transparent-tertiary-active);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);"], textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColor, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus),
|
17
|
+
positive: /*#__PURE__*/css(["", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--surface-transparent-tertiary-active);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-primary-hover);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);"], textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus),
|
18
|
+
warning: /*#__PURE__*/css(["", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--surface-transparent-tertiary-active);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-primary-hover);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);"], textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus),
|
19
|
+
negative: /*#__PURE__*/css(["", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--surface-transparent-tertiary-active);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-primary-hover);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);"], textAreaTokens.inputBackgroundColor, textAreaTokens.inputBackgroundColorHover, textAreaTokens.inputBackgroundColorActive, textAreaTokens.inputBackgroundColorFocus, textAreaTokens.helpersBackgroundColor, textAreaTokens.helpersBackgroundColorHover, textAreaTokens.helpersBackgroundColorActive, textAreaTokens.helpersBackgroundColorFocus, textAreaTokens.inputColor, textAreaTokens.clearInputColor, textAreaTokens.clearPlaceholderColor, textAreaTokens.inputColorFocus, textAreaTokens.inputCaretColor, textAreaTokens.placeholderColor, textAreaTokens.placeholderColorFocus, textAreaTokens.clearPlaceholderColorFocus, textAreaTokens.leftHelperColor, textAreaTokens.rightHelperColor, textAreaTokens.indicatorColor, textAreaTokens.optionalColor, textAreaTokens.scrollbarThumbBackgroundColor, textAreaTokens.scrollbarThumbBackgroundColorHover, textAreaTokens.scrollbarThumbBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColor, textAreaTokens.scrollbarTrackBackgroundColorActive, textAreaTokens.scrollbarTrackBackgroundColorHover, textAreaTokens.dividerColor, textAreaTokens.dividerColorHover, textAreaTokens.dividerColorFocus)
|
29
20
|
},
|
30
21
|
clear: {
|
31
22
|
"true": /*#__PURE__*/css([""])
|
32
23
|
},
|
33
24
|
disabled: {
|
34
|
-
"true": /*#__PURE__*/css(["", ":0.4;", ":var(--text-secondary);", ":var(--surface-transparent-primary);"
|
25
|
+
"true": /*#__PURE__*/css(["", ":0.4;", ":var(--text-secondary);", ":var(--surface-transparent-primary);"], textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly)
|
35
26
|
}
|
36
27
|
}
|
37
28
|
};
|
@@ -7,34 +7,11 @@ import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
|
7
7
|
import { textAreaConfig } from '../../../../components/TextArea';
|
8
8
|
import { mergeConfig } from '../../../../engines';
|
9
9
|
import { WithTheme, argTypesFromConfig } from '../../../_helpers';
|
10
|
-
import type { PopoverPlacement } from '../Popover/Popover';
|
11
10
|
|
12
11
|
import { config } from './TextArea.config';
|
13
12
|
import { TextArea } from './TextArea';
|
14
13
|
|
15
14
|
const labelPlacements = ['inner', 'outer'];
|
16
|
-
const hintViews = ['default', 'onDark', 'onLight'];
|
17
|
-
const hintSizes = ['m', 's'];
|
18
|
-
const hintTriggers = ['hover', 'click'];
|
19
|
-
const placements: Array<PopoverPlacement> = [
|
20
|
-
'top',
|
21
|
-
'top-start',
|
22
|
-
'top-end',
|
23
|
-
|
24
|
-
'bottom',
|
25
|
-
'bottom-start',
|
26
|
-
'bottom-end',
|
27
|
-
|
28
|
-
'left',
|
29
|
-
'left-start',
|
30
|
-
'left-end',
|
31
|
-
|
32
|
-
'right',
|
33
|
-
'right-start',
|
34
|
-
'right-end',
|
35
|
-
|
36
|
-
'auto',
|
37
|
-
];
|
38
15
|
|
39
16
|
type StoryTextAreaPropsCustom = {
|
40
17
|
enableContentRight?: boolean;
|
@@ -90,46 +67,6 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
90
67
|
},
|
91
68
|
if: { arg: 'clear', truthy: true },
|
92
69
|
},
|
93
|
-
hintText: {
|
94
|
-
control: { type: 'text' },
|
95
|
-
},
|
96
|
-
hintView: {
|
97
|
-
options: hintViews,
|
98
|
-
control: {
|
99
|
-
type: 'select',
|
100
|
-
},
|
101
|
-
if: { arg: 'hintText', neq: '' },
|
102
|
-
},
|
103
|
-
hintSize: {
|
104
|
-
options: hintSizes,
|
105
|
-
control: {
|
106
|
-
type: 'select',
|
107
|
-
},
|
108
|
-
if: { arg: 'hintText', neq: '' },
|
109
|
-
},
|
110
|
-
hintTrigger: {
|
111
|
-
options: hintTriggers,
|
112
|
-
control: {
|
113
|
-
type: 'inline-radio',
|
114
|
-
},
|
115
|
-
if: { arg: 'hintText', neq: '' },
|
116
|
-
},
|
117
|
-
hintPlacement: {
|
118
|
-
options: placements,
|
119
|
-
control: {
|
120
|
-
type: 'select',
|
121
|
-
},
|
122
|
-
if: { arg: 'hintText', neq: '' },
|
123
|
-
mappers: placements,
|
124
|
-
},
|
125
|
-
hintHasArrow: {
|
126
|
-
control: { type: 'boolean' },
|
127
|
-
if: { arg: 'hintText', neq: '' },
|
128
|
-
},
|
129
|
-
hintWidth: {
|
130
|
-
control: { type: 'text' },
|
131
|
-
if: { arg: 'hintText', neq: '' },
|
132
|
-
},
|
133
70
|
},
|
134
71
|
args: {
|
135
72
|
id: 'example-textarea',
|
@@ -139,7 +76,6 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
139
76
|
label: 'Лейбл',
|
140
77
|
labelPlacement: 'outer',
|
141
78
|
placeholder: 'Заполните многострочное поле',
|
142
|
-
titleCaption: 'Подпись к полю',
|
143
79
|
leftHelper: 'Подсказка к полю слева',
|
144
80
|
rightHelper: 'Подсказка к полю справа',
|
145
81
|
disabled: false,
|
@@ -152,13 +88,6 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
152
88
|
requiredPlacement: 'right',
|
153
89
|
clear: false,
|
154
90
|
hasDivider: false,
|
155
|
-
hintText: 'Текст подсказки',
|
156
|
-
hintTrigger: 'hover',
|
157
|
-
hintView: 'default',
|
158
|
-
hintSize: 'm',
|
159
|
-
hintPlacement: 'auto',
|
160
|
-
hintWidth: '10rem',
|
161
|
-
hintHasArrow: true,
|
162
91
|
},
|
163
92
|
};
|
164
93
|
|
@@ -183,7 +112,6 @@ const StoryDefault = (props: StoryTextAreaProps) => {
|
|
183
112
|
}}
|
184
113
|
onFocus={onFocus}
|
185
114
|
onBlur={onBlur}
|
186
|
-
style={{ width: '70%', margin: '0 auto' }}
|
187
115
|
{...props}
|
188
116
|
/>
|
189
117
|
);
|