@salutejs/plasma-new-hope 0.152.0-canary.1374.11013124158.0 → 0.152.0-canary.1445.11027864145.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Chip/Chip.js +1 -1
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/Chip/Chip.tokens.js +2 -1
- package/cjs/components/Chip/Chip.tokens.js.map +1 -1
- package/cjs/components/ChipGroup/ChipGroup.css +7 -0
- package/cjs/components/ChipGroup/ChipGroup.js +63 -0
- package/cjs/components/ChipGroup/ChipGroup.js.map +1 -0
- package/cjs/components/ChipGroup/ChipGroup.styles.js +9 -0
- package/cjs/components/ChipGroup/ChipGroup.styles.js.map +1 -0
- package/cjs/components/ChipGroup/ChipGroup.styles_1l3nd6v.css +1 -0
- package/cjs/components/ChipGroup/ChipGroup.tokens.js +50 -0
- package/cjs/components/ChipGroup/ChipGroup.tokens.js.map +1 -0
- package/cjs/components/{Tabs/ui/horizontal/HorizontalTabs/variations/_view → ChipGroup/variations/_gap}/base.js +2 -2
- package/cjs/components/ChipGroup/variations/_gap/base.js.map +1 -0
- package/cjs/components/ChipGroup/variations/_gap/base_vhoe9f.css +1 -0
- package/cjs/components/{Tabs/ui/horizontal/HorizontalTabs/variations/_disabled → ChipGroup/variations/_size}/base.js +2 -2
- package/cjs/components/ChipGroup/variations/_size/base.js.map +1 -0
- package/cjs/components/ChipGroup/variations/_size/base_eu60ye.css +1 -0
- package/cjs/components/{Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled → ChipGroup/variations/_view}/base.js +2 -2
- package/cjs/components/ChipGroup/variations/_view/base.js.map +1 -0
- package/cjs/components/ChipGroup/variations/_view/base_122089q.css +1 -0
- 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/_size → 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/_pilled → 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/{vertical/VerticalTabs → 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/Tabs/variations/_size/base.js +9 -0
- 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/Tabs/variations/_stretch/base.js +9 -0
- 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 +25 -41
- package/cjs/index.js +13 -14
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Chip/Chip.js +1 -1
- package/emotion/cjs/components/Chip/Chip.tokens.js +2 -1
- package/emotion/cjs/components/Chip/index.js +6 -0
- package/emotion/cjs/components/ChipGroup/ChipGroup.js +65 -0
- package/emotion/cjs/components/ChipGroup/ChipGroup.styles.js +9 -0
- package/emotion/cjs/components/ChipGroup/ChipGroup.template-doc.mdx +93 -0
- package/emotion/cjs/components/ChipGroup/ChipGroup.tokens.js +48 -0
- package/emotion/cjs/components/ChipGroup/index.js +31 -0
- package/emotion/cjs/components/ChipGroup/variations/_gap/base.js +9 -0
- package/emotion/cjs/components/ChipGroup/variations/_gap/tokens.json +1 -0
- package/emotion/cjs/components/ChipGroup/variations/_size/base.js +10 -0
- package/emotion/cjs/components/ChipGroup/variations/_size/tokens.json +22 -0
- package/emotion/cjs/components/ChipGroup/variations/_view/base.js +10 -0
- package/emotion/cjs/components/ChipGroup/variations/_view/tokens.json +15 -0
- 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/ChipGroup /ChipGroup.config.js +33 -0
- package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +95 -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/ChipGroup /ChipGroup.config.js +33 -0
- package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +95 -0
- 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/cjs/index.js +11 -0
- package/emotion/es/components/Chip/Chip.js +1 -1
- package/emotion/es/components/Chip/Chip.tokens.js +2 -1
- package/emotion/es/components/Chip/index.js +1 -1
- package/emotion/es/components/ChipGroup/ChipGroup.js +56 -0
- package/emotion/es/components/ChipGroup/ChipGroup.styles.js +3 -0
- package/emotion/es/components/ChipGroup/ChipGroup.template-doc.mdx +93 -0
- package/emotion/es/components/ChipGroup/ChipGroup.tokens.js +42 -0
- package/emotion/es/components/ChipGroup/index.js +2 -0
- package/emotion/es/components/ChipGroup/variations/_gap/base.js +3 -0
- package/emotion/es/components/ChipGroup/variations/_gap/tokens.json +1 -0
- package/emotion/es/components/ChipGroup/variations/_size/base.js +4 -0
- package/emotion/es/components/ChipGroup/variations/_size/tokens.json +22 -0
- package/emotion/es/components/ChipGroup/variations/_view/base.js +4 -0
- package/emotion/es/components/ChipGroup/variations/_view/tokens.json +15 -0
- 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/ChipGroup /ChipGroup.config.js +27 -0
- package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +95 -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/ChipGroup /ChipGroup.config.js +27 -0
- package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.js +5 -0
- package/emotion/es/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +95 -0
- 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/emotion/es/index.js +1 -0
- package/es/components/Chip/Chip.js +1 -1
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/Chip/Chip.tokens.js +2 -1
- package/es/components/Chip/Chip.tokens.js.map +1 -1
- package/es/components/ChipGroup/ChipGroup.css +7 -0
- package/es/components/ChipGroup/ChipGroup.js +58 -0
- package/es/components/ChipGroup/ChipGroup.js.map +1 -0
- package/es/components/ChipGroup/ChipGroup.styles.js +5 -0
- package/es/components/ChipGroup/ChipGroup.styles.js.map +1 -0
- package/es/components/ChipGroup/ChipGroup.styles_1l3nd6v.css +1 -0
- package/es/components/ChipGroup/ChipGroup.tokens.js +45 -0
- package/es/components/ChipGroup/ChipGroup.tokens.js.map +1 -0
- package/es/components/{Tabs/ui/horizontal/HorizontalTabs/variations/_disabled → ChipGroup/variations/_gap}/base.js +2 -2
- package/es/components/ChipGroup/variations/_gap/base.js.map +1 -0
- package/es/components/ChipGroup/variations/_gap/base_vhoe9f.css +1 -0
- package/es/components/{Tabs/ui/horizontal/HorizontalTabs/variations/_view → ChipGroup/variations/_size}/base.js +2 -2
- package/es/components/ChipGroup/variations/_size/base.js.map +1 -0
- package/es/components/ChipGroup/variations/_size/base_eu60ye.css +1 -0
- package/es/components/{Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled → ChipGroup/variations/_view}/base.js +2 -2
- package/es/components/ChipGroup/variations/_view/base.js.map +1 -0
- package/es/components/ChipGroup/variations/_view/base_122089q.css +1 -0
- 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/_size → 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/TabItem/variations/_size/base.js +5 -0
- package/es/components/Tabs/ui/TabItem/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_pilled → TabItem/variations/_view}/base.js +2 -2
- package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
- package/es/components/Tabs/ui/Tabs/Tabs.css +16 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +13 -13
- package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +10 -10
- package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +4 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_size/base.js +5 -0
- 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 +25 -41
- package/es/index.js +5 -6
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Chip/Chip.js +1 -1
- package/styled-components/cjs/components/Chip/Chip.tokens.js +2 -1
- package/styled-components/cjs/components/Chip/index.js +6 -0
- package/styled-components/cjs/components/ChipGroup/ChipGroup.js +65 -0
- package/styled-components/cjs/components/{Tabs/ui/vertical/VerticalTabs/variations/_view/base.js → ChipGroup/ChipGroup.styles.js} +2 -2
- package/styled-components/cjs/components/ChipGroup/ChipGroup.template-doc.mdx +93 -0
- package/styled-components/cjs/components/ChipGroup/ChipGroup.tokens.js +48 -0
- package/styled-components/cjs/components/ChipGroup/index.js +31 -0
- package/styled-components/cjs/components/{Tabs/ui/horizontal/HorizontalTabs/variations/_disabled → ChipGroup/variations/_gap}/base.js +2 -2
- package/styled-components/cjs/components/ChipGroup/variations/_gap/tokens.json +1 -0
- package/styled-components/cjs/components/ChipGroup/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/ChipGroup/variations/_size/tokens.json +22 -0
- package/styled-components/cjs/components/ChipGroup/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/ChipGroup/variations/_view/tokens.json +15 -0
- 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/TabItem/TabItem.types.js +5 -0
- 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/Tabs/Tabs.types.js +5 -0
- 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/ChipGroup /ChipGroup.config.js +33 -0
- package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +95 -0
- 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/ChipGroup /ChipGroup.config.js +33 -0
- package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +95 -0
- 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/cjs/index.js +11 -0
- package/styled-components/es/components/Chip/Chip.js +1 -1
- package/styled-components/es/components/Chip/Chip.tokens.js +2 -1
- package/styled-components/es/components/Chip/index.js +1 -1
- package/styled-components/es/components/ChipGroup/ChipGroup.js +56 -0
- package/styled-components/es/components/ChipGroup/ChipGroup.styles.js +3 -0
- package/styled-components/es/components/ChipGroup/ChipGroup.template-doc.mdx +93 -0
- package/styled-components/es/components/ChipGroup/ChipGroup.tokens.js +42 -0
- package/styled-components/es/components/ChipGroup/index.js +2 -0
- package/styled-components/es/components/ChipGroup/variations/_gap/base.js +3 -0
- package/styled-components/es/components/ChipGroup/variations/_gap/tokens.json +1 -0
- package/styled-components/es/components/ChipGroup/variations/_size/base.js +4 -0
- package/styled-components/es/components/ChipGroup/variations/_size/tokens.json +22 -0
- package/styled-components/es/components/ChipGroup/variations/_view/base.js +4 -0
- package/styled-components/es/components/ChipGroup/variations/_view/tokens.json +15 -0
- 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/TabItem/TabItem.types.js +1 -0
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{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/Tabs/Tabs.types.js +1 -0
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.js +27 -0
- package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/ChipGroup /ChipGroup.stories.tsx +95 -0
- 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/ChipGroup /ChipGroup.config.js +27 -0
- package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.js +5 -0
- package/styled-components/es/examples/plasma_web/components/ChipGroup /ChipGroup.stories.tsx +95 -0
- 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/styled-components/es/index.js +1 -0
- package/types/components/Chip/Chip.tokens.d.ts +1 -0
- package/types/components/Chip/Chip.tokens.d.ts.map +1 -1
- package/types/components/Chip/index.d.ts +1 -1
- package/types/components/Chip/index.d.ts.map +1 -1
- package/types/components/ChipGroup/ChipGroup.d.ts +27 -0
- package/types/components/ChipGroup/ChipGroup.d.ts.map +1 -0
- package/types/components/ChipGroup/ChipGroup.styles.d.ts +2 -0
- package/types/components/ChipGroup/ChipGroup.styles.d.ts.map +1 -0
- package/types/components/ChipGroup/ChipGroup.tokens.d.ts +43 -0
- package/types/components/ChipGroup/ChipGroup.tokens.d.ts.map +1 -0
- package/types/components/ChipGroup/ChipGroup.types.d.ts +42 -0
- package/types/components/ChipGroup/ChipGroup.types.d.ts.map +1 -0
- package/types/components/ChipGroup/index.d.ts +3 -0
- package/types/components/ChipGroup/index.d.ts.map +1 -0
- package/types/components/ChipGroup/variations/_gap/base.d.ts.map +1 -0
- package/types/components/ChipGroup/variations/_size/base.d.ts.map +1 -0
- package/types/components/ChipGroup/variations/_view/base.d.ts.map +1 -0
- 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_web/components/Tabs/vertical/VerticalTabItem.config.d.ts → plasma_b2c/components/ChipGroup /ChipGroup.config.d.ts } +10 -7
- package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.d.ts +19 -0
- package/types/examples/plasma_b2c/components/ChipGroup /ChipGroup.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_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts → plasma_web/components/ChipGroup /ChipGroup.config.d.ts } +10 -7
- package/types/examples/plasma_web/components/ChipGroup /ChipGroup.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/ChipGroup /ChipGroup.d.ts +19 -0
- package/types/examples/plasma_web/components/ChipGroup /ChipGroup.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.d.ts → TabItem.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +25 -2
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +27 -2
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.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.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.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/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/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.map +0 -1
- 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.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.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.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 → ChipGroup/ChipGroup.types.js} +0 -0
- /package/{styled-components/cjs/components/Tabs → emotion/cjs/components/Tabs/ui/TabItem}/TabItem.types.js +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/{Tabs/TabItem.types.js → ChipGroup/ChipGroup.types.js} +0 -0
- /package/{styled-components/es/components/Tabs → emotion/es/components/Tabs/ui/TabItem}/TabItem.types.js +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabItem → es/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabItem → es/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabs → es/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/emotion/{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/Tabs.types.js → ChipGroup/ChipGroup.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/{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/Tabs.types.js → ChipGroup/ChipGroup.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/{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/variations/_disabled → ChipGroup/variations/_gap}/base.d.ts +0 -0
- /package/types/components/{Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled → ChipGroup/variations/_size}/base.d.ts +0 -0
- /package/types/components/{Tabs/ui/horizontal/HorizontalTabItem/variations/_size → ChipGroup/variations/_view}/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_view → TabItem/variations/_disabled}/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_disabled → TabItem/variations/_pilled}/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_pilled → TabItem/variations/_size}/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_size → TabItem/variations/_view}/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_stretch → Tabs/variations/_disabled}/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_view → Tabs/variations/_pilled}/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{vertical/VerticalTabItem/variations/_disabled → Tabs/variations/_size}/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{vertical/VerticalTabItem/variations/_size → Tabs/variations/_stretch}/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{vertical/VerticalTabItem → 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
|
};
|
package/emotion/es/index.js
CHANGED
@@ -9,6 +9,7 @@ export * from './components/IconButton';
|
|
9
9
|
export * from './components/ButtonGroup';
|
10
10
|
export * from './components/Breadcrumbs';
|
11
11
|
export * from './components/Chip';
|
12
|
+
export * from './components/ChipGroup';
|
12
13
|
export * from './components/Cell';
|
13
14
|
export * from './components/Link';
|
14
15
|
export * from './components/Spinner';
|
@@ -50,7 +50,7 @@ var chipRoot = function chipRoot(Root) {
|
|
50
50
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
51
51
|
type: "button",
|
52
52
|
ref: ref,
|
53
|
-
className: cx(pilledClass, className),
|
53
|
+
className: cx(pilledClass, classes.chipItem, className),
|
54
54
|
tabIndex: readOnly ? -1 : 0,
|
55
55
|
onClick: handleClick,
|
56
56
|
disabled: disabled,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { IconClose } from '../_Icon/Icons/IconClose';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport type { ChipProps } from './Chip.types';\nimport { StyledContentClear, StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Chip.styles';\nimport { classes, tokens } from './Chip.tokens';\n\nexport const chipRoot = (Root: RootProps<HTMLButtonElement, ChipProps>) =>\n forwardRef<HTMLButtonElement, ChipProps>((props, ref) => {\n const {\n children,\n text,\n contentLeft,\n contentRight,\n contentClearButton,\n hasClear = true,\n size,\n className,\n onClear,\n onClick,\n pilled = false,\n readOnly = false,\n disabled = false,\n ...rest\n } = props;\n\n const txt = !text && typeof children === 'string' ? children : text;\n const pilledClass = pilled ? classes.pilled : undefined;\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n if (disabled || readOnly) {\n return;\n }\n\n onClick?.(event);\n onClear?.();\n };\n\n const ClearContent = useMemo(() => {\n return (\n contentClearButton || (\n <StyledContentClear>\n <IconClose sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n </StyledContentClear>\n )\n );\n }, [contentClearButton, tokens.closeIconSize]);\n\n return (\n <Root\n type=\"button\"\n ref={ref}\n className={cx(pilledClass, className)}\n tabIndex={readOnly ? -1 : 0}\n onClick={handleClick}\n disabled={disabled}\n pilled={pilled}\n readOnly={!disabled && readOnly}\n size={size}\n {...rest}\n >\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n {hasClear && ClearContent}\n </Root>\n );\n });\n\nexport const chipConfig = {\n name: 'Chip',\n tag: 'button',\n layout: chipRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readonlyCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n },\n pilled: {\n css: pilledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["chipRoot","Root","forwardRef","props","ref","children","text","contentLeft","contentRight","contentClearButton","_props$hasClear","hasClear","size","className","onClear","onClick","_props$pilled","pilled","_props$readOnly","readOnly","_props$disabled","disabled","rest","_objectWithoutProperties","_excluded","txt","pilledClass","classes","undefined","handleClick","event","ClearContent","useMemo","React","createElement","StyledContentClear","IconClose","sizeCustomProperty","tokens","closeIconSize","color","_extends","type","cx","tabIndex","StyledContentLeft","StyledContentMain","StyledContentRight","chipConfig","name","tag","layout","base","variations","view","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","focused","focusedCSS","pilledCSS","defaults"],"mappings":";;;;;;;;;;;;;;IAgBaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBAClEC,UAAU,CAA+B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACrD,IAAA,IACIC,QAAQ,GAcRF,KAAK,CAdLE,QAAQ;MACRC,IAAI,GAaJH,KAAK,CAbLG,IAAI;MACJC,WAAW,GAYXJ,KAAK,CAZLI,WAAW;MACXC,YAAY,GAWZL,KAAK,CAXLK,YAAY;MACZC,kBAAkB,GAUlBN,KAAK,CAVLM,kBAAkB;MAAAC,eAAA,GAUlBP,KAAK,CATLQ,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;MACfE,IAAI,GAQJT,KAAK,CARLS,IAAI;MACJC,SAAS,GAOTV,KAAK,CAPLU,SAAS;MACTC,OAAO,GAMPX,KAAK,CANLW,OAAO;MACPC,OAAO,GAKPZ,KAAK,CALLY,OAAO;MAAAC,aAAA,GAKPb,KAAK,CAJLc,MAAM;AAANA,MAAAA,MAAM,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,eAAA,GAIdf,KAAK,CAHLgB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAAAE,eAAA,GAGhBjB,KAAK,CAFLkB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;AACbE,MAAAA,IAAI,GAAAC,wBAAA,CACPpB,KAAK,EAAAqB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,GAAG,GAAG,CAACnB,IAAI,IAAI,OAAOD,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGC,IAAI,CAAA;IACnE,IAAMoB,WAAW,GAAGT,MAAM,GAAGU,OAAO,CAACV,MAAM,GAAGW,SAAS,CAAA;AAEvD,IAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAA0C,EAAK;MAChE,IAAIT,QAAQ,IAAIF,QAAQ,EAAE;AACtB,QAAA,OAAA;AACJ,OAAA;AAEAJ,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAGe,KAAK,CAAC,CAAA;AAChBhB,MAAAA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,EAAI,CAAA;KACd,CAAA;AAED,IAAA,IAAMiB,YAAY,GAAGC,OAAO,CAAC,YAAM;AAC/B,MAAA,OACIvB,kBAAkB,iBACdwB,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAA,IAAA,eACfF,KAAA,CAAAC,aAAA,CAACE,SAAS,EAAA;QAACC,kBAAkB,EAAEC,MAAM,CAACC,aAAc;AAACC,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CACtD,CACvB,CAAA;KAER,EAAE,CAAC/B,kBAAkB,EAAE6B,MAAM,CAACC,aAAa,CAAC,CAAC,CAAA;AAE9C,IAAA,oBACIN,KAAA,CAAAC,aAAA,CAACjC,IAAI,EAAAwC,QAAA,CAAA;AACDC,MAAAA,IAAI,EAAC,QAAQ;AACbtC,MAAAA,GAAG,EAAEA,GAAI;
|
1
|
+
{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { IconClose } from '../_Icon/Icons/IconClose';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport type { ChipProps } from './Chip.types';\nimport { StyledContentClear, StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Chip.styles';\nimport { classes, tokens } from './Chip.tokens';\n\nexport const chipRoot = (Root: RootProps<HTMLButtonElement, ChipProps>) =>\n forwardRef<HTMLButtonElement, ChipProps>((props, ref) => {\n const {\n children,\n text,\n contentLeft,\n contentRight,\n contentClearButton,\n hasClear = true,\n size,\n className,\n onClear,\n onClick,\n pilled = false,\n readOnly = false,\n disabled = false,\n ...rest\n } = props;\n\n const txt = !text && typeof children === 'string' ? children : text;\n const pilledClass = pilled ? classes.pilled : undefined;\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n if (disabled || readOnly) {\n return;\n }\n\n onClick?.(event);\n onClear?.();\n };\n\n const ClearContent = useMemo(() => {\n return (\n contentClearButton || (\n <StyledContentClear>\n <IconClose sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n </StyledContentClear>\n )\n );\n }, [contentClearButton, tokens.closeIconSize]);\n\n return (\n <Root\n type=\"button\"\n ref={ref}\n className={cx(pilledClass, classes.chipItem, className)}\n tabIndex={readOnly ? -1 : 0}\n onClick={handleClick}\n disabled={disabled}\n pilled={pilled}\n readOnly={!disabled && readOnly}\n size={size}\n {...rest}\n >\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n {hasClear && ClearContent}\n </Root>\n );\n });\n\nexport const chipConfig = {\n name: 'Chip',\n tag: 'button',\n layout: chipRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readonlyCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n },\n pilled: {\n css: pilledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["chipRoot","Root","forwardRef","props","ref","children","text","contentLeft","contentRight","contentClearButton","_props$hasClear","hasClear","size","className","onClear","onClick","_props$pilled","pilled","_props$readOnly","readOnly","_props$disabled","disabled","rest","_objectWithoutProperties","_excluded","txt","pilledClass","classes","undefined","handleClick","event","ClearContent","useMemo","React","createElement","StyledContentClear","IconClose","sizeCustomProperty","tokens","closeIconSize","color","_extends","type","cx","chipItem","tabIndex","StyledContentLeft","StyledContentMain","StyledContentRight","chipConfig","name","tag","layout","base","variations","view","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","focused","focusedCSS","pilledCSS","defaults"],"mappings":";;;;;;;;;;;;;;IAgBaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBAClEC,UAAU,CAA+B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACrD,IAAA,IACIC,QAAQ,GAcRF,KAAK,CAdLE,QAAQ;MACRC,IAAI,GAaJH,KAAK,CAbLG,IAAI;MACJC,WAAW,GAYXJ,KAAK,CAZLI,WAAW;MACXC,YAAY,GAWZL,KAAK,CAXLK,YAAY;MACZC,kBAAkB,GAUlBN,KAAK,CAVLM,kBAAkB;MAAAC,eAAA,GAUlBP,KAAK,CATLQ,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;MACfE,IAAI,GAQJT,KAAK,CARLS,IAAI;MACJC,SAAS,GAOTV,KAAK,CAPLU,SAAS;MACTC,OAAO,GAMPX,KAAK,CANLW,OAAO;MACPC,OAAO,GAKPZ,KAAK,CALLY,OAAO;MAAAC,aAAA,GAKPb,KAAK,CAJLc,MAAM;AAANA,MAAAA,MAAM,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,eAAA,GAIdf,KAAK,CAHLgB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAAAE,eAAA,GAGhBjB,KAAK,CAFLkB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;AACbE,MAAAA,IAAI,GAAAC,wBAAA,CACPpB,KAAK,EAAAqB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,GAAG,GAAG,CAACnB,IAAI,IAAI,OAAOD,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGC,IAAI,CAAA;IACnE,IAAMoB,WAAW,GAAGT,MAAM,GAAGU,OAAO,CAACV,MAAM,GAAGW,SAAS,CAAA;AAEvD,IAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAA0C,EAAK;MAChE,IAAIT,QAAQ,IAAIF,QAAQ,EAAE;AACtB,QAAA,OAAA;AACJ,OAAA;AAEAJ,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAGe,KAAK,CAAC,CAAA;AAChBhB,MAAAA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,EAAI,CAAA;KACd,CAAA;AAED,IAAA,IAAMiB,YAAY,GAAGC,OAAO,CAAC,YAAM;AAC/B,MAAA,OACIvB,kBAAkB,iBACdwB,KAAA,CAAAC,aAAA,CAACC,kBAAkB,EAAA,IAAA,eACfF,KAAA,CAAAC,aAAA,CAACE,SAAS,EAAA;QAACC,kBAAkB,EAAEC,MAAM,CAACC,aAAc;AAACC,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CACtD,CACvB,CAAA;KAER,EAAE,CAAC/B,kBAAkB,EAAE6B,MAAM,CAACC,aAAa,CAAC,CAAC,CAAA;AAE9C,IAAA,oBACIN,KAAA,CAAAC,aAAA,CAACjC,IAAI,EAAAwC,QAAA,CAAA;AACDC,MAAAA,IAAI,EAAC,QAAQ;AACbtC,MAAAA,GAAG,EAAEA,GAAI;MACTS,SAAS,EAAE8B,EAAE,CAACjB,WAAW,EAAEC,OAAO,CAACiB,QAAQ,EAAE/B,SAAS,CAAE;AACxDgC,MAAAA,QAAQ,EAAE1B,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;AAC5BJ,MAAAA,OAAO,EAAEc,WAAY;AACrBR,MAAAA,QAAQ,EAAEA,QAAS;AACnBJ,MAAAA,MAAM,EAAEA,MAAO;AACfE,MAAAA,QAAQ,EAAE,CAACE,QAAQ,IAAIF,QAAS;AAChCP,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,EACPU,IAAI,CAEPf,EAAAA,WAAW,iBAAI0B,KAAA,CAAAC,aAAA,CAACY,iBAAiB,EAAEvC,IAAAA,EAAAA,WAA+B,CAAC,EACnEkB,GAAG,gBAAGQ,KAAA,CAAAC,aAAA,CAACa,iBAAiB,EAAEtB,IAAAA,EAAAA,GAAuB,CAAC,GAAGpB,QAAQ,EAC7DG,YAAY,iBAAIyB,KAAA,CAAAC,aAAA,CAACc,kBAAkB,QAAExC,YAAiC,CAAC,EACvEG,QAAQ,IAAIoB,YACX,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMkB,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,MAAM,EAAEpD,QAAQ;AAChBqD,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD7C,IAAAA,IAAI,EAAE;AACF4C,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDrC,IAAAA,QAAQ,EAAE;AACNmC,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDzC,IAAAA,QAAQ,EAAE;AACNqC,MAAAA,GAAG,EAAEK,MAAW;AAChBD,MAAAA,KAAK,EAAE,IAAA;KACV;AACDE,IAAAA,OAAO,EAAE;AACLN,MAAAA,GAAG,EAAEO,MAAAA;KACR;AACD9C,IAAAA,MAAM,EAAE;AACJuC,MAAAA,GAAG,EAAEQ,MAAS;AACdJ,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDK,EAAAA,QAAQ,EAAE;AACNV,IAAAA,IAAI,EAAE,SAAS;AACf3C,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Chip.tokens.js","sources":["../../../src/components/Chip/Chip.tokens.ts"],"sourcesContent":["export const classes = {\n pilled: 'chip-pilled',\n};\n\nexport const tokens = {\n background: '--plasma-chip-background',\n color: '--plasma-chip-color',\n backgroundHover: '--plasma-chip-background-hover',\n colorHover: '--plasma-chip-color-hover',\n scaleHover: '--plasma-chip-scale-hover',\n backgroundReadOnly: '--plasma-chip-background-readonly',\n colorReadOnly: '--plasma-chip-color-readonly',\n backgroundReadOnlyHover: '--plasma-chip-background-readonly-hover',\n colorReadOnlyHover: '--plasma-chip-color-readonly-hover',\n backgroundActive: '--plasma-chip-background-active',\n colorActive: '--plasma-chip-color-active',\n scaleActive: '--plasma-chip-scale-active',\n focusColor: '--plasma-chip-focus-color',\n outlineSize: '--plasma-chip-outline-size',\n closeIconColor: '--plasma-chip-close-icon-color',\n closeIconColorHover: '--plasma-chip-close-icon-color-hover',\n closeIconColorActive: '--plasma-chip-close-icon-color-active',\n\n borderRadius: '--plasma-chip-border-radius',\n pilledBorderRadius: '--plasma-chip-pilled-border-radius',\n width: '--plasma-chip-width',\n height: '--plasma-chip-height',\n paddingTop: '--plasma-chip-padding-top',\n paddingRight: '--plasma-chip-padding-right',\n paddingBottom: '--plasma-chip-padding-bottom',\n paddingLeft: '--plasma-chip-padding-left',\n closeIconSize: '--plasma-chip-close-icon-size',\n\n disabledOpacity: '--plasma-chip-disabled-opacity',\n\n fontFamily: '--plasma-chip-font-family',\n fontSize: '--plasma-chip-font-size',\n fontStyle: '--plasma-chip-font-style',\n fontWeight: '--plasma-chip-font-weight',\n letterSpacing: '--plasma-chip-letter-spacing',\n lineHeight: '--plasma-chip-lineheight',\n\n leftContentMarginLeft: '--plasma-chip-left-content-margin-left',\n leftContentMarginRight: '--plasma-chip-left-content-margin-right',\n rightContentMarginLeft: '--plasma-chip-right-content-margin-left',\n rightContentMarginRight: '--plasma-chip-right-content-margin-right',\n clearContentMarginLeft: '--plasma-chip-clear-content-margin-left',\n clearContentMarginRight: '--plasma-chip-clear-content-margin-right',\n};\n"],"names":["classes","pilled","tokens","background","color","backgroundHover","colorHover","scaleHover","backgroundReadOnly","colorReadOnly","backgroundReadOnlyHover","colorReadOnlyHover","backgroundActive","colorActive","scaleActive","focusColor","outlineSize","closeIconColor","closeIconColorHover","closeIconColorActive","borderRadius","pilledBorderRadius","width","height","paddingTop","paddingRight","paddingBottom","paddingLeft","closeIconSize","disabledOpacity","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight","clearContentMarginLeft","clearContentMarginRight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,MAAM,EAAE,
|
1
|
+
{"version":3,"file":"Chip.tokens.js","sources":["../../../src/components/Chip/Chip.tokens.ts"],"sourcesContent":["export const classes = {\n pilled: 'chip-pilled',\n chipItem: 'chip-item',\n};\n\nexport const tokens = {\n background: '--plasma-chip-background',\n color: '--plasma-chip-color',\n backgroundHover: '--plasma-chip-background-hover',\n colorHover: '--plasma-chip-color-hover',\n scaleHover: '--plasma-chip-scale-hover',\n backgroundReadOnly: '--plasma-chip-background-readonly',\n colorReadOnly: '--plasma-chip-color-readonly',\n backgroundReadOnlyHover: '--plasma-chip-background-readonly-hover',\n colorReadOnlyHover: '--plasma-chip-color-readonly-hover',\n backgroundActive: '--plasma-chip-background-active',\n colorActive: '--plasma-chip-color-active',\n scaleActive: '--plasma-chip-scale-active',\n focusColor: '--plasma-chip-focus-color',\n outlineSize: '--plasma-chip-outline-size',\n closeIconColor: '--plasma-chip-close-icon-color',\n closeIconColorHover: '--plasma-chip-close-icon-color-hover',\n closeIconColorActive: '--plasma-chip-close-icon-color-active',\n\n borderRadius: '--plasma-chip-border-radius',\n pilledBorderRadius: '--plasma-chip-pilled-border-radius',\n width: '--plasma-chip-width',\n height: '--plasma-chip-height',\n paddingTop: '--plasma-chip-padding-top',\n paddingRight: '--plasma-chip-padding-right',\n paddingBottom: '--plasma-chip-padding-bottom',\n paddingLeft: '--plasma-chip-padding-left',\n closeIconSize: '--plasma-chip-close-icon-size',\n\n disabledOpacity: '--plasma-chip-disabled-opacity',\n\n fontFamily: '--plasma-chip-font-family',\n fontSize: '--plasma-chip-font-size',\n fontStyle: '--plasma-chip-font-style',\n fontWeight: '--plasma-chip-font-weight',\n letterSpacing: '--plasma-chip-letter-spacing',\n lineHeight: '--plasma-chip-lineheight',\n\n leftContentMarginLeft: '--plasma-chip-left-content-margin-left',\n leftContentMarginRight: '--plasma-chip-left-content-margin-right',\n rightContentMarginLeft: '--plasma-chip-right-content-margin-left',\n rightContentMarginRight: '--plasma-chip-right-content-margin-right',\n clearContentMarginLeft: '--plasma-chip-clear-content-margin-left',\n clearContentMarginRight: '--plasma-chip-clear-content-margin-right',\n};\n"],"names":["classes","pilled","chipItem","tokens","background","color","backgroundHover","colorHover","scaleHover","backgroundReadOnly","colorReadOnly","backgroundReadOnlyHover","colorReadOnlyHover","backgroundActive","colorActive","scaleActive","focusColor","outlineSize","closeIconColor","closeIconColorHover","closeIconColorActive","borderRadius","pilledBorderRadius","width","height","paddingTop","paddingRight","paddingBottom","paddingLeft","closeIconSize","disabledOpacity","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight","clearContentMarginLeft","clearContentMarginRight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,MAAM,EAAE,aAAa;AACrBC,EAAAA,QAAQ,EAAE,WAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,kBAAkB,EAAE,mCAAmC;AACvDC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,uBAAuB,EAAE,yCAAyC;AAClEC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,cAAc,EAAE,gCAAgC;AAChDC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,oBAAoB,EAAE,uCAAuC;AAE7DC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,MAAM,EAAE,sBAAsB;AAC9BC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,aAAa,EAAE,+BAA+B;AAE9CC,EAAAA,eAAe,EAAE,gCAAgC;AAEjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,SAAS,EAAE,0BAA0B;AACrCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,0BAA0B;AAEtCC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAAA;AAC7B;;;;"}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
.ChipGroup_styles_1l3nd6v_bzgm0e4__3638f601{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}.ChipGroup_styles_1l3nd6v_bzgm0e4__3638f601.ChipGroup_styles_1l3nd6v_chipGroupWrap__3638f601{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
|
2
|
+
|
3
|
+
.base_122089q_brey5rj__0d881afa.base_122089q_chipGroupOverrideStyles__0d881afa .base_122089q_chipItem__0d881afa{--plasma-chip-background:var(--plasma-chip-group-items-background);--plasma-chip-color:var(--plasma-chip-group-items-color);--plasma-chip-background-hover:var(--plasma-chip-group-items-background-hover);--plasma-chip-color-hover:var(--plasma-chip-group-items-color-hover);--plasma-chip-scale-hover:var(--plasma-chip-group-items-scale-hover);--plasma-chip-background-active:var(--plasma-chip-group-items-background-active);--plasma-chip-color-active:var(--plasma-chip-group-items-color-active);--plasma-chip-scale-active:var(--plasma-chip-group-items-scale-active);--plasma-chip-focus-color:var(--plasma-chip-group-items-focus-color);--plasma-chip-outline-size:var(--plasma-chip-group-items-outline-size);--plasma-chip-close-icon-color:var(--plasma-chip-group-items-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-chip-group-items-close-icon-color-hover);--plasma-chip-close-icon-color-active:var(--plasma-chip-group-items-close-icon-color-active);}
|
4
|
+
|
5
|
+
.base_eu60ye_b8we6fx__49af8456.base_eu60ye_chipGroupOverrideStyles__49af8456 .base_eu60ye_chipItem__49af8456{--plasma-chip-height:var(--plasma-chip-group-item-height);--plasma-chip-width:var(--plasma-chip-group-item-width);--plasma-chip-border-radius:var(--plasma-chip-group-items-border-radius);--plasma-chip-padding-top:var(--plasma-chip-group-item-padding-top);--plasma-chip-padding-right:var(--plasma-chip-group-item-padding-right);--plasma-chip-padding-bottom:var(--plasma-chip-group-item-padding-bottom);--plasma-chip-padding-left:var(--plasma-chip-group-item-padding-left);--plasma-chip-close-icon-size:var(--plasma-chip-group-item-close-icon-size);--plasma-chip-font-family:var(--plasma-chip-group-item-font-family);--plasma-chip-font-size:var(--plasma-chip-group-item-font-size);--plasma-chip-font-style:var(--plasma-chip-group-item-font-style);--plasma-chip-font-weight:var(--plasma-chip-group-item-font-weight);--plasma-chip-letter-spacing:var(--plasma-chip-group-item-letter-spacing);--plasma-chip-lineheight:var(--plasma-chip-group-item-line-height);--plasma-chip-left-content-margin-left:var(--plasma-chip-group-item-left-content-margin-left);--plasma-chip-left-content-margin-right:var(--plasma-chip-group-item-left-content-margin-right);--plasma-chip-right-content-margin-left:var(--plasma-chip-group-item-right-content-margin-left);--plasma-chip-right-content-margin-right:var(--plasma-chip-group-item-right-content-margin-right);--plasma-chip-clear-content-margin-left:var(--plasma-chip-group-item-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-chip-group-item-clear-content-margin-right);}
|
6
|
+
|
7
|
+
.base_vhoe9f_b5zwimg__1f583b8c{gap:var(--plasma-chip-group-items-gap);}
|
@@ -0,0 +1,58 @@
|
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
+
import React, { forwardRef } from 'react';
|
3
|
+
import { cx } from '../../utils/index.js';
|
4
|
+
import { base } from './ChipGroup.styles.js';
|
5
|
+
import { base as base$1 } from './variations/_view/base.js';
|
6
|
+
import { base as base$2 } from './variations/_size/base.js';
|
7
|
+
import { base as base$3 } from './variations/_gap/base.js';
|
8
|
+
import { classes } from './ChipGroup.tokens.js';
|
9
|
+
|
10
|
+
var _excluded = ["children", "view", "size", "className", "isWrapped", "gap", "isCommonChipStyles"];
|
11
|
+
var chipGroupRoot = function chipGroupRoot(Root) {
|
12
|
+
return /*#__PURE__*/forwardRef(function (props, ref) {
|
13
|
+
var children = props.children,
|
14
|
+
view = props.view,
|
15
|
+
size = props.size,
|
16
|
+
className = props.className,
|
17
|
+
isWrapped = props.isWrapped,
|
18
|
+
_props$gap = props.gap,
|
19
|
+
gap = _props$gap === void 0 ? 'dense' : _props$gap,
|
20
|
+
_props$isCommonChipSt = props.isCommonChipStyles,
|
21
|
+
isCommonChipStyles = _props$isCommonChipSt === void 0 ? true : _props$isCommonChipSt,
|
22
|
+
rest = _objectWithoutProperties(props, _excluded);
|
23
|
+
var overrideStylesClass = isCommonChipStyles ? classes.chipGroupOverrideStyles : undefined;
|
24
|
+
var wrappedClass = isWrapped ? classes.wrap : undefined;
|
25
|
+
return /*#__PURE__*/React.createElement(Root, _extends({
|
26
|
+
ref: ref,
|
27
|
+
view: view,
|
28
|
+
size: size,
|
29
|
+
gap: gap,
|
30
|
+
className: cx(overrideStylesClass, wrappedClass, className)
|
31
|
+
}, rest), children);
|
32
|
+
});
|
33
|
+
};
|
34
|
+
var chipGroupConfig = {
|
35
|
+
name: 'ChipGroup',
|
36
|
+
tag: 'div',
|
37
|
+
layout: chipGroupRoot,
|
38
|
+
base: base,
|
39
|
+
variations: {
|
40
|
+
view: {
|
41
|
+
css: base$1
|
42
|
+
},
|
43
|
+
size: {
|
44
|
+
css: base$2
|
45
|
+
},
|
46
|
+
gap: {
|
47
|
+
css: base$3
|
48
|
+
}
|
49
|
+
},
|
50
|
+
defaults: {
|
51
|
+
view: 'primary',
|
52
|
+
size: 'm',
|
53
|
+
gap: 'dense'
|
54
|
+
}
|
55
|
+
};
|
56
|
+
|
57
|
+
export { chipGroupConfig, chipGroupRoot };
|
58
|
+
//# sourceMappingURL=ChipGroup.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ChipGroup.js","sources":["../../../src/components/ChipGroup/ChipGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base } from './ChipGroup.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as gapCSS } from './variations/_gap/base';\nimport type { ChipGroupProps } from './ChipGroup.types';\nimport { classes } from './ChipGroup.tokens';\n\nexport const chipGroupRoot = (Root: RootProps<HTMLDivElement, ChipGroupProps>) =>\n forwardRef<HTMLDivElement, ChipGroupProps>((props, ref) => {\n const { children, view, size, className, isWrapped, gap = 'dense', isCommonChipStyles = true, ...rest } = props;\n\n const overrideStylesClass = isCommonChipStyles ? classes.chipGroupOverrideStyles : undefined;\n const wrappedClass = isWrapped ? classes.wrap : undefined;\n\n return (\n <Root\n ref={ref}\n view={view}\n size={size}\n gap={gap}\n className={cx(overrideStylesClass, wrappedClass, className)}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n\nexport const chipGroupConfig = {\n name: 'ChipGroup',\n tag: 'div',\n layout: chipGroupRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n gap: {\n css: gapCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n gap: 'dense',\n },\n};\n"],"names":["chipGroupRoot","Root","forwardRef","props","ref","children","view","size","className","isWrapped","_props$gap","gap","_props$isCommonChipSt","isCommonChipStyles","rest","_objectWithoutProperties","_excluded","overrideStylesClass","classes","chipGroupOverrideStyles","undefined","wrappedClass","wrap","React","createElement","_extends","cx","chipGroupConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","gapCSS","defaults"],"mappings":";;;;;;;;;;IAYaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAA+C,EAAA;AAAA,EAAA,oBACzEC,UAAU,CAAiC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACvD,IAAA,IAAQC,QAAQ,GAA0FF,KAAK,CAAvGE,QAAQ;MAAEC,IAAI,GAAoFH,KAAK,CAA7FG,IAAI;MAAEC,IAAI,GAA8EJ,KAAK,CAAvFI,IAAI;MAAEC,SAAS,GAAmEL,KAAK,CAAjFK,SAAS;MAAEC,SAAS,GAAwDN,KAAK,CAAtEM,SAAS;MAAAC,UAAA,GAAwDP,KAAK,CAA3DQ,GAAG;AAAHA,MAAAA,GAAG,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,UAAA;MAAAE,qBAAA,GAAyCT,KAAK,CAA5CU,kBAAkB;AAAlBA,MAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;AAAKE,MAAAA,IAAI,GAAAC,wBAAA,CAAKZ,KAAK,EAAAa,SAAA,CAAA,CAAA;IAE/G,IAAMC,mBAAmB,GAAGJ,kBAAkB,GAAGK,OAAO,CAACC,uBAAuB,GAAGC,SAAS,CAAA;IAC5F,IAAMC,YAAY,GAAGZ,SAAS,GAAGS,OAAO,CAACI,IAAI,GAAGF,SAAS,CAAA;AAEzD,IAAA,oBACIG,KAAA,CAAAC,aAAA,CAACvB,IAAI,EAAAwB,QAAA,CAAA;AACDrB,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXI,MAAAA,GAAG,EAAEA,GAAI;AACTH,MAAAA,SAAS,EAAEkB,EAAE,CAACT,mBAAmB,EAAEI,YAAY,EAAEb,SAAS,CAAA;KACtDM,EAAAA,IAAI,CAEPT,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMsB,eAAe,GAAG;AAC3BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE9B,aAAa;AACrB+B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR1B,IAAAA,IAAI,EAAE;AACF2B,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD3B,IAAAA,IAAI,EAAE;AACF0B,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDxB,IAAAA,GAAG,EAAE;AACDsB,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN/B,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTI,IAAAA,GAAG,EAAE,OAAA;AACT,GAAA;AACJ;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ChipGroup.styles.js","sources":["../../../src/components/ChipGroup/ChipGroup.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from './ChipGroup.tokens';\n\nexport const base = css`\n display: inline-flex;\n\n &.${classes.wrap} {\n flex-wrap: wrap;\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAMhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.bzgm0e4{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}.bzgm0e4.chip-group-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
|
@@ -0,0 +1,45 @@
|
|
1
|
+
var classes = {
|
2
|
+
chipGroupOverrideStyles: 'chip-group-override-styles',
|
3
|
+
dense: 'chip-group-gap-dense',
|
4
|
+
wide: 'chip-group-gap-wide',
|
5
|
+
wrap: 'chip-group-wrap'
|
6
|
+
};
|
7
|
+
var tokens = {
|
8
|
+
chipBackground: '--plasma-chip-group-items-background',
|
9
|
+
chipColor: '--plasma-chip-group-items-color',
|
10
|
+
chipBackgroundHover: '--plasma-chip-group-items-background-hover',
|
11
|
+
chipColorHover: '--plasma-chip-group-items-color-hover',
|
12
|
+
chipScaleHover: '--plasma-chip-group-items-scale-hover',
|
13
|
+
chipBackgroundActive: '--plasma-chip-group-items-background-active',
|
14
|
+
chipColorActive: '--plasma-chip-group-items-color-active',
|
15
|
+
chipScaleActive: '--plasma-chip-group-items-scale-active',
|
16
|
+
chipFocusColor: '--plasma-chip-group-items-focus-color',
|
17
|
+
chipOutlineSize: '--plasma-chip-group-items-outline-size',
|
18
|
+
chipCloseIconColor: '--plasma-chip-group-items-close-icon-color',
|
19
|
+
chipCloseIconColorHover: '--plasma-chip-group-items-close-icon-color-hover',
|
20
|
+
chipCloseIconColorActive: '--plasma-chip-group-items-close-icon-color-active',
|
21
|
+
chipGroupItemsGap: '--plasma-chip-group-items-gap',
|
22
|
+
chipBorderRadius: '--plasma-chip-group-items-border-radius',
|
23
|
+
chipHeight: '--plasma-chip-group-item-height',
|
24
|
+
chipWidth: '--plasma-chip-group-item-width',
|
25
|
+
chipPaddingTop: '--plasma-chip-group-item-padding-top',
|
26
|
+
chipPaddingRight: '--plasma-chip-group-item-padding-right',
|
27
|
+
chipPaddingBottom: '--plasma-chip-group-item-padding-bottom',
|
28
|
+
chipPaddingLeft: '--plasma-chip-group-item-padding-left',
|
29
|
+
chipCloseIconSize: '--plasma-chip-group-item-close-icon-size',
|
30
|
+
chipFontFamily: '--plasma-chip-group-item-font-family',
|
31
|
+
chipFontSize: '--plasma-chip-group-item-font-size',
|
32
|
+
chipFontStyle: '--plasma-chip-group-item-font-style',
|
33
|
+
chipFontWeight: '--plasma-chip-group-item-font-weight',
|
34
|
+
chipLetterSpacing: '--plasma-chip-group-item-letter-spacing',
|
35
|
+
chipLineHeight: '--plasma-chip-group-item-line-height',
|
36
|
+
chipLeftContentMarginLeft: '--plasma-chip-group-item-left-content-margin-left',
|
37
|
+
chipLeftContentMarginRight: '--plasma-chip-group-item-left-content-margin-right',
|
38
|
+
chipRightContentMarginLeft: '--plasma-chip-group-item-right-content-margin-left',
|
39
|
+
chipRightContentMarginRight: '--plasma-chip-group-item-right-content-margin-right',
|
40
|
+
chipClearContentMarginLeft: '--plasma-chip-group-item-clear-content-margin-left',
|
41
|
+
chipClearContentMarginRight: '--plasma-chip-group-item-clear-content-margin-right'
|
42
|
+
};
|
43
|
+
|
44
|
+
export { classes, tokens };
|
45
|
+
//# sourceMappingURL=ChipGroup.tokens.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ChipGroup.tokens.js","sources":["../../../src/components/ChipGroup/ChipGroup.tokens.ts"],"sourcesContent":["export const classes = {\n chipGroupOverrideStyles: 'chip-group-override-styles',\n\n dense: 'chip-group-gap-dense',\n wide: 'chip-group-gap-wide',\n\n wrap: 'chip-group-wrap',\n};\n\nexport const tokens = {\n chipBackground: '--plasma-chip-group-items-background',\n chipColor: '--plasma-chip-group-items-color',\n chipBackgroundHover: '--plasma-chip-group-items-background-hover',\n chipColorHover: '--plasma-chip-group-items-color-hover',\n chipScaleHover: '--plasma-chip-group-items-scale-hover',\n chipBackgroundActive: '--plasma-chip-group-items-background-active',\n chipColorActive: '--plasma-chip-group-items-color-active',\n chipScaleActive: '--plasma-chip-group-items-scale-active',\n chipFocusColor: '--plasma-chip-group-items-focus-color',\n chipOutlineSize: '--plasma-chip-group-items-outline-size',\n chipCloseIconColor: '--plasma-chip-group-items-close-icon-color',\n chipCloseIconColorHover: '--plasma-chip-group-items-close-icon-color-hover',\n chipCloseIconColorActive: '--plasma-chip-group-items-close-icon-color-active',\n\n chipGroupItemsGap: '--plasma-chip-group-items-gap',\n chipBorderRadius: '--plasma-chip-group-items-border-radius',\n chipHeight: '--plasma-chip-group-item-height',\n chipWidth: '--plasma-chip-group-item-width',\n chipPaddingTop: '--plasma-chip-group-item-padding-top',\n chipPaddingRight: '--plasma-chip-group-item-padding-right',\n chipPaddingBottom: '--plasma-chip-group-item-padding-bottom',\n chipPaddingLeft: '--plasma-chip-group-item-padding-left',\n chipCloseIconSize: '--plasma-chip-group-item-close-icon-size',\n\n chipFontFamily: '--plasma-chip-group-item-font-family',\n chipFontSize: '--plasma-chip-group-item-font-size',\n chipFontStyle: '--plasma-chip-group-item-font-style',\n chipFontWeight: '--plasma-chip-group-item-font-weight',\n chipLetterSpacing: '--plasma-chip-group-item-letter-spacing',\n chipLineHeight: '--plasma-chip-group-item-line-height',\n\n chipLeftContentMarginLeft: '--plasma-chip-group-item-left-content-margin-left',\n chipLeftContentMarginRight: '--plasma-chip-group-item-left-content-margin-right',\n chipRightContentMarginLeft: '--plasma-chip-group-item-right-content-margin-left',\n chipRightContentMarginRight: '--plasma-chip-group-item-right-content-margin-right',\n chipClearContentMarginLeft: '--plasma-chip-group-item-clear-content-margin-left',\n chipClearContentMarginRight: '--plasma-chip-group-item-clear-content-margin-right',\n};\n"],"names":["classes","chipGroupOverrideStyles","dense","wide","wrap","tokens","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipOutlineSize","chipCloseIconColor","chipCloseIconColorHover","chipCloseIconColorActive","chipGroupItemsGap","chipBorderRadius","chipHeight","chipWidth","chipPaddingTop","chipPaddingRight","chipPaddingBottom","chipPaddingLeft","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipLeftContentMarginLeft","chipLeftContentMarginRight","chipRightContentMarginLeft","chipRightContentMarginRight","chipClearContentMarginLeft","chipClearContentMarginRight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,uBAAuB,EAAE,4BAA4B;AAErDC,EAAAA,KAAK,EAAE,sBAAsB;AAC7BC,EAAAA,IAAI,EAAE,qBAAqB;AAE3BC,EAAAA,IAAI,EAAE,iBAAA;AACV,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,SAAS,EAAE,iCAAiC;AAC5CC,EAAAA,mBAAmB,EAAE,4CAA4C;AACjEC,EAAAA,cAAc,EAAE,uCAAuC;AACvDC,EAAAA,cAAc,EAAE,uCAAuC;AACvDC,EAAAA,oBAAoB,EAAE,6CAA6C;AACnEC,EAAAA,eAAe,EAAE,wCAAwC;AACzDC,EAAAA,eAAe,EAAE,wCAAwC;AACzDC,EAAAA,cAAc,EAAE,uCAAuC;AACvDC,EAAAA,eAAe,EAAE,wCAAwC;AACzDC,EAAAA,kBAAkB,EAAE,4CAA4C;AAChEC,EAAAA,uBAAuB,EAAE,kDAAkD;AAC3EC,EAAAA,wBAAwB,EAAE,mDAAmD;AAE7EC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,gBAAgB,EAAE,yCAAyC;AAC3DC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,SAAS,EAAE,gCAAgC;AAC3CC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,gBAAgB,EAAE,wCAAwC;AAC1DC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,eAAe,EAAE,uCAAuC;AACxDC,EAAAA,iBAAiB,EAAE,0CAA0C;AAE7DC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,YAAY,EAAE,oCAAoC;AAClDC,EAAAA,aAAa,EAAE,qCAAqC;AACpDC,EAAAA,cAAc,EAAE,sCAAsC;AACtDC,EAAAA,iBAAiB,EAAE,yCAAyC;AAC5DC,EAAAA,cAAc,EAAE,sCAAsC;AAEtDC,EAAAA,yBAAyB,EAAE,mDAAmD;AAC9EC,EAAAA,0BAA0B,EAAE,oDAAoD;AAChFC,EAAAA,0BAA0B,EAAE,oDAAoD;AAChFC,EAAAA,2BAA2B,EAAE,qDAAqD;AAClFC,EAAAA,0BAA0B,EAAE,oDAAoD;AAChFC,EAAAA,2BAA2B,EAAE,qDAAA;AACjC;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/ChipGroup/variations/_gap/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../ChipGroup.tokens';\n\nexport const base = css`\n gap: var(${tokens.chipGroupItemsGap});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAEhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b5zwimg{gap:var(--plasma-chip-group-items-gap);}
|