@salutejs/plasma-new-hope 0.173.0-canary.1500.11456169969.0 → 0.173.1-canary.1502.11462220468.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +35 -19
- package/cjs/components/Autocomplete/Autocomplete.js +4 -2
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Badge/Badge.css +0 -2
- package/cjs/components/Badge/Badge.js +2 -9
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Badge/Badge.tokens.js +1 -2
- package/cjs/components/Badge/Badge.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +39 -18
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +39 -18
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +39 -18
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +34 -18
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +34 -18
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +36 -20
- package/cjs/components/Range/Range.css +40 -19
- package/cjs/components/Slider/Slider.css +40 -19
- package/cjs/components/Slider/Slider.js +2 -0
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +40 -19
- package/cjs/components/Tabs/createTabsController.js.map +1 -1
- package/cjs/components/Tabs/tokens.js +1 -2
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +10 -11
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +1 -3
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +16 -14
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/{base_9miwn.css → base_4ob3q5.css} +1 -1
- package/cjs/components/Tabs/ui/horizontal/const.js +11 -0
- package/cjs/components/Tabs/ui/horizontal/const.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +5 -7
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +2 -8
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_1yspq9o.css → VerticalTabItem.styles_16d3lah.css} +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +0 -2
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -10
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +111 -19
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +166 -63
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_1ke2ihc.css +18 -0
- package/cjs/components/TextArea/TextArea.tokens.js +45 -5
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
- package/cjs/components/TextArea/hooks/useAutoResize.js.map +1 -1
- package/cjs/components/TextArea/ui/Hint/Hint.css +30 -0
- package/cjs/components/TextArea/ui/Hint/Hint.js +53 -0
- package/cjs/components/TextArea/ui/Hint/Hint.js.map +1 -0
- package/cjs/components/TextArea/variations/_clear/base.js +1 -1
- package/cjs/components/TextArea/variations/_clear/base.js.map +1 -1
- package/cjs/components/TextArea/variations/_clear/base_iz2qkw.css +1 -0
- package/cjs/components/{Badge/variations/_truncate → 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_1ipgv90.css +1 -0
- package/cjs/components/{Tabs/ui/vertical/VerticalTabItem/variations/_truncate → TextArea/variations/_hint-view}/base.js +2 -2
- 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_1xgrm3x.css +1 -0
- package/cjs/components/TextField/TextField.js +100 -10
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +82 -23
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/TextField.styles_grgg7q.css +22 -0
- package/cjs/components/TextField/TextField.tokens.js +42 -2
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.css +34 -0
- package/cjs/components/TextField/ui/Hint/Hint.js +53 -0
- package/cjs/components/TextField/ui/Hint/Hint.js.map +1 -0
- package/cjs/components/TextField/variations/_clear/base.js +1 -1
- package/cjs/components/TextField/variations/_clear/base.js.map +1 -1
- package/cjs/components/TextField/variations/_clear/base_1i91sjp.css +1 -0
- package/cjs/components/TextField/variations/_disabled/base.js +1 -1
- package/cjs/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
- package/cjs/components/{Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate → TextField/variations/_hint-size}/base.js +2 -2
- package/cjs/components/TextField/variations/_hint-size/base.js.map +1 -0
- package/cjs/components/TextField/variations/_hint-size/base_1x99605.css +1 -0
- package/cjs/components/{Tabs/ui/horizontal/HorizontalTabs/variations/_truncate → TextField/variations/_hint-view}/base.js +2 -2
- 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_3domm.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_17ypmu7.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_1xdmaqh.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_qhyte8.css +1 -0
- package/cjs/components/TextFieldGroup/TextFieldGroup.css +1 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base.js +1 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
- package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +23 -0
- package/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +23 -0
- package/cjs/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
- package/cjs/index.css +62 -50
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +4 -2
- package/emotion/cjs/components/Badge/Badge.js +2 -9
- package/emotion/cjs/components/Badge/Badge.tokens.js +1 -2
- package/emotion/cjs/components/Tabs/tokens.js +1 -2
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +15 -11
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +21 -14
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/const.js +10 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +2 -8
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +5 -5
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -10
- package/emotion/cjs/components/TextArea/TextArea.js +115 -23
- package/emotion/cjs/components/TextArea/TextArea.styles.js +103 -41
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +45 -5
- package/emotion/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
- package/emotion/cjs/components/TextArea/ui/Hint/Hint.js +53 -0
- package/emotion/cjs/components/TextArea/ui/Hint/Hint.types.js +5 -0
- package/emotion/cjs/components/TextArea/variations/_clear/base.js +1 -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 +103 -13
- package/emotion/cjs/components/TextField/TextField.styles.js +88 -37
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +6 -1
- package/emotion/cjs/components/TextField/TextField.tokens.js +42 -2
- package/emotion/cjs/components/TextField/ui/Hint/Hint.js +53 -0
- package/emotion/cjs/components/TextField/ui/Hint/Hint.types.js +5 -0
- package/emotion/cjs/components/TextField/variations/_clear/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_hint-size/base.js +11 -0
- package/emotion/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
- package/emotion/cjs/components/TextField/variations/_hint-view/base.js +11 -0
- package/emotion/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
- package/emotion/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
- package/emotion/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
- package/emotion/cjs/components/_Icon/index.js +8 -1
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +14 -17
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +2 -9
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +74 -87
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +15 -18
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +15 -18
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +6 -9
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +6 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +17 -10
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +20 -13
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +72 -33
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +17 -10
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +20 -13
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
- package/emotion/es/components/Autocomplete/Autocomplete.js +4 -2
- package/emotion/es/components/Badge/Badge.js +2 -9
- package/emotion/es/components/Badge/Badge.tokens.js +1 -2
- package/emotion/es/components/Tabs/tokens.js +1 -2
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +16 -11
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +22 -14
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/emotion/es/components/Tabs/ui/horizontal/const.js +4 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +2 -8
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +5 -5
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -10
- package/emotion/es/components/TextArea/TextArea.js +115 -23
- package/emotion/es/components/TextArea/TextArea.styles.js +102 -40
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +6 -1
- package/emotion/es/components/TextArea/TextArea.tokens.js +45 -5
- package/emotion/es/components/TextArea/hooks/useAutoResize.js +2 -4
- package/emotion/es/components/TextArea/ui/Hint/Hint.js +44 -0
- package/emotion/es/components/TextArea/ui/Hint/Hint.types.js +1 -0
- package/emotion/es/components/TextArea/variations/_clear/base.js +2 -2
- 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 +102 -12
- package/emotion/es/components/TextField/TextField.styles.js +87 -36
- package/emotion/es/components/TextField/TextField.template-doc.mdx +6 -1
- package/emotion/es/components/TextField/TextField.tokens.js +42 -2
- package/emotion/es/components/TextField/ui/Hint/Hint.js +44 -0
- package/emotion/es/components/TextField/ui/Hint/Hint.types.js +1 -0
- package/emotion/es/components/TextField/variations/_clear/base.js +2 -2
- package/emotion/es/components/TextField/variations/_hint-size/base.js +5 -0
- package/emotion/es/components/TextField/variations/_hint-size/tokens.json +21 -0
- package/emotion/es/components/TextField/variations/_hint-view/base.js +5 -0
- package/emotion/es/components/TextField/variations/_hint-view/tokens.json +5 -0
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
- package/emotion/es/components/TextField/variations/_size/base.js +2 -2
- package/emotion/es/components/TextField/variations/_view/base.js +2 -2
- package/emotion/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
- package/emotion/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
- package/emotion/es/components/_Icon/index.js +2 -1
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +14 -17
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +2 -9
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +74 -87
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +15 -18
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +15 -18
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +6 -9
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +6 -9
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +17 -10
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +20 -13
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +72 -33
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +17 -10
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +20 -13
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
- package/es/components/Autocomplete/Autocomplete.css +35 -19
- package/es/components/Autocomplete/Autocomplete.js +4 -2
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Badge/Badge.css +0 -2
- package/es/components/Badge/Badge.js +2 -9
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Badge/Badge.tokens.js +1 -2
- package/es/components/Badge/Badge.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +39 -18
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +39 -18
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +39 -18
- package/es/components/DatePicker/RangeDate/RangeDate.css +34 -18
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +34 -18
- package/es/components/DatePicker/SingleDate/SingleDate.css +36 -20
- package/es/components/Range/Range.css +40 -19
- package/es/components/Slider/Slider.css +40 -19
- package/es/components/Slider/Slider.js +2 -0
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +40 -19
- package/es/components/Tabs/createTabsController.js.map +1 -1
- package/es/components/Tabs/tokens.js +1 -2
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +11 -12
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +1 -3
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +17 -15
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/{base_9miwn.css → base_4ob3q5.css} +1 -1
- package/es/components/Tabs/ui/horizontal/const.js +7 -0
- package/es/components/Tabs/ui/horizontal/const.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +5 -7
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +2 -8
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_1yspq9o.css → VerticalTabItem.styles_16d3lah.css} +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +0 -2
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -10
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/es/components/TextArea/TextArea.js +115 -23
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +160 -64
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/TextArea.styles_1ke2ihc.css +18 -0
- package/es/components/TextArea/TextArea.tokens.js +45 -5
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/hooks/useAutoResize.js +2 -4
- package/es/components/TextArea/hooks/useAutoResize.js.map +1 -1
- package/es/components/TextArea/ui/Hint/Hint.css +30 -0
- package/es/components/TextArea/ui/Hint/Hint.js +49 -0
- package/es/components/TextArea/ui/Hint/Hint.js.map +1 -0
- package/es/components/TextArea/variations/_clear/base.js +1 -1
- package/es/components/TextArea/variations/_clear/base.js.map +1 -1
- package/es/components/TextArea/variations/_clear/base_iz2qkw.css +1 -0
- package/es/components/{Tabs/ui/vertical/VerticalTabs/variations/_truncate → 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_1ipgv90.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_1xgrm3x.css +1 -0
- package/es/components/TextField/TextField.js +101 -11
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +76 -24
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/TextField.styles_grgg7q.css +22 -0
- package/es/components/TextField/TextField.tokens.js +42 -2
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/ui/Hint/Hint.css +34 -0
- package/es/components/TextField/ui/Hint/Hint.js +49 -0
- package/es/components/TextField/ui/Hint/Hint.js.map +1 -0
- package/es/components/TextField/variations/_clear/base.js +1 -1
- package/es/components/TextField/variations/_clear/base.js.map +1 -1
- package/es/components/TextField/variations/_clear/base_1i91sjp.css +1 -0
- package/es/components/TextField/variations/_disabled/base.js +1 -1
- package/es/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
- 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_1x99605.css +1 -0
- package/es/components/{Tabs/ui/horizontal/HorizontalTabs/variations/_truncate → TextField/variations/_hint-view}/base.js +2 -2
- 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_3domm.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_17ypmu7.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_1xdmaqh.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_qhyte8.css +1 -0
- package/es/components/TextFieldGroup/TextFieldGroup.css +1 -1
- package/es/components/TextFieldGroup/variations/_shape/base.js +1 -1
- package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
- package/es/components/_Icon/Icon.assets/InfoCircleOutline.js +19 -0
- package/es/components/_Icon/Icon.assets/InfoCircleOutline.js.map +1 -0
- package/es/components/_Icon/Icons/IconInfoCircleOutline.js +19 -0
- package/es/components/_Icon/Icons/IconInfoCircleOutline.js.map +1 -0
- package/es/index.css +62 -50
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +4 -2
- package/styled-components/cjs/components/Badge/Badge.js +2 -9
- package/styled-components/cjs/components/Badge/Badge.tokens.js +1 -2
- package/styled-components/cjs/components/Tabs/tokens.js +1 -2
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +15 -11
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +21 -14
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/const.js +10 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +2 -8
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -10
- package/styled-components/cjs/components/TextArea/TextArea.js +114 -22
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +88 -42
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +6 -1
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +45 -5
- package/styled-components/cjs/components/TextArea/hooks/useAutoResize.js +2 -4
- package/styled-components/cjs/components/TextArea/ui/Hint/Hint.js +53 -0
- package/styled-components/cjs/components/TextArea/ui/Hint/Hint.types.js +5 -0
- package/styled-components/cjs/components/TextArea/variations/_clear/base.js +1 -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 +102 -12
- package/styled-components/cjs/components/TextField/TextField.styles.js +49 -21
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +6 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +42 -2
- package/styled-components/cjs/components/TextField/ui/Hint/Hint.js +53 -0
- package/styled-components/cjs/components/TextField/ui/Hint/Hint.types.js +5 -0
- package/styled-components/cjs/components/TextField/variations/_clear/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_hint-size/base.js +11 -0
- package/styled-components/cjs/components/TextField/variations/_hint-size/tokens.json +21 -0
- package/styled-components/cjs/components/TextField/variations/_hint-view/base.js +11 -0
- package/styled-components/cjs/components/TextField/variations/_hint-view/tokens.json +5 -0
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/InfoCircleOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconInfoCircleOutline.js +22 -0
- package/styled-components/cjs/components/_Icon/index.js +8 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +0 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +2 -9
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +74 -87
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +0 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -3
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +16 -9
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +16 -9
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +72 -33
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +16 -9
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +16 -9
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
- package/styled-components/es/components/Autocomplete/Autocomplete.js +4 -2
- package/styled-components/es/components/Badge/Badge.js +2 -9
- package/styled-components/es/components/Badge/Badge.tokens.js +1 -2
- package/styled-components/es/components/Tabs/tokens.js +1 -2
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +16 -11
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +22 -14
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/const.js +4 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +2 -8
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -10
- package/styled-components/es/components/TextArea/TextArea.js +114 -22
- package/styled-components/es/components/TextArea/TextArea.styles.js +87 -41
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +6 -1
- package/styled-components/es/components/TextArea/TextArea.tokens.js +45 -5
- package/styled-components/es/components/TextArea/hooks/useAutoResize.js +2 -4
- package/styled-components/es/components/TextArea/ui/Hint/Hint.js +44 -0
- package/styled-components/es/components/TextArea/ui/Hint/Hint.types.js +1 -0
- package/styled-components/es/components/TextArea/variations/_clear/base.js +2 -2
- 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 +101 -11
- package/styled-components/es/components/TextField/TextField.styles.js +48 -20
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +6 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +42 -2
- package/styled-components/es/components/TextField/ui/Hint/Hint.js +44 -0
- package/styled-components/es/components/TextField/ui/Hint/Hint.types.js +1 -0
- package/styled-components/es/components/TextField/variations/_clear/base.js +2 -2
- package/styled-components/es/components/TextField/variations/_hint-size/base.js +5 -0
- package/styled-components/es/components/TextField/variations/_hint-size/tokens.json +21 -0
- package/styled-components/es/components/TextField/variations/_hint-view/base.js +5 -0
- package/styled-components/es/components/TextField/variations/_hint-view/tokens.json +5 -0
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
- package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
- package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
- package/styled-components/es/components/_Icon/Icon.assets/InfoCircleOutline.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconInfoCircleOutline.js +15 -0
- package/styled-components/es/components/_Icon/index.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +0 -3
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +2 -9
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +74 -87
- package/styled-components/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -3
- package/styled-components/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +0 -3
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -3
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -3
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +16 -9
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +72 -0
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +16 -9
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +73 -1
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +72 -33
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +16 -9
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -0
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +16 -9
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +82 -10
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +408 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Badge/Badge.d.ts +0 -4
- package/types/components/Badge/Badge.d.ts.map +1 -1
- package/types/components/Badge/Badge.tokens.d.ts +0 -1
- package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
- package/types/components/Badge/Badge.types.d.ts +0 -5
- package/types/components/Badge/Badge.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +408 -0
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +408 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownOld/utils/index.d.ts +3 -2
- package/types/components/Dropdown/ui/DropdownOld/utils/index.d.ts.map +1 -1
- package/types/components/Popover/Popover.types.d.ts +2 -3
- package/types/components/Popover/Popover.types.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +408 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +408 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/Tabs/TabItem.types.d.ts +50 -13
- package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
- package/types/components/Tabs/Tabs.types.d.ts +44 -7
- package/types/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/components/Tabs/createTabsController.d.ts +2 -2
- package/types/components/Tabs/createTabsController.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +0 -1
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +0 -3
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +2 -5
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/const.d.ts +2 -0
- package/types/components/Tabs/ui/horizontal/const.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +0 -3
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +0 -4
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.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 +12 -1
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +40 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +78 -3
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/hooks/useAutoResize.d.ts.map +1 -1
- package/types/components/TextArea/ui/Hint/Hint.d.ts +4 -0
- package/types/components/TextArea/ui/Hint/Hint.d.ts.map +1 -0
- package/types/components/TextArea/ui/Hint/Hint.types.d.ts +17 -0
- package/types/components/TextArea/ui/Hint/Hint.types.d.ts.map +1 -0
- package/types/components/TextArea/variations/_clear/base.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.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 +9 -0
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +40 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +73 -2
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/ui/Hint/Hint.d.ts +4 -0
- package/types/components/TextField/ui/Hint/Hint.d.ts.map +1 -0
- package/types/components/TextField/ui/Hint/Hint.types.d.ts +17 -0
- package/types/components/TextField/ui/Hint/Hint.types.d.ts.map +1 -0
- package/types/components/TextField/variations/_clear/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_hint-size/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_hint-view/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/InfoCircleOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconInfoCircleOutline.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +1 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +0 -6
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +740 -12
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +17 -8
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +1 -7
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +7 -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 +455 -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 +7 -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 +415 -0
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.d.ts +0 -3
- package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +740 -12
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +17 -2
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +7 -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 +455 -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 +7 -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 +415 -0
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/utils/getPopoverPlacement.d.ts +3 -2
- package/types/utils/getPopoverPlacement.d.ts.map +1 -1
- package/types/utils/index.d.ts +1 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Badge/variations/_truncate/base.js.map +0 -1
- package/cjs/components/Badge/variations/_truncate/base_nf9u2h.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base_1b34xv3.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base_1kepful.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base_1nwonlh.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base_14x17ie.css +0 -1
- package/cjs/components/TextArea/TextArea.styles_es0miz.css +0 -11
- package/cjs/components/TextArea/variations/_clear/base_vidplj.css +0 -1
- package/cjs/components/TextArea/variations/_view/base_td55th.css +0 -1
- package/cjs/components/TextField/TextField.styles_1d2ryq.css +0 -15
- package/cjs/components/TextField/variations/_clear/base_rit6gc.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
- package/cjs/components/TextField/variations/_read-only/base_1n7tghz.css +0 -1
- package/cjs/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
- package/cjs/components/TextField/variations/_view/base_1noe46b.css +0 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
- package/emotion/cjs/components/Badge/variations/_truncate/base.js +0 -10
- package/emotion/cjs/components/Badge/variations/_truncate/tokens.json +0 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +0 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js +0 -11
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/tokens.json +0 -1
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +0 -1
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/tokens.json +0 -1
- package/emotion/es/components/Badge/variations/_truncate/base.js +0 -4
- package/emotion/es/components/Badge/variations/_truncate/tokens.json +0 -1
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +0 -4
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +0 -1
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js +0 -5
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/tokens.json +0 -1
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +0 -4
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +0 -1
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +0 -4
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/tokens.json +0 -1
- package/es/components/Badge/variations/_truncate/base.js +0 -5
- package/es/components/Badge/variations/_truncate/base.js.map +0 -1
- package/es/components/Badge/variations/_truncate/base_nf9u2h.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base_1b34xv3.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base_1kepful.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base_1nwonlh.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base_14x17ie.css +0 -1
- package/es/components/TextArea/TextArea.styles_es0miz.css +0 -11
- package/es/components/TextArea/variations/_clear/base_vidplj.css +0 -1
- package/es/components/TextArea/variations/_view/base_td55th.css +0 -1
- package/es/components/TextField/TextField.styles_1d2ryq.css +0 -15
- package/es/components/TextField/variations/_clear/base_rit6gc.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_1ghihns.css +0 -1
- package/es/components/TextField/variations/_read-only/base_1n7tghz.css +0 -1
- package/es/components/TextField/variations/_size/base_1h8l0kj.css +0 -1
- package/es/components/TextField/variations/_view/base_1noe46b.css +0 -1
- package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
- package/styled-components/cjs/components/Badge/variations/_truncate/base.js +0 -10
- package/styled-components/cjs/components/Badge/variations/_truncate/tokens.json +0 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +0 -10
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +0 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js +0 -11
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/tokens.json +0 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +0 -10
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +0 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +0 -10
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/tokens.json +0 -1
- package/styled-components/es/components/Badge/variations/_truncate/base.js +0 -4
- package/styled-components/es/components/Badge/variations/_truncate/tokens.json +0 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.js +0 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/tokens.json +0 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.js +0 -5
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/tokens.json +0 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.js +0 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/tokens.json +0 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.js +0 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/tokens.json +0 -1
- package/types/components/Badge/variations/_truncate/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_truncate/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_truncate/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_truncate/base.d.ts.map +0 -1
- /package/types/components/{Badge/variations/_truncate → TextArea/variations/_hint-size}/base.d.ts +0 -0
- /package/types/components/{Tabs/ui/horizontal/HorizontalTabItem/variations/_truncate → TextArea/variations/_hint-view}/base.d.ts +0 -0
- /package/types/components/{Tabs/ui/horizontal/HorizontalTabs/variations/_truncate → TextField/variations/_hint-size}/base.d.ts +0 -0
- /package/types/components/{Tabs/ui/vertical/VerticalTabItem/variations/_truncate → TextField/variations/_hint-view}/base.d.ts +0 -0
@@ -20,8 +20,7 @@ var classes = exports.classes = {
|
|
20
20
|
tabsHasTopArrow: 'tabs-has-top-arrow',
|
21
21
|
tabsHasBottomArrow: 'tabs-has-bottom-arrow',
|
22
22
|
tabsClipScroll: 'tabs-clip-scroll',
|
23
|
-
tabsClipShowAll: 'tabs-clip-show-all'
|
24
|
-
tabsTruncate: 'tabs-truncate'
|
23
|
+
tabsClipShowAll: 'tabs-clip-show-all'
|
25
24
|
};
|
26
25
|
var tokens = exports.tokens = {
|
27
26
|
disabledOpacity: '--plasma-tabs-disabled-opacity',
|
package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js
CHANGED
@@ -10,16 +10,21 @@ var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
|
10
10
|
var _tokens = /*#__PURE__*/require("../../../tokens");
|
11
11
|
var _utils = /*#__PURE__*/require("../../../../../utils");
|
12
12
|
var _TabsContext = /*#__PURE__*/require("../../../TabsContext");
|
13
|
+
var _const = /*#__PURE__*/require("../const");
|
13
14
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
14
15
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
15
16
|
var _base3 = /*#__PURE__*/require("./variations/_pilled/base");
|
16
17
|
var _base4 = /*#__PURE__*/require("./variations/_disabled/base");
|
17
|
-
var _base5 = /*#__PURE__*/require("./variations/_truncate/base");
|
18
18
|
var _HorizontalTabItem = /*#__PURE__*/require("./HorizontalTabItem.styles");
|
19
|
-
var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"
|
19
|
+
var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
|
20
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
21
21
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
22
22
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
23
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
24
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
25
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
26
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
27
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
23
28
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
24
29
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
25
30
|
var horizontalTabItemRoot = exports.horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
|
@@ -43,8 +48,13 @@ var horizontalTabItemRoot = exports.horizontalTabItemRoot = function horizontalT
|
|
43
48
|
tabIndex = props.tabIndex,
|
44
49
|
className = props.className,
|
45
50
|
onClick = props.onClick,
|
46
|
-
truncate = props.truncate,
|
47
51
|
rest = _objectWithoutProperties(props, _excluded);
|
52
|
+
var restRootProps = size && (0, _const.isHeaderSize)(size) ? _objectSpread({
|
53
|
+
size: size
|
54
|
+
}, rest) : _objectSpread({
|
55
|
+
size: size,
|
56
|
+
pilled: pilled
|
57
|
+
}, rest);
|
48
58
|
var innerRef = (0, _react.useRef)(null);
|
49
59
|
var ref = (0, _plasmaCore.useForkRef)(outerRef, innerRef);
|
50
60
|
var refs = (0, _react.useContext)(_TabsContext.TabsContext);
|
@@ -101,16 +111,13 @@ var horizontalTabItemRoot = exports.horizontalTabItemRoot = function horizontalT
|
|
101
111
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
102
112
|
ref: ref,
|
103
113
|
disabled: disabled,
|
104
|
-
pilled: pilled,
|
105
114
|
role: role,
|
106
115
|
view: view,
|
107
|
-
size: size,
|
108
|
-
truncate: truncate,
|
109
116
|
onFocus: onItemFocus,
|
110
117
|
tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
|
111
|
-
className: (0, _utils.cx)(pilledClass, selectedClass, animatedClass,
|
118
|
+
className: (0, _utils.cx)(pilledClass, selectedClass, animatedClass, className),
|
112
119
|
onClick: handleClick
|
113
|
-
},
|
120
|
+
}, restRootProps), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.LeftContent, {
|
114
121
|
className: _tokens.classes.tabLeftContent
|
115
122
|
}, contentLeft), /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.StyledContent, {
|
116
123
|
className: _tokens.classes.tabContent
|
@@ -137,9 +144,6 @@ var horizontalTabItemConfig = exports.horizontalTabItemConfig = {
|
|
137
144
|
},
|
138
145
|
pilled: {
|
139
146
|
css: _base3.base
|
140
|
-
},
|
141
|
-
truncate: {
|
142
|
-
css: _base5.base
|
143
147
|
}
|
144
148
|
},
|
145
149
|
defaults: {
|
package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js
CHANGED
@@ -11,14 +11,14 @@ var _Icon = /*#__PURE__*/require("../../../../_Icon");
|
|
11
11
|
var _tokens = /*#__PURE__*/require("../../../tokens");
|
12
12
|
var _utils = /*#__PURE__*/require("../../../../../utils");
|
13
13
|
var _TabsContext = /*#__PURE__*/require("../../../TabsContext");
|
14
|
+
var _const = /*#__PURE__*/require("../const");
|
14
15
|
var _base = /*#__PURE__*/require("./variations/_size/base");
|
15
16
|
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
16
17
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
17
18
|
var _base4 = /*#__PURE__*/require("./variations/_pilled/base");
|
18
19
|
var _base5 = /*#__PURE__*/require("./variations/_stretch/base");
|
19
|
-
var _base6 = /*#__PURE__*/require("./variations/_truncate/base");
|
20
20
|
var _HorizontalTabs = /*#__PURE__*/require("./HorizontalTabs.styles");
|
21
|
-
var _excluded = ["id", "stretch", "disabled", "clip", "size", "view", "children", "pilled", "index", "className", "
|
21
|
+
var _excluded = ["id", "stretch", "disabled", "clip", "size", "view", "children", "pilled", "index", "className", "hasDivider", "outsideScroll"];
|
22
22
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
23
23
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
24
24
|
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); }
|
@@ -28,6 +28,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
28
28
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
29
29
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
30
30
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
31
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
32
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
33
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
34
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
35
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
31
36
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
32
37
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
33
38
|
var Keys = /*#__PURE__*/function (Keys) {
|
@@ -53,9 +58,17 @@ var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoo
|
|
53
58
|
pilled = _props$pilled === void 0 ? false : _props$pilled,
|
54
59
|
index = props.index,
|
55
60
|
className = props.className,
|
56
|
-
_props$
|
57
|
-
|
61
|
+
_props$hasDivider = props.hasDivider,
|
62
|
+
hasDivider = _props$hasDivider === void 0 ? true : _props$hasDivider,
|
63
|
+
outsideScroll = props.outsideScroll,
|
58
64
|
rest = _objectWithoutProperties(props, _excluded);
|
65
|
+
var restRootProps = size && (0, _const.isHeaderSize)(size) ? _objectSpread({
|
66
|
+
size: size
|
67
|
+
}, rest) : _objectSpread({
|
68
|
+
size: size,
|
69
|
+
pilled: pilled,
|
70
|
+
outsideScroll: outsideScroll
|
71
|
+
}, rest);
|
59
72
|
var _useState = (0, _react.useState)(true),
|
60
73
|
_useState2 = _slicedToArray(_useState, 2),
|
61
74
|
firstItemVisible = _useState2[0],
|
@@ -72,8 +85,8 @@ var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoo
|
|
72
85
|
var isFilled = view === 'filled'; // outer padding is only for filled view
|
73
86
|
var pilledAttr = view !== 'clear' && pilled;
|
74
87
|
var pilledClass = pilledAttr ? _tokens.classes.tabsPilled : undefined;
|
75
|
-
var
|
76
|
-
var stretchClass =
|
88
|
+
var noDividerClass = !hasDivider ? _tokens.classes.tabsNoDivider : undefined;
|
89
|
+
var stretchClass = firstItemVisible && lastItemVisible && stretch ? _tokens.classes.tabsStretch : undefined;
|
77
90
|
var hasLeftArrowClass = !firstItemVisible ? _tokens.classes.tabsHasLeftArrow : undefined;
|
78
91
|
var hasRightArrowClass = !lastItemVisible ? _tokens.classes.tabsHasRightArrow : undefined;
|
79
92
|
var clipScrollClass = clip === 'scroll' ? _tokens.classes.tabsClipScroll : undefined;
|
@@ -203,15 +216,12 @@ var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoo
|
|
203
216
|
}, /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
204
217
|
view: view,
|
205
218
|
role: "tablist",
|
206
|
-
size: size,
|
207
|
-
pilled: pilled,
|
208
219
|
id: tabsId,
|
209
220
|
ref: outerRef,
|
210
221
|
disabled: disabled,
|
211
|
-
|
212
|
-
className: (0, _utils.cx)(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, truncate && _tokens.classes.tabsTruncate, className),
|
222
|
+
className: (0, _utils.cx)(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, noDividerClass, className),
|
213
223
|
onKeyDown: onKeyDown
|
214
|
-
},
|
224
|
+
}, restRootProps), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_HorizontalTabs.StyledContentWrapper, {
|
215
225
|
className: (0, _utils.cx)(clipScrollClass, clipShowAllClass),
|
216
226
|
ref: scrollRef,
|
217
227
|
onScroll: handleScroll
|
@@ -242,9 +252,6 @@ var horizontalTabsConfig = exports.horizontalTabsConfig = {
|
|
242
252
|
},
|
243
253
|
pilled: {
|
244
254
|
css: _base4.base
|
245
|
-
},
|
246
|
-
truncate: {
|
247
|
-
css: _base6.base
|
248
255
|
}
|
249
256
|
},
|
250
257
|
defaults: {
|
package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js
CHANGED
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
8
|
var _tokens = /*#__PURE__*/require("../../../../../tokens");
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["background-color:var(", ");&::after{content:'';position:absolute;bottom:0.125rem;left:0.125rem;right:0.125rem;background:var(", ");height:var(", ");border-radius:var(", ");}&.", "{&::after{left:1.5rem;}}&.", "{&::after{right:1.5rem;}}"], _tokens.tokens.tabsBackgroundColor, _tokens.tokens.tabsDividerColor, _tokens.tokens.tabsDividerHeight, _tokens.tokens.tabsDividerBorderRadius, _tokens.classes.tabsHasLeftArrow, _tokens.classes.tabsHasRightArrow);
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["background-color:var(", ");&::after{content:'';position:absolute;bottom:0.125rem;left:0.125rem;right:0.125rem;background:var(", ");height:var(", ");border-radius:var(", ");}&.", "{&::after{left:1.5rem;}}&.", "{&::after{right:1.5rem;}}&.", "{&::after{height:0;}}"], _tokens.tokens.tabsBackgroundColor, _tokens.tokens.tabsDividerColor, _tokens.tokens.tabsDividerHeight, _tokens.tokens.tabsDividerBorderRadius, _tokens.classes.tabsHasLeftArrow, _tokens.classes.tabsHasRightArrow, _tokens.classes.tabsNoDivider);
|
@@ -0,0 +1,10 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.isHeaderSize = void 0;
|
7
|
+
var headerSizes = ['h1', 'h2', 'h3', 'h4', 'h5'];
|
8
|
+
var isHeaderSize = exports.isHeaderSize = function isHeaderSize(size) {
|
9
|
+
return headerSizes.includes(size);
|
10
|
+
};
|
package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js
CHANGED
@@ -14,8 +14,7 @@ var _VerticalTabItem = /*#__PURE__*/require("./VerticalTabItem.styles");
|
|
14
14
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
15
15
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
16
16
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
17
|
-
var
|
18
|
-
var _excluded = ["size", "view", "selected", "disabled", "children", "value", "contentLeft", "contentRight", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "truncate"];
|
17
|
+
var _excluded = ["size", "view", "selected", "disabled", "children", "value", "contentLeft", "contentRight", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
|
19
18
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
20
19
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
21
20
|
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); }
|
@@ -37,7 +36,6 @@ var verticalTabItemRoot = exports.verticalTabItemRoot = function verticalTabItem
|
|
37
36
|
tabIndex = props.tabIndex,
|
38
37
|
className = props.className,
|
39
38
|
onClick = props.onClick,
|
40
|
-
truncate = props.truncate,
|
41
39
|
rest = _objectWithoutProperties(props, _excluded);
|
42
40
|
var innerRef = (0, _react.useRef)(null);
|
43
41
|
var ref = (0, _plasmaCore.useForkRef)(outerRef, innerRef);
|
@@ -94,10 +92,9 @@ var verticalTabItemRoot = exports.verticalTabItemRoot = function verticalTabItem
|
|
94
92
|
role: role,
|
95
93
|
view: view,
|
96
94
|
size: size,
|
97
|
-
truncate: truncate,
|
98
95
|
onFocus: onItemFocus,
|
99
96
|
tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
|
100
|
-
className: (0, _utils.cx)(selectedClass,
|
97
|
+
className: (0, _utils.cx)(selectedClass, className),
|
101
98
|
onClick: handleClick
|
102
99
|
}, rest), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && /*#__PURE__*/_react["default"].createElement(_VerticalTabItem.LeftContent, {
|
103
100
|
className: _tokens.classes.tabLeftContent
|
@@ -123,9 +120,6 @@ var verticalTabItemConfig = exports.verticalTabItemConfig = {
|
|
123
120
|
disabled: {
|
124
121
|
css: _base3.base,
|
125
122
|
attrs: true
|
126
|
-
},
|
127
|
-
truncate: {
|
128
|
-
css: _base4.base
|
129
123
|
}
|
130
124
|
},
|
131
125
|
defaults: {
|
package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js
CHANGED
@@ -24,7 +24,7 @@ var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["defa
|
|
24
24
|
})(["display:inline-block;width:fit-content;padding:0 var(", ",var(", "));"], _tokens.tokens.itemContentPaddingClear, _tokens.tokens.itemContentPadding);
|
25
25
|
var TabItemValue = exports.TabItemValue = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
26
26
|
componentId: "plasma-new-hope__sc-1pflgj8-1"
|
27
|
-
})(["
|
27
|
+
})(["color:var(", ");"], _tokens.tokens.itemValueColor);
|
28
28
|
var RightContent = exports.RightContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
29
29
|
componentId: "plasma-new-hope__sc-1pflgj8-2"
|
30
30
|
})(["display:flex;color:inherit;&:hover{color:inherit;}"]);
|
@@ -15,8 +15,7 @@ var _VerticalTabs = /*#__PURE__*/require("./VerticalTabs.styles");
|
|
15
15
|
var _base = /*#__PURE__*/require("./variations/_size/base");
|
16
16
|
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
17
17
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
18
|
-
var
|
19
|
-
var _excluded = ["id", "disabled", "clip", "size", "view", "children", "index", "className", "orientation", "hasDivider", "truncate"];
|
18
|
+
var _excluded = ["id", "disabled", "clip", "size", "view", "children", "index", "className", "orientation", "hasDivider"];
|
20
19
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
21
20
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
22
21
|
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); }
|
@@ -50,8 +49,6 @@ var verticalTabsRoot = exports.verticalTabsRoot = function verticalTabsRoot(Root
|
|
50
49
|
orientation = props.orientation,
|
51
50
|
_props$hasDivider = props.hasDivider,
|
52
51
|
hasDivider = _props$hasDivider === void 0 ? true : _props$hasDivider,
|
53
|
-
_props$truncate = props.truncate,
|
54
|
-
truncate = _props$truncate === void 0 ? false : _props$truncate,
|
55
52
|
rest = _objectWithoutProperties(props, _excluded);
|
56
53
|
var _useState = (0, _react.useState)(true),
|
57
54
|
_useState2 = _slicedToArray(_useState, 2),
|
@@ -193,8 +190,7 @@ var verticalTabsRoot = exports.verticalTabsRoot = function verticalTabsRoot(Root
|
|
193
190
|
id: tabsId,
|
194
191
|
ref: outerRef,
|
195
192
|
disabled: disabled,
|
196
|
-
|
197
|
-
className: (0, _utils.cx)(hasTopArrowClass, hasBottomArrowClass, noDividerClass, truncate && _tokens.classes.tabsTruncate, className),
|
193
|
+
className: (0, _utils.cx)(hasTopArrowClass, hasBottomArrowClass, noDividerClass, className),
|
198
194
|
onKeyDown: onKeyDown,
|
199
195
|
orientation: orientation
|
200
196
|
}, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_VerticalTabs.StyledContentWrapper, {
|
@@ -221,10 +217,6 @@ var verticalTabsConfig = exports.verticalTabsConfig = {
|
|
221
217
|
disabled: {
|
222
218
|
css: _base3.base,
|
223
219
|
attrs: true
|
224
|
-
},
|
225
|
-
truncate: {
|
226
|
-
css: _base4.base,
|
227
|
-
attrs: true
|
228
220
|
}
|
229
221
|
},
|
230
222
|
defaults: {
|
@@ -9,15 +9,19 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
|
|
9
9
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
10
10
|
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
11
11
|
var _utils = /*#__PURE__*/require("../../utils");
|
12
|
+
var _hooks = /*#__PURE__*/require("../../hooks");
|
12
13
|
var _mixins = /*#__PURE__*/require("./mixins");
|
13
|
-
var
|
14
|
+
var _hooks2 = /*#__PURE__*/require("./hooks");
|
14
15
|
var _TextArea = /*#__PURE__*/require("./TextArea.styles");
|
15
16
|
var _TextArea2 = /*#__PURE__*/require("./TextArea.tokens");
|
16
17
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
17
18
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
18
19
|
var _base3 = /*#__PURE__*/require("./variations/_clear/base");
|
19
20
|
var _base4 = /*#__PURE__*/require("./variations/_disabled/base");
|
20
|
-
var
|
21
|
+
var _base5 = /*#__PURE__*/require("./variations/_hint-view/base");
|
22
|
+
var _base6 = /*#__PURE__*/require("./variations/_hint-size/base");
|
23
|
+
var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
|
24
|
+
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "titleCaption", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "onChange"];
|
21
25
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
22
26
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
23
27
|
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); }
|
@@ -56,6 +60,7 @@ var fallbackStatusMap = {
|
|
56
60
|
warning: 'warning',
|
57
61
|
error: 'negative'
|
58
62
|
};
|
63
|
+
var HINT_DEFAULT_OFFSET = [0, 0];
|
59
64
|
|
60
65
|
// TODO: Перенести этот метод в файл applyDynamicLabel.ts
|
61
66
|
var getDynamicLabelClasses = exports.getDynamicLabelClasses = function getDynamicLabelClasses(props, focused) {
|
@@ -92,6 +97,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
92
97
|
label = props.label,
|
93
98
|
_props$labelPlacement = props.labelPlacement,
|
94
99
|
labelPlacement = _props$labelPlacement === void 0 ? 'inner' : _props$labelPlacement,
|
100
|
+
titleCaption = props.titleCaption,
|
95
101
|
placeholder = props.placeholder,
|
96
102
|
defaultValue = props.defaultValue,
|
97
103
|
height = props.height,
|
@@ -114,21 +120,45 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
114
120
|
readOnly = props.readOnly,
|
115
121
|
rows = props.rows,
|
116
122
|
cols = props.cols,
|
123
|
+
_props$hintTrigger = props.hintTrigger,
|
124
|
+
hintTrigger = _props$hintTrigger === void 0 ? 'hover' : _props$hintTrigger,
|
125
|
+
hintText = props.hintText,
|
126
|
+
_props$hintView = props.hintView,
|
127
|
+
hintView = _props$hintView === void 0 ? 'default' : _props$hintView,
|
128
|
+
_props$hintSize = props.hintSize,
|
129
|
+
hintSize = _props$hintSize === void 0 ? 'm' : _props$hintSize,
|
130
|
+
hintTargetIcon = props.hintTargetIcon,
|
131
|
+
_props$hintPlacement = props.hintPlacement,
|
132
|
+
hintPlacement = _props$hintPlacement === void 0 ? 'auto' : _props$hintPlacement,
|
133
|
+
hintHasArrow = props.hintHasArrow,
|
134
|
+
_props$hintOffset = props.hintOffset,
|
135
|
+
hintOffset = _props$hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props$hintOffset,
|
136
|
+
hintWidth = props.hintWidth,
|
137
|
+
hintContentLeft = props.hintContentLeft,
|
117
138
|
onChange = props.onChange,
|
118
139
|
rest = _objectWithoutProperties(props, _excluded);
|
119
|
-
var _useState = (0, _react.useState)(
|
140
|
+
var _useState = (0, _react.useState)(false),
|
120
141
|
_useState2 = _slicedToArray(_useState, 2),
|
121
|
-
|
122
|
-
|
123
|
-
var _useState3 = (0, _react.useState)(
|
142
|
+
isHintVisible = _useState2[0],
|
143
|
+
setIsHintVisible = _useState2[1];
|
144
|
+
var _useState3 = (0, _react.useState)(width ? "".concat(width, "rem") : '100%'),
|
124
145
|
_useState4 = _slicedToArray(_useState3, 2),
|
125
|
-
|
126
|
-
|
127
|
-
var _useState5 = (0, _react.useState)(),
|
146
|
+
helperWidth = _useState4[0],
|
147
|
+
setHelperWidth = _useState4[1];
|
148
|
+
var _useState5 = (0, _react.useState)(false),
|
128
149
|
_useState6 = _slicedToArray(_useState5, 2),
|
129
|
-
|
130
|
-
|
150
|
+
focused = _useState6[0],
|
151
|
+
setFocused = _useState6[1];
|
152
|
+
var _useState7 = (0, _react.useState)(),
|
153
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
154
|
+
uncontrolledValue = _useState8[0],
|
155
|
+
setUncontrolledValue = _useState8[1];
|
131
156
|
var outerRef = /*#__PURE__*/(0, _react.createRef)();
|
157
|
+
var hintRef = (0, _hooks.useOutsideClick)(function () {
|
158
|
+
setIsHintVisible(false);
|
159
|
+
});
|
160
|
+
var hintInnerRef = (0, _react.useRef)(null);
|
161
|
+
var hintForkRef = (0, _plasmaCore.useForkRef)(hintRef, hintInnerRef);
|
132
162
|
var innerOptional = required ? false : optional;
|
133
163
|
var hasHelper = Boolean(leftHelper || rightHelper || helperText);
|
134
164
|
var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
|
@@ -139,18 +169,37 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
139
169
|
var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
|
140
170
|
var placeholderLabel = hasInnerLabel ? label : placeholder;
|
141
171
|
var clearClass = clear ? _TextArea2.classes.clear : undefined;
|
172
|
+
var hasHintClass = hintText ? _TextArea2.classes.hasHint : undefined;
|
142
173
|
var hasRightContentClass = contentRight ? _TextArea2.classes.hasRightContent : undefined;
|
143
174
|
var hasDividerClass = hasDivider ? _TextArea2.classes.hasDivider : undefined;
|
144
|
-
var requiredPlacementClass = requiredPlacement === 'right' ?
|
175
|
+
var requiredPlacementClass = requiredPlacement === 'right' ? _TextArea2.classes.requiredAlignRight : undefined;
|
176
|
+
var handleHintShow = function handleHintShow() {
|
177
|
+
return setIsHintVisible(true);
|
178
|
+
};
|
179
|
+
var handleHintHide = function handleHintHide() {
|
180
|
+
return setIsHintVisible(false);
|
181
|
+
};
|
182
|
+
var handleHintClick = function handleHintClick(event) {
|
183
|
+
var _hintInnerRef$current;
|
184
|
+
if (!hintText || hintTrigger !== 'click') {
|
185
|
+
return;
|
186
|
+
}
|
187
|
+
event.stopPropagation();
|
188
|
+
var targetIsPopover = event.target === hintInnerRef.current;
|
189
|
+
var rootHasTarget = (_hintInnerRef$current = hintInnerRef.current) === null || _hintInnerRef$current === void 0 ? void 0 : _hintInnerRef$current.contains(event.target);
|
190
|
+
if (!targetIsPopover && !rootHasTarget) {
|
191
|
+
setIsHintVisible(true);
|
192
|
+
}
|
193
|
+
};
|
145
194
|
(0, _plasmaCore.useResizeObserver)(outerRef, function (currentElement) {
|
146
195
|
var inlineWidth = currentElement.style.width;
|
147
196
|
if (inlineWidth || cols) {
|
148
197
|
var _currentElement$getBo = currentElement.getBoundingClientRect(),
|
149
198
|
elementWidth = _currentElement$getBo.width;
|
150
|
-
setHelperWidth("".concat(elementWidth /
|
199
|
+
setHelperWidth("".concat(elementWidth / _hooks2.ROOT_FONT_SIZE, "rem"));
|
151
200
|
}
|
152
201
|
});
|
153
|
-
(0,
|
202
|
+
(0, _hooks2.useAutoResize)(autoResize || Boolean(clear), outerRef, value, minAuto, maxAuto);
|
154
203
|
var onFocusHandler = (0, _react.useCallback)(function () {
|
155
204
|
setFocused(true);
|
156
205
|
}, []);
|
@@ -183,8 +232,10 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
183
232
|
value: value || uncontrolledValue || defaultValue,
|
184
233
|
rows: rows
|
185
234
|
}, focused);
|
186
|
-
var optionalTextNode = innerOptional ? /*#__PURE__*/_react["default"].createElement(_TextArea.StyledOptionalText,
|
187
|
-
|
235
|
+
var optionalTextNode = innerOptional ? /*#__PURE__*/_react["default"].createElement(_TextArea.StyledOptionalText, {
|
236
|
+
inheritFont: !hasOuterLabel
|
237
|
+
}, Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\xa0', optionalText) : null;
|
238
|
+
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
188
239
|
view: overriddenView,
|
189
240
|
size: size,
|
190
241
|
disabled: disabled,
|
@@ -193,18 +244,53 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
193
244
|
style: _objectSpread({
|
194
245
|
width: helperWidth
|
195
246
|
}, style),
|
196
|
-
className: (0, _utils.cx)(clearClass, hasDividerClass, className),
|
247
|
+
className: (0, _utils.cx)(clearClass, hasDividerClass, hasHintClass, className),
|
197
248
|
onClick: handleTextAreaFocus
|
198
|
-
},
|
199
|
-
|
200
|
-
|
249
|
+
}, hintText && {
|
250
|
+
hintView: hintView,
|
251
|
+
hintSize: hintSize
|
252
|
+
}), (hasOuterLabel || titleCaption) && /*#__PURE__*/_react["default"].createElement(_TextArea.OuterLabelWrapper, {
|
253
|
+
isInnnerLabel: labelPlacement === 'inner'
|
254
|
+
}, hasOuterLabel && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledIndicatorWrapper, null, /*#__PURE__*/_react["default"].createElement(_TextArea.StyledLabel, null, label), hintText && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledHintWrapper, null, /*#__PURE__*/_react["default"].createElement(_Hint.HintComponent, {
|
255
|
+
ref: hintForkRef,
|
256
|
+
hintText: hintText,
|
257
|
+
hintTrigger: hintTrigger,
|
258
|
+
isHintVisible: isHintVisible,
|
259
|
+
hintTargetIcon: hintTargetIcon,
|
260
|
+
hintPlacement: hintPlacement,
|
261
|
+
hintHasArrow: hintHasArrow,
|
262
|
+
hintOffset: hintOffset,
|
263
|
+
hintWidth: hintWidth,
|
264
|
+
hintContentLeft: hintContentLeft,
|
265
|
+
handleHintShow: handleHintShow,
|
266
|
+
handleHintHide: handleHintHide,
|
267
|
+
handleHintClick: handleHintClick
|
268
|
+
})), required && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledIndicator, {
|
269
|
+
className: (0, _utils.cx)(_TextArea2.classes.outerLabelPlacement, requiredPlacementClass, hasHintClass)
|
270
|
+
}), optionalTextNode), titleCaption && /*#__PURE__*/_react["default"].createElement(_TextArea.TitleCaption, null, titleCaption)), /*#__PURE__*/_react["default"].createElement(_TextArea.StyledContainer, {
|
201
271
|
className: _utils.cx.apply(void 0, [styledContainer].concat(_toConsumableArray(dynamicLabelClasses))),
|
202
272
|
width: helperWidth,
|
203
273
|
onFocus: onFocusHandler,
|
204
274
|
onBlur: onBlurHandler
|
205
|
-
},
|
275
|
+
}, !hasOuterLabel && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, required && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledIndicator, {
|
206
276
|
className: (0, _utils.cx)(_TextArea2.classes.innerLabelPlacement, requiredPlacementClass)
|
207
|
-
}),
|
277
|
+
}), hintText && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledHintWrapper, {
|
278
|
+
className: _TextArea2.classes.innerLabelPlacement
|
279
|
+
}, /*#__PURE__*/_react["default"].createElement(_Hint.HintComponent, {
|
280
|
+
ref: hintForkRef,
|
281
|
+
hintText: hintText,
|
282
|
+
hintTrigger: hintTrigger,
|
283
|
+
isHintVisible: isHintVisible,
|
284
|
+
hintTargetIcon: hintTargetIcon,
|
285
|
+
hintPlacement: hintPlacement,
|
286
|
+
hintHasArrow: hintHasArrow,
|
287
|
+
hintOffset: hintOffset,
|
288
|
+
hintWidth: hintWidth,
|
289
|
+
hintContentLeft: hintContentLeft,
|
290
|
+
handleHintShow: handleHintShow,
|
291
|
+
handleHintHide: handleHintHide,
|
292
|
+
handleHintClick: handleHintClick
|
293
|
+
}))), contentRight && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledContent, null, contentRight), /*#__PURE__*/_react["default"].createElement(_TextArea.StyledTextAreaWrapper, {
|
208
294
|
className: styledTextAreaWrapper,
|
209
295
|
hasHelper: hasHelper
|
210
296
|
}, /*#__PURE__*/_react["default"].createElement(_TextArea.StyledTextArea, _extends({
|
@@ -258,6 +344,12 @@ var textAreaConfig = exports.textAreaConfig = {
|
|
258
344
|
},
|
259
345
|
readOnly: {
|
260
346
|
attrs: true
|
347
|
+
},
|
348
|
+
hintView: {
|
349
|
+
css: _base5.base
|
350
|
+
},
|
351
|
+
hintSize: {
|
352
|
+
css: _base6.base
|
261
353
|
}
|
262
354
|
},
|
263
355
|
defaults: {
|