@salutejs/plasma-new-hope 0.163.0-canary.1475.11269507677.0 → 0.163.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +15 -77
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +7 -14
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +9 -33
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js +48 -20
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +1 -11
- package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/DatePicker/utils/dateHelper.js +0 -31
- package/cjs/components/DatePicker/utils/dateHelper.js.map +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/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css +5 -0
- 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_4zingj.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} +21 -21
- 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 +126 -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_16d3lah.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_fueiq8.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/index.css +41 -17
- package/cjs/index.js +12 -6
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Badge/Badge.template-doc.mdx +3 -1
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +15 -77
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +7 -14
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +9 -33
- package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +48 -20
- package/emotion/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +1 -11
- package/emotion/cjs/components/DatePicker/utils/dateHelper.js +1 -31
- package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +86 -21
- package/emotion/cjs/components/Tabs/index.js +36 -10
- package/emotion/cjs/components/Tabs/tokens.js +12 -4
- package/emotion/cjs/components/Tabs/ui/{TabItem/TabItem.js → 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} +17 -17
- 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 +128 -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/examples/plasma_b2c/components/Badge/Badge.config.js +14 -13
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -2
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +14 -3
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +14 -3
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +428 -71
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabsController.js +8 -3
- 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_web/components/Badge/Badge.config.js +14 -13
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.js +14 -3
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.js +14 -3
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +428 -71
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabsController.js +8 -3
- 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/es/components/Badge/Badge.template-doc.mdx +3 -1
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +17 -79
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +7 -14
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +10 -34
- package/emotion/es/components/DatePicker/hooks/useDatePicker.js +49 -21
- package/emotion/es/components/DatePicker/hooks/useKeyboardNavigation.js +1 -11
- package/emotion/es/components/DatePicker/utils/dateHelper.js +0 -30
- package/emotion/es/components/Tabs/Tabs.template-doc.mdx +86 -21
- package/emotion/es/components/Tabs/index.js +4 -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/{styled-components/es/components/Tabs/ui/Tabs/Tabs.js → emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js} +11 -11
- 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 +119 -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/examples/plasma_b2c/components/Badge/Badge.config.js +14 -13
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -2
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +14 -4
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.js +14 -4
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +428 -71
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabsController.js +9 -4
- 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_web/components/Badge/Badge.config.js +14 -13
- package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.js +14 -4
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.js +14 -4
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +428 -71
- package/emotion/es/examples/plasma_web/components/Tabs/TabsController.js +9 -4
- 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/es/components/DatePicker/RangeDate/RangeDate.js +17 -79
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +7 -14
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +10 -34
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/hooks/useDatePicker.js +49 -21
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/DatePicker/hooks/useKeyboardNavigation.js +1 -11
- package/es/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/DatePicker/utils/dateHelper.js +1 -31
- package/es/components/DatePicker/utils/dateHelper.js.map +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/horizontal/HorizontalTabItem/HorizontalTabItem.styles_hfqv5b.css +5 -0
- 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_4zingj.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} +15 -15
- 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 +121 -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_16d3lah.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_fueiq8.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/index.css +41 -17
- package/es/index.js +4 -2
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +3 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +15 -77
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +7 -14
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +9 -33
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +48 -20
- package/styled-components/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +1 -11
- package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +1 -31
- package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +86 -21
- package/styled-components/cjs/components/Tabs/index.js +36 -10
- package/styled-components/cjs/components/Tabs/tokens.js +12 -4
- package/styled-components/cjs/components/Tabs/ui/{TabItem/TabItem.js → horizontal/HorizontalTabItem/HorizontalTabItem.js} +19 -15
- package/styled-components/cjs/components/Tabs/ui/{TabItem/TabItem.styles.js → horizontal/HorizontalTabItem/HorizontalTabItem.styles.js} +11 -8
- 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} +17 -17
- 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 +128 -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/examples/plasma_b2c/components/Badge/Badge.config.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +14 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +14 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +428 -71
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabsController.js +8 -3
- 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_web/components/Badge/Badge.config.js +2 -1
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.js +14 -3
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.js +14 -3
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +428 -71
- package/styled-components/cjs/examples/plasma_web/components/Tabs/TabsController.js +8 -3
- 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/es/components/Badge/Badge.template-doc.mdx +3 -1
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +17 -79
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +7 -14
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +10 -34
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +49 -21
- package/styled-components/es/components/DatePicker/hooks/useKeyboardNavigation.js +1 -11
- package/styled-components/es/components/DatePicker/utils/dateHelper.js +0 -30
- package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +86 -21
- package/styled-components/es/components/Tabs/index.js +4 -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} +10 -7
- 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/{emotion/es/components/Tabs/ui/Tabs/Tabs.js → styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js} +11 -11
- 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 +119 -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/examples/plasma_b2c/components/Badge/Badge.config.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -2
- package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.js +14 -4
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.js +14 -4
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +428 -71
- package/styled-components/es/examples/plasma_b2c/components/Tabs/TabsController.js +9 -4
- 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_web/components/Badge/Badge.config.js +2 -1
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.js +14 -4
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.js +14 -4
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +428 -71
- package/styled-components/es/examples/plasma_web/components/Tabs/TabsController.js +9 -4
- 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/types/components/DatePicker/DatePickerBase.types.d.ts +5 -7
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +8 -8
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +4 -14
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +1 -2
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.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 +2 -12
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts +3 -2
- package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts +1 -3
- package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/DatePicker/utils/dateHelper.d.ts +0 -10
- package/types/components/DatePicker/utils/dateHelper.d.ts.map +1 -1
- package/types/components/Popover/Popover.types.d.ts +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} +36 -9
- package/types/components/Tabs/Tabs.types.d.ts.map +1 -0
- package/types/components/Tabs/createTabsController.d.ts +5 -4
- package/types/components/Tabs/createTabsController.d.ts.map +1 -1
- package/types/components/Tabs/index.d.ts +6 -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/examples/plasma_b2c/components/Badge/Badge.config.d.ts +1 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +1 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +4 -4
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +54 -3
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +20 -3
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/{plasma_web/components/Tabs/TabItem.config.d.ts → plasma_b2c/components/Tabs/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_web/components/Badge/Badge.config.d.ts +1 -0
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.d.ts +1 -0
- package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +4 -4
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +54 -3
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +20 -3
- 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_b2c/components/Tabs/TabItem.config.d.ts → plasma_web/components/Tabs/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/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/TabItem.styles_pj75hv.css +0 -4
- 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/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/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/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/TabItem.styles_pj75hv.css +0 -4
- 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/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +0 -10
- 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/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/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
@@ -1,9 +1,11 @@
|
|
1
1
|
import { classes } from '../DatePicker.tokens';
|
2
|
-
import { formatCalendarValue, formatInputValue, getDateFromFormat, getMaskedDateOnInput
|
2
|
+
import { formatCalendarValue, formatInputValue, getDateFromFormat, getMaskedDateOnInput } from '../utils/dateHelper';
|
3
|
+
import { customDayjs } from '../../../utils/datejs';
|
3
4
|
export var useDatePicker = function useDatePicker(_ref) {
|
4
5
|
var currentValue = _ref.currentValue,
|
5
6
|
setInputValue = _ref.setInputValue,
|
6
7
|
setCalendarValue = _ref.setCalendarValue,
|
8
|
+
setIsInnerOpen = _ref.setIsInnerOpen,
|
7
9
|
dateFormatDelimiter = _ref.dateFormatDelimiter,
|
8
10
|
format = _ref.format,
|
9
11
|
_ref$lang = _ref.lang,
|
@@ -13,12 +15,24 @@ export var useDatePicker = function useDatePicker(_ref) {
|
|
13
15
|
maskWithFormat = _ref.maskWithFormat,
|
14
16
|
valueError = _ref.valueError,
|
15
17
|
valueSuccess = _ref.valueSuccess,
|
18
|
+
inputRef = _ref.inputRef,
|
16
19
|
name = _ref.name,
|
20
|
+
onToggle = _ref.onToggle,
|
17
21
|
onChangeValue = _ref.onChangeValue,
|
18
22
|
onCommitDate = _ref.onCommitDate,
|
19
23
|
onChange = _ref.onChange;
|
20
24
|
var datePickerErrorClass = valueError ? classes.datePickerError : undefined;
|
21
25
|
var datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;
|
26
|
+
var handleToggle = function handleToggle(opened, event) {
|
27
|
+
if (disabled || readOnly) {
|
28
|
+
return;
|
29
|
+
}
|
30
|
+
var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) ? true : opened;
|
31
|
+
if (onToggle) {
|
32
|
+
return onToggle(isCalendarOpen, event);
|
33
|
+
}
|
34
|
+
setIsInnerOpen(isCalendarOpen);
|
35
|
+
};
|
22
36
|
var handleChangeValue = function handleChangeValue(event) {
|
23
37
|
if (disabled || readOnly) {
|
24
38
|
return;
|
@@ -41,14 +55,24 @@ export var useDatePicker = function useDatePicker(_ref) {
|
|
41
55
|
});
|
42
56
|
return;
|
43
57
|
}
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
58
|
+
|
59
|
+
/**
|
60
|
+
* NOTE: если в формате даты есть месяц в полном названии или сокращенном,
|
61
|
+
* нужно дополнительно проводить валидацию на полноту введенной даты.
|
62
|
+
* Иначе dayjs циклически будет пытаться отформатировать некорректную дату.
|
63
|
+
*/
|
64
|
+
var hasMonthFullName = /M{3,4}/g.test(format);
|
65
|
+
var isValidMonth;
|
66
|
+
var isLengthEqual;
|
67
|
+
if (hasMonthFullName) {
|
68
|
+
customDayjs.locale(lang);
|
69
|
+
var firstIndexOfMonth = format.indexOf('M');
|
70
|
+
var lastIndexOfMonth = newValue.indexOf(dateFormatDelimiter(), firstIndexOfMonth);
|
71
|
+
var fullMonthName = !lastIndexOfMonth ? newValue.slice(firstIndexOfMonth) : newValue.slice(firstIndexOfMonth, lastIndexOfMonth);
|
72
|
+
var monthFormatting = format.replace(/[^M]/g, '');
|
73
|
+
isValidMonth = customDayjs("01 ".concat(fullMonthName, " 1970"), "DD ".concat(monthFormatting, " YYYY"), true).isValid();
|
74
|
+
isLengthEqual = format.length - monthFormatting.length === newValue.length - fullMonthName.length;
|
75
|
+
}
|
52
76
|
if (!hasMonthFullName && (newValue === null || newValue === void 0 ? void 0 : newValue.length) === (format === null || format === void 0 ? void 0 : format.length) || isValidMonth && isLengthEqual) {
|
53
77
|
setCalendarValue(formatCalendarValue(newValue, format, lang));
|
54
78
|
}
|
@@ -78,18 +102,20 @@ export var useDatePicker = function useDatePicker(_ref) {
|
|
78
102
|
return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate('', false, true);
|
79
103
|
}
|
80
104
|
if (isCalendarValue) {
|
81
|
-
|
105
|
+
setCalendarValue(formatCalendarValue(date, format, lang));
|
106
|
+
setInputValue(formatInputValue({
|
82
107
|
value: date,
|
83
108
|
format: format,
|
84
109
|
lang: lang
|
85
|
-
});
|
86
|
-
setCalendarValue(formatCalendarValue(date, format, lang));
|
87
|
-
setInputValue(_formattedInputValue);
|
110
|
+
}));
|
88
111
|
onCommitDate === null || onCommitDate === void 0 || onCommitDate(date, false, true, dateInfo);
|
89
|
-
onChangeValue === null || onChangeValue === void 0 || onChangeValue(null, _formattedInputValue);
|
90
112
|
onChange === null || onChange === void 0 || onChange({
|
91
113
|
target: {
|
92
|
-
value:
|
114
|
+
value: formatInputValue({
|
115
|
+
value: date,
|
116
|
+
format: format,
|
117
|
+
lang: lang
|
118
|
+
}),
|
93
119
|
name: name
|
94
120
|
}
|
95
121
|
});
|
@@ -100,18 +126,19 @@ export var useDatePicker = function useDatePicker(_ref) {
|
|
100
126
|
newDate = _getDateFromFormat.value,
|
101
127
|
isError = _getDateFromFormat.isError,
|
102
128
|
isSuccess = _getDateFromFormat.isSuccess;
|
103
|
-
|
129
|
+
setCalendarValue(formatCalendarValue(newDate, format, lang));
|
130
|
+
setInputValue(formatInputValue({
|
104
131
|
value: newDate,
|
105
132
|
format: format,
|
106
133
|
lang: lang
|
107
|
-
});
|
108
|
-
setCalendarValue(formatCalendarValue(newDate, format, lang));
|
109
|
-
setInputValue(formattedInputValue);
|
134
|
+
}));
|
110
135
|
onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
|
111
|
-
onChangeValue === null || onChangeValue === void 0 || onChangeValue(null, formattedInputValue);
|
112
136
|
onChange === null || onChange === void 0 || onChange({
|
113
137
|
target: {
|
114
|
-
value:
|
138
|
+
value: formatInputValue({
|
139
|
+
value: date,
|
140
|
+
format: format
|
141
|
+
}),
|
115
142
|
name: name
|
116
143
|
}
|
117
144
|
});
|
@@ -119,6 +146,7 @@ export var useDatePicker = function useDatePicker(_ref) {
|
|
119
146
|
return {
|
120
147
|
datePickerErrorClass: datePickerErrorClass,
|
121
148
|
datePickerSuccessClass: datePickerSuccessClass,
|
149
|
+
handleToggle: handleToggle,
|
122
150
|
handleChangeValue: handleChangeValue,
|
123
151
|
handleCommitDate: handleCommitDate
|
124
152
|
};
|
@@ -1,10 +1,8 @@
|
|
1
1
|
export var keys = {
|
2
|
-
Space: 'Space'
|
3
|
-
Escape: 'Escape'
|
2
|
+
Space: 'Space'
|
4
3
|
};
|
5
4
|
export var useKeyNavigation = function useKeyNavigation(_ref) {
|
6
5
|
var isCalendarOpen = _ref.isCalendarOpen,
|
7
|
-
closeOnEsc = _ref.closeOnEsc,
|
8
6
|
onToggle = _ref.onToggle;
|
9
7
|
var onKeyDown = function onKeyDown(event) {
|
10
8
|
switch (event.code) {
|
@@ -16,14 +14,6 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
16
14
|
}
|
17
15
|
break;
|
18
16
|
}
|
19
|
-
case keys.Escape:
|
20
|
-
{
|
21
|
-
if (isCalendarOpen && closeOnEsc) {
|
22
|
-
event.preventDefault();
|
23
|
-
onToggle(false, event);
|
24
|
-
}
|
25
|
-
break;
|
26
|
-
}
|
27
17
|
default:
|
28
18
|
{
|
29
19
|
break;
|
@@ -78,34 +78,4 @@ export var getMaskedDateOnInput = function getMaskedDateOnInput(value, format, d
|
|
78
78
|
return value + delimiter;
|
79
79
|
}
|
80
80
|
return value;
|
81
|
-
};
|
82
|
-
export var validateDateWithFullMonth = function validateDateWithFullMonth(_ref2) {
|
83
|
-
var currentValue = _ref2.currentValue,
|
84
|
-
format = _ref2.format,
|
85
|
-
lang = _ref2.lang;
|
86
|
-
/**
|
87
|
-
* NOTE: если в формате даты есть месяц в полном названии или сокращенном,
|
88
|
-
* нужно дополнительно проводить валидацию на полноту введенной даты.
|
89
|
-
* Иначе dayjs циклически будет пытаться отформатировать некорректную дату.
|
90
|
-
*/
|
91
|
-
var hasMonthFullName = /M{3,4}/g.test(format);
|
92
|
-
if (!hasMonthFullName) {
|
93
|
-
return {
|
94
|
-
hasMonthFullName: hasMonthFullName,
|
95
|
-
isValidMonth: false,
|
96
|
-
isLengthEqual: false
|
97
|
-
};
|
98
|
-
}
|
99
|
-
customDayjs.locale(lang);
|
100
|
-
var firstIndexOfMonth = format.indexOf('M');
|
101
|
-
var lastIndexOfMonth = currentValue.indexOf(getDateFormatDelimiter(format), firstIndexOfMonth);
|
102
|
-
var fullMonthName = !lastIndexOfMonth ? currentValue.slice(firstIndexOfMonth) : currentValue.slice(firstIndexOfMonth, lastIndexOfMonth);
|
103
|
-
var monthFormatting = format.replace(/[^M]/g, '');
|
104
|
-
var isValidMonth = customDayjs("01 ".concat(fullMonthName, " 1970"), "DD ".concat(monthFormatting, " YYYY"), true).isValid();
|
105
|
-
var isLengthEqual = format.length - monthFormatting.length === currentValue.length - fullMonthName.length;
|
106
|
-
return {
|
107
|
-
hasMonthFullName: hasMonthFullName,
|
108
|
-
isValidMonth: isValidMonth,
|
109
|
-
isLengthEqual: isLengthEqual
|
110
|
-
};
|
111
81
|
};
|
@@ -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
|
}
|
@@ -1,5 +1,7 @@
|
|
1
|
-
export {
|
2
|
-
export {
|
1
|
+
export { horizontalTabsRoot, horizontalTabsConfig } from './ui/horizontal/HorizontalTabs/HorizontalTabs';
|
2
|
+
export { horizontalTabItemRoot, horizontalTabItemConfig } from './ui/horizontal/HorizontalTabItem/HorizontalTabItem';
|
3
|
+
export { verticalTabsRoot, verticalTabsConfig } from './ui/vertical/VerticalTabs/VerticalTabs';
|
4
|
+
export { verticalTabItemRoot, verticalTabItemConfig } from './ui/vertical/VerticalTabItem/VerticalTabItem';
|
3
5
|
export { tokens as tabsTokens } from './tokens';
|
4
6
|
export { TabItemRefs, TabsContext } from './TabsContext';
|
5
7
|
export { createTabsController } from './createTabsController';
|
@@ -3,6 +3,7 @@ export var classes = {
|
|
3
3
|
tabsPilled: 'tabs-pilled',
|
4
4
|
tabsGroupFilledBackground: 'tabs-group-filled-background',
|
5
5
|
tabsStretch: 'tabs-stretched',
|
6
|
+
tabsNoDivider: 'tabs-no-divider',
|
6
7
|
tabItemDivider: 'tab-item-divider',
|
7
8
|
tabItemAnimated: 'tab-item-animated',
|
8
9
|
tabContent: 'tab-item-content',
|
@@ -10,18 +11,23 @@ export var classes = {
|
|
10
11
|
tabLeftContent: 'tab-item-left-content',
|
11
12
|
tabsHasLeftArrow: 'tabs-has-left-arrow',
|
12
13
|
tabsHasRightArrow: 'tabs-has-right-arrow',
|
14
|
+
tabsHasTopArrow: 'tabs-has-top-arrow',
|
15
|
+
tabsHasBottomArrow: 'tabs-has-bottom-arrow',
|
13
16
|
tabsClipScroll: 'tabs-clip-scroll',
|
14
17
|
tabsClipShowAll: 'tabs-clip-show-all'
|
15
18
|
};
|
16
19
|
export var tokens = {
|
17
20
|
disabledOpacity: '--plasma-tabs-disabled-opacity',
|
18
21
|
containerWidth: '--plasma-tabs-container-width',
|
22
|
+
containerHeight: '--plasma-tabs-container-height',
|
19
23
|
cursor: '--plasma-tabs-cursor',
|
20
24
|
color: '--plasma-tabs-color',
|
21
25
|
colorHover: '--plasma-tabs-color-hover',
|
26
|
+
tabsDividerWidth: '--plasma-tabs-divider-width',
|
22
27
|
tabsDividerHeight: '--plasma-tabs-divider-height',
|
23
28
|
tabsDividerColor: '--plasma-tabs-divider-color',
|
24
29
|
tabsDividerBorderRadius: '--plasma-tabs-divider-border-radius',
|
30
|
+
itemSelectedDividerWidth: '--plasma-tab-item-selected-divider-width',
|
25
31
|
itemSelectedDividerHeight: '--plasma-tab-item-selected-divider-height',
|
26
32
|
itemSelectedDividerColor: '--plasma-tab-item-selected-divider-color',
|
27
33
|
itemSelectedDividerColorHover: '--plasma-tab-item-selected-hover-divider-color',
|
@@ -41,6 +47,7 @@ export var tokens = {
|
|
41
47
|
itemPadding: '--plasma-tab-item-padding',
|
42
48
|
itemPaddingClear: '--plasma-tab-item-padding-clear',
|
43
49
|
itemPaddingPilled: '--plasma-tab-item-padding-pilled',
|
50
|
+
itemPaddingOrientationVertical: '--plasma-tab-item-padding-orientation-vertical',
|
44
51
|
itemMarginLeft: '--plasma-tab-item-margin-left',
|
45
52
|
itemMarginLeftFilled: '--plasma-tab-item-margin-left-filled',
|
46
53
|
itemContentGap: '--plasma-tab-item-content-gap',
|
@@ -50,19 +57,20 @@ export var tokens = {
|
|
50
57
|
arrowOuterPadding: '--plasma-tab-arrow-outer-padding',
|
51
58
|
arrowViewOuterPadding: '--plasma-tab-arrow-view-outer-padding',
|
52
59
|
itemColor: '--plasma-tab-item-color',
|
60
|
+
itemValueColor: '--plasma-tab-item-value-color',
|
53
61
|
itemBackgroundColor: '--plasma-tab-item-background-color',
|
54
62
|
itemColorHover: '--plasma-tab-item-color-hover',
|
63
|
+
itemValueColorHover: '--plasma-tab-item-value-color-hover',
|
55
64
|
itemColorActive: '--plasma-tab-item-color-active',
|
65
|
+
itemValueColorActive: '--plasma-tab-item-value-color-active',
|
56
66
|
itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',
|
57
67
|
itemSelectedColor: '--plasma-tab-item-selected-color',
|
68
|
+
itemSelectedValueColor: '--plasma-tab-item-selected-value-color',
|
58
69
|
itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',
|
59
70
|
itemSelectedColorHover: '--plasma-tab-item-selected-color-hover',
|
71
|
+
itemSelectedValueColorHover: '--plasma-tab-item-selected-value-color-hover',
|
60
72
|
itemSelectedBackgroundColorHover: '--plasma-tab-item-selected-background-color-hover',
|
61
73
|
itemBackgroundTransition: '--plasma-tab-item-background-transition',
|
62
|
-
additionalContentColor: '--plasma-tab-item-additional-content-color',
|
63
|
-
additionalContentHoverColor: '--plasma-tab-item-hover-additional-content-color',
|
64
|
-
additionalContentSelectedColor: '--plasma-tab-item-selected-additional-content-color',
|
65
|
-
additionalContentSelectedHoverColor: '--plasma-tab-item-selected-hover-additional-content-color',
|
66
74
|
fontFamily: '--plasma-tab-item-font-family',
|
67
75
|
fontSize: '--plasma-tab-item-font-size',
|
68
76
|
fontStyle: '--plasma-tab-item-font-style',
|
@@ -1,18 +1,18 @@
|
|
1
|
-
var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
|
1
|
+
var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
5
5
|
import React, { forwardRef, useRef, useContext, useEffect, useCallback } from 'react';
|
6
6
|
import { useForkRef } from '@salutejs/plasma-core';
|
7
|
-
import { classes } from '
|
8
|
-
import { cx } from '
|
9
|
-
import { TabsContext } from '
|
7
|
+
import { classes } from '../../../tokens';
|
8
|
+
import { cx } from '../../../../../utils';
|
9
|
+
import { TabsContext } from '../../../TabsContext';
|
10
10
|
import { base as viewCSS } from './variations/_view/base';
|
11
11
|
import { base as sizeCSS } from './variations/_size/base';
|
12
12
|
import { base as pilledCSS } from './variations/_pilled/base';
|
13
13
|
import { base as disabledCSS } from './variations/_disabled/base';
|
14
|
-
import { LeftContent, RightContent, StyledContent, base } from './
|
15
|
-
export var
|
14
|
+
import { LeftContent, RightContent, StyledContent, TabItemValue, base } from './HorizontalTabItem.styles';
|
15
|
+
export var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
|
16
16
|
return /*#__PURE__*/forwardRef(function (props, outerRef) {
|
17
17
|
var size = props.size,
|
18
18
|
view = props.view,
|
@@ -23,6 +23,7 @@ export var tabItemRoot = function tabItemRoot(Root) {
|
|
23
23
|
_props$pilled = props.pilled,
|
24
24
|
pilled = _props$pilled === void 0 ? false : _props$pilled,
|
25
25
|
children = props.children,
|
26
|
+
value = props.value,
|
26
27
|
contentLeft = props.contentLeft,
|
27
28
|
contentRight = props.contentRight,
|
28
29
|
_props$animated = props.animated,
|
@@ -53,6 +54,9 @@ export var tabItemRoot = function tabItemRoot(Root) {
|
|
53
54
|
};
|
54
55
|
}, [refs]);
|
55
56
|
var onItemFocus = useCallback(function (event) {
|
57
|
+
if (disabled) {
|
58
|
+
return;
|
59
|
+
}
|
56
60
|
if (!hasKeyNavigation && innerRef !== null && innerRef !== void 0 && innerRef.current) {
|
57
61
|
innerRef.current.scrollTo({
|
58
62
|
top: 0,
|
@@ -61,7 +65,7 @@ export var tabItemRoot = function tabItemRoot(Root) {
|
|
61
65
|
});
|
62
66
|
return;
|
63
67
|
}
|
64
|
-
if (
|
68
|
+
if (!refs) {
|
65
69
|
return;
|
66
70
|
}
|
67
71
|
var focusIndex = refs.items.findIndex(function (itemRef) {
|
@@ -98,15 +102,15 @@ export var tabItemRoot = function tabItemRoot(Root) {
|
|
98
102
|
className: classes.tabLeftContent
|
99
103
|
}, contentLeft), /*#__PURE__*/React.createElement(StyledContent, {
|
100
104
|
className: classes.tabContent
|
101
|
-
}, children), contentRight && /*#__PURE__*/React.createElement(RightContent, {
|
105
|
+
}, children), !contentRight && value && /*#__PURE__*/React.createElement(TabItemValue, null, value), !value && contentRight && /*#__PURE__*/React.createElement(RightContent, {
|
102
106
|
className: classes.tabRightContent
|
103
107
|
}, contentRight)));
|
104
108
|
});
|
105
109
|
};
|
106
|
-
export var
|
107
|
-
name: '
|
110
|
+
export var horizontalTabItemConfig = {
|
111
|
+
name: 'HorizontalTabItem',
|
108
112
|
tag: 'button',
|
109
|
-
layout:
|
113
|
+
layout: horizontalTabItemRoot,
|
110
114
|
base: base,
|
111
115
|
variations: {
|
112
116
|
size: {
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { css } from 'styled-components';
|
3
|
-
import { addFocus } from '
|
4
|
-
import { tokens } from '
|
5
|
-
export var base = /*#__PURE__*/css(["position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;align-items:center;gap:var(", ");padding:var(", ",var(", "));appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:
|
3
|
+
import { addFocus } from '../../../../../mixins';
|
4
|
+
import { tokens } from '../../../tokens';
|
5
|
+
export var base = /*#__PURE__*/css(["position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;align-items:center;gap:var(", ");padding:var(", ",var(", "));appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent;&:first-child{margin-left:0;}", ";"], tokens.itemContentGap, tokens.itemPaddingClear, tokens.itemPadding, /*#__PURE__*/addFocus({
|
6
6
|
outlineSize: '0.063rem',
|
7
7
|
outlineOffset: '-0.125rem',
|
8
8
|
outlineColor: /*#__PURE__*/"var(".concat(tokens.outlineFocusColor, ")"),
|
@@ -10,11 +10,14 @@ export var base = /*#__PURE__*/css(["position:relative;display:flex;align-items:
|
|
10
10
|
customFocusRules: /*#__PURE__*/"\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(".concat(tokens.outlineFocusColor, ");\n }\n }\n ")
|
11
11
|
}));
|
12
12
|
export var StyledContent = /*#__PURE__*/styled.div.withConfig({
|
13
|
-
componentId: "plasma-new-hope__sc-
|
13
|
+
componentId: "plasma-new-hope__sc-lremls-0"
|
14
14
|
})(["display:inline-block;width:fit-content;padding:0 var(", ",var(", "));"], tokens.itemContentPaddingClear, tokens.itemContentPadding);
|
15
|
+
export var TabItemValue = /*#__PURE__*/styled.span.withConfig({
|
16
|
+
componentId: "plasma-new-hope__sc-lremls-1"
|
17
|
+
})(["color:var(", ");"], tokens.itemValueColor);
|
15
18
|
export var RightContent = /*#__PURE__*/styled.div.withConfig({
|
16
|
-
componentId: "plasma-new-hope__sc-
|
17
|
-
})(["display:flex;color:
|
19
|
+
componentId: "plasma-new-hope__sc-lremls-2"
|
20
|
+
})(["display:flex;color:inherit;&:hover{color:inherit;}"]);
|
18
21
|
export var LeftContent = /*#__PURE__*/styled.div.withConfig({
|
19
|
-
componentId: "plasma-new-hope__sc-
|
22
|
+
componentId: "plasma-new-hope__sc-lremls-3"
|
20
23
|
})(["display:flex;color:inherit;&:hover{color:inherit;}"]);
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { classes, tokens } from '
|
3
|
-
export var base = /*#__PURE__*/css(["&[disabled]{cursor:not-allowed;&:hover{color:var(", ");background-color:var(", ");}&.", ":hover{color:var(", ");background-color:var(", ");}}"], tokens.itemColor, tokens.itemBackgroundColor,
|
2
|
+
import { classes, tokens } from '../../../../../tokens';
|
3
|
+
export var base = /*#__PURE__*/css(["&[disabled]{cursor:not-allowed;&:hover{color:var(", ");background-color:var(", ");}&.", ":hover{color:var(", ");background-color:var(", ");}}"], tokens.itemColor, tokens.itemBackgroundColor, classes.selectedTabsItem, tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor);
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { classes, tokens } from '../../../../../tokens';
|
3
|
+
export var base = /*#__PURE__*/css(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");padding:var(", ");}"], classes.tabsPilled, tokens.itemPilledBorderRadius, tokens.itemPilledBorderRadius, tokens.itemPaddingPilled);
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { tokens } from '
|
2
|
+
import { tokens } from '../../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.itemBorderRadius, tokens.itemBorderRadius, tokens.itemWidth, tokens.itemHeight);
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { classes, tokens } from '../../../../../tokens';
|
3
|
+
import { TabItemValue } from '../../HorizontalTabItem.styles';
|
4
|
+
export var base = /*#__PURE__*/css(["color:var(", ");background-color:var(", ");margin-left:var(", ",var(", "));&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}}&:active{color:var(", ");", "{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:0;left:0;right:0;background:var(", ");height:var(", ");border-radius:0.063rem;}}"], tokens.itemColor, tokens.itemBackgroundColor, tokens.itemMarginLeftFilled, tokens.itemMarginLeft, tokens.itemColorHover, tokens.itemBackgroundColorHover, TabItemValue, tokens.itemValueColorHover, tokens.itemColorActive, TabItemValue, tokens.itemValueColorActive, classes.tabItemAnimated, tokens.itemBackgroundTransition, classes.selectedTabsItem, tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor, tokens.itemSelectedColorHover, tokens.itemSelectedBackgroundColorHover, tokens.itemSelectedDividerColorHover, TabItemValue, tokens.itemSelectedValueColorHover, tokens.itemSelectedValueColorHover, tokens.itemSelectedDividerColor, tokens.itemSelectedDividerHeight);
|
@@ -10,24 +10,24 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
10
10
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
11
11
|
import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef } from 'react';
|
12
12
|
import { safeUseId } from '@salutejs/plasma-core';
|
13
|
-
import { IconDisclosureLeft, IconDisclosureRight } from '
|
14
|
-
import { classes, tokens } from '
|
15
|
-
import { cx } from '
|
16
|
-
import { TabItemRefs, TabsContext } from '
|
13
|
+
import { IconDisclosureLeft, IconDisclosureRight } from '../../../../_Icon';
|
14
|
+
import { classes, tokens } from '../../../tokens';
|
15
|
+
import { cx } from '../../../../../utils';
|
16
|
+
import { TabItemRefs, TabsContext } from '../../../TabsContext';
|
17
17
|
import { base as sizeCSS } from './variations/_size/base';
|
18
18
|
import { base as viewCSS } from './variations/_view/base';
|
19
19
|
import { base as disabledCSS } from './variations/_disabled/base';
|
20
20
|
import { base as pilledCSS } from './variations/_pilled/base';
|
21
21
|
import { base as stretchCSS } from './variations/_stretch/base';
|
22
|
-
import { StyledArrow, StyledContent, StyledContentWrapper, base } from './
|
22
|
+
import { StyledArrow, StyledContent, StyledContentWrapper, base } from './HorizontalTabs.styles';
|
23
23
|
var Keys = /*#__PURE__*/function (Keys) {
|
24
24
|
Keys[Keys["end"] = 35] = "end";
|
25
25
|
Keys[Keys["home"] = 36] = "home";
|
26
26
|
Keys[Keys["left"] = 37] = "left";
|
27
27
|
Keys[Keys["right"] = 39] = "right";
|
28
28
|
return Keys;
|
29
|
-
}(Keys || {});
|
30
|
-
export var
|
29
|
+
}(Keys || {}); // TODO: https://github.com/salute-developers/plasma/issues/1474
|
30
|
+
export var horizontalTabsRoot = function horizontalTabsRoot(Root) {
|
31
31
|
return /*#__PURE__*/forwardRef(function (props, outerRef) {
|
32
32
|
var id = props.id,
|
33
33
|
_props$stretch = props.stretch,
|
@@ -165,7 +165,7 @@ export var tabsRoot = function tabsRoot(Root) {
|
|
165
165
|
event.preventDefault();
|
166
166
|
(_refs$items$nextIndex = refs.items[nextIndex].current) === null || _refs$items$nextIndex === void 0 || _refs$items$nextIndex.focus();
|
167
167
|
(_refs$items$nextIndex2 = refs.items[nextIndex].current) === null || _refs$items$nextIndex2 === void 0 || _refs$items$nextIndex2.scrollIntoView({
|
168
|
-
block: '
|
168
|
+
block: 'nearest',
|
169
169
|
inline: 'center',
|
170
170
|
behavior: 'smooth'
|
171
171
|
});
|
@@ -206,10 +206,10 @@ export var tabsRoot = function tabsRoot(Root) {
|
|
206
206
|
}, children)), !lastItemVisible && NextButton));
|
207
207
|
});
|
208
208
|
};
|
209
|
-
export var
|
210
|
-
name: '
|
209
|
+
export var horizontalTabsConfig = {
|
210
|
+
name: 'HorizontalTabs',
|
211
211
|
tag: 'div',
|
212
|
-
layout:
|
212
|
+
layout: horizontalTabsRoot,
|
213
213
|
base: base,
|
214
214
|
variations: {
|
215
215
|
size: {
|
@@ -2,17 +2,17 @@ var _templateObject;
|
|
2
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3
3
|
import { css } from 'styled-components';
|
4
4
|
import styled from 'styled-components';
|
5
|
-
import { addFocus } from '
|
6
|
-
import { classes, tokens } from '
|
5
|
+
import { addFocus } from '../../../../../mixins';
|
6
|
+
import { classes, tokens } from '../../../tokens';
|
7
7
|
export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n gap: 0.125rem;\n align-items: center;\n position: relative;\n"])));
|
8
8
|
export var StyledContent = /*#__PURE__*/styled.div.withConfig({
|
9
|
-
componentId: "plasma-new-hope__sc-
|
9
|
+
componentId: "plasma-new-hope__sc-1nr0m0h-0"
|
10
10
|
})(["display:inline-flex;flex-direction:row;align-items:center;"]);
|
11
11
|
export var StyledContentWrapper = /*#__PURE__*/styled.div.withConfig({
|
12
|
-
componentId: "plasma-new-hope__sc-
|
13
|
-
})(["margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;&.", "{overflow:scroll;scroll-padding:0.25rem;overscroll-behavior:contain;scrollbar-width:none;::-webkit-scrollbar{display:none;}}&.", "{overflow:visible;}"], classes.tabsClipScroll, classes.tabsClipShowAll);
|
12
|
+
componentId: "plasma-new-hope__sc-1nr0m0h-1"
|
13
|
+
})(["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;}"], classes.tabsClipScroll, classes.tabsClipShowAll);
|
14
14
|
export var StyledArrow = /*#__PURE__*/styled.button.withConfig({
|
15
|
-
componentId: "plasma-new-hope__sc-
|
15
|
+
componentId: "plasma-new-hope__sc-1nr0m0h-2"
|
16
16
|
})(["display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;", ";&[disabled]{cursor:not-allowed;}--plasma_private-outer-padding:", ";padding-right:", ";padding-left:", ";"], /*#__PURE__*/addFocus({
|
17
17
|
outlineSize: '0.063rem',
|
18
18
|
outlineOffset: '-0.125rem',
|