@salutejs/plasma-new-hope 0.158.0-canary.1464.11126763959.0 → 0.158.1-canary.1374.11139248605.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -7
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/{DatePickerBase.styles_mjc9xz.css → DatePickerBase.styles_1whkrlf.css} +0 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +68 -71
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -48
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -15
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/Slider/Slider.css +5 -6
- package/cjs/components/Slider/Slider.js +6 -21
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +5 -6
- package/cjs/components/Slider/components/Double/Double.js +3 -22
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.css +5 -6
- package/cjs/components/Slider/components/Single/Single.js +8 -30
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/components/SliderBase/SliderBase.css +4 -5
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +1 -7
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
- package/{es/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css → cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css} +0 -1
- package/cjs/components/Tabs/createTabsController.js +1 -1
- package/cjs/components/Tabs/createTabsController.js.map +1 -1
- package/cjs/components/Tabs/tokens.js +12 -4
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +13 -0
- package/cjs/components/Tabs/ui/{TabItem/TabItem.js → horizontal/HorizontalTabItem/HorizontalTabItem.js} +22 -18
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +35 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/{TabItem/TabItem.styles_pj75hv.css → horizontal/HorizontalTabItem/HorizontalTabItem.styles_1x0ujoz.css} +5 -4
- package/cjs/components/Tabs/ui/{Tabs/variations/_size → horizontal/HorizontalTabItem/variations/_disabled}/base.js +2 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +1 -0
- package/cjs/components/Tabs/ui/{TabItem/variations/_disabled → horizontal/HorizontalTabItem/variations/_pilled}/base.js +2 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/{TabItem/variations/_pilled/base_l36za5.css → horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css} +1 -1
- package/cjs/components/Tabs/ui/{TabItem/variations/_pilled → horizontal/HorizontalTabItem/variations/_size}/base.js +2 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +1 -0
- package/cjs/components/Tabs/ui/{TabItem/variations/_size → horizontal/HorizontalTabItem/variations/_view}/base.js +2 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_5iqr04.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +16 -0
- package/cjs/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +20 -20
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -0
- package/cjs/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +10 -10
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +4 -0
- package/cjs/components/Tabs/ui/{TabItem/variations/_view → horizontal/HorizontalTabs/variations/_disabled}/base.js +2 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +11 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +127 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -0
- package/cjs/components/Tabs/ui/{TabItem/TabItem.styles.js → vertical/VerticalTabItem/VerticalTabItem.styles.js} +12 -6
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1fzrmvg.css +5 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_1iq8opt.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +12 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +220 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +29 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +4 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/{Tabs/variations/_size/base_iw773q.css → vertical/VerticalTabs/variations/_size/base_1sekozo.css} +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +10 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js.map +1 -0
- package/cjs/components/TextArea/TextArea.js +25 -19
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.tokens.js +18 -2
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/variations/_clear/base.js +9 -0
- package/cjs/components/TextArea/variations/_clear/base.js.map +1 -0
- package/cjs/components/TextArea/variations/_clear/base_vidplj.css +1 -0
- package/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
- package/cjs/components/TextArea/variations/_view/base_d1s4o7.css +1 -0
- package/cjs/index.css +49 -25
- package/cjs/index.js +14 -13
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +3 -8
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -47
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -14
- package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/emotion/cjs/components/Slider/Slider.js +6 -17
- package/emotion/cjs/components/Slider/components/Double/Double.js +11 -29
- package/emotion/cjs/components/Slider/components/Single/Single.js +8 -29
- package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +9 -14
- package/emotion/cjs/components/Slider/components/index.js +0 -11
- package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +86 -21
- package/emotion/cjs/components/Tabs/createTabsController.js +2 -1
- package/emotion/cjs/components/Tabs/index.js +43 -10
- package/emotion/cjs/components/Tabs/tokens.js +12 -4
- package/{styled-components/cjs/components/Tabs/ui/TabItem/TabItem.js → emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +19 -15
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +51 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +10 -0
- package/{styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js → emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js} +16 -16
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +55 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +129 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +51 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +226 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +46 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +8 -0
- package/emotion/cjs/components/TextArea/TextArea.js +26 -19
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +18 -2
- package/emotion/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
- package/emotion/cjs/components/TextArea/variations/_clear/base.js +10 -0
- package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -2
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +14 -3
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +16 -3
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +276 -30
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +39 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +41 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +28 -0
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.js +14 -3
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.js +16 -3
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +278 -30
- package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +39 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +41 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +28 -0
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
- package/emotion/cjs/mixins/index.js +0 -11
- package/emotion/cjs/utils/index.js +1 -24
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +2 -7
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +5 -48
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +5 -16
- package/emotion/es/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/emotion/es/components/Slider/Slider.js +6 -18
- package/emotion/es/components/Slider/components/Double/Double.js +3 -21
- package/emotion/es/components/Slider/components/Single/Single.js +9 -30
- package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +8 -13
- package/emotion/es/components/Slider/components/index.js +0 -1
- package/emotion/es/components/Tabs/Tabs.template-doc.mdx +86 -21
- package/emotion/es/components/Tabs/createTabsController.js +2 -1
- package/emotion/es/components/Tabs/index.js +5 -2
- package/emotion/es/components/Tabs/tokens.js +12 -4
- package/{styled-components/es/components/Tabs/ui/TabItem/TabItem.js → emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +15 -11
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +44 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +4 -0
- package/emotion/es/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +10 -10
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +48 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +4 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +120 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +44 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +4 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +217 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +39 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabsContext.js +2 -0
- package/emotion/es/components/TextArea/TextArea.js +25 -18
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/emotion/es/components/TextArea/TextArea.tokens.js +18 -2
- package/emotion/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
- package/emotion/es/components/TextArea/variations/_clear/base.js +4 -0
- package/emotion/es/components/TextArea/variations/_view/base.js +2 -2
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +14 -4
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.js +16 -4
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +276 -30
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +33 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +35 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +22 -0
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.js +14 -4
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.js +16 -4
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +278 -30
- package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +33 -0
- package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +35 -0
- package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
- package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +22 -0
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
- package/emotion/es/mixins/index.js +1 -2
- package/emotion/es/utils/index.js +0 -2
- package/es/components/DatePicker/DatePickerBase.styles.js +2 -7
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/{DatePickerBase.styles_mjc9xz.css → DatePickerBase.styles_1whkrlf.css} +0 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +68 -71
- package/es/components/DatePicker/RangeDate/RangeDate.js +4 -48
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.css +1 -2
- package/es/components/DatePicker/SingleDate/SingleDate.js +4 -16
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/Slider/Slider.css +5 -6
- package/es/components/Slider/Slider.js +7 -22
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +5 -6
- package/es/components/Slider/components/Double/Double.js +3 -22
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/Single/Single.css +5 -6
- package/es/components/Slider/components/Single/Single.js +8 -30
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/components/SliderBase/SliderBase.css +4 -5
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js +2 -7
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
- package/{cjs/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css → es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css} +0 -1
- package/es/components/Tabs/createTabsController.js +1 -1
- package/es/components/Tabs/createTabsController.js.map +1 -1
- package/es/components/Tabs/tokens.js +12 -4
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +13 -0
- package/es/components/Tabs/ui/{TabItem/TabItem.js → horizontal/HorizontalTabItem/HorizontalTabItem.js} +18 -14
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +27 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -0
- package/es/components/Tabs/ui/{TabItem/TabItem.styles_pj75hv.css → horizontal/HorizontalTabItem/HorizontalTabItem.styles_1x0ujoz.css} +5 -4
- package/es/components/Tabs/ui/{Tabs/variations/_size → horizontal/HorizontalTabItem/variations/_disabled}/base.js +2 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +1 -0
- package/es/components/Tabs/ui/{TabItem/variations/_pilled/base_l36za5.css → horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css} +1 -1
- package/es/components/Tabs/ui/{TabItem/variations/_pilled → horizontal/HorizontalTabItem/variations/_size}/base.js +2 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +1 -0
- package/es/components/Tabs/ui/{TabItem/variations/_size → horizontal/HorizontalTabItem/variations/_view}/base.js +2 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_5iqr04.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +16 -0
- package/es/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +14 -14
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -0
- package/es/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +10 -10
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +4 -0
- package/es/components/Tabs/ui/{TabItem/variations/_view → horizontal/HorizontalTabs/variations/_disabled}/base.js +2 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +11 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +122 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +27 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1fzrmvg.css +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_322rr.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_1iq8opt.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +12 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +215 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +22 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.css +4 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/{Tabs/variations/_size/base_iw773q.css → vertical/VerticalTabs/variations/_size/base_1sekozo.css} +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabsContext.js +6 -0
- package/es/components/Tabs/ui/vertical/VerticalTabsContext.js.map +1 -0
- package/es/components/TextArea/TextArea.js +25 -19
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.tokens.js +18 -2
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/variations/_clear/base.js +5 -0
- package/es/components/TextArea/variations/_clear/base.js.map +1 -0
- package/es/components/TextArea/variations/_clear/base_vidplj.css +1 -0
- package/es/components/TextArea/variations/_view/base.js +1 -1
- package/es/components/TextArea/variations/_view/base.js.map +1 -1
- package/es/components/TextArea/variations/_view/base_d1s4o7.css +1 -0
- package/es/index.css +49 -25
- package/es/index.js +5 -5
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +2 -6
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -47
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +3 -14
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/styled-components/cjs/components/Slider/Slider.js +6 -17
- package/styled-components/cjs/components/Slider/components/Double/Double.js +11 -29
- package/styled-components/cjs/components/Slider/components/Single/Single.js +8 -29
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +2 -6
- package/styled-components/cjs/components/Slider/components/index.js +0 -11
- package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +86 -21
- package/styled-components/cjs/components/Tabs/createTabsController.js +2 -1
- package/styled-components/cjs/components/Tabs/index.js +43 -10
- package/styled-components/cjs/components/Tabs/tokens.js +12 -4
- package/{emotion/cjs/components/Tabs/ui/TabItem/TabItem.js → styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +19 -15
- package/styled-components/cjs/components/Tabs/ui/{TabItem/TabItem.styles.js → horizontal/HorizontalTabItem/HorizontalTabItem.styles.js} +10 -7
- package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/base.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/base.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +8 -0
- package/{emotion/cjs/components/Tabs/ui/Tabs/Tabs.js → styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js} +16 -16
- package/styled-components/cjs/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +6 -6
- package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/base.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/base.js +3 -3
- package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +129 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +33 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +9 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +9 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +8 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +226 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +29 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +9 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +9 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +9 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +8 -0
- package/styled-components/cjs/components/TextArea/TextArea.js +25 -18
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +18 -2
- package/styled-components/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
- package/styled-components/cjs/components/TextArea/variations/_clear/base.js +10 -0
- package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +14 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +16 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +276 -30
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{TabItem.config.js → horizontal/HorizontalTabItem.config.js} +5 -5
- package/styled-components/cjs/examples/{plasma_web/components/Tabs/Tabs.config.js → plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js} +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +28 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
- package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.js +14 -3
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.js +16 -3
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +278 -30
- package/styled-components/cjs/examples/plasma_web/components/Tabs/{TabItem.config.js → horizontal/HorizontalTabItem.config.js} +5 -5
- package/styled-components/cjs/examples/{plasma_b2c/components/Tabs/Tabs.config.js → plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js} +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +28 -0
- package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +28 -0
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
- package/styled-components/cjs/mixins/index.js +0 -11
- package/styled-components/cjs/utils/index.js +1 -24
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -5
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +5 -48
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +5 -16
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +1 -34
- package/styled-components/es/components/Slider/Slider.js +6 -18
- package/styled-components/es/components/Slider/components/Double/Double.js +3 -21
- package/styled-components/es/components/Slider/components/Single/Single.js +9 -30
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +1 -5
- package/styled-components/es/components/Slider/components/index.js +0 -1
- package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +86 -21
- package/styled-components/es/components/Tabs/createTabsController.js +2 -1
- package/styled-components/es/components/Tabs/index.js +5 -2
- package/styled-components/es/components/Tabs/tokens.js +12 -4
- package/{emotion/es/components/Tabs/ui/TabItem/TabItem.js → styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js} +15 -11
- package/styled-components/es/components/Tabs/ui/{TabItem/TabItem.styles.js → horizontal/HorizontalTabItem/HorizontalTabItem.styles.js} +9 -6
- package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/base.js +2 -2
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +8 -0
- package/styled-components/es/components/Tabs/ui/{Tabs/Tabs.js → horizontal/HorizontalTabs/HorizontalTabs.js} +10 -10
- package/styled-components/es/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +6 -6
- package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +120 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +25 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +11 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +8 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +217 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +21 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +1 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabsContext.js +2 -0
- package/styled-components/es/components/TextArea/TextArea.js +24 -17
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/styled-components/es/components/TextArea/TextArea.tokens.js +18 -2
- package/styled-components/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
- package/styled-components/es/components/TextArea/variations/_clear/base.js +4 -0
- package/styled-components/es/components/TextArea/variations/_view/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.js +14 -4
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.js +16 -4
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +276 -30
- package/styled-components/es/examples/{plasma_web/components/Tabs/TabItem.config.js → plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js} +5 -5
- package/styled-components/es/examples/plasma_b2c/components/Tabs/{Tabs.config.js → horizontal/HorizontalTabs.config.js} +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +22 -0
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
- package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.js +14 -4
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.js +16 -4
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +278 -30
- package/styled-components/es/examples/{plasma_b2c/components/Tabs/TabItem.config.js → plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js} +5 -5
- package/styled-components/es/examples/plasma_web/components/Tabs/{Tabs.config.js → horizontal/HorizontalTabs.config.js} +1 -1
- package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +22 -0
- package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +22 -0
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
- package/styled-components/es/mixins/index.js +1 -2
- package/styled-components/es/utils/index.js +0 -2
- package/types/components/DatePicker/DatePickerBase.styles.d.ts +0 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +0 -7
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +0 -14
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +0 -14
- 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 +0 -14
- 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/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 +0 -2
- package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +5 -35
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +0 -1
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -1
- package/types/components/Slider/components/index.d.ts +0 -2
- package/types/components/Slider/components/index.d.ts.map +1 -1
- package/types/components/Tabs/TabItem.types.d.ts +96 -0
- package/types/components/Tabs/TabItem.types.d.ts.map +1 -0
- package/types/components/Tabs/{ui/Tabs/Tabs.types.d.ts → Tabs.types.d.ts} +42 -11
- package/types/components/Tabs/Tabs.types.d.ts.map +1 -0
- package/types/components/Tabs/createTabsController.d.ts +4 -3
- package/types/components/Tabs/createTabsController.d.ts.map +1 -1
- package/types/components/Tabs/index.d.ts +7 -4
- package/types/components/Tabs/index.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +12 -4
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +29 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts +7 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +34 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +1 -0
- package/types/components/Tabs/ui/{Tabs/Tabs.styles.d.ts → horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts} +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +26 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -0
- package/types/components/Tabs/ui/{TabItem/TabItem.styles.d.ts → vertical/VerticalTabItem/VerticalTabItem.styles.d.ts} +2 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +27 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts +8 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabsContext.d.ts +3 -0
- package/types/components/Tabs/ui/vertical/VerticalTabsContext.d.ts.map +1 -0
- package/types/components/TextArea/TextArea.d.ts +4 -0
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +16 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +15 -3
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/mixins/applyDynamicLabel.d.ts.map +1 -1
- package/types/components/TextArea/variations/_clear/base.d.ts +2 -0
- package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +0 -7
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +1 -47
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +2 -25
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +2 -27
- 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_b2c/components/Tabs/{TabItem.config.d.ts → horizontal/HorizontalTabItem.config.d.ts} +1 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -0
- package/types/examples/{plasma_web/components/Tabs/Tabs.config.d.ts → plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts} +1 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +21 -0
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +21 -0
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +81 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +0 -7
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +1 -47
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +2 -25
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +2 -27
- 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/examples/plasma_web/components/Tabs/{TabItem.config.d.ts → horizontal/HorizontalTabItem.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -0
- package/types/examples/{plasma_b2c/components/Tabs/Tabs.config.d.ts → plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts +21 -0
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts +21 -0
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +81 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/mixins/index.d.ts +0 -1
- package/types/mixins/index.d.ts.map +1 -1
- package/types/utils/index.d.ts +0 -2
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -100
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.css +0 -12
- package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +0 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +0 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +0 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +0 -1
- package/cjs/components/Tabs/ui/Tabs/Tabs.css +0 -16
- package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +0 -1
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +0 -4
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -9
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +0 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -9
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +0 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -9
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +0 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +0 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +0 -9
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +0 -1
- package/cjs/components/TextArea/variations/_view/base_8npjyq.css +0 -1
- package/cjs/mixins/applyHidden.js +0 -10
- package/cjs/mixins/applyHidden.js.map +0 -1
- package/cjs/utils/noop.js +0 -10
- package/cjs/utils/noop.js.map +0 -1
- package/cjs/utils/setRefList.js +0 -29
- package/cjs/utils/setRefList.js.map +0 -1
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -104
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
- package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.styles.js +0 -39
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +0 -55
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +0 -9
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +0 -39
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +0 -41
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +0 -39
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +0 -41
- package/emotion/cjs/mixins/applyHidden.js +0 -9
- package/emotion/cjs/types/FormType.js +0 -5
- package/emotion/cjs/utils/noop.js +0 -9
- package/emotion/cjs/utils/setRefList.js +0 -28
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -95
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
- package/emotion/es/components/Tabs/ui/TabItem/TabItem.styles.js +0 -32
- package/emotion/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/TabItem/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +0 -4
- package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +0 -48
- package/emotion/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/Tabs/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -4
- package/emotion/es/components/Tabs/ui/Tabs/variations/_view/base.js +0 -3
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +0 -33
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +0 -35
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +0 -33
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +0 -35
- package/emotion/es/mixins/applyHidden.js +0 -3
- package/emotion/es/types/FormType.js +0 -1
- package/emotion/es/utils/noop.js +0 -3
- package/emotion/es/utils/setRefList.js +0 -21
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -96
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
- package/es/components/Tabs/ui/TabItem/TabItem.css +0 -12
- package/es/components/Tabs/ui/TabItem/TabItem.js.map +0 -1
- package/es/components/Tabs/ui/TabItem/TabItem.styles.js +0 -22
- package/es/components/Tabs/ui/TabItem/TabItem.styles.js.map +0 -1
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +0 -5
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +0 -1
- package/es/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +0 -1
- package/es/components/Tabs/ui/TabItem/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +0 -1
- package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +0 -1
- package/es/components/Tabs/ui/Tabs/Tabs.css +0 -16
- package/es/components/Tabs/ui/Tabs/Tabs.js.map +0 -1
- package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +0 -1
- package/es/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +0 -4
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +0 -5
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +0 -1
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -5
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +0 -1
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +0 -1
- package/es/components/Tabs/ui/Tabs/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -5
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +0 -1
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +0 -1
- package/es/components/Tabs/ui/Tabs/variations/_view/base.js +0 -5
- package/es/components/Tabs/ui/Tabs/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +0 -1
- package/es/components/TextArea/variations/_view/base_8npjyq.css +0 -1
- package/es/mixins/applyHidden.js +0 -6
- package/es/mixins/applyHidden.js.map +0 -1
- package/es/utils/noop.js +0 -6
- package/es/utils/noop.js.map +0 -1
- package/es/utils/setRefList.js +0 -24
- package/es/utils/setRefList.js.map +0 -1
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -104
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
- package/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +0 -10
- package/styled-components/cjs/mixins/applyHidden.js +0 -9
- package/styled-components/cjs/types/FormType.js +0 -5
- package/styled-components/cjs/utils/noop.js +0 -9
- package/styled-components/cjs/utils/setRefList.js +0 -28
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -95
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
- package/styled-components/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/TabItem/variations/_view/base.js +0 -4
- package/styled-components/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +0 -4
- package/styled-components/es/mixins/applyHidden.js +0 -3
- package/styled-components/es/types/FormType.js +0 -1
- package/styled-components/es/utils/noop.js +0 -3
- package/styled-components/es/utils/setRefList.js +0 -21
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +0 -4
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +0 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +0 -40
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +0 -1
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts +0 -29
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +0 -1
- package/types/components/Tabs/ui/TabItem/TabItem.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts +0 -54
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +0 -1
- package/types/components/Tabs/ui/TabItem/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/TabItem/variations/_pilled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/TabItem/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts +0 -34
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +0 -1
- package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +0 -1
- package/types/components/Tabs/ui/Tabs/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/Tabs/variations/_pilled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/Tabs/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/Tabs/variations/_view/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +0 -1
- package/types/mixins/applyHidden.d.ts +0 -2
- package/types/mixins/applyHidden.d.ts.map +0 -1
- package/types/types/FormType.d.ts +0 -13
- package/types/types/FormType.d.ts.map +0 -1
- package/types/utils/noop.d.ts +0 -4
- package/types/utils/noop.d.ts.map +0 -1
- package/types/utils/setRefList.d.ts +0 -6
- package/types/utils/setRefList.d.ts.map +0 -1
- /package/emotion/cjs/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
- /package/emotion/cjs/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
- /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_view/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/tokens.json +0 -0
- /package/emotion/{es/components/Tabs/ui/TabItem → cjs/components/Tabs/ui/vertical/VerticalTabItem}/variations/_disabled/tokens.json +0 -0
- /package/emotion/{es/components/Tabs/ui/TabItem → cjs/components/Tabs/ui/vertical/VerticalTabItem}/variations/_view/tokens.json +0 -0
- /package/emotion/{es/components/Tabs/ui/Tabs → cjs/components/Tabs/ui/vertical/VerticalTabs}/variations/_disabled/tokens.json +0 -0
- /package/emotion/{es/components/Tabs/ui/Tabs → cjs/components/Tabs/ui/vertical/VerticalTabs}/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
- /package/emotion/es/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
- /package/{styled-components/cjs/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem}/variations/_disabled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
- /package/{styled-components/cjs/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem}/variations/_view/tokens.json +0 -0
- /package/{styled-components/cjs/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/horizontal/HorizontalTabs}/variations/_disabled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
- /package/{styled-components/cjs/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/horizontal/HorizontalTabs}/variations/_view/tokens.json +0 -0
- /package/{styled-components/es/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/vertical/VerticalTabItem}/variations/_disabled/tokens.json +0 -0
- /package/{styled-components/es/components/Tabs/ui/TabItem → emotion/es/components/Tabs/ui/vertical/VerticalTabItem}/variations/_view/tokens.json +0 -0
- /package/{styled-components/es/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/vertical/VerticalTabs}/variations/_disabled/tokens.json +0 -0
- /package/{styled-components/es/components/Tabs/ui/Tabs → emotion/es/components/Tabs/ui/vertical/VerticalTabs}/variations/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
- /package/styled-components/cjs/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/{ui/TabItem/TabItem.types.js → TabItem.types.js} +0 -0
- /package/styled-components/es/components/Tabs/{ui/Tabs/Tabs.types.js → Tabs.types.js} +0 -0
- /package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/tokens.json +0 -0
- /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_view/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.d.ts +0 -0
@@ -15,6 +15,11 @@ 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
|
+
|
18
23
|
## TabsController (deprecated)
|
19
24
|
Вместо этого используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange.
|
20
25
|
|
@@ -56,6 +61,41 @@ export function App() {
|
|
56
61
|
}
|
57
62
|
```
|
58
63
|
|
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
|
+
|
59
99
|
### Пример с прокруткой
|
60
100
|
|
61
101
|
```tsx live
|
@@ -143,8 +183,9 @@ export function App() {
|
|
143
183
|
```
|
144
184
|
|
145
185
|
### Подключение клавиатурной навигации
|
146
|
-
Для этого необходимо дополнительно прокинуть свойства `index, itemIndex, onIndexChange
|
147
|
-
|
186
|
+
Для этого необходимо дополнительно прокинуть свойства `index, itemIndex, onIndexChange`.<br/>
|
187
|
+
Для горизонтальных табов: клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.<br/>
|
188
|
+
Для вертикальных табов: клавиши ArrowUp, ArrowDown, Home, End для навигации по вкладкам.
|
148
189
|
|
149
190
|
```tsx live
|
150
191
|
import React, { useState } from 'react';
|
@@ -153,27 +194,51 @@ import { IconClock } from '@salutejs/plasma-icons';
|
|
153
194
|
|
154
195
|
export function App() {
|
155
196
|
const items = Array(4).fill(0);
|
156
|
-
const [
|
197
|
+
const [horizontalIndex, setHorizontalIndex] = useState(0);
|
198
|
+
const [verticalIndex, setVerticalIndex] = useState(0);
|
157
199
|
|
158
200
|
return (
|
159
|
-
<div>
|
160
|
-
<
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
|
176
|
-
|
201
|
+
<div style=\{{ display: "flex", flexDirection: "column", gap: "50px"}}>
|
202
|
+
<div>
|
203
|
+
<Tabs view="divider" stretch size="xs" index={horizontalIndex}>
|
204
|
+
{items.map((_, i) => (
|
205
|
+
<TabItem
|
206
|
+
view="divider"
|
207
|
+
key={`item:${i}`}
|
208
|
+
size="xs"
|
209
|
+
itemIndex={i}
|
210
|
+
onIndexChange={(i) => setHorizontalIndex(i)}
|
211
|
+
selected={i === horizontalIndex}
|
212
|
+
tabIndex={0}
|
213
|
+
contentLeft={<IconClock size="xs" color="inherit" />}
|
214
|
+
onClick={() => setHorizontalIndex(i)}
|
215
|
+
>
|
216
|
+
{`Label${i + 1}`}
|
217
|
+
</TabItem>
|
218
|
+
))}
|
219
|
+
</Tabs>
|
220
|
+
</div>
|
221
|
+
|
222
|
+
<div>
|
223
|
+
<Tabs orientation="vertical" view="divider" size="xs" index={verticalIndex}>
|
224
|
+
{items.map((_, i) => (
|
225
|
+
<TabItem
|
226
|
+
orientation="vertical"
|
227
|
+
view="divider"
|
228
|
+
key={`item:${i}`}
|
229
|
+
size="xs"
|
230
|
+
itemIndex={i}
|
231
|
+
onIndexChange={(i) => setVerticalIndex(i)}
|
232
|
+
selected={i === verticalIndex}
|
233
|
+
tabIndex={0}
|
234
|
+
contentLeft={<IconClock size="xs" color="inherit" />}
|
235
|
+
onClick={() => setVerticalIndex(i)}
|
236
|
+
>
|
237
|
+
{`Label${i + 1}`}
|
238
|
+
</TabItem>
|
239
|
+
))}
|
240
|
+
</Tabs>
|
241
|
+
</div>
|
177
242
|
</div>
|
178
243
|
);
|
179
244
|
}
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
});
|
7
7
|
exports.createTabsController = createTabsController;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
-
var _excluded = ["items", "index", "autoscroll", "onIndexChange"],
|
9
|
+
var _excluded = ["items", "index", "autoscroll", "onIndexChange", "orientation"],
|
10
10
|
_excluded2 = ["label"];
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
@@ -27,6 +27,7 @@ function createTabsController(ListComponent, ItemComponent) {
|
|
27
27
|
index = _ref.index,
|
28
28
|
autoscroll = _ref.autoscroll,
|
29
29
|
onIndexChange = _ref.onIndexChange,
|
30
|
+
_orientation = _ref.orientation,
|
30
31
|
rest = _objectWithoutProperties(_ref, _excluded);
|
31
32
|
var disabled = rest.disabled;
|
32
33
|
return /*#__PURE__*/_react["default"].createElement(ListComponent, _extends({
|
@@ -15,34 +15,40 @@ Object.defineProperty(exports, "TabsContext", {
|
|
15
15
|
return _TabsContext.TabsContext;
|
16
16
|
}
|
17
17
|
});
|
18
|
+
Object.defineProperty(exports, "VerticalTabsContext", {
|
19
|
+
enumerable: true,
|
20
|
+
get: function get() {
|
21
|
+
return _VerticalTabsContext.VerticalTabsContext;
|
22
|
+
}
|
23
|
+
});
|
18
24
|
Object.defineProperty(exports, "createTabsController", {
|
19
25
|
enumerable: true,
|
20
26
|
get: function get() {
|
21
27
|
return _createTabsController.createTabsController;
|
22
28
|
}
|
23
29
|
});
|
24
|
-
Object.defineProperty(exports, "
|
30
|
+
Object.defineProperty(exports, "horizontalTabItemConfig", {
|
25
31
|
enumerable: true,
|
26
32
|
get: function get() {
|
27
|
-
return
|
33
|
+
return _HorizontalTabItem.horizontalTabItemConfig;
|
28
34
|
}
|
29
35
|
});
|
30
|
-
Object.defineProperty(exports, "
|
36
|
+
Object.defineProperty(exports, "horizontalTabItemRoot", {
|
31
37
|
enumerable: true,
|
32
38
|
get: function get() {
|
33
|
-
return
|
39
|
+
return _HorizontalTabItem.horizontalTabItemRoot;
|
34
40
|
}
|
35
41
|
});
|
36
|
-
Object.defineProperty(exports, "
|
42
|
+
Object.defineProperty(exports, "horizontalTabsConfig", {
|
37
43
|
enumerable: true,
|
38
44
|
get: function get() {
|
39
|
-
return
|
45
|
+
return _HorizontalTabs.horizontalTabsConfig;
|
40
46
|
}
|
41
47
|
});
|
42
|
-
Object.defineProperty(exports, "
|
48
|
+
Object.defineProperty(exports, "horizontalTabsRoot", {
|
43
49
|
enumerable: true,
|
44
50
|
get: function get() {
|
45
|
-
return
|
51
|
+
return _HorizontalTabs.horizontalTabsRoot;
|
46
52
|
}
|
47
53
|
});
|
48
54
|
Object.defineProperty(exports, "tabsTokens", {
|
@@ -51,8 +57,35 @@ Object.defineProperty(exports, "tabsTokens", {
|
|
51
57
|
return _tokens.tokens;
|
52
58
|
}
|
53
59
|
});
|
54
|
-
|
55
|
-
|
60
|
+
Object.defineProperty(exports, "verticalTabItemConfig", {
|
61
|
+
enumerable: true,
|
62
|
+
get: function get() {
|
63
|
+
return _VerticalTabItem.verticalTabItemConfig;
|
64
|
+
}
|
65
|
+
});
|
66
|
+
Object.defineProperty(exports, "verticalTabItemRoot", {
|
67
|
+
enumerable: true,
|
68
|
+
get: function get() {
|
69
|
+
return _VerticalTabItem.verticalTabItemRoot;
|
70
|
+
}
|
71
|
+
});
|
72
|
+
Object.defineProperty(exports, "verticalTabsConfig", {
|
73
|
+
enumerable: true,
|
74
|
+
get: function get() {
|
75
|
+
return _VerticalTabs.verticalTabsConfig;
|
76
|
+
}
|
77
|
+
});
|
78
|
+
Object.defineProperty(exports, "verticalTabsRoot", {
|
79
|
+
enumerable: true,
|
80
|
+
get: function get() {
|
81
|
+
return _VerticalTabs.verticalTabsRoot;
|
82
|
+
}
|
83
|
+
});
|
84
|
+
var _HorizontalTabs = /*#__PURE__*/require("./ui/horizontal/HorizontalTabs/HorizontalTabs");
|
85
|
+
var _HorizontalTabItem = /*#__PURE__*/require("./ui/horizontal/HorizontalTabItem/HorizontalTabItem");
|
86
|
+
var _VerticalTabs = /*#__PURE__*/require("./ui/vertical/VerticalTabs/VerticalTabs");
|
87
|
+
var _VerticalTabItem = /*#__PURE__*/require("./ui/vertical/VerticalTabItem/VerticalTabItem");
|
88
|
+
var _VerticalTabsContext = /*#__PURE__*/require("./ui/vertical/VerticalTabsContext");
|
56
89
|
var _tokens = /*#__PURE__*/require("./tokens");
|
57
90
|
var _TabsContext = /*#__PURE__*/require("./TabsContext");
|
58
91
|
var _createTabsController = /*#__PURE__*/require("./createTabsController");
|
@@ -9,6 +9,7 @@ var classes = exports.classes = {
|
|
9
9
|
tabsPilled: 'tabs-pilled',
|
10
10
|
tabsGroupFilledBackground: 'tabs-group-filled-background',
|
11
11
|
tabsStretch: 'tabs-stretched',
|
12
|
+
tabsNoDivider: 'tabs-no-divider',
|
12
13
|
tabItemDivider: 'tab-item-divider',
|
13
14
|
tabItemAnimated: 'tab-item-animated',
|
14
15
|
tabContent: 'tab-item-content',
|
@@ -16,18 +17,23 @@ var classes = exports.classes = {
|
|
16
17
|
tabLeftContent: 'tab-item-left-content',
|
17
18
|
tabsHasLeftArrow: 'tabs-has-left-arrow',
|
18
19
|
tabsHasRightArrow: 'tabs-has-right-arrow',
|
20
|
+
tabsHasTopArrow: 'tabs-has-top-arrow',
|
21
|
+
tabsHasBottomArrow: 'tabs-has-bottom-arrow',
|
19
22
|
tabsClipScroll: 'tabs-clip-scroll',
|
20
23
|
tabsClipShowAll: 'tabs-clip-show-all'
|
21
24
|
};
|
22
25
|
var tokens = exports.tokens = {
|
23
26
|
disabledOpacity: '--plasma-tabs-disabled-opacity',
|
24
27
|
containerWidth: '--plasma-tabs-container-width',
|
28
|
+
containerHeight: '--plasma-tabs-container-height',
|
25
29
|
cursor: '--plasma-tabs-cursor',
|
26
30
|
color: '--plasma-tabs-color',
|
27
31
|
colorHover: '--plasma-tabs-color-hover',
|
32
|
+
tabsDividerWidth: '--plasma-tabs-divider-width',
|
28
33
|
tabsDividerHeight: '--plasma-tabs-divider-height',
|
29
34
|
tabsDividerColor: '--plasma-tabs-divider-color',
|
30
35
|
tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',
|
36
|
+
itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',
|
31
37
|
itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',
|
32
38
|
itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',
|
33
39
|
itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',
|
@@ -47,6 +53,7 @@ var tokens = exports.tokens = {
|
|
47
53
|
itemPadding: '--plasma-tab-item-padding',
|
48
54
|
itemPaddingClear: '--plasma-tab-item-padding-clear',
|
49
55
|
itemPaddingPilled: '--plasma-tab-item-padding-pilled',
|
56
|
+
itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',
|
50
57
|
itemMarginLeft: '--plasma-tab-item-margin-left',
|
51
58
|
itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',
|
52
59
|
itemContentGap: '--plasma-tab-item-content-gap',
|
@@ -56,19 +63,20 @@ var tokens = exports.tokens = {
|
|
56
63
|
arrowOuterPadding: '--plasma-tab-arrow-outer-padding',
|
57
64
|
arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',
|
58
65
|
itemColor: '--plasma-tab-item-color',
|
66
|
+
itemValueColor: '--plasma-tab-item-value-color',
|
59
67
|
itemBackgroundColor: '--plasma-tab-item-background-color',
|
60
68
|
itemColorHover: '--plasma-tab-item-color-hover',
|
69
|
+
itemValueColorHover: '--plasma-tab-item-value-color-hover',
|
61
70
|
itemColorActive: '--plasma-tab-item-color-active',
|
71
|
+
itemValueColorActive: '--plasma-tab-item-value-color-active',
|
62
72
|
itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',
|
63
73
|
itemSelectedColor: '--plasma-tab-item-selected-color',
|
74
|
+
itemSelectedValueColor: '--plasma-tab-item-selected-value-color',
|
64
75
|
itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',
|
65
76
|
itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',
|
77
|
+
itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',
|
66
78
|
itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',
|
67
79
|
itemBackgroundTransition: '--plasma-tab-item-background-transition',
|
68
|
-
additionalContentColor: '--plasma-tab-item-additional-content-color',
|
69
|
-
additionalContentHoverColor: '--plasma-tab-item-hover-additional-content-color',
|
70
|
-
additionalContentSelectedColor: '--plasma-tab-item-selected-additional-content-color',
|
71
|
-
additionalContentSelectedHoverColor: '--plasma-tab-item-selected-hover-additional-content-color',
|
72
80
|
fontFamily: '--plasma-tab-item-font-family',
|
73
81
|
fontSize: '--plasma-tab-item-font-size',
|
74
82
|
fontStyle: '--plasma-tab-item-font-style',
|
@@ -4,24 +4,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.
|
7
|
+
exports.horizontalTabItemRoot = exports.horizontalTabItemConfig = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
9
|
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
10
|
-
var _tokens = /*#__PURE__*/require("
|
11
|
-
var _utils = /*#__PURE__*/require("
|
12
|
-
var _TabsContext = /*#__PURE__*/require("
|
10
|
+
var _tokens = /*#__PURE__*/require("../../../tokens");
|
11
|
+
var _utils = /*#__PURE__*/require("../../../../../utils");
|
12
|
+
var _TabsContext = /*#__PURE__*/require("../../../TabsContext");
|
13
13
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
14
14
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
15
15
|
var _base3 = /*#__PURE__*/require("./variations/_pilled/base");
|
16
16
|
var _base4 = /*#__PURE__*/require("./variations/_disabled/base");
|
17
|
-
var
|
18
|
-
var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
|
17
|
+
var _HorizontalTabItem = /*#__PURE__*/require("./HorizontalTabItem.styles");
|
18
|
+
var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
|
19
19
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
20
20
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
21
21
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
22
22
|
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; }
|
23
23
|
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; }
|
24
|
-
var
|
24
|
+
var horizontalTabItemRoot = exports.horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
|
25
25
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
|
26
26
|
var size = props.size,
|
27
27
|
view = props.view,
|
@@ -32,6 +32,7 @@ var tabItemRoot = exports.tabItemRoot = function tabItemRoot(Root) {
|
|
32
32
|
_props$pilled = props.pilled,
|
33
33
|
pilled = _props$pilled === void 0 ? false : _props$pilled,
|
34
34
|
children = props.children,
|
35
|
+
value = props.value,
|
35
36
|
contentLeft = props.contentLeft,
|
36
37
|
contentRight = props.contentRight,
|
37
38
|
_props$animated = props.animated,
|
@@ -62,6 +63,9 @@ var tabItemRoot = exports.tabItemRoot = function tabItemRoot(Root) {
|
|
62
63
|
};
|
63
64
|
}, [refs]);
|
64
65
|
var onItemFocus = (0, _react.useCallback)(function (event) {
|
66
|
+
if (disabled) {
|
67
|
+
return;
|
68
|
+
}
|
65
69
|
if (!hasKeyNavigation && innerRef !== null && innerRef !== void 0 && innerRef.current) {
|
66
70
|
innerRef.current.scrollTo({
|
67
71
|
top: 0,
|
@@ -70,7 +74,7 @@ var tabItemRoot = exports.tabItemRoot = function tabItemRoot(Root) {
|
|
70
74
|
});
|
71
75
|
return;
|
72
76
|
}
|
73
|
-
if (
|
77
|
+
if (!refs) {
|
74
78
|
return;
|
75
79
|
}
|
76
80
|
var focusIndex = refs.items.findIndex(function (itemRef) {
|
@@ -103,20 +107,20 @@ var tabItemRoot = exports.tabItemRoot = function tabItemRoot(Root) {
|
|
103
107
|
tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
|
104
108
|
className: (0, _utils.cx)(pilledClass, selectedClass, animatedClass, className),
|
105
109
|
onClick: handleClick
|
106
|
-
}, rest), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && /*#__PURE__*/_react["default"].createElement(
|
110
|
+
}, rest), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.LeftContent, {
|
107
111
|
className: _tokens.classes.tabLeftContent
|
108
|
-
}, contentLeft), /*#__PURE__*/_react["default"].createElement(
|
112
|
+
}, contentLeft), /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.StyledContent, {
|
109
113
|
className: _tokens.classes.tabContent
|
110
|
-
}, children), contentRight && /*#__PURE__*/_react["default"].createElement(
|
114
|
+
}, children), value && /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.TabItemValue, null, value), contentRight && /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.RightContent, {
|
111
115
|
className: _tokens.classes.tabRightContent
|
112
116
|
}, contentRight)));
|
113
117
|
});
|
114
118
|
};
|
115
|
-
var
|
116
|
-
name: '
|
119
|
+
var horizontalTabItemConfig = exports.horizontalTabItemConfig = {
|
120
|
+
name: 'HorizontalTabItem',
|
117
121
|
tag: 'button',
|
118
|
-
layout:
|
119
|
-
base:
|
122
|
+
layout: horizontalTabItemRoot,
|
123
|
+
base: _HorizontalTabItem.base,
|
120
124
|
variations: {
|
121
125
|
size: {
|
122
126
|
css: _base2.base
|
@@ -4,10 +4,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.base = exports.StyledContent = exports.RightContent = exports.LeftContent = void 0;
|
7
|
+
exports.base = exports.TabItemValue = exports.StyledContent = exports.RightContent = exports.LeftContent = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
-
var _mixins = /*#__PURE__*/require("
|
10
|
-
var _tokens = /*#__PURE__*/require("
|
9
|
+
var _mixins = /*#__PURE__*/require("../../../../../mixins");
|
10
|
+
var _tokens = /*#__PURE__*/require("../../../tokens");
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
13
13
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.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.tokens.itemContentGap, _tokens.tokens.itemPaddingClear, _tokens.tokens.itemPadding, /*#__PURE__*/(0, _mixins.addFocus)({
|
@@ -18,11 +18,14 @@ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["position:rel
|
|
18
18
|
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.tokens.outlineFocusColor, ");\n }\n }\n ")
|
19
19
|
}));
|
20
20
|
var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
21
|
-
componentId: "plasma-new-hope__sc-
|
21
|
+
componentId: "plasma-new-hope__sc-lremls-0"
|
22
22
|
})(["display:inline-block;width:fit-content;padding:0 var(", ",var(", "));"], _tokens.tokens.itemContentPaddingClear, _tokens.tokens.itemContentPadding);
|
23
|
+
var TabItemValue = exports.TabItemValue = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
24
|
+
componentId: "plasma-new-hope__sc-lremls-1"
|
25
|
+
})(["color:var(", ");"], _tokens.tokens.itemValueColor);
|
23
26
|
var RightContent = exports.RightContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
24
|
-
componentId: "plasma-new-hope__sc-
|
25
|
-
})(["display:flex;color:
|
27
|
+
componentId: "plasma-new-hope__sc-lremls-2"
|
28
|
+
})(["display:flex;color:inherit;&:hover{color:inherit;}"]);
|
26
29
|
var LeftContent = exports.LeftContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
27
|
-
componentId: "plasma-new-hope__sc-
|
30
|
+
componentId: "plasma-new-hope__sc-lremls-3"
|
28
31
|
})(["display:flex;color:inherit;&:hover{color:inherit;}"]);
|
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _tokens = /*#__PURE__*/require("
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[disabled]{cursor:not-allowed;&:hover{color:var(", ");background-color:var(", ");}&.", ":hover{color:var(", ");background-color:var(", ");}}"], _tokens.tokens.itemColor, _tokens.tokens.itemBackgroundColor,
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../../tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[disabled]{cursor:not-allowed;&:hover{color:var(", ");background-color:var(", ");}&.", ":hover{color:var(", ");background-color:var(", ");}}"], _tokens.tokens.itemColor, _tokens.tokens.itemBackgroundColor, _tokens.classes.selectedTabsItem, _tokens.tokens.itemSelectedColor, _tokens.tokens.itemSelectedBackgroundColor);
|
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _tokens = /*#__PURE__*/require("
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");padding:var(", ");}"],
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../../tokens");
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");padding:var(", ");}"], _tokens.classes.tabsPilled, _tokens.tokens.itemPilledBorderRadius, _tokens.tokens.itemPilledBorderRadius, _tokens.tokens.itemPaddingPilled);
|
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _tokens = /*#__PURE__*/require("
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../../tokens");
|
9
9
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.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.tokens.fontFamily, _tokens.tokens.fontSize, _tokens.tokens.fontStyle, _tokens.tokens.fontWeight, _tokens.tokens.letterSpacing, _tokens.tokens.lineHeight, _tokens.tokens.itemBorderRadius, _tokens.tokens.itemBorderRadius, _tokens.tokens.itemWidth, _tokens.tokens.itemHeight);
|
@@ -0,0 +1,10 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../../tokens");
|
9
|
+
var _HorizontalTabItem = /*#__PURE__*/require("../../HorizontalTabItem.styles");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");margin-left:var(", ",var(", "));&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}}&:active{color:var(", ");", "{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.tokens.itemColor, _tokens.tokens.itemBackgroundColor, _tokens.tokens.itemMarginLeftFilled, _tokens.tokens.itemMarginLeft, _tokens.tokens.itemColorHover, _tokens.tokens.itemBackgroundColorHover, _HorizontalTabItem.TabItemValue, _tokens.tokens.itemValueColorHover, _tokens.tokens.itemColorActive, _HorizontalTabItem.TabItemValue, _tokens.tokens.itemValueColorActive, _tokens.classes.tabItemAnimated, _tokens.tokens.itemBackgroundTransition, _tokens.classes.selectedTabsItem, _tokens.tokens.itemSelectedColor, _tokens.tokens.itemSelectedBackgroundColor, _tokens.tokens.itemSelectedColorHover, _tokens.tokens.itemSelectedBackgroundColorHover, _tokens.tokens.itemSelectedDividerColorHover, _HorizontalTabItem.TabItemValue, _tokens.tokens.itemSelectedValueColorHover, _tokens.tokens.itemSelectedValueColorHover, _tokens.tokens.itemSelectedDividerColor, _tokens.tokens.itemSelectedDividerHeight);
|
@@ -4,19 +4,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.
|
7
|
+
exports.horizontalTabsRoot = exports.horizontalTabsConfig = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
9
|
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
10
|
-
var _Icon = /*#__PURE__*/require("
|
11
|
-
var _tokens = /*#__PURE__*/require("
|
12
|
-
var _utils = /*#__PURE__*/require("
|
13
|
-
var _TabsContext = /*#__PURE__*/require("
|
10
|
+
var _Icon = /*#__PURE__*/require("../../../../_Icon");
|
11
|
+
var _tokens = /*#__PURE__*/require("../../../tokens");
|
12
|
+
var _utils = /*#__PURE__*/require("../../../../../utils");
|
13
|
+
var _TabsContext = /*#__PURE__*/require("../../../TabsContext");
|
14
14
|
var _base = /*#__PURE__*/require("./variations/_size/base");
|
15
15
|
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
16
16
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
17
17
|
var _base4 = /*#__PURE__*/require("./variations/_pilled/base");
|
18
18
|
var _base5 = /*#__PURE__*/require("./variations/_stretch/base");
|
19
|
-
var
|
19
|
+
var _HorizontalTabs = /*#__PURE__*/require("./HorizontalTabs.styles");
|
20
20
|
var _excluded = ["id", "stretch", "disabled", "clip", "size", "view", "children", "pilled", "index", "className"];
|
21
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
22
22
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
@@ -36,7 +36,7 @@ var Keys = /*#__PURE__*/function (Keys) {
|
|
36
36
|
Keys[Keys["right"] = 39] = "right";
|
37
37
|
return Keys;
|
38
38
|
}(Keys || {});
|
39
|
-
var
|
39
|
+
var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoot(Root) {
|
40
40
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
|
41
41
|
var id = props.id,
|
42
42
|
_props$stretch = props.stretch,
|
@@ -114,7 +114,7 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
|
|
114
114
|
});
|
115
115
|
}, [disabled, scrollRef, refs]);
|
116
116
|
var PreviousButton = (0, _react.useMemo)(function () {
|
117
|
-
return /*#__PURE__*/_react["default"].createElement(
|
117
|
+
return /*#__PURE__*/_react["default"].createElement(_HorizontalTabs.StyledArrow, {
|
118
118
|
type: "button",
|
119
119
|
"aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0442\u0430\u0431",
|
120
120
|
onClick: onPrev,
|
@@ -128,7 +128,7 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
|
|
128
128
|
}));
|
129
129
|
}, [onPrev, disabled, isFilled]);
|
130
130
|
var NextButton = (0, _react.useMemo)(function () {
|
131
|
-
return /*#__PURE__*/_react["default"].createElement(
|
131
|
+
return /*#__PURE__*/_react["default"].createElement(_HorizontalTabs.StyledArrow, {
|
132
132
|
type: "button",
|
133
133
|
"aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0442\u0430\u0431",
|
134
134
|
onClick: onNext,
|
@@ -174,7 +174,7 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
|
|
174
174
|
event.preventDefault();
|
175
175
|
(_refs$items$nextIndex = refs.items[nextIndex].current) === null || _refs$items$nextIndex === void 0 || _refs$items$nextIndex.focus();
|
176
176
|
(_refs$items$nextIndex2 = refs.items[nextIndex].current) === null || _refs$items$nextIndex2 === void 0 || _refs$items$nextIndex2.scrollIntoView({
|
177
|
-
block: '
|
177
|
+
block: 'nearest',
|
178
178
|
inline: 'center',
|
179
179
|
behavior: 'smooth'
|
180
180
|
});
|
@@ -206,20 +206,20 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
|
|
206
206
|
disabled: disabled,
|
207
207
|
className: (0, _utils.cx)(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, className),
|
208
208
|
onKeyDown: onKeyDown
|
209
|
-
}, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(
|
209
|
+
}, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_HorizontalTabs.StyledContentWrapper, {
|
210
210
|
className: (0, _utils.cx)(clipScrollClass, clipShowAllClass),
|
211
211
|
ref: scrollRef,
|
212
212
|
onScroll: handleScroll
|
213
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
213
|
+
}, /*#__PURE__*/_react["default"].createElement(_HorizontalTabs.StyledContent, {
|
214
214
|
ref: trackRef
|
215
215
|
}, children)), !lastItemVisible && NextButton));
|
216
216
|
});
|
217
217
|
};
|
218
|
-
var
|
219
|
-
name: '
|
218
|
+
var horizontalTabsConfig = exports.horizontalTabsConfig = {
|
219
|
+
name: 'HorizontalTabs',
|
220
220
|
tag: 'div',
|
221
|
-
layout:
|
222
|
-
base:
|
221
|
+
layout: horizontalTabsRoot,
|
222
|
+
base: _HorizontalTabs.base,
|
223
223
|
variations: {
|
224
224
|
size: {
|
225
225
|
css: _base.base
|
@@ -6,21 +6,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
});
|
7
7
|
exports.base = exports.StyledContentWrapper = exports.StyledContent = exports.StyledArrow = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
-
var _mixins = /*#__PURE__*/require("
|
10
|
-
var _tokens = /*#__PURE__*/require("
|
9
|
+
var _mixins = /*#__PURE__*/require("../../../../../mixins");
|
10
|
+
var _tokens = /*#__PURE__*/require("../../../tokens");
|
11
11
|
var _templateObject;
|
12
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
13
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
14
14
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15
15
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n gap: 0.125rem;\n align-items: center;\n position: relative;\n"])));
|
16
16
|
var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
17
|
-
componentId: "plasma-new-hope__sc-
|
17
|
+
componentId: "plasma-new-hope__sc-1nr0m0h-0"
|
18
18
|
})(["display:inline-flex;flex-direction:row;align-items:center;"]);
|
19
19
|
var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
20
|
-
componentId: "plasma-new-hope__sc-
|
21
|
-
})(["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;}"], _tokens.classes.tabsClipScroll, _tokens.classes.tabsClipShowAll);
|
20
|
+
componentId: "plasma-new-hope__sc-1nr0m0h-1"
|
21
|
+
})(["margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;z-index:1;&.", "{overflow:scroll;scroll-padding:0.25rem;overscroll-behavior:contain;scrollbar-width:none;::-webkit-scrollbar{display:none;}}&.", "{overflow:visible;}"], _tokens.classes.tabsClipScroll, _tokens.classes.tabsClipShowAll);
|
22
22
|
var StyledArrow = exports.StyledArrow = /*#__PURE__*/_styledComponents["default"].button.withConfig({
|
23
|
-
componentId: "plasma-new-hope__sc-
|
23
|
+
componentId: "plasma-new-hope__sc-1nr0m0h-2"
|
24
24
|
})(["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__*/(0, _mixins.addFocus)({
|
25
25
|
outlineSize: '0.063rem',
|
26
26
|
outlineOffset: '-0.125rem',
|
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _tokens = /*#__PURE__*/require("
|
8
|
+
var _tokens = /*#__PURE__*/require("../../../../../tokens");
|
9
9
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["opacity:var(", ");"], _tokens.tokens.disabledOpacity);
|