@salutejs/plasma-new-hope 0.156.0-canary.1392.11055092483.0 → 0.156.0-canary.1459.11057629608.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +33 -18
- package/cjs/components/Autocomplete/Autocomplete.js +6 -2
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +37 -17
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +37 -17
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +37 -17
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +34 -19
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +32 -17
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +34 -19
- package/cjs/components/Range/Range.css +38 -18
- package/cjs/components/Segment/tokens.js +1 -14
- package/cjs/components/Segment/tokens.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.css +8 -7
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +112 -68
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +7 -1
- 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/_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 +7 -17
- 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 +38 -18
- package/cjs/components/Slider/components/Double/Double.css +38 -18
- package/cjs/components/Tabs/ui/Tabs/Tabs.js +6 -6
- package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +123 -15
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +116 -63
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_1phhc4q.css +17 -0
- package/cjs/components/TextArea/TextArea.tokens.js +36 -1
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/{Segment/ui/SegmentGroup/variations/_orientation → TextArea/variations/_hint-size}/base.js +2 -2
- package/cjs/components/TextArea/variations/_hint-size/base.js.map +1 -0
- package/cjs/components/TextArea/variations/_hint-size/base_1pzfoj7.css +1 -0
- package/cjs/components/TextArea/variations/_hint-view/base.js +9 -0
- package/cjs/components/TextArea/variations/_hint-view/base.js.map +1 -0
- package/cjs/components/TextArea/variations/_hint-view/base_111a0qe.css +1 -0
- package/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
- package/cjs/components/TextArea/variations/_view/base_1ri7c88.css +1 -0
- package/cjs/components/TextField/TextField.js +114 -7
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +74 -20
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/TextField.styles_1i9z45f.css +21 -0
- package/cjs/components/TextField/TextField.tokens.js +35 -0
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_disabled/base.js +1 -1
- package/cjs/components/TextField/variations/_disabled/base_frtgf7.css +1 -0
- package/cjs/components/TextField/variations/_hint-size/base.js +9 -0
- package/cjs/components/TextField/variations/_hint-size/base.js.map +1 -0
- package/cjs/components/TextField/variations/_hint-size/base_1f8fx0a.css +1 -0
- package/cjs/components/TextField/variations/_hint-view/base.js +9 -0
- package/cjs/components/TextField/variations/_hint-view/base.js.map +1 -0
- package/cjs/components/TextField/variations/_hint-view/base_l8etux.css +1 -0
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_oh623n.css +1 -0
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
- package/cjs/components/TextField/variations/_read-only/base_dwfq44.css +1 -0
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/base.js.map +1 -1
- package/cjs/components/TextField/variations/_size/base_n9k1fc.css +1 -0
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base.js.map +1 -1
- package/cjs/components/TextField/variations/_view/base_tmr4o7.css +1 -0
- package/cjs/components/TextFieldGroup/TextFieldGroup.css +1 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base.js +1 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
- package/cjs/components/_Icon/Icon.assets/{DisclosureLeftCentered.js → DisclosureLeft.js} +3 -3
- package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +23 -0
- package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/{IconDisclosureLeftCentered.js → IconDisclosureLeft.js} +5 -5
- package/cjs/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
- package/cjs/index.css +61 -44
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +6 -2
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +4 -4
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
- package/emotion/cjs/components/Segment/tokens.js +1 -14
- package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +115 -66
- package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +33 -15
- package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/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 +7 -17
- package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +6 -20
- 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/Tabs/ui/Tabs/Tabs.js +4 -4
- package/emotion/cjs/components/TextArea/TextArea.js +126 -20
- package/emotion/cjs/components/TextArea/TextArea.styles.js +81 -41
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +36 -1
- package/emotion/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
- package/emotion/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
- package/emotion/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
- package/emotion/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
- package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -1
- package/emotion/cjs/components/TextField/TextField.js +116 -10
- package/emotion/cjs/components/TextField/TextField.styles.js +81 -34
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +7 -1
- package/emotion/cjs/components/TextField/TextField.tokens.js +35 -0
- package/emotion/cjs/components/TextField/variations/_hint-size/base.js +11 -0
- package/emotion/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
- package/emotion/cjs/components/TextField/variations/_hint-view/base.js +11 -0
- package/emotion/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/{styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js → emotion/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js} +3 -3
- package/emotion/cjs/components/_Icon/Icons/{IconDisclosureDown.js → IconInfoCircleOutline.js} +4 -4
- package/emotion/cjs/components/_Icon/index.js +6 -20
- package/emotion/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
- 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 +18 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +69 -0
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +21 -12
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +70 -1
- package/emotion/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
- 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 +18 -9
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +69 -1
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +21 -12
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +79 -10
- package/emotion/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/emotion/es/components/Autocomplete/Autocomplete.js +6 -2
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +5 -5
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
- package/emotion/es/components/Segment/tokens.js +1 -14
- package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +118 -69
- package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +32 -14
- package/emotion/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/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 +8 -18
- package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +6 -20
- 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/Tabs/ui/Tabs/Tabs.js +5 -5
- package/emotion/es/components/TextArea/TextArea.js +127 -21
- package/emotion/es/components/TextArea/TextArea.styles.js +80 -40
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +6 -1
- package/emotion/es/components/TextArea/TextArea.tokens.js +36 -1
- package/emotion/es/components/TextArea/variations/_hint-size/base.js +5 -0
- package/emotion/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
- package/emotion/es/components/TextArea/variations/_hint-view/base.js +5 -0
- package/emotion/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
- package/emotion/es/components/TextArea/variations/_view/base.js +2 -1
- package/emotion/es/components/TextField/TextField.js +115 -9
- package/emotion/es/components/TextField/TextField.styles.js +80 -33
- package/emotion/es/components/TextField/TextField.template-doc.mdx +7 -1
- package/emotion/es/components/TextField/TextField.tokens.js +35 -0
- package/emotion/es/components/TextField/variations/_hint-size/base.js +5 -0
- package/emotion/es/components/TextField/variations/_hint-size/tokens.json +21 -0
- package/emotion/es/components/TextField/variations/_hint-view/base.js +5 -0
- package/emotion/es/components/TextField/variations/_hint-view/tokens.json +5 -0
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
- package/emotion/es/components/TextField/variations/_size/base.js +2 -2
- package/emotion/es/components/TextField/variations/_view/base.js +2 -2
- package/emotion/es/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
- package/emotion/es/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/{styled-components/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js → emotion/es/components/_Icon/Icon.assets/InfoCircleOutline.js} +2 -2
- package/{styled-components/es/components/_Icon/Icons/IconDisclosureDown.js → emotion/es/components/_Icon/Icons/IconInfoCircleOutline.js} +3 -3
- package/emotion/es/components/_Icon/index.js +2 -4
- package/emotion/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -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 +18 -9
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +69 -0
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +21 -12
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +70 -1
- package/emotion/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/emotion/es/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
- package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
- 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 +18 -9
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +69 -1
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +21 -12
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +79 -10
- package/emotion/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/es/components/Autocomplete/Autocomplete.css +33 -18
- package/es/components/Autocomplete/Autocomplete.js +6 -2
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -5
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +37 -17
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +37 -17
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +37 -17
- package/es/components/DatePicker/RangeDate/RangeDate.css +34 -19
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +32 -17
- package/es/components/DatePicker/SingleDate/SingleDate.css +34 -19
- package/es/components/Range/Range.css +38 -18
- package/es/components/Segment/tokens.js +1 -14
- package/es/components/Segment/tokens.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.css +8 -7
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +118 -73
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +7 -2
- 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/_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 +8 -18
- 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 +38 -18
- package/es/components/Slider/components/Double/Double.css +38 -18
- package/es/components/Tabs/ui/Tabs/Tabs.js +6 -6
- package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
- package/es/components/TextArea/TextArea.js +127 -19
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +111 -64
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/TextArea.styles_1phhc4q.css +17 -0
- package/es/components/TextArea/TextArea.tokens.js +36 -1
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/{Segment/ui/SegmentGroup/variations/_orientation → TextArea/variations/_hint-size}/base.js +2 -2
- package/es/components/TextArea/variations/_hint-size/base.js.map +1 -0
- package/es/components/TextArea/variations/_hint-size/base_1pzfoj7.css +1 -0
- package/es/components/TextArea/variations/_hint-view/base.js +5 -0
- package/es/components/TextArea/variations/_hint-view/base.js.map +1 -0
- package/es/components/TextArea/variations/_hint-view/base_111a0qe.css +1 -0
- package/es/components/TextArea/variations/_view/base.js +1 -1
- package/es/components/TextArea/variations/_view/base.js.map +1 -1
- package/es/components/TextArea/variations/_view/base_1ri7c88.css +1 -0
- package/es/components/TextField/TextField.js +115 -8
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +69 -21
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/TextField.styles_1i9z45f.css +21 -0
- package/es/components/TextField/TextField.tokens.js +35 -0
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_disabled/base.js +1 -1
- package/es/components/TextField/variations/_disabled/base_frtgf7.css +1 -0
- package/es/components/TextField/variations/_hint-size/base.js +5 -0
- package/es/components/TextField/variations/_hint-size/base.js.map +1 -0
- package/es/components/TextField/variations/_hint-size/base_1f8fx0a.css +1 -0
- package/es/components/TextField/variations/_hint-view/base.js +5 -0
- package/es/components/TextField/variations/_hint-view/base.js.map +1 -0
- package/es/components/TextField/variations/_hint-view/base_l8etux.css +1 -0
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base_oh623n.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base.js.map +1 -1
- package/es/components/TextField/variations/_read-only/base_dwfq44.css +1 -0
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/base.js.map +1 -1
- package/es/components/TextField/variations/_size/base_n9k1fc.css +1 -0
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/base.js.map +1 -1
- package/es/components/TextField/variations/_view/base_tmr4o7.css +1 -0
- package/es/components/TextFieldGroup/TextFieldGroup.css +1 -1
- package/es/components/TextFieldGroup/variations/_shape/base.js +1 -1
- package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
- package/es/components/_Icon/Icon.assets/{DisclosureLeftCentered.js → DisclosureLeft.js} +3 -3
- package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -0
- package/es/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/es/components/_Icon/Icon.assets/InfoCircleOutline.js +19 -0
- package/es/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
- package/es/components/_Icon/Icons/{IconDisclosureLeftCentered.js → IconDisclosureLeft.js} +5 -5
- package/es/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -0
- package/es/components/_Icon/Icons/IconInfoCircleOutline.js +19 -0
- package/es/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
- package/es/index.css +61 -44
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +6 -2
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +1 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
- package/styled-components/cjs/components/Segment/tokens.js +1 -14
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +115 -66
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +13 -4
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/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 +7 -17
- package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +4 -16
- 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/Tabs/ui/Tabs/Tabs.js +4 -4
- package/styled-components/cjs/components/TextArea/TextArea.js +125 -19
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +64 -39
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +36 -1
- package/styled-components/cjs/components/TextArea/variations/_hint-size/base.js +11 -0
- package/styled-components/cjs/components/TextArea/variations/_hint-size/tokens.json +21 -0
- package/styled-components/cjs/components/TextArea/variations/_hint-view/base.js +11 -0
- package/styled-components/cjs/components/TextArea/variations/_hint-view/tokens.json +5 -0
- package/styled-components/cjs/components/TextArea/variations/_view/base.js +2 -1
- package/styled-components/cjs/components/TextField/TextField.js +115 -9
- package/styled-components/cjs/components/TextField/TextField.styles.js +42 -17
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +7 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +35 -0
- package/styled-components/cjs/components/TextField/variations/_hint-size/base.js +11 -0
- package/styled-components/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
- package/styled-components/cjs/components/TextField/variations/_hint-view/base.js +11 -0
- package/styled-components/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/{emotion/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js → styled-components/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js} +3 -3
- package/styled-components/cjs/components/_Icon/Icons/{IconDisclosureDown.js → IconInfoCircleOutline.js} +4 -4
- package/styled-components/cjs/components/_Icon/index.js +6 -20
- package/styled-components/cjs/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -6
- 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 +7 -10
- 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 +18 -9
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +69 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +18 -9
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +70 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
- 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 +7 -13
- 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 +18 -9
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +69 -1
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +18 -9
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +79 -10
- package/styled-components/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/styled-components/es/components/Autocomplete/Autocomplete.js +6 -2
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +2 -2
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
- package/styled-components/es/components/Segment/tokens.js +1 -14
- package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +118 -69
- package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +12 -3
- package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/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 +8 -18
- package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +4 -16
- 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/Tabs/ui/Tabs/Tabs.js +5 -5
- package/styled-components/es/components/TextArea/TextArea.js +126 -20
- package/styled-components/es/components/TextArea/TextArea.styles.js +63 -38
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +6 -1
- package/styled-components/es/components/TextArea/TextArea.tokens.js +36 -1
- package/styled-components/es/components/TextArea/variations/_hint-size/base.js +5 -0
- package/styled-components/es/components/TextArea/variations/_hint-size/tokens.json +21 -0
- package/styled-components/es/components/TextArea/variations/_hint-view/base.js +5 -0
- package/styled-components/es/components/TextArea/variations/_hint-view/tokens.json +5 -0
- package/styled-components/es/components/TextArea/variations/_view/base.js +2 -1
- package/styled-components/es/components/TextField/TextField.js +114 -8
- package/styled-components/es/components/TextField/TextField.styles.js +41 -16
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +7 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +35 -0
- package/styled-components/es/components/TextField/variations/_hint-size/base.js +5 -0
- package/styled-components/es/components/TextField/variations/_hint-size/tokens.json +21 -0
- package/styled-components/es/components/TextField/variations/_hint-view/base.js +5 -0
- package/styled-components/es/components/TextField/variations/_hint-view/tokens.json +5 -0
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
- package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
- package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js +4 -3
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +4 -3
- package/{emotion/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js → styled-components/es/components/_Icon/Icon.assets/InfoCircleOutline.js} +2 -2
- package/styled-components/es/components/_Icon/Icons/{IconDisclosureUp.js → IconInfoCircleOutline.js} +3 -3
- package/styled-components/es/components/_Icon/index.js +2 -4
- package/styled-components/es/examples/plasma_b2c/components/Editable/Editable.stories.tsx +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +3 -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 +7 -10
- 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 +18 -9
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +69 -0
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +18 -9
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +70 -1
- package/styled-components/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/styled-components/es/examples/plasma_web/components/Editable/Editable.stories.tsx +2 -2
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +3 -6
- 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 +7 -13
- 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 +18 -9
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +69 -1
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +18 -9
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +79 -10
- package/styled-components/es/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx +2 -2
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +208 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +208 -0
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +208 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +208 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Segment/tokens.d.ts +0 -13
- package/types/components/Segment/tokens.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts +1 -10
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts +1 -0
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts +1 -19
- 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/_size/base.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts +2 -8
- 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 +1 -14
- 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 +208 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts +9 -3
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +8 -0
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +35 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +87 -3
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/variations/_hint-size/base.d.ts.map +1 -0
- package/types/components/TextArea/variations/_hint-view/base.d.ts +2 -0
- package/types/components/TextArea/variations/_hint-view/base.d.ts.map +1 -0
- package/types/components/TextArea/variations/_view/base.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts +9 -3
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +8 -0
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +35 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +82 -2
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/variations/_hint-size/base.d.ts +2 -0
- package/types/components/TextField/variations/_hint-size/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_hint-view/base.d.ts +2 -0
- package/types/components/TextField/variations/_hint-view/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/DisclosureLeft.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +1 -3
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +372 -0
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Segment/Segment.d.ts +1 -10
- 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 +9 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +351 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts +9 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +217 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +372 -0
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Segment/Segment.d.ts +1 -13
- 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 +9 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +351 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts +9 -0
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +217 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_6y4o38.css +0 -3
- package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_a7w5s0.css +0 -1
- 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/_size/base_1dfesjp.css +0 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_1tv52dl.css +0 -4
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css +0 -1
- package/cjs/components/TextArea/TextArea.styles_1kzzs11.css +0 -11
- package/cjs/components/TextArea/variations/_view/base_8npjyq.css +0 -1
- package/cjs/components/TextField/TextField.styles_uponva.css +0 -15
- package/cjs/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_6k17xp.css +0 -1
- package/cjs/components/TextField/variations/_read-only/base_8onybn.css +0 -1
- package/cjs/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
- package/cjs/components/TextField/variations/_view/base_1ph5cr0.css +0 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js.map +0 -1
- package/emotion/cjs/components/Segment/README.md +0 -61
- 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/_Icon/Icon.assets/DisclosureDown.js +0 -21
- package/emotion/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -21
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -22
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -22
- package/emotion/es/components/Segment/README.md +0 -61
- 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/_Icon/Icon.assets/DisclosureDown.js +0 -14
- package/emotion/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -14
- package/emotion/es/components/_Icon/Icons/IconDisclosureDown.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -15
- package/emotion/es/components/_Icon/Icons/IconDisclosureUp.js +0 -15
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_6y4o38.css +0 -3
- package/es/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base_a7w5s0.css +0 -1
- 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/_size/base_1dfesjp.css +0 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_1tv52dl.css +0 -4
- package/es/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css +0 -1
- package/es/components/TextArea/TextArea.styles_1kzzs11.css +0 -11
- package/es/components/TextArea/variations/_view/base_8npjyq.css +0 -1
- package/es/components/TextField/TextField.styles_uponva.css +0 -15
- package/es/components/TextField/variations/_disabled/base_1tnjoy9.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_6k17xp.css +0 -1
- package/es/components/TextField/variations/_read-only/base_8onybn.css +0 -1
- package/es/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
- package/es/components/TextField/variations/_view/base_1ph5cr0.css +0 -1
- package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
- package/es/components/_Icon/Icon.assets/DisclosureLeftCentered.js.map +0 -1
- package/es/components/_Icon/Icons/IconDisclosureLeftCentered.js.map +0 -1
- package/styled-components/cjs/components/Segment/README.md +0 -61
- 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/_Icon/Icon.assets/DisclosureDown.js +0 -21
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -21
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -22
- package/styled-components/es/components/Segment/README.md +0 -61
- 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/_Icon/Icon.assets/DisclosureDown.js +0 -14
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -14
- package/styled-components/es/components/_Icon/Icons/IconDisclosureLeftCentered.js +0 -15
- package/types/components/Segment/ui/SegmentGroup/variations/_orientation/base.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/DisclosureLeftCentered.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/DisclosureLeftCentered.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconDisclosureDown.d.ts +0 -4
- package/types/components/_Icon/Icons/IconDisclosureDown.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconDisclosureLeftCentered.d.ts +0 -4
- package/types/components/_Icon/Icons/IconDisclosureLeftCentered.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconDisclosureUp.d.ts +0 -4
- package/types/components/_Icon/Icons/IconDisclosureUp.d.ts.map +0 -1
- /package/types/components/{Segment/ui/SegmentGroup/variations/_orientation → TextArea/variations/_hint-size}/base.d.ts +0 -0
@@ -92,7 +92,8 @@ export function App() {
|
|
92
92
|
```
|
93
93
|
|
94
94
|
### Подсказка
|
95
|
-
Для вывода подсказки снизу от поля используйте свойство `helperText
|
95
|
+
Для вывода подсказки снизу от поля используйте свойство `helperText`,
|
96
|
+
для подсказки в виде Tooltip - `hasHint`, для подсказки сверху справа - `titleCaption`:
|
96
97
|
|
97
98
|
```tsx live
|
98
99
|
import React from 'react';
|
@@ -105,6 +106,11 @@ export function App() {
|
|
105
106
|
placeholder="Введите значение"
|
106
107
|
defaultValue="Значение"
|
107
108
|
helperText="Подсказка снизу"
|
109
|
+
titleCaption="Подсказка сверху"
|
110
|
+
hasHint
|
111
|
+
hintText="Подсказка в виде Tooltip"
|
112
|
+
hintView="default"
|
113
|
+
hintSize="m"
|
108
114
|
/>
|
109
115
|
</div>
|
110
116
|
);
|
@@ -66,6 +66,15 @@ export var tokens = {
|
|
66
66
|
labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',
|
67
67
|
labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',
|
68
68
|
contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',
|
69
|
+
titleCaptionColor: '--plasma-textfield__title-caption-color',
|
70
|
+
titleCaptionColorReadOnly: '--plasma-textfield__title-caption-color-readonly',
|
71
|
+
titleCaptionInnerLabelOffset: '--plasma-textfield__title-caption-label-inner-offset',
|
72
|
+
titleCaptionFontFamily: '--plasma-textfield__title-caption-font-family',
|
73
|
+
titleCaptionFontStyle: '--plasma-textfield__title-caption-font-style',
|
74
|
+
titleCaptionFontSize: '--plasma-textfield__title-caption-font-size',
|
75
|
+
titleCaptionFontWeight: '--plasma-textfield__title-caption-font-weight',
|
76
|
+
titleCaptionLetterSpacing: '--plasma-textfield__title-caption-letter-spacing',
|
77
|
+
titleCaptionLineHeight: '--plasma-textfield__title-caption-line-height',
|
69
78
|
leftHelperColor: '--plasma-textfield__left-helper-color',
|
70
79
|
leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',
|
71
80
|
leftHelperOffset: '--plasma-textfield__left-helper-offset',
|
@@ -82,6 +91,32 @@ export var tokens = {
|
|
82
91
|
textAfterMargin: '--plasma-textfield__after-text-margin',
|
83
92
|
/** Прозрачность для всего компонента в состоянии disabled */
|
84
93
|
disabledOpacity: '--plasma-textfield-disabled-opacity',
|
94
|
+
/** Токены для tooltip */
|
95
|
+
hintMargin: '--plasma-textfield__hint-margin',
|
96
|
+
hintIconColor: '--plasma-textfield__hint-icon-color',
|
97
|
+
hintInnerLabelPlacementOffset: '--plasma-textfield__hint-inner-label-placement-offset',
|
98
|
+
tooltipBackgroundColor: '--plasma-textfield__tooltip-background-color',
|
99
|
+
tooltipBoxShadow: '--plasma-textfield__tooltip-box-shadow',
|
100
|
+
tooltipColor: '--plasma-textfield__tooltip-color',
|
101
|
+
tooltipPaddingTop: '--plasma-textfield__tooltip-padding-top',
|
102
|
+
tooltipPaddingRight: '--plasma-textfield__tooltip-padding-right',
|
103
|
+
tooltipPaddingBottom: '--plasma-textfield__tooltip-padding-bottom',
|
104
|
+
tooltipPaddingLeft: '--plasma-textfield__tooltip-padding-left',
|
105
|
+
tooltipMinHeight: '--plasma-textfield__tooltip-min-height',
|
106
|
+
tooltipBorderRadius: '--plasma-textfield__tooltip-border-radius',
|
107
|
+
tooltipTextFontFamily: '--plasma-textfield__tooltip-text-font-family',
|
108
|
+
tooltipTextFontSize: '--plasma-textfield__tooltip-text-font-size',
|
109
|
+
tooltipTextFontStyle: '--plasma-textfield__tooltip-text-font-style',
|
110
|
+
tooltipTextFontWeight: '--plasma-textfield__tooltip-text-font-weight',
|
111
|
+
tooltipTextFontLetterSpacing: '--plasma-textfield__tooltip-text-font-letter-spacing',
|
112
|
+
tooltipTextFontLineHeight: '--plasma-textfield__tooltip-text-font-line-height',
|
113
|
+
tooltipContentLeftMargin: '--plasma-textfield__tooltip-content-left-margin',
|
114
|
+
tooltipArrowMaskWidth: '--plasma-textfield__tooltip-arrow-mask-width',
|
115
|
+
tooltipArrowMaskHeight: '--plasma-textfield__tooltip-arrow-mask-height',
|
116
|
+
tooltipArrowMaskImage: '--plasma-textfield__tooltip-arrow-mask-image',
|
117
|
+
tooltipArrowHeight: '--plasma-textfield__tooltip-arrow-height',
|
118
|
+
tooltipArrowEdgeMargin: '--plasma-textfield__tooltip-arrow-edge-margin',
|
119
|
+
tooltipArrowBackground: '--plasma-textfield__tooltip-arrow-background',
|
85
120
|
/** Токены чипа */
|
86
121
|
chipHeight: '--plasma-textfield__chip-height',
|
87
122
|
chipBorderRadius: '--plasma-textfield__chip-border-radius',
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { css } from '@emotion/react';
|
2
|
+
import { tokens } from '../../TextField.tokens';
|
3
|
+
import { tooltipTokens } from '../../../Tooltip';
|
4
|
+
import { Hint } from '../../TextField.styles';
|
5
|
+
export var base = /*#__PURE__*/css(Hint, "{", tooltipTokens.paddingTop, ":var(", tokens.tooltipPaddingTop, ");", tooltipTokens.paddingRight, ":var(", tokens.tooltipPaddingRight, ");", tooltipTokens.paddingBottom, ":var(", tokens.tooltipPaddingBottom, ");", tooltipTokens.paddingLeft, ":var(", tokens.tooltipPaddingLeft, ");", tooltipTokens.minHeight, ":var(", tokens.tooltipMinHeight, ");", tooltipTokens.borderRadius, ":var(", tokens.tooltipBorderRadius, ");", tooltipTokens.textFontFamily, ":var(", tokens.tooltipTextFontFamily, ");", tooltipTokens.textFontSize, ":var(", tokens.tooltipTextFontSize, ");", tooltipTokens.textFontStyle, ":var(", tokens.tooltipTextFontStyle, ");", tooltipTokens.textFontWeight, ":var(", tokens.tooltipTextFontWeight, ");", tooltipTokens.textFontLetterSpacing, ":var(", tokens.tooltipTextFontLetterSpacing, ");", tooltipTokens.textFontLineHeight, ":var(", tokens.tooltipTextFontLineHeight, ");", tooltipTokens.contentLeftMargin, ":var(", tokens.tooltipContentLeftMargin, ");", tooltipTokens.arrowMaskWidth, ":var(", tokens.tooltipArrowMaskWidth, ");", tooltipTokens.arrowMaskHeight, ":var(", tokens.tooltipArrowMaskHeight, ");", tooltipTokens.arrowMaskImage, ":url(", tokens.tooltipArrowMaskImage, ");", tooltipTokens.arrowHeight, ":var(", tokens.tooltipArrowHeight, ");", tooltipTokens.arrowEdgeMargin, ":var(", tokens.tooltipArrowEdgeMargin, ");", tooltipTokens.arrowBackground, ":var(", tokens.tooltipArrowBackground, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2hpbnQtc2l6ZS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19oaW50LXNpemUvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyB0b29sdGlwVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vVG9vbHRpcCc7XG5pbXBvcnQgeyBIaW50IH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7SGludH0ge1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMucGFkZGluZ1RvcH06IHZhcigke3Rva2Vucy50b29sdGlwUGFkZGluZ1RvcH0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMucGFkZGluZ1JpZ2h0fTogdmFyKCR7dG9rZW5zLnRvb2x0aXBQYWRkaW5nUmlnaHR9KTtcbiAgICAgICAgJHt0b29sdGlwVG9rZW5zLnBhZGRpbmdCb3R0b219OiB2YXIoJHt0b2tlbnMudG9vbHRpcFBhZGRpbmdCb3R0b219KTtcbiAgICAgICAgJHt0b29sdGlwVG9rZW5zLnBhZGRpbmdMZWZ0fTogdmFyKCR7dG9rZW5zLnRvb2x0aXBQYWRkaW5nTGVmdH0pO1xuXG4gICAgICAgICR7dG9vbHRpcFRva2Vucy5taW5IZWlnaHR9OiB2YXIoJHt0b2tlbnMudG9vbHRpcE1pbkhlaWdodH0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLnRvb2x0aXBCb3JkZXJSYWRpdXN9KTtcblxuICAgICAgICAke3Rvb2x0aXBUb2tlbnMudGV4dEZvbnRGYW1pbHl9OiB2YXIoJHt0b2tlbnMudG9vbHRpcFRleHRGb250RmFtaWx5fSk7XG4gICAgICAgICR7dG9vbHRpcFRva2Vucy50ZXh0Rm9udFNpemV9OiB2YXIoJHt0b2tlbnMudG9vbHRpcFRleHRGb250U2l6ZX0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMudGV4dEZvbnRTdHlsZX06IHZhcigke3Rva2Vucy50b29sdGlwVGV4dEZvbnRTdHlsZX0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMudGV4dEZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMudG9vbHRpcFRleHRGb250V2VpZ2h0fSk7XG4gICAgICAgICR7dG9vbHRpcFRva2Vucy50ZXh0Rm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMudG9vbHRpcFRleHRGb250TGV0dGVyU3BhY2luZ30pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMudGV4dEZvbnRMaW5lSGVpZ2h0fTogdmFyKCR7dG9rZW5zLnRvb2x0aXBUZXh0Rm9udExpbmVIZWlnaHR9KTtcblxuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuY29udGVudExlZnRNYXJnaW59OiB2YXIoJHt0b2tlbnMudG9vbHRpcENvbnRlbnRMZWZ0TWFyZ2lufSk7XG5cbiAgICAgICAgJHt0b29sdGlwVG9rZW5zLmFycm93TWFza1dpZHRofTogdmFyKCR7dG9rZW5zLnRvb2x0aXBBcnJvd01hc2tXaWR0aH0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuYXJyb3dNYXNrSGVpZ2h0fTogdmFyKCR7dG9rZW5zLnRvb2x0aXBBcnJvd01hc2tIZWlnaHR9KTtcbiAgICAgICAgJHt0b29sdGlwVG9rZW5zLmFycm93TWFza0ltYWdlfTogdXJsKCR7dG9rZW5zLnRvb2x0aXBBcnJvd01hc2tJbWFnZX0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuYXJyb3dIZWlnaHR9OiB2YXIoJHt0b2tlbnMudG9vbHRpcEFycm93SGVpZ2h0fSk7XG4gICAgICAgICR7dG9vbHRpcFRva2Vucy5hcnJvd0VkZ2VNYXJnaW59OiB2YXIoJHt0b2tlbnMudG9vbHRpcEFycm93RWRnZU1hcmdpbn0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuYXJyb3dCYWNrZ3JvdW5kfTogdmFyKCR7dG9rZW5zLnRvb2x0aXBBcnJvd0JhY2tncm91bmR9KTtcbiAgICB9XG5gO1xuIl19 */"));
|
@@ -0,0 +1,21 @@
|
|
1
|
+
[
|
2
|
+
"--plasma-textfield__tooltip-padding-top",
|
3
|
+
"--plasma-textfield__tooltip-padding-right",
|
4
|
+
"--plasma-textfield__tooltip-padding-bottom",
|
5
|
+
"--plasma-textfield__tooltip-padding-left",
|
6
|
+
"--plasma-textfield__tooltip-min-height",
|
7
|
+
"--plasma-textfield__tooltip-border-radius",
|
8
|
+
"--plasma-textfield__tooltip-text-font-family",
|
9
|
+
"--plasma-textfield__tooltip-text-font-size",
|
10
|
+
"--plasma-textfield__tooltip-text-font-style",
|
11
|
+
"--plasma-textfield__tooltip-text-font-weight",
|
12
|
+
"--plasma-textfield__tooltip-text-font-letter-spacing",
|
13
|
+
"--plasma-textfield__tooltip-text-font-line-height",
|
14
|
+
"--plasma-textfield__tooltip-content-left-margin",
|
15
|
+
"--plasma-textfield__tooltip-arrow-mask-width",
|
16
|
+
"--plasma-textfield__tooltip-arrow-mask-height",
|
17
|
+
"--plasma-textfield__tooltip-arrow-mask-image",
|
18
|
+
"--plasma-textfield__tooltip-arrow-height",
|
19
|
+
"--plasma-textfield__tooltip-arrow-edge-margin",
|
20
|
+
"--plasma-textfield__tooltip-arrow-background"
|
21
|
+
]
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { css } from '@emotion/react';
|
2
|
+
import { tokens } from '../../TextField.tokens';
|
3
|
+
import { tooltipTokens } from '../../../Tooltip';
|
4
|
+
import { Hint } from '../../TextField.styles';
|
5
|
+
export var base = /*#__PURE__*/css(Hint, "{", tooltipTokens.backgroundColor, ":var(", tokens.tooltipBackgroundColor, ");", tooltipTokens.boxShadow, ":var(", tokens.tooltipBoxShadow, ");", tooltipTokens.color, ":var(", tokens.tooltipColor, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2hpbnQtdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19oaW50LXZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyB0b29sdGlwVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vVG9vbHRpcCc7XG5pbXBvcnQgeyBIaW50IH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7SGludH0ge1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuYmFja2dyb3VuZENvbG9yfTogdmFyKCR7dG9rZW5zLnRvb2x0aXBCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAgICAgJHt0b29sdGlwVG9rZW5zLmJveFNoYWRvd306IHZhcigke3Rva2Vucy50b29sdGlwQm94U2hhZG93fSk7XG4gICAgICAgICR7dG9vbHRpcFRva2Vucy5jb2xvcn06IHZhcigke3Rva2Vucy50b29sdGlwQ29sb3J9KTtcbiAgICB9XG5gO1xuIl19 */"));
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { css } from '@emotion/react';
|
2
2
|
import { classes, tokens } from '../../TextField.tokens';
|
3
3
|
import { Input, InputContainer, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
|
4
|
-
export var base = /*#__PURE__*/css("&.", classes.outerLabelPlacement, "{", Label, "{position:relative;display:inline-block;
|
4
|
+
export var base = /*#__PURE__*/css("&.", classes.outerLabelPlacement, "{", Label, "{position:relative;display:inline-block;color:var(", tokens.labelColor, ");}}&.", classes.innerLabelPlacement, "{", InputContainer, "{padding:var(", tokens.contentLabelInnerPadding, ");}", StyledTextAfter, ",", StyledTextBefore, "{padding:var(", tokens.contentLabelInnerPadding, ");}", Input, ":focus~", Label, ",", Input, ".", classes.hasValue, "~", Label, "{align-items:flex-start;padding:var(", tokens.labelInnerPadding, ");font-family:var(", tokens.labelInnerFontFamily, ");font-size:var(", tokens.labelInnerFontSize, ");font-style:var(", tokens.labelInnerFontStyle, ");font-weight:var(", tokens.labelInnerFontWeight, ");letter-spacing:var(", tokens.labelInnerLetterSpacing, ");line-height:var(", tokens.labelInnerLineHeight, ");}", Label, "{color:var(", tokens.placeholderColor, ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", tokens.height, ");padding-top:calc(calc(var(", tokens.height, ") - var(", tokens.labelLineHeight, ")) / 2);padding-bottom:calc(calc(var(", tokens.height, ") - var(", tokens.labelLineHeight, ")) / 2);}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2xhYmVsLXBsYWNlbWVudC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19sYWJlbC1wbGFjZW1lbnQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRDb250YWluZXIsIExhYmVsLCBTdHlsZWRUZXh0QWZ0ZXIsIFN0eWxlZFRleHRCZWZvcmUgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAke0xhYmVsfSB7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3J9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgJHtJbnB1dENvbnRhaW5lcn0ge1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNvbnRlbnRMYWJlbElubmVyUGFkZGluZ30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRUZXh0QWZ0ZXJ9LCAke1N0eWxlZFRleHRCZWZvcmV9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGFiZWxJbm5lclBhZGRpbmd9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8qINC/0L7QtNC90LjQvNCw0LXRgiBsYWJlbCDQstCy0LXRgNGFINC/0YDQuCDRhNC+0LrRg9GB0LUsINC90LDQu9C40YfQuNC4INC30L3QsNGH0LXQvdC40Y8gKi9cbiAgICAgICAgJHtJbnB1dH06Zm9jdXMgfiAke0xhYmVsfSwgJHtJbnB1dH0uJHtjbGFzc2VzLmhhc1ZhbHVlfSB+ICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJQYWRkaW5nfSk7XG5cbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRGYW1pbHl9KTtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJGb250U2l6ZX0pO1xuICAgICAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJGb250U3R5bGV9KTtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRXZWlnaHR9KTtcbiAgICAgICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckxpbmVIZWlnaHR9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvcn0pO1xuXG4gICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIHRvcDogMDtcblxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLmhlaWdodH0pO1xuXG4gICAgICAgICAgICBwYWRkaW5nLXRvcDogY2FsYyhjYWxjKHZhcigke3Rva2Vucy5oZWlnaHR9KSAtIHZhcigke3Rva2Vucy5sYWJlbExpbmVIZWlnaHR9KSkgLyAyKTtcbiAgICAgICAgICAgIHBhZGRpbmctYm90dG9tOiBjYWxjKGNhbGModmFyKCR7dG9rZW5zLmhlaWdodH0pIC0gdmFyKCR7dG9rZW5zLmxhYmVsTGluZUhlaWdodH0pKSAvIDIpO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { css } from '@emotion/react';
|
2
2
|
import { tokens } from '../../TextField.tokens';
|
3
|
-
import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper } from '../../TextField.styles';
|
4
|
-
export var base = /*#__PURE__*/css("&[readonly]{", InputWrapper, "{color:var(", tokens.colorReadOnly, ");background-color:var(", /*#__PURE__*/String(tokens.backgroundColorReadOnly), ");box-shadow:inset 0 0 0 var(", /*#__PURE__*/String(tokens.borderWidth), ") var(", /*#__PURE__*/String(tokens.borderColorReadOnly), ");}", InputWrapper, ":hover{background-color:var(", tokens.backgroundColorReadOnly, ");}", InputPlaceholder, "{color:var(", tokens.placeholderColorReadOnly, ");}", Input, "{color:var(", tokens.colorReadOnly, ");cursor:default;min-width:unset;}", LeftHelper, "{color:var(", tokens.leftHelperColorReadOnly, ");}", Label, "{color:var(", tokens.labelColorReadOnly, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
3
|
+
import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, TitleCaption } from '../../TextField.styles';
|
4
|
+
export var base = /*#__PURE__*/css("&[readonly]{", InputWrapper, "{color:var(", tokens.colorReadOnly, ");background-color:var(", /*#__PURE__*/String(tokens.backgroundColorReadOnly), ");box-shadow:inset 0 0 0 var(", /*#__PURE__*/String(tokens.borderWidth), ") var(", /*#__PURE__*/String(tokens.borderColorReadOnly), ");}", InputWrapper, ":hover{background-color:var(", tokens.backgroundColorReadOnly, ");}", InputPlaceholder, "{color:var(", tokens.placeholderColorReadOnly, ");}", Input, "{color:var(", tokens.colorReadOnly, ");cursor:default;min-width:unset;}", TitleCaption, "{color:var(", tokens.titleCaptionColorReadOnly, ");}", LeftHelper, "{color:var(", tokens.leftHelperColorReadOnly, ");}", Label, "{color:var(", tokens.labelColorReadOnly, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3JlYWQtb25seS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRQbGFjZWhvbGRlciwgSW5wdXRXcmFwcGVyLCBMYWJlbCwgTGVmdEhlbHBlciwgVGl0bGVDYXB0aW9uIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7U3RyaW5nKHRva2Vucy5iYWNrZ3JvdW5kQ29sb3JSZWFkT25seSl9KTtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyV2lkdGgpfSkgdmFyKCR7U3RyaW5nKHRva2Vucy5ib3JkZXJDb2xvclJlYWRPbmx5KX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtJbnB1dFdyYXBwZXJ9OmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtJbnB1dFBsYWNlaG9sZGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtJbnB1dH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgICAgICBtaW4td2lkdGg6IHVuc2V0O1xuICAgICAgICB9XG5cbiAgICAgICAgJHtUaXRsZUNhcHRpb259IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke0xhYmVsfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { css } from '@emotion/react';
|
2
2
|
import { classes, tokens } from '../../TextField.tokens';
|
3
|
-
import { Input, InputContainer, InputWrapper, Label, LeftHelper, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
|
4
|
-
export var base = /*#__PURE__*/css(Input, "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", InputContainer, "{width:100%;font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");}", InputWrapper, "{height:var(", tokens.height, ");border-radius:var(", tokens.borderRadius, ");padding:var(", tokens.padding, ");&.", classes.hasChips, "{padding-top:var(", tokens.paddingWithChips, ");padding-bottom:var(", tokens.paddingWithChips, ");}&.", classes.hasEmptyContentLeft, "{padding-left:var(", tokens.paddingWithChips, ");}&.", classes.hasEmptyContentRight, "{padding-right:var(", tokens.paddingWithChips, ");}}", Label, "{font-family:var(", tokens.labelFontFamily, ");font-size:var(", tokens.labelFontSize, ");font-style:var(", tokens.labelFontStyle, ");font-weight:var(", tokens.labelFontWeight, ");letter-spacing:var(", tokens.labelLetterSpacing, ");line-height:var(", tokens.labelLineHeight, ");}", LeftHelper, "{margin-top:var(", tokens.leftHelperOffset, ");font-family:var(", tokens.leftHelperFontFamily, ");font-size:var(", tokens.leftHelperFontSize, ");font-style:var(", tokens.leftHelperFontStyle, ");font-weight:var(", tokens.leftHelperFontWeight, ");letter-spacing:var(", tokens.leftHelperLetterSpacing, ");line-height:var(", tokens.leftHelperLineHeight, ");}", StyledTextBefore, ",", StyledTextAfter, "{font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");}", StyledTextBefore, "{margin:var(", tokens.textBeforeMargin, ");}", StyledTextAfter, "{margin:var(", tokens.textAfterMargin, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
3
|
+
import { Input, InputContainer, InputWrapper, Label, LeftHelper, StyledHintWrapper, StyledTextAfter, StyledTextBefore, TitleCaption } from '../../TextField.styles';
|
4
|
+
export var base = /*#__PURE__*/css(Input, "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", InputContainer, "{width:100%;font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");}", InputWrapper, "{height:var(", tokens.height, ");border-radius:var(", tokens.borderRadius, ");padding:var(", tokens.padding, ");&.", classes.hasChips, "{padding-top:var(", tokens.paddingWithChips, ");padding-bottom:var(", tokens.paddingWithChips, ");}&.", classes.hasEmptyContentLeft, "{padding-left:var(", tokens.paddingWithChips, ");}&.", classes.hasEmptyContentRight, "{padding-right:var(", tokens.paddingWithChips, ");}}", Label, "{font-family:var(", tokens.labelFontFamily, ");font-size:var(", tokens.labelFontSize, ");font-style:var(", tokens.labelFontStyle, ");font-weight:var(", tokens.labelFontWeight, ");letter-spacing:var(", tokens.labelLetterSpacing, ");line-height:var(", tokens.labelLineHeight, ");}", StyledHintWrapper, "{margin:var(", tokens.hintMargin, ");}", TitleCaption, "{font-family:var(", tokens.titleCaptionFontFamily, ");font-size:var(", tokens.titleCaptionFontSize, ");font-style:var(", tokens.titleCaptionFontStyle, ");font-weight:var(", tokens.titleCaptionFontWeight, ");letter-spacing:var(", tokens.titleCaptionLetterSpacing, ");line-height:var(", tokens.titleCaptionLineHeight, ");}", LeftHelper, "{margin-top:var(", tokens.leftHelperOffset, ");font-family:var(", tokens.leftHelperFontFamily, ");font-size:var(", tokens.leftHelperFontSize, ");font-style:var(", tokens.leftHelperFontStyle, ");font-weight:var(", tokens.leftHelperFontWeight, ");letter-spacing:var(", tokens.leftHelperLetterSpacing, ");line-height:var(", tokens.leftHelperLineHeight, ");}", StyledTextBefore, ",", StyledTextAfter, "{font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");}", StyledTextBefore, "{margin:var(", tokens.textBeforeMargin, ");}", StyledTextAfter, "{margin:var(", tokens.textAfterMargin, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFldUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSW5wdXQsXG4gICAgSW5wdXRDb250YWluZXIsXG4gICAgSW5wdXRXcmFwcGVyLFxuICAgIExhYmVsLFxuICAgIExlZnRIZWxwZXIsXG4gICAgU3R5bGVkSGludFdyYXBwZXIsXG4gICAgU3R5bGVkVGV4dEFmdGVyLFxuICAgIFN0eWxlZFRleHRCZWZvcmUsXG4gICAgVGl0bGVDYXB0aW9uLFxufSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJHtJbnB1dH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgZm9udDogaW5oZXJpdDtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IGluaGVyaXQ7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiBpbmhlcml0O1xuICAgIH1cblxuICAgICR7SW5wdXRDb250YWluZXJ9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuZm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5mb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuZm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuZm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5saW5lSGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcblxuICAgICAgICAmLiR7Y2xhc3Nlcy5oYXNDaGlwc30ge1xuICAgICAgICAgICAgcGFkZGluZy10b3A6IHZhcigke3Rva2Vucy5wYWRkaW5nV2l0aENoaXBzfSk7XG4gICAgICAgICAgICBwYWRkaW5nLWJvdHRvbTogdmFyKCR7dG9rZW5zLnBhZGRpbmdXaXRoQ2hpcHN9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLmhhc0VtcHR5Q29udGVudExlZnR9IHtcbiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogdmFyKCR7dG9rZW5zLnBhZGRpbmdXaXRoQ2hpcHN9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLmhhc0VtcHR5Q29udGVudFJpZ2h0fSB7XG4gICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiB2YXIoJHt0b2tlbnMucGFkZGluZ1dpdGhDaGlwc30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJHtMYWJlbH0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTaXplfSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxhYmVsTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxhYmVsTGluZUhlaWdodH0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkSGludFdyYXBwZXJ9IHtcbiAgICAgICAgbWFyZ2luOiB2YXIoJHt0b2tlbnMuaGludE1hcmdpbn0pO1xuICAgIH1cblxuICAgICR7VGl0bGVDYXB0aW9ufSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Gb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uRm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRpdGxlQ2FwdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25MaW5lSGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgIG1hcmdpbi10b3A6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyT2Zmc2V0fSk7XG5cbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZFRleHRCZWZvcmV9LCAke1N0eWxlZFRleHRBZnRlcn0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuZm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEJlZm9yZX0ge1xuICAgICAgICBtYXJnaW46IHZhcigke3Rva2Vucy50ZXh0QmVmb3JlTWFyZ2lufSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRUZXh0QWZ0ZXJ9IHtcbiAgICAgICAgbWFyZ2luOiB2YXIoJHt0b2tlbnMudGV4dEFmdGVyTWFyZ2lufSk7XG4gICAgfVxuYDtcbiJdfQ== */"));
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { css } from '@emotion/react';
|
2
2
|
import { tokens } from '../../TextField.tokens';
|
3
|
-
import { Input, InputPlaceholder, InputWrapper, LeftHelper, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
|
4
|
-
export var base = /*#__PURE__*/css(InputWrapper, "{--plasma_private-textfield-border-color:var(", /*#__PURE__*/String(tokens.borderColor), ");--plasma_private-textfield-bg-color:var(", /*#__PURE__*/String(tokens.backgroundColor), ");color:var(", tokens.color, ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", tokens.borderWidth, ") var(--plasma_private-textfield-border-color);caret-color:var(", tokens.caretColor, ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", InputWrapper, ":hover{--plasma_private-textfield-border-color:var(", tokens.borderColorHover, ", var(", /*#__PURE__*/String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n ", tokens.backgroundColorHover, ",\n var(", /*#__PURE__*/String(tokens.backgroundColor), ")\n );}", InputWrapper, ":focus-within{--plasma_private-textfield-border-color:var(", tokens.borderColorFocus, ", var(", /*#__PURE__*/String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n ", tokens.backgroundColorFocus, ",\n var(", /*#__PURE__*/String(tokens.backgroundColor), ")\n );}", InputPlaceholder, "{color:var(", tokens.placeholderColor, ");}", Input, "{color:var(", tokens.color, ");}", LeftHelper, "{color:var(", tokens.leftHelperColor, ");}", StyledTextBefore, "{color:var(", tokens.textBeforeColor, ");}", StyledTextAfter, "{color:var(", tokens.textAfterColor, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
3
|
+
import { Input, InputPlaceholder, InputWrapper, LeftHelper, StyledTextAfter, StyledTextBefore, TitleCaption } from '../../TextField.styles';
|
4
|
+
export var base = /*#__PURE__*/css(InputWrapper, "{--plasma_private-textfield-border-color:var(", /*#__PURE__*/String(tokens.borderColor), ");--plasma_private-textfield-bg-color:var(", /*#__PURE__*/String(tokens.backgroundColor), ");color:var(", tokens.color, ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", tokens.borderWidth, ") var(--plasma_private-textfield-border-color);caret-color:var(", tokens.caretColor, ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", InputWrapper, ":hover{--plasma_private-textfield-border-color:var(", tokens.borderColorHover, ", var(", /*#__PURE__*/String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n ", tokens.backgroundColorHover, ",\n var(", /*#__PURE__*/String(tokens.backgroundColor), ")\n );}", InputWrapper, ":focus-within{--plasma_private-textfield-border-color:var(", tokens.borderColorFocus, ", var(", /*#__PURE__*/String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n ", tokens.backgroundColorFocus, ",\n var(", /*#__PURE__*/String(tokens.backgroundColor), ")\n );}", InputPlaceholder, "{color:var(", tokens.placeholderColor, ");}", Input, "{color:var(", tokens.color, ");}", TitleCaption, "{color:var(", tokens.titleCaptionColor, ");}", LeftHelper, "{color:var(", tokens.leftHelperColor, ");}", StyledTextBefore, "{color:var(", tokens.textBeforeColor, ");}", StyledTextAfter, "{color:var(", tokens.textAfterColor, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSW5wdXQsXG4gICAgSW5wdXRQbGFjZWhvbGRlcixcbiAgICBJbnB1dFdyYXBwZXIsXG4gICAgTGVmdEhlbHBlcixcbiAgICBTdHlsZWRUZXh0QWZ0ZXIsXG4gICAgU3R5bGVkVGV4dEJlZm9yZSxcbiAgICBUaXRsZUNhcHRpb24sXG59IGZyb20gJy4uLy4uL1RleHRGaWVsZC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3I6IHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSk7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJnLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmJhY2tncm91bmRDb2xvcil9KTtcblxuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yfSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcik7XG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigke3Rva2Vucy5ib3JkZXJXaWR0aH0pIHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3IpO1xuICAgICAgICBjYXJldC1jb2xvcjogdmFyKCR7dG9rZW5zLmNhcmV0Q29sb3J9KTtcblxuICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbiwgY29sb3IgMC4xcyBlYXNlLWluLCBib3gtc2hhZG93IDAuMXMgZWFzZS1pbjtcbiAgICB9XG4gICAgJHtJbnB1dFdyYXBwZXJ9OmhvdmVyIHtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYm9yZGVyLWNvbG9yOiB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn0sIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSkpO1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcjogdmFyKFxuICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9ySG92ZXJ9LFxuICAgICAgICAgICAgdmFyKCR7U3RyaW5nKHRva2Vucy5iYWNrZ3JvdW5kQ29sb3IpfSlcbiAgICAgICAgKTtcbiAgICB9XG4gICAgJHtJbnB1dFdyYXBwZXJ9OmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJvcmRlci1jb2xvcjogdmFyKCR7dG9rZW5zLmJvcmRlckNvbG9yRm9jdXN9LCB2YXIoJHtTdHJpbmcodG9rZW5zLmJvcmRlckNvbG9yKX0pKTtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYmctY29sb3I6IHZhcihcbiAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvckZvY3VzfSxcbiAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuYmFja2dyb3VuZENvbG9yKX0pXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgJHtJbnB1dFBsYWNlaG9sZGVyfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvcn0pO1xuICAgIH1cblxuICAgICR7SW5wdXR9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvcn0pO1xuICAgIH1cblxuICAgICR7VGl0bGVDYXB0aW9ufSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uQ29sb3J9KTtcbiAgICB9XG5cbiAgICAke0xlZnRIZWxwZXJ9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyQ29sb3J9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZFRleHRCZWZvcmV9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50ZXh0QmVmb3JlQ29sb3J9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZFRleHRBZnRlcn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnRleHRBZnRlckNvbG9yfSk7XG4gICAgfVxuYDtcbiJdfQ== */"));
|
@@ -7,8 +7,9 @@ export var DisclosureLeft = function DisclosureLeft(props) {
|
|
7
7
|
viewBox: "0 0 24 24",
|
8
8
|
fill: "none"
|
9
9
|
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
10
|
-
|
11
|
-
|
12
|
-
|
10
|
+
fillRule: "evenodd",
|
11
|
+
clipRule: "evenodd",
|
12
|
+
d: "M14.5309 6.96967C14.8238 7.26256 14.8238 7.73744 14.5309 8.03033L10.5613 12L14.5309 15.9697C14.8238 16.2626 14.8238 16.7374 14.5309 17.0303C14.238 17.3232 13.7632 17.3232 13.4703 17.0303L8.43994 12L13.4703 6.96967C13.7632 6.67678 14.238 6.67678 14.5309 6.96967Z",
|
13
|
+
fill: "currentColor"
|
13
14
|
})));
|
14
15
|
};
|
@@ -7,8 +7,9 @@ export var DisclosureRight = function DisclosureRight(props) {
|
|
7
7
|
viewBox: "0 0 24 24",
|
8
8
|
fill: "none"
|
9
9
|
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
10
|
-
|
11
|
-
|
12
|
-
|
10
|
+
fillRule: "evenodd",
|
11
|
+
clipRule: "evenodd",
|
12
|
+
d: "M9.46967 6.96967C9.17678 7.26256 9.17678 7.73744 9.46967 8.03033L13.4393 12L9.46967 15.9697C9.17678 16.2626 9.17678 16.7374 9.46967 17.0303C9.76256 17.3232 10.2374 17.3232 10.5303 17.0303L15.5607 12L10.5303 6.96967C10.2374 6.67678 9.76256 6.67678 9.46967 6.96967Z",
|
13
|
+
fill: "currentColor"
|
13
14
|
})));
|
14
15
|
};
|
@@ -1,7 +1,7 @@
|
|
1
1
|
var _path;
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
import React from 'react';
|
4
|
-
export var
|
4
|
+
export var InfoCircleOutline = function InfoCircleOutline(props) {
|
5
5
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
6
6
|
width: "100%",
|
7
7
|
viewBox: "0 0 24 24",
|
@@ -9,7 +9,7 @@ export var DisclosureLeftCentered = function DisclosureLeftCentered(props) {
|
|
9
9
|
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
10
10
|
fillRule: "evenodd",
|
11
11
|
clipRule: "evenodd",
|
12
|
-
d: "
|
12
|
+
d: "M3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7C12.5523 7 13 7.44772 13 8ZM12 10.25C12.4142 10.25 12.75 10.5858 12.75 11V17C12.75 17.4142 12.4142 17.75 12 17.75C11.5858 17.75 11.25 17.4142 11.25 17V11C11.25 10.5858 11.5858 10.25 12 10.25Z",
|
13
13
|
fill: "currentColor"
|
14
14
|
})));
|
15
15
|
};
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import {
|
2
|
+
import { InfoCircleOutline } from '../Icon.assets/InfoCircleOutline';
|
3
3
|
import { IconRoot } from '../IconRoot';
|
4
|
-
export var
|
4
|
+
export var IconInfoCircleOutline = function IconInfoCircleOutline(_ref) {
|
5
5
|
var _ref$size = _ref.size,
|
6
6
|
size = _ref$size === void 0 ? 's' : _ref$size,
|
7
7
|
color = _ref.color,
|
@@ -10,6 +10,6 @@ export var IconDisclosureDown = function IconDisclosureDown(_ref) {
|
|
10
10
|
className: className,
|
11
11
|
size: size,
|
12
12
|
color: color,
|
13
|
-
icon:
|
13
|
+
icon: InfoCircleOutline
|
14
14
|
});
|
15
15
|
};
|
@@ -1,8 +1,6 @@
|
|
1
1
|
export { IconDisclosureLeft } from './Icons/IconDisclosureLeft';
|
2
2
|
export { IconDisclosureRight } from './Icons/IconDisclosureRight';
|
3
3
|
export { IconDisclosureDownFill } from './Icons/IconDisclosureDownFill';
|
4
|
-
export { IconDisclosureDown } from './Icons/IconDisclosureDown';
|
5
|
-
export { IconDisclosureUp } from './Icons/IconDisclosureUp';
|
6
4
|
export { IconMic } from './Icons/IconMic';
|
7
5
|
export { IconChevronLeft } from './Icons/IconChevronLeft';
|
8
6
|
export { IconChevronDoubleLeft } from './Icons/IconChevronDoubleLeft';
|
@@ -11,7 +9,6 @@ export { IconChevronDownFill } from './Icons/IconChevronDownFill';
|
|
11
9
|
export { IconClose } from './Icons/IconClose';
|
12
10
|
export { IconCross } from './Icons/IconCross';
|
13
11
|
export { IconDone } from './Icons/IconDone';
|
14
|
-
export { IconDisclosureLeftCentered } from './Icons/IconDisclosureLeftCentered';
|
15
12
|
export { IconDisclosureRightCentered } from './Icons/IconDisclosureRightCentered';
|
16
13
|
export { IconDisclosureDownCentered } from './Icons/IconDisclosureDownCentered';
|
17
14
|
export { IconMinus } from './Icons/IconMinus';
|
@@ -22,4 +19,5 @@ export { IconBlankDocOutline } from './Icons/IconBlankDocOutline';
|
|
22
19
|
export { IconBlankOutline } from './Icons/IconBlankOutline';
|
23
20
|
export { IconBlankPdfOutline } from './Icons/IconBlankPdfOutline';
|
24
21
|
export { IconBlankTxtOutline } from './Icons/IconBlankTxtOutline';
|
25
|
-
export { IconBlankXlsOutline } from './Icons/IconBlankXlsOutline';
|
22
|
+
export { IconBlankXlsOutline } from './Icons/IconBlankXlsOutline';
|
23
|
+
export { IconInfoCircleOutline } from './Icons/IconInfoCircleOutline';
|
@@ -3,7 +3,7 @@ import type { ComponentProps } from 'react';
|
|
3
3
|
import type { StoryObj, Meta } from '@storybook/react';
|
4
4
|
import { disableProps } from '@salutejs/plasma-sb-utils';
|
5
5
|
|
6
|
-
import {
|
6
|
+
import { IconDisclosureLeft } from '../../../../components/_Icon';
|
7
7
|
import { WithTheme } from '../../../_helpers';
|
8
8
|
|
9
9
|
import { Editable, typographyVariants } from './Editable';
|
@@ -50,7 +50,7 @@ const StoryDefault = ({ defaultValue, componentName, iconSize, ...rest }: StoryP
|
|
50
50
|
return (
|
51
51
|
<Editable
|
52
52
|
{...rest}
|
53
|
-
icon={<
|
53
|
+
icon={<IconDisclosureLeft size={iconSize} color="inherit" />}
|
54
54
|
textComponent={typographyVariants[componentName]}
|
55
55
|
value={defaultValue}
|
56
56
|
onChange={handleChange}
|
@@ -12,7 +12,7 @@ import {
|
|
12
12
|
import { WithTheme } from '../../../_helpers';
|
13
13
|
import { PopupProvider } from '../Popup/Popup';
|
14
14
|
import { NotificationProps } from '../../../../components/Notification';
|
15
|
-
import {
|
15
|
+
import { IconDisclosureRight } from '../../../../components/_Icon';
|
16
16
|
|
17
17
|
import { Notification, NotificationsProvider } from './Notification';
|
18
18
|
|
@@ -55,7 +55,7 @@ const StoryDefault = ({ title, children, iconPlacement, size, layout, showLeftIc
|
|
55
55
|
return (
|
56
56
|
<Notification
|
57
57
|
title={title}
|
58
|
-
icon={showLeftIcon ? <
|
58
|
+
icon={showLeftIcon ? <IconDisclosureRight /> : ''}
|
59
59
|
iconPlacement={iconPlacement}
|
60
60
|
actions={
|
61
61
|
<Button
|
@@ -116,10 +116,7 @@ type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
|
|
116
116
|
const StoryLiveDemo = ({ timeout, ...rest }: StoryLiveDemoProps) => {
|
117
117
|
const count = useRef(0);
|
118
118
|
const handleClick = useCallback(() => {
|
119
|
-
addNotification(
|
120
|
-
{ icon: <IconDisclosureRightCentered />, ...rest, ...getNotificationProps(count.current) },
|
121
|
-
timeout,
|
122
|
-
);
|
119
|
+
addNotification({ icon: <IconDisclosureRight />, ...rest, ...getNotificationProps(count.current) }, timeout);
|
123
120
|
count.current++;
|
124
121
|
}, [count, rest]);
|
125
122
|
|
@@ -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']),
|
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
40
|
},
|
98
41
|
};
|
99
42
|
|
100
43
|
export default meta;
|
101
44
|
|
102
|
-
const StoryDefault = (
|
103
|
-
const
|
104
|
-
disabled,
|
105
|
-
itemQuantity,
|
106
|
-
size,
|
107
|
-
stretch,
|
108
|
-
orientation,
|
109
|
-
|
110
|
-
segmentItemView,
|
111
|
-
contentLeft: contentLeftOption,
|
112
|
-
contentRight: contentRightOption,
|
113
|
-
...args
|
114
|
-
} = props;
|
115
|
-
const items = Array(itemQuantity).fill(0);
|
45
|
+
const StoryDefault = ({ contentItemsNumber, selectionMode, segmentItemView, view, ...args }: StorySegmentProps) => {
|
46
|
+
const contentItems = Array(contentItemsNumber).fill(0);
|
116
47
|
|
117
48
|
return (
|
118
|
-
|
119
|
-
<
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
</
|
135
|
-
|
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
|
+
</>
|
136
80
|
);
|
137
81
|
};
|
138
82
|
|
139
83
|
export const Default: StoryObj<StorySegmentProps> = {
|
140
84
|
args: {
|
141
|
-
|
85
|
+
view: 'clear',
|
142
86
|
size: 'xs',
|
143
|
-
segmentItemView: '
|
87
|
+
segmentItemView: 'clear',
|
144
88
|
selectionMode: 'single',
|
89
|
+
contentItemsNumber: 11,
|
145
90
|
pilled: false,
|
146
91
|
filledBackground: false,
|
147
|
-
hasBackground: false,
|
148
92
|
disabled: false,
|
149
93
|
stretch: false,
|
150
|
-
orientation: 'horizontal',
|
151
|
-
contentRight: 'none',
|
152
|
-
contentLeft: 'none',
|
153
|
-
},
|
154
|
-
argTypes: {
|
155
|
-
stretch: {
|
156
|
-
control: {
|
157
|
-
type: 'boolean',
|
158
|
-
},
|
159
|
-
if: { arg: 'orientation', eq: 'horizontal' },
|
160
|
-
},
|
161
|
-
size: {
|
162
|
-
options: sizes,
|
163
|
-
control: {
|
164
|
-
type: 'select',
|
165
|
-
},
|
166
|
-
},
|
167
|
-
...disableProps(['filledBackground', 'view', 'selectionMode', 'vertical']),
|
168
|
-
},
|
169
|
-
render: (args: StorySegmentProps) => {
|
170
|
-
return <StoryDefault {...args} />;
|
171
94
|
},
|
95
|
+
render: (args) => <StoryDefault {...args} />,
|
172
96
|
};
|