@salutejs/plasma-new-hope 0.152.0-canary.1374.11013124158.0 → 0.152.0-canary.1450.11010505842.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 +0 -3
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.css +12 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +16 -16
- package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -0
- package/cjs/components/Tabs/ui/{vertical/VerticalTabItem/VerticalTabItem.styles.js → TabItem/TabItem.styles.js} +6 -6
- package/cjs/components/Tabs/ui/TabItem/TabItem.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles_dlu4l9.css → TabItem/TabItem.styles_pj75hv.css} +4 -4
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled → TabItem/variations/_disabled}/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_disabled → TabItem/variations/_pilled}/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css → TabItem/variations/_pilled/base_l36za5.css} +1 -1
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_disabled → TabItem/variations/_size}/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → TabItem}/variations/_view/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/Tabs.css +16 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +19 -19
- package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +10 -10
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +4 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_view → Tabs/variations/_disabled}/base.js +2 -2
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +9 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → Tabs}/variations/_size/base.js +2 -2
- package/cjs/components/Tabs/ui/Tabs/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/{vertical/VerticalTabs/variations/_size/base_1sekozo.css → Tabs/variations/_size/base_iw773q.css} +1 -1
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_pilled → Tabs/variations/_stretch}/base.js +2 -2
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +9 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +1 -0
- package/cjs/index.css +17 -41
- package/cjs/index.js +6 -14
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +0 -35
- package/emotion/cjs/components/Tabs/createTabsController.js +1 -2
- package/emotion/cjs/components/Tabs/index.js +10 -43
- package/emotion/cjs/components/Tabs/tokens.js +0 -3
- package/{styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js → emotion/cjs/components/Tabs/ui/TabItem/TabItem.js} +13 -13
- package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.styles.js +39 -0
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +10 -0
- package/{styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → emotion/cjs/components/Tabs/ui/Tabs/Tabs.js} +15 -15
- package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +55 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +9 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +39 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +3 -14
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +41 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +3 -16
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +28 -257
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +39 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.js +3 -14
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +41 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.js +3 -16
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +28 -257
- package/emotion/es/components/Tabs/Tabs.template-doc.mdx +0 -35
- package/emotion/es/components/Tabs/createTabsController.js +1 -2
- package/emotion/es/components/Tabs/index.js +2 -5
- package/emotion/es/components/Tabs/tokens.js +0 -3
- package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +8 -8
- package/emotion/es/components/Tabs/ui/TabItem/TabItem.styles.js +32 -0
- package/emotion/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/TabItem/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +4 -0
- package/{styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → emotion/es/components/Tabs/ui/Tabs/Tabs.js} +9 -9
- package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +48 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +4 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_view/base.js +3 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +33 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -14
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +35 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.js +4 -16
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +28 -257
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +33 -0
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.js +4 -14
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +35 -0
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.js +4 -16
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +28 -257
- package/es/components/Tabs/createTabsController.js +1 -1
- package/es/components/Tabs/createTabsController.js.map +1 -1
- package/es/components/Tabs/tokens.js +0 -3
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/TabItem/TabItem.css +12 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +11 -11
- package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -0
- package/es/components/Tabs/ui/{vertical/VerticalTabItem/VerticalTabItem.styles.js → TabItem/TabItem.styles.js} +6 -6
- package/es/components/Tabs/ui/TabItem/TabItem.styles.js.map +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles_dlu4l9.css → TabItem/TabItem.styles_pj75hv.css} +4 -4
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_disabled → TabItem/variations/_pilled}/base.js +2 -2
- package/es/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css → TabItem/variations/_pilled/base_l36za5.css} +1 -1
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_pilled → TabItem/variations/_size}/base.js +2 -2
- package/es/components/Tabs/ui/TabItem/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_disabled → TabItem/variations/_view}/base.js +2 -2
- package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
- package/es/components/Tabs/ui/Tabs/Tabs.css +16 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +13 -13
- package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +10 -10
- package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +4 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem → Tabs}/variations/_size/base.js +2 -2
- package/es/components/Tabs/ui/Tabs/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/{vertical/VerticalTabs/variations/_size/base_1sekozo.css → Tabs/variations/_size/base_iw773q.css} +1 -1
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_view/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +1 -0
- package/es/index.css +17 -41
- package/es/index.js +2 -5
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +0 -35
- package/styled-components/cjs/components/Tabs/createTabsController.js +1 -2
- package/styled-components/cjs/components/Tabs/index.js +10 -43
- package/styled-components/cjs/components/Tabs/tokens.js +0 -3
- package/{emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js → styled-components/cjs/components/Tabs/ui/TabItem/TabItem.js} +13 -13
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +5 -5
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabItem → TabItem}/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/base.js +3 -3
- package/{emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js} +15 -15
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +5 -5
- package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabs → Tabs}/variations/_disabled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/base.js +3 -3
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +3 -14
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabs.config.js → Tabs.config.js} +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +3 -16
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +28 -257
- package/styled-components/cjs/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.js +3 -14
- package/styled-components/cjs/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabs.config.js → Tabs.config.js} +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.js +3 -16
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +28 -257
- package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +0 -35
- package/styled-components/es/components/Tabs/createTabsController.js +1 -2
- package/styled-components/es/components/Tabs/index.js +2 -5
- package/styled-components/es/components/Tabs/tokens.js +0 -3
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +8 -8
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +5 -5
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{vertical/VerticalTabItem → TabItem}/variations/_size/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/base.js +2 -2
- package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → styled-components/es/components/Tabs/ui/Tabs/Tabs.js} +9 -9
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +5 -5
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -14
- package/styled-components/es/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_b2c/components/Tabs/Tabs.config.js} +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.js +4 -16
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +28 -257
- package/styled-components/es/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +1 -1
- package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.js +4 -14
- package/styled-components/es/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_web/components/Tabs/Tabs.config.js} +1 -1
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.js +4 -16
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +28 -257
- package/types/components/Tabs/createTabsController.d.ts +3 -4
- package/types/components/Tabs/createTabsController.d.ts.map +1 -1
- package/types/components/Tabs/index.d.ts +4 -7
- package/types/components/Tabs/index.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +0 -3
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts +29 -0
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -0
- package/types/components/Tabs/ui/{vertical/VerticalTabItem/VerticalTabItem.styles.d.ts → TabItem/TabItem.styles.d.ts} +1 -1
- package/types/components/Tabs/ui/TabItem/TabItem.styles.d.ts.map +1 -0
- package/types/components/Tabs/{TabItem.types.d.ts → ui/TabItem/TabItem.types.d.ts} +20 -42
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts +34 -0
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -0
- package/types/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts → Tabs/Tabs.styles.d.ts} +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +1 -0
- package/types/components/Tabs/{Tabs.types.d.ts → ui/Tabs/Tabs.types.d.ts} +11 -42
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_view/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabItem.config.d.ts → TabItem.config.d.ts} +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +25 -2
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +27 -2
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.d.ts → TabItem.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +25 -2
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +27 -2
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -12
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -29
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_15vj1zs.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +0 -16
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_m8d2xg.css +0 -4
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -9
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +0 -10
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -123
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1wjwjj4.css +0 -4
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_1izl8z9.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_1agah6e.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +0 -14
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -226
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -39
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_15xyvpj.css +0 -4
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base_phkacz.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_zefpir.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -10
- package/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js.map +0 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -39
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +0 -55
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -125
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -39
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -232
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -41
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -8
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -39
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +0 -41
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -31
- package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -39
- package/emotion/cjs/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +0 -41
- package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
- package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -31
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -32
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -4
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +0 -48
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -4
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -116
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -32
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -4
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -223
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -34
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -4
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -2
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -33
- package/emotion/es/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js +0 -35
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -25
- package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js +0 -33
- package/emotion/es/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js +0 -35
- package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
- package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -25
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -12
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -22
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_15vj1zs.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +0 -16
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_m8d2xg.css +0 -4
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +0 -10
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -118
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1wjwjj4.css +0 -4
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base_13f4t5k.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base_1izl8z9.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base_1agah6e.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +0 -14
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -221
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -32
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_15xyvpj.css +0 -4
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base_phkacz.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_zefpir.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -6
- package/es/components/Tabs/ui/vertical/VerticalTabsContext.js.map +0 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +0 -9
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +0 -8
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -9
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/tokens.json +0 -4
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -125
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -30
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -9
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -10
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +0 -8
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -232
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -32
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -9
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -10
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/tokens.json +0 -4
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -31
- package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
- package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -31
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json +0 -8
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/tokens.json +0 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -116
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -22
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json +0 -11
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +0 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/tokens.json +0 -8
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -223
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -24
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json +0 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js +0 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/tokens.json +0 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -2
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -25
- package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -22
- package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -25
- package/types/components/Tabs/TabItem.types.d.ts.map +0 -1
- package/types/components/Tabs/Tabs.types.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +0 -29
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts +0 -6
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +0 -34
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +0 -26
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +0 -31
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts +0 -8
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabsContext.d.ts +0 -3
- package/types/components/Tabs/ui/vertical/VerticalTabsContext.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -21
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -24
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -21
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -24
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts.map +0 -1
- /package/emotion/cjs/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabItem → es/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabItem → es/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabs → es/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabs → es/components/Tabs/ui/Tabs}/variations/_stretch/tokens.json +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabs → es/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem → styled-components/cjs/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem → styled-components/cjs/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs → styled-components/cjs/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs → styled-components/cjs/components/Tabs/ui/Tabs}/variations/_stretch/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs → styled-components/cjs/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabItem → styled-components/es/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabItem → styled-components/es/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabs → styled-components/es/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabs → styled-components/es/components/Tabs/ui/Tabs}/variations/_stretch/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabs → styled-components/es/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.d.ts +0 -0
@@ -3,11 +3,14 @@ import type { ComponentProps } from 'react';
|
|
3
3
|
import type { StoryObj, Meta } from '@storybook/react';
|
4
4
|
import { disableProps } from '@salutejs/plasma-sb-utils';
|
5
5
|
|
6
|
-
import {
|
6
|
+
import { tabsConfig } from '../../../../components/Tabs';
|
7
|
+
import { mergeConfig } from '../../../../engines';
|
8
|
+
import { argTypesFromConfig, WithTheme } from '../../../_helpers';
|
7
9
|
import { IconMic } from '../../../../components/_Icon';
|
8
10
|
import { Dropdown } from '../Dropdown/Dropdown';
|
9
11
|
import { Counter } from '../Counter/Counter';
|
10
12
|
|
13
|
+
import { config } from './Tabs.config';
|
11
14
|
import { Tabs } from './Tabs';
|
12
15
|
import { TabItem } from './TabItem';
|
13
16
|
|
@@ -18,8 +21,8 @@ const headerSizes = ['h5', 'h4', 'h3', 'h2', 'h1'] as const;
|
|
18
21
|
type Size = typeof sizes[number];
|
19
22
|
|
20
23
|
type CustomStoryTabsProps = {
|
21
|
-
itemQuantity: number;
|
22
24
|
hasDivider: boolean;
|
25
|
+
itemQuantity: number;
|
23
26
|
contentLeft: string;
|
24
27
|
contentRight: string;
|
25
28
|
};
|
@@ -55,23 +58,26 @@ const meta: Meta<StoryTabsProps> = {
|
|
55
58
|
component: Tabs,
|
56
59
|
decorators: [WithTheme],
|
57
60
|
argTypes: {
|
58
|
-
...
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
61
|
+
...argTypesFromConfig(mergeConfig(tabsConfig, config)),
|
62
|
+
contentLeft: {
|
63
|
+
options: contentLeftOptions,
|
64
|
+
control: {
|
65
|
+
type: 'select',
|
66
|
+
},
|
67
|
+
},
|
68
|
+
contentRight: {
|
69
|
+
options: contentRightOptions,
|
70
|
+
control: {
|
71
|
+
type: 'select',
|
72
|
+
},
|
73
|
+
},
|
74
|
+
...disableProps(['itemsNumber', 'pilled', 'animated', 'view']),
|
69
75
|
},
|
70
76
|
};
|
71
77
|
|
72
78
|
export default meta;
|
73
79
|
|
74
|
-
const
|
80
|
+
const StoryDefault = (props: StoryTabsProps) => {
|
75
81
|
const {
|
76
82
|
disabled,
|
77
83
|
itemQuantity,
|
@@ -85,7 +91,7 @@ const StoryHorizontalDefault = (props: StoryTabsProps) => {
|
|
85
91
|
const [index, setIndex] = useState(0);
|
86
92
|
|
87
93
|
return (
|
88
|
-
<Tabs view={hasDivider ? 'divider' : 'clear'} stretch={stretch} disabled={disabled} size={size}
|
94
|
+
<Tabs view={hasDivider ? 'divider' : 'clear'} stretch={stretch} disabled={disabled} size={size}>
|
89
95
|
{items.map((_, i) => (
|
90
96
|
<TabItem
|
91
97
|
key={`item:${i}`}
|
@@ -105,7 +111,7 @@ const StoryHorizontalDefault = (props: StoryTabsProps) => {
|
|
105
111
|
);
|
106
112
|
};
|
107
113
|
|
108
|
-
const
|
114
|
+
const StoryScroll = (props: StoryTabsProps) => {
|
109
115
|
const {
|
110
116
|
disabled,
|
111
117
|
itemQuantity,
|
@@ -145,7 +151,7 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
|
|
145
151
|
);
|
146
152
|
};
|
147
153
|
|
148
|
-
const
|
154
|
+
const StoryShowAll = (props: StoryTabsProps) => {
|
149
155
|
const {
|
150
156
|
disabled,
|
151
157
|
itemQuantity,
|
@@ -211,7 +217,7 @@ const StoryHorizontalShowAll = (props: StoryTabsProps) => {
|
|
211
217
|
);
|
212
218
|
};
|
213
219
|
|
214
|
-
export const
|
220
|
+
export const Default: StoryObj<StoryTabsProps> = {
|
215
221
|
args: {
|
216
222
|
size: 'xs',
|
217
223
|
disabled: false,
|
@@ -219,18 +225,6 @@ export const HorizontalTabs: StoryObj<StoryTabsProps> = {
|
|
219
225
|
itemQuantity: 8,
|
220
226
|
},
|
221
227
|
argTypes: {
|
222
|
-
contentLeft: {
|
223
|
-
options: contentLeftOptions,
|
224
|
-
control: {
|
225
|
-
type: 'select',
|
226
|
-
},
|
227
|
-
},
|
228
|
-
contentRight: {
|
229
|
-
options: contentRightOptions,
|
230
|
-
control: {
|
231
|
-
type: 'select',
|
232
|
-
},
|
233
|
-
},
|
234
228
|
clip: {
|
235
229
|
options: clips,
|
236
230
|
control: {
|
@@ -248,216 +242,11 @@ export const HorizontalTabs: StoryObj<StoryTabsProps> = {
|
|
248
242
|
render: (args) => {
|
249
243
|
switch (args.clip) {
|
250
244
|
case 'scroll':
|
251
|
-
return <
|
245
|
+
return <StoryScroll {...args} />;
|
252
246
|
case 'showAll':
|
253
|
-
return <
|
247
|
+
return <StoryShowAll {...args} />;
|
254
248
|
default:
|
255
|
-
return <
|
256
|
-
}
|
257
|
-
},
|
258
|
-
};
|
259
|
-
|
260
|
-
const StoryVerticalDefault = (props: StoryTabsProps) => {
|
261
|
-
const {
|
262
|
-
disabled,
|
263
|
-
itemQuantity,
|
264
|
-
stretch,
|
265
|
-
size,
|
266
|
-
contentLeft: contentLeftOption,
|
267
|
-
contentRight: contentRightOption,
|
268
|
-
hasDivider,
|
269
|
-
} = props;
|
270
|
-
const items = Array(itemQuantity).fill(0);
|
271
|
-
const [index, setIndex] = useState(0);
|
272
|
-
|
273
|
-
return (
|
274
|
-
<div style={{ height: '100vh' }}>
|
275
|
-
<Tabs
|
276
|
-
orientation="vertical"
|
277
|
-
hasDivider={hasDivider}
|
278
|
-
size={size as Size}
|
279
|
-
disabled={disabled}
|
280
|
-
stretch={stretch}
|
281
|
-
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
282
|
-
>
|
283
|
-
{items.map((_, i) => (
|
284
|
-
<TabItem
|
285
|
-
orientation="vertical"
|
286
|
-
key={`item:${i}`}
|
287
|
-
view="divider"
|
288
|
-
selected={i === index}
|
289
|
-
onClick={() => !disabled && setIndex(i)}
|
290
|
-
tabIndex={!disabled ? 0 : -1}
|
291
|
-
size={size as Size}
|
292
|
-
disabled={disabled}
|
293
|
-
contentRight={getContentRight(contentRightOption, size as Size)}
|
294
|
-
>
|
295
|
-
{`Label${i + 1}`}
|
296
|
-
</TabItem>
|
297
|
-
))}
|
298
|
-
</Tabs>
|
299
|
-
</div>
|
300
|
-
);
|
301
|
-
};
|
302
|
-
|
303
|
-
const StoryVerticalScroll = (props: StoryTabsProps) => {
|
304
|
-
const {
|
305
|
-
disabled,
|
306
|
-
itemQuantity,
|
307
|
-
clip,
|
308
|
-
size,
|
309
|
-
contentLeft: contentLeftOption,
|
310
|
-
contentRight: contentRightOption,
|
311
|
-
hasDivider,
|
312
|
-
} = props;
|
313
|
-
const items = Array(itemQuantity).fill(0);
|
314
|
-
const [index, setIndex] = useState(0);
|
315
|
-
|
316
|
-
return (
|
317
|
-
<div style={{ height: '100vh' }}>
|
318
|
-
<Tabs
|
319
|
-
orientation="vertical"
|
320
|
-
size={size as Size}
|
321
|
-
disabled={disabled}
|
322
|
-
clip={clip}
|
323
|
-
style={{ height: '10rem' }}
|
324
|
-
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
325
|
-
hasDivider={hasDivider}
|
326
|
-
>
|
327
|
-
{items.map((_, i) => (
|
328
|
-
<TabItem
|
329
|
-
orientation="vertical"
|
330
|
-
key={`item:${i}`}
|
331
|
-
view="divider"
|
332
|
-
selected={i === index}
|
333
|
-
onClick={() => !disabled && setIndex(i)}
|
334
|
-
tabIndex={!disabled ? 0 : -1}
|
335
|
-
size={size as Size}
|
336
|
-
disabled={disabled}
|
337
|
-
contentRight={getContentRight(contentRightOption, size as Size)}
|
338
|
-
>
|
339
|
-
{`Label${i + 1}`}
|
340
|
-
</TabItem>
|
341
|
-
))}
|
342
|
-
</Tabs>
|
343
|
-
</div>
|
344
|
-
);
|
345
|
-
};
|
346
|
-
|
347
|
-
const StoryVerticalShowAll = (props: StoryTabsProps) => {
|
348
|
-
const {
|
349
|
-
disabled,
|
350
|
-
itemQuantity,
|
351
|
-
clip,
|
352
|
-
size,
|
353
|
-
contentLeft: contentLeftOption,
|
354
|
-
contentRight: contentRightOption,
|
355
|
-
hasDivider,
|
356
|
-
} = props;
|
357
|
-
const maxItemQuantity = 3;
|
358
|
-
const items = Array(itemQuantity).fill(0);
|
359
|
-
const [index, setIndex] = useState(0);
|
360
|
-
|
361
|
-
const visibleItems = items.slice(0, maxItemQuantity);
|
362
|
-
const otherItems = items.slice(maxItemQuantity);
|
363
|
-
|
364
|
-
const dropdownItems = otherItems.map((_, i) => {
|
365
|
-
const itemIndex = maxItemQuantity + i;
|
366
|
-
|
367
|
-
return {
|
368
|
-
label: `Label${itemIndex + 1}`,
|
369
|
-
value: itemIndex,
|
370
|
-
};
|
371
|
-
});
|
372
|
-
|
373
|
-
return (
|
374
|
-
<Tabs
|
375
|
-
clip={clip}
|
376
|
-
orientation="vertical"
|
377
|
-
size={size as Size}
|
378
|
-
disabled={disabled}
|
379
|
-
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
380
|
-
hasDivider={hasDivider}
|
381
|
-
>
|
382
|
-
{visibleItems.map((_, i) => (
|
383
|
-
<TabItem
|
384
|
-
orientation="vertical"
|
385
|
-
key={`item:${i}`}
|
386
|
-
selected={i === index}
|
387
|
-
onClick={() => !disabled && setIndex(i)}
|
388
|
-
tabIndex={!disabled ? 0 : -1}
|
389
|
-
disabled={disabled}
|
390
|
-
contentRight={getContentRight(contentRightOption, size as Size)}
|
391
|
-
size={size as Size}
|
392
|
-
>
|
393
|
-
{`Label${i + 1}`}
|
394
|
-
</TabItem>
|
395
|
-
))}
|
396
|
-
{dropdownItems.length > 0 && (
|
397
|
-
<Dropdown
|
398
|
-
size={size as Size}
|
399
|
-
items={dropdownItems}
|
400
|
-
onItemSelect={(item) => setIndex(item.value as number)}
|
401
|
-
placement="right"
|
402
|
-
>
|
403
|
-
<TabItem
|
404
|
-
orientation="vertical"
|
405
|
-
key="item:ShowAll"
|
406
|
-
tabIndex={!disabled ? 0 : -1}
|
407
|
-
disabled={disabled}
|
408
|
-
size={size as Size}
|
409
|
-
>
|
410
|
-
ShowAll
|
411
|
-
</TabItem>
|
412
|
-
</Dropdown>
|
413
|
-
)}
|
414
|
-
</Tabs>
|
415
|
-
);
|
416
|
-
};
|
417
|
-
|
418
|
-
export const VerticalTabs: StoryObj<StoryTabsProps> = {
|
419
|
-
args: {
|
420
|
-
size: 'xs',
|
421
|
-
disabled: false,
|
422
|
-
hasDivider: true,
|
423
|
-
itemQuantity: 8,
|
424
|
-
orientation: 'vertical',
|
425
|
-
},
|
426
|
-
argTypes: {
|
427
|
-
contentLeft: {
|
428
|
-
options: contentLeftOptions,
|
429
|
-
control: {
|
430
|
-
type: 'select',
|
431
|
-
},
|
432
|
-
},
|
433
|
-
contentRight: {
|
434
|
-
options: contentRightOptions,
|
435
|
-
control: {
|
436
|
-
type: 'select',
|
437
|
-
},
|
438
|
-
},
|
439
|
-
size: {
|
440
|
-
options: sizes,
|
441
|
-
control: {
|
442
|
-
type: 'select',
|
443
|
-
},
|
444
|
-
},
|
445
|
-
clip: {
|
446
|
-
options: clips,
|
447
|
-
control: {
|
448
|
-
type: 'select',
|
449
|
-
},
|
450
|
-
if: { arg: 'stretch', truthy: false },
|
451
|
-
},
|
452
|
-
},
|
453
|
-
render: (args) => {
|
454
|
-
switch (args.clip) {
|
455
|
-
case 'scroll':
|
456
|
-
return <StoryVerticalScroll {...args} />;
|
457
|
-
case 'showAll':
|
458
|
-
return <StoryVerticalShowAll {...args} />;
|
459
|
-
default:
|
460
|
-
return <StoryVerticalDefault {...args} />;
|
249
|
+
return <StoryDefault {...args} />;
|
461
250
|
}
|
462
251
|
},
|
463
252
|
};
|
@@ -470,13 +259,12 @@ const StoryHeaderTabs = (props: StoryTabsProps) => {
|
|
470
259
|
contentLeft: contentLeftOption,
|
471
260
|
contentRight: contentRightOption,
|
472
261
|
hasDivider,
|
473
|
-
stretch,
|
474
262
|
} = props;
|
475
263
|
const items = Array(itemQuantity).fill(0);
|
476
264
|
const [index, setIndex] = useState(0);
|
477
265
|
|
478
266
|
return (
|
479
|
-
<Tabs view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size}
|
267
|
+
<Tabs view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size}>
|
480
268
|
{items.map((_, i) => (
|
481
269
|
<TabItem
|
482
270
|
key={`item:${i}`}
|
@@ -510,23 +298,6 @@ export const HeaderTabs: StoryObj<StoryTabsProps> = {
|
|
510
298
|
type: 'select',
|
511
299
|
},
|
512
300
|
},
|
513
|
-
contentLeft: {
|
514
|
-
options: contentLeftOptions,
|
515
|
-
control: {
|
516
|
-
type: 'select',
|
517
|
-
},
|
518
|
-
},
|
519
|
-
contentRight: {
|
520
|
-
options: contentRightOptions,
|
521
|
-
control: {
|
522
|
-
type: 'select',
|
523
|
-
},
|
524
|
-
},
|
525
|
-
clip: {
|
526
|
-
table: {
|
527
|
-
disable: true,
|
528
|
-
},
|
529
|
-
},
|
530
301
|
},
|
531
302
|
render: (args) => <StoryHeaderTabs {...args} />,
|
532
303
|
};
|
@@ -56,41 +56,6 @@ export function App() {
|
|
56
56
|
}
|
57
57
|
```
|
58
58
|
|
59
|
-
### Расположение табов
|
60
|
-
Табы могут быть горизонтальными (по умолчанию) и вертикальными. За это отвечает свойство `orientation`.
|
61
|
-
|
62
|
-
```tsx live
|
63
|
-
import React, { useState } from 'react';
|
64
|
-
import { Tabs, TabItem } from '@salutejs/{{ package }}';
|
65
|
-
import { IconClock } from '@salutejs/plasma-icons';
|
66
|
-
|
67
|
-
export function App() {
|
68
|
-
const items = Array(8).fill(0);
|
69
|
-
const [index, setIndex] = useState(0);
|
70
|
-
|
71
|
-
return (
|
72
|
-
<div>
|
73
|
-
<Tabs view="divider" orientation="vertical" size="xs" style=\{{ width: '15rem' }}>
|
74
|
-
{items.map((_, i) => (
|
75
|
-
<TabItem
|
76
|
-
view="divider"
|
77
|
-
orientation="vertical"
|
78
|
-
key={`item:${i}`}
|
79
|
-
size="xs"
|
80
|
-
selected={i === index}
|
81
|
-
tabIndex={0}
|
82
|
-
contentLeft={<IconClock size="xs" color="inherit" />}
|
83
|
-
onClick={() => setIndex(i)}
|
84
|
-
>
|
85
|
-
{`Label${i + 1}`}
|
86
|
-
</TabItem>
|
87
|
-
))}
|
88
|
-
</Tabs>
|
89
|
-
</div>
|
90
|
-
);
|
91
|
-
}
|
92
|
-
```
|
93
|
-
|
94
59
|
### Пример с прокруткой
|
95
60
|
|
96
61
|
```tsx live
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["items", "index", "autoscroll", "onIndexChange"
|
1
|
+
var _excluded = ["items", "index", "autoscroll", "onIndexChange"],
|
2
2
|
_excluded2 = ["label"];
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
4
4
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
@@ -18,7 +18,6 @@ export function createTabsController(ListComponent, ItemComponent) {
|
|
18
18
|
index = _ref.index,
|
19
19
|
autoscroll = _ref.autoscroll,
|
20
20
|
onIndexChange = _ref.onIndexChange,
|
21
|
-
_orientation = _ref.orientation,
|
22
21
|
rest = _objectWithoutProperties(_ref, _excluded);
|
23
22
|
var disabled = rest.disabled;
|
24
23
|
return /*#__PURE__*/React.createElement(ListComponent, _extends({
|
@@ -1,8 +1,5 @@
|
|
1
|
-
export {
|
2
|
-
export {
|
3
|
-
export { verticalTabsRoot, verticalTabsConfig } from './ui/vertical/VerticalTabs/VerticalTabs';
|
4
|
-
export { verticalTabItemRoot, verticalTabItemConfig } from './ui/vertical/VerticalTabItem/VerticalTabItem';
|
5
|
-
export { VerticalTabsContext } from './ui/vertical/VerticalTabsContext';
|
1
|
+
export { tabsRoot, tabsConfig } from './ui/Tabs/Tabs';
|
2
|
+
export { tabItemRoot, tabItemConfig } from './ui/TabItem/TabItem';
|
6
3
|
export { tokens as tabsTokens } from './tokens';
|
7
4
|
export { TabItemRefs, TabsContext } from './TabsContext';
|
8
5
|
export { createTabsController } from './createTabsController';
|
@@ -10,15 +10,12 @@ export var classes = {
|
|
10
10
|
tabLeftContent: 'tab-item-left-content',
|
11
11
|
tabsHasLeftArrow: 'tabs-has-left-arrow',
|
12
12
|
tabsHasRightArrow: 'tabs-has-right-arrow',
|
13
|
-
tabsHasTopArrow: 'tabs-has-top-arrow',
|
14
|
-
tabsHasBottomArrow: 'tabs-has-bottom-arrow',
|
15
13
|
tabsClipScroll: 'tabs-clip-scroll',
|
16
14
|
tabsClipShowAll: 'tabs-clip-show-all'
|
17
15
|
};
|
18
16
|
export var tokens = {
|
19
17
|
disabledOpacity: '--plasma-tabs-disabled-opacity',
|
20
18
|
containerWidth: '--plasma-tabs-container-width',
|
21
|
-
containerHeight: '--plasma-tabs-container-height',
|
22
19
|
cursor: '--plasma-tabs-cursor',
|
23
20
|
color: '--plasma-tabs-color',
|
24
21
|
colorHover: '--plasma-tabs-color-hover',
|
@@ -4,15 +4,15 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
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, base } from './TabItem.styles';
|
15
|
+
export var tabItemRoot = function tabItemRoot(Root) {
|
16
16
|
return /*#__PURE__*/forwardRef(function (props, outerRef) {
|
17
17
|
var size = props.size,
|
18
18
|
view = props.view,
|
@@ -103,10 +103,10 @@ export var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
|
|
103
103
|
}, contentRight)));
|
104
104
|
});
|
105
105
|
};
|
106
|
-
export var
|
107
|
-
name: '
|
106
|
+
export var tabItemConfig = {
|
107
|
+
name: 'TabItem',
|
108
108
|
tag: 'button',
|
109
|
-
layout:
|
109
|
+
layout: tabItemRoot,
|
110
110
|
base: base,
|
111
111
|
variations: {
|
112
112
|
size: {
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { css } from 'styled-components';
|
3
|
-
import { addFocus } from '
|
4
|
-
import { tokens } from '
|
3
|
+
import { addFocus } from '../../../../mixins';
|
4
|
+
import { tokens } from '../../tokens';
|
5
5
|
export var base = /*#__PURE__*/css(["position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;align-items:center;gap:var(", ");padding:var(", ",var(", "));appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);&:first-child{margin-left:0;}", ";"], tokens.itemContentGap, tokens.itemPaddingClear, tokens.itemPadding, /*#__PURE__*/addFocus({
|
6
6
|
outlineSize: '0.063rem',
|
7
7
|
outlineOffset: '-0.125rem',
|
@@ -10,11 +10,11 @@ export var base = /*#__PURE__*/css(["position:relative;display:flex;align-items:
|
|
10
10
|
customFocusRules: /*#__PURE__*/"\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(".concat(tokens.outlineFocusColor, ");\n }\n }\n ")
|
11
11
|
}));
|
12
12
|
export var StyledContent = /*#__PURE__*/styled.div.withConfig({
|
13
|
-
componentId: "plasma-new-hope__sc-
|
13
|
+
componentId: "plasma-new-hope__sc-1ngrr4h-0"
|
14
14
|
})(["display:inline-block;width:fit-content;padding:0 var(", ",var(", "));"], tokens.itemContentPaddingClear, tokens.itemContentPadding);
|
15
15
|
export var RightContent = /*#__PURE__*/styled.div.withConfig({
|
16
|
-
componentId: "plasma-new-hope__sc-
|
16
|
+
componentId: "plasma-new-hope__sc-1ngrr4h-1"
|
17
17
|
})(["display:flex;color:var(", ");&:hover{color:var(", ");}"], tokens.additionalContentColor, tokens.additionalContentHoverColor);
|
18
18
|
export var LeftContent = /*#__PURE__*/styled.div.withConfig({
|
19
|
-
componentId: "plasma-new-hope__sc-
|
19
|
+
componentId: "plasma-new-hope__sc-1ngrr4h-2"
|
20
20
|
})(["display:flex;color:inherit;&:hover{color:inherit;}"]);
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { classes, tokens } from '
|
2
|
+
import { classes, tokens } from '../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/css(["&[disabled]{cursor:not-allowed;&:hover{color:var(", ");background-color:var(", ");}&.", ":hover{color:var(", ");background-color:var(", ");}}"], tokens.itemColor, tokens.itemBackgroundColor, /*#__PURE__*/String(classes.selectedTabsItem), tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor);
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { classes, tokens } from '
|
2
|
+
import { classes, tokens } from '../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/css(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");padding:var(", ");}"], /*#__PURE__*/String(classes.tabsPilled), tokens.itemPilledBorderRadius, tokens.itemPilledBorderRadius, tokens.itemPaddingPilled);
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { tokens } from '
|
2
|
+
import { tokens } from '../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.itemBorderRadius, tokens.itemBorderRadius, tokens.itemWidth, tokens.itemHeight);
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { classes, tokens } from '
|
3
|
-
import { RightContent } from '../../
|
2
|
+
import { classes, tokens } from '../../../../tokens';
|
3
|
+
import { RightContent } from '../../TabItem.styles';
|
4
4
|
export var base = /*#__PURE__*/css(["color:var(", ");background-color:var(", ");margin-left:var(", ",var(", "));&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}}&:active{color:var(", ");}&.", "{transition:var(", ");}&.", "{color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");&::after{background:var(", ");}}", "{color:var(", ");&:hover{color:var(", ");}}&::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(", ");height:var(", ");border-radius:1px;}}"], tokens.itemColor, tokens.itemBackgroundColor, tokens.itemMarginLeftFilled, tokens.itemMarginLeft, tokens.itemColorHover, tokens.itemBackgroundColorHover, RightContent, tokens.additionalContentHoverColor, tokens.itemColorActive, /*#__PURE__*/String(classes.tabItemAnimated), tokens.itemBackgroundTransition, /*#__PURE__*/String(classes.selectedTabsItem), tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor, tokens.itemSelectedColorHover, tokens.itemSelectedBackgroundColorHover, tokens.itemSelectedDividerColorHover, RightContent, tokens.additionalContentSelectedColor, tokens.additionalContentSelectedHoverColor, tokens.itemSelectedDividerColor, tokens.itemSelectedDividerHeight);
|
@@ -10,16 +10,16 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
10
10
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
11
11
|
import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef } from 'react';
|
12
12
|
import { safeUseId } from '@salutejs/plasma-core';
|
13
|
-
import { IconDisclosureLeft, IconDisclosureRight } from '
|
14
|
-
import { classes, tokens } from '
|
15
|
-
import { cx } from '
|
16
|
-
import { TabItemRefs, TabsContext } from '
|
13
|
+
import { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';
|
14
|
+
import { classes, tokens } from '../../tokens';
|
15
|
+
import { cx } from '../../../../utils';
|
16
|
+
import { TabItemRefs, TabsContext } from '../../TabsContext';
|
17
17
|
import { base as sizeCSS } from './variations/_size/base';
|
18
18
|
import { base as viewCSS } from './variations/_view/base';
|
19
19
|
import { base as disabledCSS } from './variations/_disabled/base';
|
20
20
|
import { base as pilledCSS } from './variations/_pilled/base';
|
21
21
|
import { base as stretchCSS } from './variations/_stretch/base';
|
22
|
-
import { StyledArrow, StyledContent, StyledContentWrapper, base } from './
|
22
|
+
import { StyledArrow, StyledContent, StyledContentWrapper, base } from './Tabs.styles';
|
23
23
|
var Keys = /*#__PURE__*/function (Keys) {
|
24
24
|
Keys[Keys["end"] = 35] = "end";
|
25
25
|
Keys[Keys["home"] = 36] = "home";
|
@@ -27,7 +27,7 @@ var Keys = /*#__PURE__*/function (Keys) {
|
|
27
27
|
Keys[Keys["right"] = 39] = "right";
|
28
28
|
return Keys;
|
29
29
|
}(Keys || {});
|
30
|
-
export var
|
30
|
+
export var tabsRoot = function tabsRoot(Root) {
|
31
31
|
return /*#__PURE__*/forwardRef(function (props, outerRef) {
|
32
32
|
var id = props.id,
|
33
33
|
_props$stretch = props.stretch,
|
@@ -206,10 +206,10 @@ export var horizontalTabsRoot = function horizontalTabsRoot(Root) {
|
|
206
206
|
}, children)), !lastItemVisible && NextButton));
|
207
207
|
});
|
208
208
|
};
|
209
|
-
export var
|
210
|
-
name: '
|
209
|
+
export var tabsConfig = {
|
210
|
+
name: 'Tabs',
|
211
211
|
tag: 'div',
|
212
|
-
layout:
|
212
|
+
layout: tabsRoot,
|
213
213
|
base: base,
|
214
214
|
variations: {
|
215
215
|
size: {
|
@@ -2,17 +2,17 @@ var _templateObject;
|
|
2
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3
3
|
import { css } from 'styled-components';
|
4
4
|
import styled from 'styled-components';
|
5
|
-
import { addFocus } from '
|
6
|
-
import { classes, tokens } from '
|
5
|
+
import { addFocus } from '../../../../mixins';
|
6
|
+
import { classes, tokens } from '../../tokens';
|
7
7
|
export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n gap: 0.125rem;\n align-items: center;\n position: relative;\n"])));
|
8
8
|
export var StyledContent = /*#__PURE__*/styled.div.withConfig({
|
9
|
-
componentId: "plasma-new-hope__sc-
|
9
|
+
componentId: "plasma-new-hope__sc-1ibkmsl-0"
|
10
10
|
})(["display:inline-flex;flex-direction:row;align-items:center;"]);
|
11
11
|
export var StyledContentWrapper = /*#__PURE__*/styled.div.withConfig({
|
12
|
-
componentId: "plasma-new-hope__sc-
|
12
|
+
componentId: "plasma-new-hope__sc-1ibkmsl-1"
|
13
13
|
})(["margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;&.", "{overflow:scroll;scroll-padding:0.25rem;overscroll-behavior:contain;scrollbar-width:none;::-webkit-scrollbar{display:none;}}&.", "{overflow:visible;}"], classes.tabsClipScroll, classes.tabsClipShowAll);
|
14
14
|
export var StyledArrow = /*#__PURE__*/styled.button.withConfig({
|
15
|
-
componentId: "plasma-new-hope__sc-
|
15
|
+
componentId: "plasma-new-hope__sc-1ibkmsl-2"
|
16
16
|
})(["display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;", ";&[disabled]{cursor:not-allowed;}--plasma_private-outer-padding:", ";padding-right:", ";padding-left:", ";"], /*#__PURE__*/addFocus({
|
17
17
|
outlineSize: '0.063rem',
|
18
18
|
outlineOffset: '-0.125rem',
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { classes, tokens } from '
|
2
|
+
import { classes, tokens } from '../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/css(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");}"], /*#__PURE__*/String(classes.tabsPilled), tokens.tabsPilledBorderRadius, tokens.tabsPilledBorderRadius);
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { tokens } from '
|
2
|
+
import { tokens } from '../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/css(["width:var(", ");height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");"], tokens.tabsWidth, tokens.tabsHeight, tokens.tabsBorderRadius, tokens.tabsBorderRadius);
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { classes } from '../../../../tokens';
|
3
|
+
import { StyledContent, StyledContentWrapper } from '../../Tabs.styles';
|
4
|
+
export var base = /*#__PURE__*/css(["&.", "{width:100%;", ",", ",", " > button{width:100%;margin-left:0;}}"], classes.tabsStretch, StyledContentWrapper, StyledContent, StyledContent);
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { classes, tokens } from '
|
2
|
+
import { classes, tokens } from '../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/css(["background-color:var(", ");&::after{content:'';position:absolute;bottom:0.125rem;left:0.125rem;right:0.125rem;background:var(", ");height:var(", ");border-radius:var(", ");}&.", "{&::after{left:1.5rem;}}&.", "{&::after{right:1.5rem;}}"], tokens.tabsBackgroundColor, tokens.tabsDividerColor, tokens.tabsDividerHeight, tokens.tabsDividerBorderRadius, classes.tabsHasLeftArrow, classes.tabsHasRightArrow);
|