@salutejs/plasma-new-hope 0.161.2-dev.0 → 0.161.3-canary.1374.11229685519.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Tabs/createTabsController.js +1 -1
- package/cjs/components/Tabs/createTabsController.js.map +1 -1
- package/cjs/components/Tabs/tokens.js +12 -4
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +13 -0
- package/cjs/components/Tabs/ui/{TabItem/TabItem.js → horizontal/HorizontalTabItem/HorizontalTabItem.js} +22 -18
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +35 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/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} +20 -20
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -0
- package/cjs/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +10 -10
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +4 -0
- package/cjs/components/Tabs/ui/{TabItem/variations/_view → horizontal/HorizontalTabs/variations/_disabled}/base.js +2 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +11 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +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/Tabs/Tabs.template-doc.mdx +86 -21
- package/emotion/cjs/components/Tabs/createTabsController.js +2 -1
- 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} +16 -16
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +55 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +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/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/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/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/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/Tabs/Tabs.template-doc.mdx +86 -21
- package/emotion/es/components/Tabs/createTabsController.js +2 -1
- 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} +10 -10
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +48 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +4 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +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/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/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/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/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/Tabs/createTabsController.js +1 -1
- package/es/components/Tabs/createTabsController.js.map +1 -1
- package/es/components/Tabs/tokens.js +12 -4
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +13 -0
- package/es/components/Tabs/ui/{TabItem/TabItem.js → horizontal/HorizontalTabItem/HorizontalTabItem.js} +18 -14
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +27 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -0
- package/es/components/Tabs/ui/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} +14 -14
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -0
- package/es/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +10 -10
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_16kuvxt.css +4 -0
- package/es/components/Tabs/ui/{TabItem/variations/_view → horizontal/HorizontalTabs/variations/_disabled}/base.js +2 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +11 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +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/Tabs/Tabs.template-doc.mdx +86 -21
- package/styled-components/cjs/components/Tabs/createTabsController.js +2 -1
- package/styled-components/cjs/components/Tabs/index.js +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} +16 -16
- package/styled-components/cjs/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +6 -6
- package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_pilled/base.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_stretch/base.js +3 -3
- package/styled-components/cjs/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +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/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/{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/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/{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/Tabs/Tabs.template-doc.mdx +86 -21
- package/styled-components/es/components/Tabs/createTabsController.js +2 -1
- package/styled-components/es/components/Tabs/index.js +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} +10 -10
- package/styled-components/es/components/Tabs/ui/{Tabs/Tabs.styles.js → horizontal/HorizontalTabs/HorizontalTabs.styles.js} +6 -6
- package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_size/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/{Tabs → horizontal/HorizontalTabs}/variations/_view/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +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/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_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/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_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/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 +4 -3
- 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/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/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,5 +1,5 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { tabsTokens } from '
|
2
|
+
import { tabsTokens } from '../../../../../components/Tabs';
|
3
3
|
export var config = {
|
4
4
|
defaults: {
|
5
5
|
view: 'default',
|
@@ -7,10 +7,10 @@ export var config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
view: {
|
10
|
-
clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);"
|
11
|
-
secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":transparent;", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--surface-solid-card);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);"
|
12
|
-
divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"
|
13
|
-
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":transparent;", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);"
|
10
|
+
clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover),
|
11
|
+
secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-card);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover),
|
12
|
+
divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover),
|
13
|
+
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--inverse-text-secondary);", ":var(--surface-solid-default);", ":background-color 0.3s ease-in-out;", ":0.125rem;", ":var(--surface-accent);", ":0rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemMarginLeftFilled, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
|
14
14
|
},
|
15
15
|
size: {
|
16
16
|
xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":2rem;", ":0 0.5rem;", ":0 0.375rem;", ":1.75rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
|
package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js
ADDED
@@ -0,0 +1,22 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { tabsTokens } from '../../../../../components/Tabs';
|
3
|
+
export var config = {
|
4
|
+
defaults: {
|
5
|
+
view: 'divider',
|
6
|
+
size: 'xs'
|
7
|
+
},
|
8
|
+
variations: {
|
9
|
+
view: {
|
10
|
+
divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerWidth, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
|
11
|
+
},
|
12
|
+
size: {
|
13
|
+
xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":2rem;", ":0 0.5rem;", ":0 0.375rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
|
14
|
+
s: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":2.5rem;", ":0 0.625rem;", ":0 0.5rem;", ":0.5rem 1rem;", ":0.75rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
|
15
|
+
m: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":3rem;", ":0 0.625rem;", ":0 0.5rem;", ":0.75rem 1.25rem;", ":1.125rem;", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
|
16
|
+
l: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":3.5rem;", ":0 0.875rem;", ":0 0.75rem;", ":1rem 1.5rem;", ":1.25rem;", ":0.5rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight)
|
17
|
+
},
|
18
|
+
disabled: {
|
19
|
+
"true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
|
20
|
+
}
|
21
|
+
}
|
22
|
+
};
|
package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js
ADDED
@@ -0,0 +1,22 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { tabsTokens } from '../../../../../components/Tabs';
|
3
|
+
export var config = {
|
4
|
+
defaults: {
|
5
|
+
view: 'divider',
|
6
|
+
size: 'xs'
|
7
|
+
},
|
8
|
+
variations: {
|
9
|
+
view: {
|
10
|
+
divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--surface-accent);", ":0.0625rem;", ":0.0625rem;", ":var(--surface-transparent-tertiary);", ":0.0625rem;"], tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerWidth, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
|
11
|
+
},
|
12
|
+
size: {
|
13
|
+
xs: /*#__PURE__*/css(["", ":0.5rem;", ":fit-content;", ":auto;", ":0rem;", ":0.125rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
14
|
+
s: /*#__PURE__*/css(["", ":0.625rem;", ":fit-content;", ":auto;", ":0rem;", ":0.25rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
15
|
+
m: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.625rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
|
16
|
+
l: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.75rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
|
17
|
+
},
|
18
|
+
disabled: {
|
19
|
+
"true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
|
20
|
+
}
|
21
|
+
}
|
22
|
+
};
|
@@ -1,5 +1,15 @@
|
|
1
|
-
import
|
1
|
+
import React from 'react';
|
2
|
+
import { horizontalTabItemConfig, verticalTabItemConfig } from '../../../../components/Tabs';
|
2
3
|
import { component, mergeConfig } from '../../../../engines';
|
3
|
-
import { config } from './
|
4
|
-
|
5
|
-
|
4
|
+
import { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';
|
5
|
+
import { config as verticalConfig } from './vertical/VerticalTabItem.config';
|
6
|
+
var mergedHorizontalTabItemConfig = /*#__PURE__*/mergeConfig(horizontalTabItemConfig, horizontalConfig);
|
7
|
+
var HorizontalTabItem = /*#__PURE__*/component(mergedHorizontalTabItemConfig);
|
8
|
+
var mergedVerticalTabItemConfig = /*#__PURE__*/mergeConfig(verticalTabItemConfig, verticalConfig);
|
9
|
+
var VerticalTabItem = /*#__PURE__*/component(mergedVerticalTabItemConfig);
|
10
|
+
export var TabItem = function TabItem(props) {
|
11
|
+
if (props.orientation === 'vertical') {
|
12
|
+
return /*#__PURE__*/React.createElement(VerticalTabItem, props);
|
13
|
+
}
|
14
|
+
return /*#__PURE__*/React.createElement(HorizontalTabItem, props);
|
15
|
+
};
|
@@ -1,5 +1,15 @@
|
|
1
|
-
import
|
1
|
+
import React from 'react';
|
2
|
+
import { horizontalTabsConfig, verticalTabsConfig } from '../../../../components/Tabs';
|
2
3
|
import { component, mergeConfig } from '../../../../engines';
|
3
|
-
import { config } from './
|
4
|
-
|
5
|
-
|
4
|
+
import { config as horizontalConfig } from './horizontal/HorizontalTabs.config';
|
5
|
+
import { config as verticalConfig } from './vertical/VerticalTabs.config';
|
6
|
+
var mergedHorizontalTabsConfig = /*#__PURE__*/mergeConfig(horizontalTabsConfig, horizontalConfig);
|
7
|
+
var mergedVerticalTabsConfig = /*#__PURE__*/mergeConfig(verticalTabsConfig, verticalConfig);
|
8
|
+
var HorizontalTabs = /*#__PURE__*/component(mergedHorizontalTabsConfig);
|
9
|
+
var VerticalTabs = /*#__PURE__*/component(mergedVerticalTabsConfig);
|
10
|
+
export var Tabs = function Tabs(props) {
|
11
|
+
if (props.orientation === 'vertical') {
|
12
|
+
return /*#__PURE__*/React.createElement(VerticalTabs, props);
|
13
|
+
}
|
14
|
+
return /*#__PURE__*/React.createElement(HorizontalTabs, props);
|
15
|
+
};
|