@salutejs/plasma-new-hope 0.156.1-canary.1374.11107153045.0 → 0.157.0-canary.1421.11113740435.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +16 -15
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +16 -15
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +16 -15
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +16 -15
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +17 -16
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +67 -4
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -15
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +17 -16
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -3
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/DatePicker/utils/setInitialValue.js +12 -0
- package/cjs/components/DatePicker/utils/setInitialValue.js.map +1 -0
- package/cjs/components/Range/Range.css +16 -15
- package/cjs/components/Slider/Slider.css +17 -16
- package/cjs/components/Slider/Slider.js +19 -6
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +17 -16
- package/cjs/components/Slider/components/Double/Double.js +40 -2
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +100 -0
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -0
- package/cjs/components/Slider/components/Single/Single.css +17 -0
- package/cjs/components/Slider/components/Single/Single.js +49 -13
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/utils/index.js +6 -0
- package/cjs/components/Slider/utils/index.js.map +1 -1
- package/cjs/components/Tabs/createTabsController.js +1 -1
- package/cjs/components/Tabs/createTabsController.js.map +1 -1
- package/cjs/components/Tabs/tokens.js +4 -12
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.css +12 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +17 -18
- package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -0
- package/cjs/components/Tabs/ui/{vertical/VerticalTabItem/VerticalTabItem.styles.js → TabItem/TabItem.styles.js} +6 -12
- package/cjs/components/Tabs/ui/TabItem/TabItem.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles_1x0ujoz.css → TabItem/TabItem.styles_pj75hv.css} +4 -5
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled → TabItem/variations/_disabled}/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_disabled → TabItem/variations/_pilled}/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css → TabItem/variations/_pilled/base_l36za5.css} +1 -1
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_disabled → TabItem/variations/_size}/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_pilled → TabItem/variations/_view}/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/Tabs.css +16 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +19 -19
- package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +10 -10
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +4 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +9 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +9 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → Tabs}/variations/_size/base.js +2 -2
- package/cjs/components/Tabs/ui/Tabs/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/{vertical/VerticalTabs/variations/_size/base_1sekozo.css → Tabs/variations/_size/base_iw773q.css} +1 -1
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_view → Tabs/variations/_stretch}/base.js +2 -2
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +9 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +1 -0
- package/cjs/components/TextArea/TextArea.js +22 -6
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/utils/index.js +12 -0
- package/cjs/components/TextArea/utils/index.js.map +1 -0
- package/cjs/components/TextField/TextField.js +14 -0
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +7 -1
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/{TextField.styles_uponva.css → TextField.styles_b1zmrz.css} +1 -0
- package/cjs/hooks/useForm.js +134 -0
- package/cjs/hooks/useForm.js.map +1 -0
- package/cjs/index.css +30 -53
- package/cjs/index.js +11 -14
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/setRefList.js +29 -0
- package/cjs/utils/setRefList.js.map +1 -0
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +67 -4
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -3
- package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/emotion/cjs/components/DatePicker/utils/setInitialValue.js +11 -0
- package/emotion/cjs/components/Slider/Slider.js +15 -6
- package/emotion/cjs/components/Slider/components/Double/Double.js +40 -2
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +104 -0
- package/emotion/cjs/components/Slider/components/Single/Single.js +44 -8
- package/emotion/cjs/components/Slider/components/index.js +11 -0
- package/emotion/cjs/components/Slider/utils/index.js +6 -1
- package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +0 -40
- package/emotion/cjs/components/Tabs/createTabsController.js +1 -2
- package/emotion/cjs/components/Tabs/index.js +10 -43
- package/emotion/cjs/components/Tabs/tokens.js +4 -12
- package/{styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js → emotion/cjs/components/Tabs/ui/TabItem/TabItem.js} +14 -15
- package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.styles.js +39 -0
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +10 -0
- package/{styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → emotion/cjs/components/Tabs/ui/Tabs/Tabs.js} +15 -15
- package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +55 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +9 -0
- package/emotion/cjs/components/TextArea/TextArea.js +18 -3
- package/emotion/cjs/components/TextArea/utils/index.js +11 -0
- package/emotion/cjs/components/TextField/TextField.js +15 -1
- package/emotion/cjs/components/TextField/TextField.styles.js +43 -31
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +39 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +3 -14
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +41 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +3 -16
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +31 -277
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +39 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.js +3 -14
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +41 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.js +3 -16
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +31 -279
- package/emotion/cjs/hooks/index.js +8 -1
- package/emotion/cjs/hooks/useForm.js +140 -0
- package/emotion/cjs/utils/index.js +15 -0
- package/emotion/cjs/utils/setRefList.js +28 -0
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +67 -4
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +31 -3
- package/emotion/es/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/emotion/es/components/DatePicker/utils/setInitialValue.js +5 -0
- package/emotion/es/components/Slider/Slider.js +16 -6
- package/emotion/es/components/Slider/components/Double/Double.js +41 -3
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +95 -0
- package/emotion/es/components/Slider/components/Single/Single.js +45 -9
- package/emotion/es/components/Slider/components/index.js +1 -0
- package/emotion/es/components/Slider/utils/index.js +5 -0
- package/emotion/es/components/Tabs/Tabs.template-doc.mdx +0 -40
- package/emotion/es/components/Tabs/createTabsController.js +1 -2
- package/emotion/es/components/Tabs/index.js +2 -5
- package/emotion/es/components/Tabs/tokens.js +4 -12
- package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +10 -11
- package/emotion/es/components/Tabs/ui/TabItem/TabItem.styles.js +32 -0
- package/emotion/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/TabItem/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +4 -0
- package/{styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → emotion/es/components/Tabs/ui/Tabs/Tabs.js} +9 -9
- package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +48 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +4 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_view/base.js +3 -0
- package/emotion/es/components/TextArea/TextArea.js +20 -5
- package/emotion/es/components/TextArea/utils/index.js +5 -0
- package/emotion/es/components/TextField/TextField.js +15 -1
- package/emotion/es/components/TextField/TextField.styles.js +42 -30
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +33 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -14
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +35 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.js +4 -16
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +31 -277
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +33 -0
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.js +4 -14
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +35 -0
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.js +4 -16
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +31 -279
- package/emotion/es/hooks/index.js +2 -1
- package/emotion/es/hooks/useForm.js +131 -0
- package/emotion/es/utils/index.js +1 -0
- package/emotion/es/utils/setRefList.js +21 -0
- package/es/components/Autocomplete/Autocomplete.css +16 -15
- package/es/components/Combobox/ComboboxNew/Combobox.css +16 -15
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +16 -15
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +16 -15
- package/es/components/DatePicker/RangeDate/RangeDate.css +17 -16
- package/es/components/DatePicker/RangeDate/RangeDate.js +67 -4
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -15
- package/es/components/DatePicker/SingleDate/SingleDate.css +17 -16
- package/es/components/DatePicker/SingleDate/SingleDate.js +31 -3
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/DatePicker/utils/setInitialValue.js +8 -0
- package/es/components/DatePicker/utils/setInitialValue.js.map +1 -0
- package/es/components/Range/Range.css +16 -15
- package/es/components/Slider/Slider.css +17 -16
- package/es/components/Slider/Slider.js +20 -7
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +17 -16
- package/es/components/Slider/components/Double/Double.js +41 -3
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +96 -0
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -0
- package/es/components/Slider/components/Single/Single.css +17 -0
- package/es/components/Slider/components/Single/Single.js +45 -9
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/utils/index.js +6 -1
- package/es/components/Slider/utils/index.js.map +1 -1
- package/es/components/Tabs/createTabsController.js +1 -1
- package/es/components/Tabs/createTabsController.js.map +1 -1
- package/es/components/Tabs/tokens.js +4 -12
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/TabItem/TabItem.css +12 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +13 -14
- package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/TabItem.styles.js +22 -0
- package/es/components/Tabs/ui/TabItem/TabItem.styles.js.map +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles_1x0ujoz.css → TabItem/TabItem.styles_pj75hv.css} +4 -5
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_disabled → TabItem/variations/_pilled}/base.js +2 -2
- package/es/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css → TabItem/variations/_pilled/base_l36za5.css} +1 -1
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_disabled → TabItem/variations/_size}/base.js +2 -2
- package/es/components/Tabs/ui/TabItem/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_pilled → TabItem/variations/_view}/base.js +2 -2
- package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
- package/es/components/Tabs/ui/Tabs/Tabs.css +16 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +13 -13
- package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +10 -10
- package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +4 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_view → Tabs/variations/_size}/base.js +2 -2
- package/es/components/Tabs/ui/Tabs/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/{vertical/VerticalTabs/variations/_size/base_1sekozo.css → Tabs/variations/_size/base_iw773q.css} +1 -1
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_size → Tabs/variations/_stretch}/base.js +2 -2
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_view/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +1 -0
- package/es/components/TextArea/TextArea.js +19 -3
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/utils/index.js +8 -0
- package/es/components/TextArea/utils/index.js.map +1 -0
- package/es/components/TextField/TextField.js +14 -0
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +7 -2
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/{TextField.styles_uponva.css → TextField.styles_b1zmrz.css} +1 -0
- package/es/hooks/useForm.js +130 -0
- package/es/hooks/useForm.js.map +1 -0
- package/es/index.css +30 -53
- package/es/index.js +4 -5
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/es/utils/setRefList.js +24 -0
- package/es/utils/setRefList.js.map +1 -0
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +67 -4
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -3
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/styled-components/cjs/components/DatePicker/utils/setInitialValue.js +11 -0
- package/styled-components/cjs/components/Slider/Slider.js +15 -6
- package/styled-components/cjs/components/Slider/components/Double/Double.js +40 -2
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +104 -0
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +5 -0
- package/styled-components/cjs/components/Slider/components/Single/Single.js +44 -8
- package/styled-components/cjs/components/Slider/components/index.js +11 -0
- package/styled-components/cjs/components/Slider/utils/index.js +6 -1
- package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +0 -40
- package/styled-components/cjs/components/Tabs/createTabsController.js +1 -2
- package/styled-components/cjs/components/Tabs/index.js +10 -43
- package/styled-components/cjs/components/Tabs/tokens.js +4 -12
- package/{emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js → styled-components/cjs/components/Tabs/ui/TabItem/TabItem.js} +14 -15
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +7 -10
- package/styled-components/cjs/components/Tabs/ui/TabItem/TabItem.types.js +5 -0
- package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabItem → TabItem}/variations/_disabled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +10 -0
- package/{emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js} +15 -15
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +6 -6
- package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.types.js +5 -0
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabs → Tabs}/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/base.js +3 -3
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/TextArea/TextArea.js +17 -2
- package/styled-components/cjs/components/TextArea/utils/index.js +11 -0
- package/styled-components/cjs/components/TextField/TextField.js +14 -0
- package/styled-components/cjs/components/TextField/TextField.styles.js +5 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +3 -14
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabs.config.js → Tabs.config.js} +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +3 -16
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +31 -277
- package/styled-components/cjs/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +5 -5
- package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.js +3 -14
- package/styled-components/cjs/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabs.config.js → Tabs.config.js} +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.js +3 -16
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +31 -279
- package/styled-components/cjs/hooks/index.js +8 -1
- package/styled-components/cjs/hooks/useForm.js +140 -0
- package/styled-components/cjs/types/FormType.js +5 -0
- package/styled-components/cjs/utils/index.js +15 -0
- package/styled-components/cjs/utils/setRefList.js +28 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +67 -4
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +31 -3
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +34 -1
- package/styled-components/es/components/DatePicker/utils/setInitialValue.js +5 -0
- package/styled-components/es/components/Slider/Slider.js +16 -6
- package/styled-components/es/components/Slider/components/Double/Double.js +41 -3
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +95 -0
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +1 -0
- package/styled-components/es/components/Slider/components/Single/Single.js +45 -9
- package/styled-components/es/components/Slider/components/index.js +1 -0
- package/styled-components/es/components/Slider/utils/index.js +5 -0
- package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +0 -40
- package/styled-components/es/components/Tabs/createTabsController.js +1 -2
- package/styled-components/es/components/Tabs/index.js +2 -5
- package/styled-components/es/components/Tabs/tokens.js +4 -12
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +10 -11
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +6 -9
- package/styled-components/es/components/Tabs/ui/TabItem/TabItem.types.js +1 -0
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/TabItem/variations/_view/base.js +4 -0
- package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → styled-components/es/components/Tabs/ui/Tabs/Tabs.js} +9 -9
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +6 -6
- package/styled-components/es/components/Tabs/ui/Tabs/Tabs.types.js +1 -0
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.js +1 -1
- package/styled-components/es/components/TextArea/TextArea.js +19 -4
- package/styled-components/es/components/TextArea/utils/index.js +5 -0
- package/styled-components/es/components/TextField/TextField.js +14 -0
- package/styled-components/es/components/TextField/TextField.styles.js +4 -1
- package/styled-components/es/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js → plasma_b2c/components/Tabs/TabItem.config.js} +5 -5
- package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -14
- package/styled-components/es/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_b2c/components/Tabs/Tabs.config.js} +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.js +4 -16
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +31 -277
- package/styled-components/es/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js → plasma_web/components/Tabs/TabItem.config.js} +5 -5
- package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.js +4 -14
- package/styled-components/es/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_web/components/Tabs/Tabs.config.js} +1 -1
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.js +4 -16
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +31 -279
- package/styled-components/es/hooks/index.js +2 -1
- package/styled-components/es/hooks/useForm.js +131 -0
- package/styled-components/es/types/FormType.js +1 -0
- package/styled-components/es/utils/index.js +1 -0
- package/styled-components/es/utils/setRefList.js +21 -0
- package/types/components/DatePicker/DatePickerBase.types.d.ts +7 -0
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +14 -0
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +10 -0
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +10 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
- package/types/components/DatePicker/utils/setInitialValue.d.ts +2 -0
- package/types/components/DatePicker/utils/setInitialValue.d.ts.map +1 -0
- package/types/components/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.types.d.ts +2 -2
- package/types/components/Slider/Slider.types.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.types.d.ts +2 -0
- package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +4 -0
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +1 -0
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +40 -0
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +1 -0
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +35 -5
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
- package/types/components/Slider/components/index.d.ts +2 -0
- package/types/components/Slider/components/index.d.ts.map +1 -1
- package/types/components/Slider/utils/index.d.ts +1 -0
- package/types/components/Slider/utils/index.d.ts.map +1 -1
- package/types/components/Tabs/createTabsController.d.ts +3 -4
- package/types/components/Tabs/createTabsController.d.ts.map +1 -1
- package/types/components/Tabs/index.d.ts +4 -7
- package/types/components/Tabs/index.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +4 -12
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts +29 -0
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -0
- package/types/components/Tabs/ui/{vertical/VerticalTabItem/VerticalTabItem.styles.d.ts → TabItem/TabItem.styles.d.ts} +1 -2
- package/types/components/Tabs/ui/TabItem/TabItem.styles.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts +54 -0
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts +34 -0
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -0
- package/types/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts → Tabs/Tabs.styles.d.ts} +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +1 -0
- package/types/components/Tabs/{Tabs.types.d.ts → ui/Tabs/Tabs.types.d.ts} +11 -42
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_view/base.d.ts.map +1 -0
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/utils/index.d.ts +2 -0
- package/types/components/TextArea/utils/index.d.ts.map +1 -0
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -0
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +7 -0
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +47 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabItem.config.d.ts → TabItem.config.d.ts} +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +25 -2
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +27 -2
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +7 -0
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +47 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.d.ts → TabItem.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +25 -2
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +27 -2
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/hooks/index.d.ts +1 -0
- package/types/hooks/index.d.ts.map +1 -1
- package/types/hooks/useForm.d.ts +10 -0
- package/types/hooks/useForm.d.ts.map +1 -0
- package/types/types/FormType.d.ts +13 -0
- package/types/types/FormType.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
- package/types/utils/setRefList.d.ts +6 -0
- package/types/utils/setRefList.d.ts.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -13
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -35
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_5iqr04.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +0 -16
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +0 -4
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -9
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -9
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +0 -11
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -124
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1fzrmvg.css +0 -5
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_1iq8opt.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +0 -12
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -220
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -29
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +0 -4
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -10
- package/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js.map +0 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -51
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +0 -55
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -126
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -51
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -226
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -46
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -8
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -39
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +0 -41
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -28
- package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -39
- package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +0 -41
- package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
- package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -28
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -44
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -4
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +0 -48
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -4
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -117
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -44
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -4
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -217
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -39
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -2
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -33
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +0 -35
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -22
- package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -33
- package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +0 -35
- package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
- package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -22
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -13
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -27
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_5iqr04.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +0 -16
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +0 -4
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +0 -11
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -119
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -27
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1fzrmvg.css +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_1iq8opt.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +0 -12
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -215
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -22
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +0 -4
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -6
- package/es/components/Tabs/ui/vertical/VerticalTabsContext.js.map +0 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -9
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -10
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +0 -8
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -126
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -33
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -10
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +0 -8
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -226
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -29
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -9
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -28
- package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
- package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -28
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +0 -8
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -117
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -25
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +0 -8
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -217
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -21
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -2
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -22
- package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
- package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -22
- package/types/components/Tabs/TabItem.types.d.ts +0 -96
- package/types/components/Tabs/TabItem.types.d.ts.map +0 -1
- package/types/components/Tabs/Tabs.types.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +0 -29
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts +0 -7
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +0 -34
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +0 -26
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +0 -27
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts +0 -8
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabsContext.d.ts +0 -3
- package/types/components/Tabs/ui/vertical/VerticalTabsContext.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -21
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -21
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -21
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -21
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts.map +0 -1
- /package/emotion/cjs/components/{Tabs/TabItem.types.js → Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js} +0 -0
- /package/{styled-components/cjs/components/Tabs → emotion/cjs/components/Tabs/ui/TabItem}/TabItem.types.js +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/tokens.json +0 -0
- /package/{styled-components/cjs/components/Tabs/Tabs.types.js → emotion/cjs/types/FormType.js} +0 -0
- /package/emotion/es/components/{Tabs/TabItem.types.js → Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js} +0 -0
- /package/{styled-components/es/components/Tabs → emotion/es/components/Tabs/ui/TabItem}/TabItem.types.js +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabItem → es/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabItem → es/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabs → es/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabs → es/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
- /package/{styled-components/es/components/Tabs/Tabs.types.js → emotion/es/types/FormType.js} +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem → styled-components/cjs/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem → styled-components/cjs/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs → styled-components/cjs/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs → styled-components/cjs/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabItem → styled-components/es/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabItem → styled-components/es/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabs → styled-components/es/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabs → styled-components/es/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.d.ts +0 -0
@@ -1,5 +1,5 @@
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
2
|
-
var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
|
2
|
+
var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "defaultValue", "size", "name"];
|
3
3
|
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); }
|
4
4
|
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; }
|
5
5
|
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; }
|
@@ -17,11 +17,13 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
17
17
|
import React, { useCallback, useEffect, useState, useRef } from 'react';
|
18
18
|
import { SliderBase } from '../SliderBase/SliderBase';
|
19
19
|
import { Handler } from '../../ui';
|
20
|
-
import { sizeData } from '../../utils';
|
20
|
+
import { setInitialValue, sizeData } from '../../utils';
|
21
21
|
import { cx, isNumber } from '../../../../utils';
|
22
22
|
import { classes } from '../../Slider.tokens';
|
23
|
+
import { InputHidden } from '../../../TextField/TextField.styles';
|
23
24
|
import { Label, LabelContentLeft, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue } from './Single.styles';
|
24
25
|
export var SingleSlider = function SingleSlider(_ref) {
|
26
|
+
var _ref2;
|
25
27
|
var min = _ref.min,
|
26
28
|
max = _ref.max,
|
27
29
|
value = _ref.value,
|
@@ -41,8 +43,10 @@ export var SingleSlider = function SingleSlider(_ref) {
|
|
41
43
|
rangeValuesPlacement = _ref$rangeValuesPlace === void 0 ? 'outer' : _ref$rangeValuesPlace,
|
42
44
|
_ref$multipleStepSize = _ref.multipleStepSize,
|
43
45
|
multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
|
46
|
+
defaultValue = _ref.defaultValue,
|
44
47
|
_ref$size = _ref.size,
|
45
48
|
size = _ref$size === void 0 ? 'm' : _ref$size,
|
49
|
+
name = _ref.name,
|
46
50
|
rest = _objectWithoutProperties(_ref, _excluded);
|
47
51
|
var _useState = useState({
|
48
52
|
xHandle: 0,
|
@@ -52,6 +56,7 @@ export var SingleSlider = function SingleSlider(_ref) {
|
|
52
56
|
_useState2 = _slicedToArray(_useState, 2),
|
53
57
|
state = _useState2[0],
|
54
58
|
setState = _useState2[1];
|
59
|
+
var innerRef = useRef(null);
|
55
60
|
var _useState3 = useState(0),
|
56
61
|
_useState4 = _slicedToArray(_useState3, 2),
|
57
62
|
startOffset = _useState4[0],
|
@@ -60,7 +65,7 @@ export var SingleSlider = function SingleSlider(_ref) {
|
|
60
65
|
_useState6 = _slicedToArray(_useState5, 2),
|
61
66
|
endOffset = _useState6[0],
|
62
67
|
setEndOffset = _useState6[1];
|
63
|
-
var _useState7 = useState(value),
|
68
|
+
var _useState7 = useState((_ref2 = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref2 !== void 0 ? _ref2 : min),
|
64
69
|
_useState8 = _slicedToArray(_useState7, 2),
|
65
70
|
dragValue = _useState8[0],
|
66
71
|
setDragValue = _useState8[1];
|
@@ -68,14 +73,14 @@ export var SingleSlider = function SingleSlider(_ref) {
|
|
68
73
|
var hasLabelContent = label || labelContentLeft;
|
69
74
|
var labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;
|
70
75
|
var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;
|
71
|
-
var hideMinValueDiffClass = hideMinValueDiff &&
|
72
|
-
var hideMaxValueDiffClass = hideMaxValueDiff && max -
|
76
|
+
var hideMinValueDiffClass = hideMinValueDiff && dragValue - min <= hideMinValueDiff ? classes.hideMinValue : '';
|
77
|
+
var hideMaxValueDiffClass = hideMaxValueDiff && max - dragValue <= hideMaxValueDiff ? classes.hideMaxValue : '';
|
73
78
|
var startLabelRef = useRef(null);
|
74
79
|
var endLabelRef = useRef(null);
|
75
80
|
var activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;
|
76
81
|
var activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;
|
77
82
|
useEffect(function () {
|
78
|
-
var localValue = Math.min(Math.max(
|
83
|
+
var localValue = Math.min(Math.max(dragValue, min), max) - min;
|
79
84
|
if (rangeValuesPlacement === 'outer') {
|
80
85
|
var _startLabelRef$curren, _endLabelRef$current;
|
81
86
|
var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
|
@@ -96,7 +101,21 @@ export var SingleSlider = function SingleSlider(_ref) {
|
|
96
101
|
railFillWidth: stepSize * localValue
|
97
102
|
});
|
98
103
|
});
|
99
|
-
}, [
|
104
|
+
}, [dragValue, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
|
105
|
+
useEffect(function () {
|
106
|
+
if (innerRef.current) {
|
107
|
+
innerRef.current.addEventListener('setInitialValue', function (e) {
|
108
|
+
return setDragValue(setInitialValue(e));
|
109
|
+
});
|
110
|
+
}
|
111
|
+
return function () {
|
112
|
+
if (innerRef.current) {
|
113
|
+
innerRef.current.removeEventListener('setInitialValue', function (e) {
|
114
|
+
return setDragValue(setInitialValue(e));
|
115
|
+
});
|
116
|
+
}
|
117
|
+
};
|
118
|
+
}, []);
|
100
119
|
var setStepSize = useCallback(function (newStepSize) {
|
101
120
|
setState(function (prevState) {
|
102
121
|
return _objectSpread(_objectSpread({}, prevState), {}, {
|
@@ -113,7 +132,17 @@ export var SingleSlider = function SingleSlider(_ref) {
|
|
113
132
|
});
|
114
133
|
});
|
115
134
|
if (onChange) {
|
116
|
-
|
135
|
+
if (value !== undefined) {
|
136
|
+
onChange(newValue);
|
137
|
+
}
|
138
|
+
if (name && !value) {
|
139
|
+
onChange({
|
140
|
+
target: {
|
141
|
+
value: newValue,
|
142
|
+
name: name
|
143
|
+
}
|
144
|
+
});
|
145
|
+
}
|
117
146
|
}
|
118
147
|
setDragValue(newValue);
|
119
148
|
};
|
@@ -164,5 +193,12 @@ export var SingleSlider = function SingleSlider(_ref) {
|
|
164
193
|
})), showRangeValues && /*#__PURE__*/React.createElement(StyledRangeValue, {
|
165
194
|
ref: endLabelRef,
|
166
195
|
className: cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
|
167
|
-
}, max))
|
196
|
+
}, max)), /*#__PURE__*/React.createElement(InputHidden, {
|
197
|
+
name: name,
|
198
|
+
type: "number",
|
199
|
+
datatype: "slider-single",
|
200
|
+
value: dragValue,
|
201
|
+
ref: innerRef,
|
202
|
+
onChange: function onChange() {}
|
203
|
+
}));
|
168
204
|
};
|
@@ -15,11 +15,6 @@ import { PropsTable, Description } from '@site/src/components';
|
|
15
15
|
<Description name="TabItem" />
|
16
16
|
<PropsTable name="TabItem" />
|
17
17
|
|
18
|
-
:::caution Взаимоисключающие свойства
|
19
|
-
Свойство `value` - это значение таба. Оно отображается справа от основного текста.<br/>
|
20
|
-
`value` и `contentRight` взаимоисключающие: если передано одно, второе передать нельзя.
|
21
|
-
:::
|
22
|
-
|
23
18
|
## TabsController (deprecated)
|
24
19
|
Вместо этого используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange.
|
25
20
|
|
@@ -61,41 +56,6 @@ export function App() {
|
|
61
56
|
}
|
62
57
|
```
|
63
58
|
|
64
|
-
### Расположение табов
|
65
|
-
Табы могут быть горизонтальными (по умолчанию) и вертикальными. За это отвечает свойство `orientation`.
|
66
|
-
|
67
|
-
```tsx live
|
68
|
-
import React, { useState } from 'react';
|
69
|
-
import { Tabs, TabItem } from '@salutejs/{{ package }}';
|
70
|
-
import { IconClock } from '@salutejs/plasma-icons';
|
71
|
-
|
72
|
-
export function App() {
|
73
|
-
const items = Array(8).fill(0);
|
74
|
-
const [index, setIndex] = useState(0);
|
75
|
-
|
76
|
-
return (
|
77
|
-
<div>
|
78
|
-
<Tabs view="divider" orientation="vertical" size="xs" style=\{{ width: '15rem' }}>
|
79
|
-
{items.map((_, i) => (
|
80
|
-
<TabItem
|
81
|
-
view="divider"
|
82
|
-
orientation="vertical"
|
83
|
-
key={`item:${i}`}
|
84
|
-
size="xs"
|
85
|
-
selected={i === index}
|
86
|
-
tabIndex={0}
|
87
|
-
contentLeft={<IconClock size="xs" color="inherit" />}
|
88
|
-
onClick={() => setIndex(i)}
|
89
|
-
>
|
90
|
-
{`Label${i + 1}`}
|
91
|
-
</TabItem>
|
92
|
-
))}
|
93
|
-
</Tabs>
|
94
|
-
</div>
|
95
|
-
);
|
96
|
-
}
|
97
|
-
```
|
98
|
-
|
99
59
|
### Пример с прокруткой
|
100
60
|
|
101
61
|
```tsx live
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["items", "index", "autoscroll", "onIndexChange"
|
1
|
+
var _excluded = ["items", "index", "autoscroll", "onIndexChange"],
|
2
2
|
_excluded2 = ["label"];
|
3
3
|
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); }
|
4
4
|
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; }
|
@@ -18,7 +18,6 @@ export function createTabsController(ListComponent, ItemComponent) {
|
|
18
18
|
index = _ref.index,
|
19
19
|
autoscroll = _ref.autoscroll,
|
20
20
|
onIndexChange = _ref.onIndexChange,
|
21
|
-
_orientation = _ref.orientation,
|
22
21
|
rest = _objectWithoutProperties(_ref, _excluded);
|
23
22
|
var disabled = rest.disabled;
|
24
23
|
return /*#__PURE__*/React.createElement(ListComponent, _extends({
|
@@ -1,8 +1,5 @@
|
|
1
|
-
export {
|
2
|
-
export {
|
3
|
-
export { verticalTabsRoot, verticalTabsConfig } from './ui/vertical/VerticalTabs/VerticalTabs';
|
4
|
-
export { verticalTabItemRoot, verticalTabItemConfig } from './ui/vertical/VerticalTabItem/VerticalTabItem';
|
5
|
-
export { VerticalTabsContext } from './ui/vertical/VerticalTabsContext';
|
1
|
+
export { tabsRoot, tabsConfig } from './ui/Tabs/Tabs';
|
2
|
+
export { tabItemRoot, tabItemConfig } from './ui/TabItem/TabItem';
|
6
3
|
export { tokens as tabsTokens } from './tokens';
|
7
4
|
export { TabItemRefs, TabsContext } from './TabsContext';
|
8
5
|
export { createTabsController } from './createTabsController';
|
@@ -3,7 +3,6 @@ export var classes = {
|
|
3
3
|
tabsPilled: 'tabs-pilled',
|
4
4
|
tabsGroupFilledBackground: 'tabs-group-filled-background',
|
5
5
|
tabsStretch: 'tabs-stretched',
|
6
|
-
tabsNoDivider: 'tabs-no-divider',
|
7
6
|
tabItemDivider: 'tab-item-divider',
|
8
7
|
tabItemAnimated: 'tab-item-animated',
|
9
8
|
tabContent: 'tab-item-content',
|
@@ -11,23 +10,18 @@ export var classes = {
|
|
11
10
|
tabLeftContent: 'tab-item-left-content',
|
12
11
|
tabsHasLeftArrow: 'tabs-has-left-arrow',
|
13
12
|
tabsHasRightArrow: 'tabs-has-right-arrow',
|
14
|
-
tabsHasTopArrow: 'tabs-has-top-arrow',
|
15
|
-
tabsHasBottomArrow: 'tabs-has-bottom-arrow',
|
16
13
|
tabsClipScroll: 'tabs-clip-scroll',
|
17
14
|
tabsClipShowAll: 'tabs-clip-show-all'
|
18
15
|
};
|
19
16
|
export var tokens = {
|
20
17
|
disabledOpacity: '--plasma-tabs-disabled-opacity',
|
21
18
|
containerWidth: '--plasma-tabs-container-width',
|
22
|
-
containerHeight: '--plasma-tabs-container-height',
|
23
19
|
cursor: '--plasma-tabs-cursor',
|
24
20
|
color: '--plasma-tabs-color',
|
25
21
|
colorHover: '--plasma-tabs-color-hover',
|
26
|
-
tabsDividerWidth: '--plasma-tabs-divider-width',
|
27
22
|
tabsDividerHeight: '--plasma-tabs-divider-height',
|
28
23
|
tabsDividerColor: '--plasma-tabs-divider-color',
|
29
24
|
tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',
|
30
|
-
itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',
|
31
25
|
itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',
|
32
26
|
itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',
|
33
27
|
itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',
|
@@ -47,7 +41,6 @@ export var tokens = {
|
|
47
41
|
itemPadding: '--plasma-tab-item-padding',
|
48
42
|
itemPaddingClear: '--plasma-tab-item-padding-clear',
|
49
43
|
itemPaddingPilled: '--plasma-tab-item-padding-pilled',
|
50
|
-
itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',
|
51
44
|
itemMarginLeft: '--plasma-tab-item-margin-left',
|
52
45
|
itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',
|
53
46
|
itemContentGap: '--plasma-tab-item-content-gap',
|
@@ -57,20 +50,19 @@ export var tokens = {
|
|
57
50
|
arrowOuterPadding: '--plasma-tab-arrow-outer-padding',
|
58
51
|
arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',
|
59
52
|
itemColor: '--plasma-tab-item-color',
|
60
|
-
itemValueColor: '--plasma-tab-item-value-color',
|
61
53
|
itemBackgroundColor: '--plasma-tab-item-background-color',
|
62
54
|
itemColorHover: '--plasma-tab-item-color-hover',
|
63
|
-
itemValueColorHover: '--plasma-tab-item-value-color-hover',
|
64
55
|
itemColorActive: '--plasma-tab-item-color-active',
|
65
|
-
itemValueColorActive: '--plasma-tab-item-value-color-active',
|
66
56
|
itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',
|
67
57
|
itemSelectedColor: '--plasma-tab-item-selected-color',
|
68
|
-
itemSelectedValueColor: '--plasma-tab-item-selected-value-color',
|
69
58
|
itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',
|
70
59
|
itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',
|
71
|
-
itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',
|
72
60
|
itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',
|
73
61
|
itemBackgroundTransition: '--plasma-tab-item-background-transition',
|
62
|
+
additionalContentColor: '--plasma-tab-item-additional-content-color',
|
63
|
+
additionalContentHoverColor: '--plasma-tab-item-hover-additional-content-color',
|
64
|
+
additionalContentSelectedColor: '--plasma-tab-item-selected-additional-content-color',
|
65
|
+
additionalContentSelectedHoverColor: '--plasma-tab-item-selected-hover-additional-content-color',
|
74
66
|
fontFamily: '--plasma-tab-item-font-family',
|
75
67
|
fontSize: '--plasma-tab-item-font-size',
|
76
68
|
fontStyle: '--plasma-tab-item-font-style',
|
@@ -1,18 +1,18 @@
|
|
1
|
-
var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "
|
1
|
+
var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
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; }
|
4
4
|
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; }
|
5
5
|
import React, { forwardRef, useRef, useContext, useEffect, useCallback } from 'react';
|
6
6
|
import { useForkRef } from '@salutejs/plasma-core';
|
7
|
-
import { classes } from '
|
8
|
-
import { cx } from '
|
9
|
-
import { TabsContext } from '
|
7
|
+
import { classes } from '../../tokens';
|
8
|
+
import { cx } from '../../../../utils';
|
9
|
+
import { TabsContext } from '../../TabsContext';
|
10
10
|
import { base as viewCSS } from './variations/_view/base';
|
11
11
|
import { base as sizeCSS } from './variations/_size/base';
|
12
12
|
import { base as pilledCSS } from './variations/_pilled/base';
|
13
13
|
import { base as disabledCSS } from './variations/_disabled/base';
|
14
|
-
import { LeftContent, RightContent, StyledContent,
|
15
|
-
export var
|
14
|
+
import { LeftContent, RightContent, StyledContent, base } from './TabItem.styles';
|
15
|
+
export var tabItemRoot = function tabItemRoot(Root) {
|
16
16
|
return /*#__PURE__*/forwardRef(function (props, outerRef) {
|
17
17
|
var size = props.size,
|
18
18
|
view = props.view,
|
@@ -23,7 +23,6 @@ export var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
|
|
23
23
|
_props$pilled = props.pilled,
|
24
24
|
pilled = _props$pilled === void 0 ? false : _props$pilled,
|
25
25
|
children = props.children,
|
26
|
-
value = props.value,
|
27
26
|
contentLeft = props.contentLeft,
|
28
27
|
contentRight = props.contentRight,
|
29
28
|
_props$animated = props.animated,
|
@@ -99,15 +98,15 @@ export var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
|
|
99
98
|
className: classes.tabLeftContent
|
100
99
|
}, contentLeft), /*#__PURE__*/React.createElement(StyledContent, {
|
101
100
|
className: classes.tabContent
|
102
|
-
}, children),
|
101
|
+
}, children), contentRight && /*#__PURE__*/React.createElement(RightContent, {
|
103
102
|
className: classes.tabRightContent
|
104
103
|
}, contentRight)));
|
105
104
|
});
|
106
105
|
};
|
107
|
-
export var
|
108
|
-
name: '
|
106
|
+
export var tabItemConfig = {
|
107
|
+
name: 'TabItem',
|
109
108
|
tag: 'button',
|
110
|
-
layout:
|
109
|
+
layout: tabItemRoot,
|
111
110
|
base: base,
|
112
111
|
variations: {
|
113
112
|
size: {
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { css } from 'styled-components';
|
3
|
-
import { addFocus } from '
|
4
|
-
import { tokens } from '
|
3
|
+
import { addFocus } from '../../../../mixins';
|
4
|
+
import { tokens } from '../../tokens';
|
5
5
|
export var base = /*#__PURE__*/css(["position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;align-items:center;gap:var(", ");padding:var(", ",var(", "));appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);&:first-child{margin-left:0;}", ";"], tokens.itemContentGap, tokens.itemPaddingClear, tokens.itemPadding, /*#__PURE__*/addFocus({
|
6
6
|
outlineSize: '0.063rem',
|
7
7
|
outlineOffset: '-0.125rem',
|
@@ -10,14 +10,11 @@ export var base = /*#__PURE__*/css(["position:relative;display:flex;align-items:
|
|
10
10
|
customFocusRules: /*#__PURE__*/"\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(".concat(tokens.outlineFocusColor, ");\n }\n }\n ")
|
11
11
|
}));
|
12
12
|
export var StyledContent = /*#__PURE__*/styled.div.withConfig({
|
13
|
-
componentId: "plasma-new-hope__sc-
|
13
|
+
componentId: "plasma-new-hope__sc-1ngrr4h-0"
|
14
14
|
})(["display:inline-block;width:fit-content;padding:0 var(", ",var(", "));"], tokens.itemContentPaddingClear, tokens.itemContentPadding);
|
15
|
-
export var TabItemValue = /*#__PURE__*/styled.span.withConfig({
|
16
|
-
componentId: "plasma-new-hope__sc-lremls-1"
|
17
|
-
})(["color:var(", ");"], tokens.itemValueColor);
|
18
15
|
export var RightContent = /*#__PURE__*/styled.div.withConfig({
|
19
|
-
componentId: "plasma-new-hope__sc-
|
20
|
-
})(["display:flex;color:
|
16
|
+
componentId: "plasma-new-hope__sc-1ngrr4h-1"
|
17
|
+
})(["display:flex;color:var(", ");&:hover{color:var(", ");}"], tokens.additionalContentColor, tokens.additionalContentHoverColor);
|
21
18
|
export var LeftContent = /*#__PURE__*/styled.div.withConfig({
|
22
|
-
componentId: "plasma-new-hope__sc-
|
19
|
+
componentId: "plasma-new-hope__sc-1ngrr4h-2"
|
23
20
|
})(["display:flex;color:inherit;&:hover{color:inherit;}"]);
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { classes, tokens } from '
|
2
|
+
import { classes, tokens } from '../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/css(["&[disabled]{cursor:not-allowed;&:hover{color:var(", ");background-color:var(", ");}&.", ":hover{color:var(", ");background-color:var(", ");}}"], tokens.itemColor, tokens.itemBackgroundColor, /*#__PURE__*/String(classes.selectedTabsItem), tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor);
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { classes, tokens } from '
|
2
|
+
import { classes, tokens } from '../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/css(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");padding:var(", ");}"], /*#__PURE__*/String(classes.tabsPilled), tokens.itemPilledBorderRadius, tokens.itemPilledBorderRadius, tokens.itemPaddingPilled);
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { tokens } from '
|
2
|
+
import { tokens } from '../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.itemBorderRadius, tokens.itemBorderRadius, tokens.itemWidth, tokens.itemHeight);
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { classes, tokens } from '../../../../tokens';
|
3
|
+
import { RightContent } from '../../TabItem.styles';
|
4
|
+
export var base = /*#__PURE__*/css(["color:var(", ");background-color:var(", ");margin-left:var(", ",var(", "));&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}}&:active{color:var(", ");}&.", "{transition:var(", ");}&.", "{color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");&::after{background:var(", ");}}", "{color:var(", ");&:hover{color:var(", ");}}&::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(", ");height:var(", ");border-radius:1px;}}"], tokens.itemColor, tokens.itemBackgroundColor, tokens.itemMarginLeftFilled, tokens.itemMarginLeft, tokens.itemColorHover, tokens.itemBackgroundColorHover, RightContent, tokens.additionalContentHoverColor, tokens.itemColorActive, /*#__PURE__*/String(classes.tabItemAnimated), tokens.itemBackgroundTransition, /*#__PURE__*/String(classes.selectedTabsItem), tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor, tokens.itemSelectedColorHover, tokens.itemSelectedBackgroundColorHover, tokens.itemSelectedDividerColorHover, RightContent, tokens.additionalContentSelectedColor, tokens.additionalContentSelectedHoverColor, tokens.itemSelectedDividerColor, tokens.itemSelectedDividerHeight);
|
@@ -10,16 +10,16 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
10
10
|
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; }
|
11
11
|
import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef } from 'react';
|
12
12
|
import { safeUseId } from '@salutejs/plasma-core';
|
13
|
-
import { IconDisclosureLeft, IconDisclosureRight } from '
|
14
|
-
import { classes, tokens } from '
|
15
|
-
import { cx } from '
|
16
|
-
import { TabItemRefs, TabsContext } from '
|
13
|
+
import { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';
|
14
|
+
import { classes, tokens } from '../../tokens';
|
15
|
+
import { cx } from '../../../../utils';
|
16
|
+
import { TabItemRefs, TabsContext } from '../../TabsContext';
|
17
17
|
import { base as sizeCSS } from './variations/_size/base';
|
18
18
|
import { base as viewCSS } from './variations/_view/base';
|
19
19
|
import { base as disabledCSS } from './variations/_disabled/base';
|
20
20
|
import { base as pilledCSS } from './variations/_pilled/base';
|
21
21
|
import { base as stretchCSS } from './variations/_stretch/base';
|
22
|
-
import { StyledArrow, StyledContent, StyledContentWrapper, base } from './
|
22
|
+
import { StyledArrow, StyledContent, StyledContentWrapper, base } from './Tabs.styles';
|
23
23
|
var Keys = /*#__PURE__*/function (Keys) {
|
24
24
|
Keys[Keys["end"] = 35] = "end";
|
25
25
|
Keys[Keys["home"] = 36] = "home";
|
@@ -27,7 +27,7 @@ var Keys = /*#__PURE__*/function (Keys) {
|
|
27
27
|
Keys[Keys["right"] = 39] = "right";
|
28
28
|
return Keys;
|
29
29
|
}(Keys || {});
|
30
|
-
export var
|
30
|
+
export var tabsRoot = function tabsRoot(Root) {
|
31
31
|
return /*#__PURE__*/forwardRef(function (props, outerRef) {
|
32
32
|
var id = props.id,
|
33
33
|
_props$stretch = props.stretch,
|
@@ -206,10 +206,10 @@ export var horizontalTabsRoot = function horizontalTabsRoot(Root) {
|
|
206
206
|
}, children)), !lastItemVisible && NextButton));
|
207
207
|
});
|
208
208
|
};
|
209
|
-
export var
|
210
|
-
name: '
|
209
|
+
export var tabsConfig = {
|
210
|
+
name: 'Tabs',
|
211
211
|
tag: 'div',
|
212
|
-
layout:
|
212
|
+
layout: tabsRoot,
|
213
213
|
base: base,
|
214
214
|
variations: {
|
215
215
|
size: {
|
@@ -2,17 +2,17 @@ var _templateObject;
|
|
2
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3
3
|
import { css } from 'styled-components';
|
4
4
|
import styled from 'styled-components';
|
5
|
-
import { addFocus } from '
|
6
|
-
import { classes, tokens } from '
|
5
|
+
import { addFocus } from '../../../../mixins';
|
6
|
+
import { classes, tokens } from '../../tokens';
|
7
7
|
export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n gap: 0.125rem;\n align-items: center;\n position: relative;\n"])));
|
8
8
|
export var StyledContent = /*#__PURE__*/styled.div.withConfig({
|
9
|
-
componentId: "plasma-new-hope__sc-
|
9
|
+
componentId: "plasma-new-hope__sc-1ibkmsl-0"
|
10
10
|
})(["display:inline-flex;flex-direction:row;align-items:center;"]);
|
11
11
|
export var StyledContentWrapper = /*#__PURE__*/styled.div.withConfig({
|
12
|
-
componentId: "plasma-new-hope__sc-
|
13
|
-
})(["margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center
|
12
|
+
componentId: "plasma-new-hope__sc-1ibkmsl-1"
|
13
|
+
})(["margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;&.", "{overflow:scroll;scroll-padding:0.25rem;overscroll-behavior:contain;scrollbar-width:none;::-webkit-scrollbar{display:none;}}&.", "{overflow:visible;}"], classes.tabsClipScroll, classes.tabsClipShowAll);
|
14
14
|
export var StyledArrow = /*#__PURE__*/styled.button.withConfig({
|
15
|
-
componentId: "plasma-new-hope__sc-
|
15
|
+
componentId: "plasma-new-hope__sc-1ibkmsl-2"
|
16
16
|
})(["display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;", ";&[disabled]{cursor:not-allowed;}--plasma_private-outer-padding:", ";padding-right:", ";padding-left:", ";"], /*#__PURE__*/addFocus({
|
17
17
|
outlineSize: '0.063rem',
|
18
18
|
outlineOffset: '-0.125rem',
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { classes, tokens } from '
|
2
|
+
import { classes, tokens } from '../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/css(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");}"], /*#__PURE__*/String(classes.tabsPilled), tokens.tabsPilledBorderRadius, tokens.tabsPilledBorderRadius);
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { tokens } from '
|
2
|
+
import { tokens } from '../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/css(["width:var(", ");height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");"], tokens.tabsWidth, tokens.tabsHeight, tokens.tabsBorderRadius, tokens.tabsBorderRadius);
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { classes } from '../../../../tokens';
|
3
|
+
import { StyledContent, StyledContentWrapper } from '../../Tabs.styles';
|
4
|
+
export var base = /*#__PURE__*/css(["&.", "{width:100%;", ",", ",", " > button{width:100%;margin-left:0;}}"], classes.tabsStretch, StyledContentWrapper, StyledContent, StyledContent);
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { classes, tokens } from '
|
2
|
+
import { classes, tokens } from '../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/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.tabsBackgroundColor, tokens.tabsDividerColor, tokens.tabsDividerHeight, tokens.tabsDividerBorderRadius, classes.tabsHasLeftArrow, classes.tabsHasRightArrow);
|
@@ -18,10 +18,10 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
18
18
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
19
19
|
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; }
|
20
20
|
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; }
|
21
|
-
import React, { forwardRef, useState, createRef, useCallback } from 'react';
|
21
|
+
import React, { forwardRef, useState, createRef, useCallback, useEffect } from 'react';
|
22
22
|
import { css } from 'styled-components';
|
23
23
|
import { useResizeObserver } from '@salutejs/plasma-core';
|
24
|
-
import { cx } from '../../utils';
|
24
|
+
import { cx, mergeRefs } from '../../utils';
|
25
25
|
import { applyDynamicLabel } from './mixins';
|
26
26
|
import { useAutoResize, ROOT_FONT_SIZE } from './hooks';
|
27
27
|
import { StyledContent, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledLabel, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper, StyledContainer, StyledIndicator, StyledOptionalText } from './TextArea.styles';
|
@@ -29,6 +29,7 @@ import { classes } from './TextArea.tokens';
|
|
29
29
|
import { base as viewCSS } from './variations/_view/base';
|
30
30
|
import { base as sizeCSS } from './variations/_size/base';
|
31
31
|
import { base as disabledCSS } from './variations/_disabled/base';
|
32
|
+
import { setInitialValue } from './utils';
|
32
33
|
var innerPlaceholderUp = classes.innerPlaceholderUp,
|
33
34
|
focusedOuterPlaceholderColor = classes.focusedOuterPlaceholderColor,
|
34
35
|
hidePlaceHolder = classes.hidePlaceHolder,
|
@@ -118,7 +119,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
118
119
|
_useState6 = _slicedToArray(_useState5, 2),
|
119
120
|
uncontrolledValue = _useState6[0],
|
120
121
|
setUncontrolledValue = _useState6[1];
|
121
|
-
var outerRef =
|
122
|
+
var outerRef = /*#__PURE__*/createRef();
|
122
123
|
var innerOptional = required ? false : optional;
|
123
124
|
var hasHelper = Boolean(leftHelper || rightHelper || helperText);
|
124
125
|
var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
|
@@ -151,6 +152,20 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
151
152
|
}
|
152
153
|
onChange === null || onChange === void 0 || onChange(event);
|
153
154
|
}, [value, onChange]);
|
155
|
+
useEffect(function () {
|
156
|
+
if (outerRef.current) {
|
157
|
+
outerRef.current.addEventListener('setInitialValue', function (e) {
|
158
|
+
return setUncontrolledValue(setInitialValue(e));
|
159
|
+
});
|
160
|
+
}
|
161
|
+
return function () {
|
162
|
+
if (outerRef.current) {
|
163
|
+
outerRef.current.removeEventListener('setInitialValue', function (e) {
|
164
|
+
return setUncontrolledValue(setInitialValue(e));
|
165
|
+
});
|
166
|
+
}
|
167
|
+
};
|
168
|
+
}, []);
|
154
169
|
var dynamicLabelClasses = getDynamicLabelClasses(_objectSpread({
|
155
170
|
size: size,
|
156
171
|
readOnly: readOnly,
|
@@ -190,7 +205,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
190
205
|
hasContentRight: Boolean(contentRight),
|
191
206
|
hasHelper: hasHelper,
|
192
207
|
applyCustomWidth: applyCustomWidth,
|
193
|
-
ref: outerRef,
|
208
|
+
ref: mergeRefs(outerRef, innerRef),
|
194
209
|
disabled: disabled,
|
195
210
|
height: autoResize ? minAuto : height,
|
196
211
|
width: width,
|
@@ -165,6 +165,20 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
165
165
|
})) || [];
|
166
166
|
setChips(newChips);
|
167
167
|
}, [isChipEnumeration, values]);
|
168
|
+
useEffect(function () {
|
169
|
+
if (inputRef.current) {
|
170
|
+
inputRef.current.addEventListener('setInitialValue', function () {
|
171
|
+
return setHasValue(true);
|
172
|
+
});
|
173
|
+
}
|
174
|
+
return function () {
|
175
|
+
if (inputRef.current) {
|
176
|
+
inputRef.current.removeEventListener('setInitialValue', function () {
|
177
|
+
return setHasValue(true);
|
178
|
+
});
|
179
|
+
}
|
180
|
+
};
|
181
|
+
}, []);
|
168
182
|
useEffect(function () {
|
169
183
|
setHasValue(Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue));
|
170
184
|
}, [rest.defaultValue]);
|
@@ -44,4 +44,7 @@ export var StyledOptionalText = /*#__PURE__*/styled.span.withConfig({
|
|
44
44
|
})(["color:var(", ");"], tokens.optionalColor);
|
45
45
|
export var StyledIndicator = /*#__PURE__*/styled.div.withConfig({
|
46
46
|
componentId: "plasma-new-hope__sc-g4vxbb-14"
|
47
|
-
})(["position:absolute;border-radius:50%;background-color:var(", ");&.", "{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}&.", "{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}"], tokens.indicatorColor, classes.outerLabelPlacement, tokens.indicatorSizeOuter, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementOuterRight, classes.innerLabelPlacement, tokens.indicatorSizeInner, tokens.indicatorSizeInner, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementInnerRight);
|
47
|
+
})(["position:absolute;border-radius:50%;background-color:var(", ");&.", "{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}&.", "{width:var(", ");height:var(", ");inset:var(", ");&.align-right{inset:var(", ");}}"], tokens.indicatorColor, classes.outerLabelPlacement, tokens.indicatorSizeOuter, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementOuterRight, classes.innerLabelPlacement, tokens.indicatorSizeInner, tokens.indicatorSizeInner, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementInnerRight);
|
48
|
+
export var InputHidden = /*#__PURE__*/styled.input.withConfig({
|
49
|
+
componentId: "plasma-new-hope__sc-g4vxbb-15"
|
50
|
+
})(["visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;"]);
|