@salutejs/plasma-new-hope 0.157.1-canary.1374.11125500474.0 → 0.157.1-canary.1412.11127658499.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Drawer/Drawer.css +4 -3
- package/cjs/components/Drawer/Drawer.js +1 -1
- package/cjs/components/Drawer/Drawer.styles.js +3 -0
- package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
- package/cjs/components/Drawer/hooks/useDrawer.js +1 -1
- package/cjs/components/Modal/Modal.css +4 -3
- package/cjs/components/Modal/hooks/useModal.js +1 -1
- package/cjs/components/Notification/NotificationsProvider.css +4 -3
- package/cjs/components/Popup/Popup.js +29 -41
- package/cjs/components/Popup/Popup.js.map +1 -1
- package/cjs/components/Popup/Popup.styles.js +55 -27
- package/cjs/components/Popup/Popup.styles.js.map +1 -1
- package/cjs/components/Popup/Popup.styles_1uw5px0.css +4 -0
- package/cjs/components/Popup/PopupContext.css +4 -0
- package/cjs/components/Popup/PopupContext.js +30 -10
- package/cjs/components/Popup/PopupContext.js.map +1 -1
- package/cjs/components/Popup/PopupRoot.js +1 -1
- package/cjs/components/Popup/PopupRoot.js.map +1 -1
- package/cjs/components/Popup/hooks/usePopup.js +6 -3
- package/cjs/components/Popup/hooks/usePopup.js.map +1 -1
- package/cjs/components/Tabs/createTabsController.js +1 -1
- package/cjs/components/Tabs/createTabsController.js.map +1 -1
- package/cjs/components/Tabs/tokens.js +4 -12
- 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} +18 -22
- 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 -12
- package/cjs/components/Tabs/ui/TabItem/TabItem.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles_1x0ujoz.css → TabItem/TabItem.styles_pj75hv.css} +4 -5
- 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/HorizontalTabItem/variations/_view → TabItem/variations/_size}/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_pilled → 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} +22 -21
- 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/Tabs/variations/_disabled/base.js +9 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +9 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_disabled → Tabs/variations/_size}/base.js +2 -2
- package/cjs/components/Tabs/ui/Tabs/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/{vertical/VerticalTabs/variations/_size/base_1sekozo.css → Tabs/variations/_size/base_iw773q.css} +1 -1
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_disabled → Tabs/variations/_stretch}/base.js +2 -2
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +9 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +1 -0
- package/cjs/index.css +21 -44
- package/cjs/index.js +6 -14
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Popup/Popup.js +29 -41
- package/emotion/cjs/components/Popup/Popup.styles.js +35 -17
- package/emotion/cjs/components/Popup/PopupContext.js +30 -10
- package/emotion/cjs/components/Popup/PopupRoot.js +1 -3
- package/emotion/cjs/components/Popup/hooks/usePopup.js +6 -3
- package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +21 -86
- 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 +4 -12
- package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +15 -19
- 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/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +18 -17
- 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/Modal/Modal.stories.tsx +3 -0
- package/emotion/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx +3 -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 +30 -276
- package/emotion/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +3 -0
- package/emotion/cjs/examples/plasma_web/components/Popup/Popup.stories.tsx +3 -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 +30 -278
- package/emotion/es/components/Popup/Popup.js +30 -43
- package/emotion/es/components/Popup/Popup.styles.js +34 -16
- package/emotion/es/components/Popup/PopupContext.js +30 -11
- package/emotion/es/components/Popup/PopupRoot.js +1 -3
- package/emotion/es/components/Popup/hooks/usePopup.js +6 -3
- package/emotion/es/components/Tabs/Tabs.template-doc.mdx +21 -86
- 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 +4 -12
- package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +11 -15
- 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} +12 -11
- 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/Modal/Modal.stories.tsx +3 -0
- package/emotion/es/examples/plasma_b2c/components/Popup/Popup.stories.tsx +3 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +33 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -14
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +35 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.js +4 -16
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +30 -276
- package/emotion/es/examples/plasma_web/components/Modal/Modal.stories.tsx +3 -0
- package/emotion/es/examples/plasma_web/components/Popup/Popup.stories.tsx +3 -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 +30 -278
- package/es/components/Drawer/Drawer.css +4 -3
- package/es/components/Drawer/Drawer.js +1 -1
- package/es/components/Drawer/Drawer.styles.js +3 -0
- package/es/components/Drawer/Drawer.styles.js.map +1 -1
- package/es/components/Drawer/hooks/useDrawer.js +1 -1
- package/es/components/Modal/Modal.css +4 -3
- package/es/components/Modal/hooks/useModal.js +1 -1
- package/es/components/Notification/NotificationsProvider.css +4 -3
- package/es/components/Popup/Popup.js +31 -43
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Popup/Popup.styles.js +54 -28
- package/es/components/Popup/Popup.styles.js.map +1 -1
- package/es/components/Popup/Popup.styles_1uw5px0.css +4 -0
- package/es/components/Popup/PopupContext.css +4 -0
- package/es/components/Popup/PopupContext.js +31 -11
- package/es/components/Popup/PopupContext.js.map +1 -1
- package/es/components/Popup/PopupRoot.js +1 -1
- package/es/components/Popup/PopupRoot.js.map +1 -1
- package/es/components/Popup/hooks/usePopup.js +6 -3
- package/es/components/Popup/hooks/usePopup.js.map +1 -1
- package/es/components/Tabs/createTabsController.js +1 -1
- package/es/components/Tabs/createTabsController.js.map +1 -1
- package/es/components/Tabs/tokens.js +4 -12
- 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} +14 -18
- package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/TabItem.styles.js +22 -0
- package/es/components/Tabs/ui/TabItem/TabItem.styles.js.map +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles_1x0ujoz.css → TabItem/TabItem.styles_pj75hv.css} +4 -5
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_disabled → TabItem/variations/_pilled}/base.js +2 -2
- package/es/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css → TabItem/variations/_pilled/base_l36za5.css} +1 -1
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_disabled → TabItem/variations/_size}/base.js +2 -2
- package/es/components/Tabs/ui/TabItem/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_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} +16 -15
- package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +10 -10
- package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +4 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_view → Tabs/variations/_size}/base.js +2 -2
- package/es/components/Tabs/ui/Tabs/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/{vertical/VerticalTabs/variations/_size/base_1sekozo.css → Tabs/variations/_size/base_iw773q.css} +1 -1
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_size → Tabs/variations/_stretch}/base.js +2 -2
- 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 +21 -44
- package/es/index.js +2 -5
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Popup/Popup.js +29 -41
- package/styled-components/cjs/components/Popup/Popup.styles.js +23 -14
- package/styled-components/cjs/components/Popup/PopupContext.js +30 -10
- package/styled-components/cjs/components/Popup/PopupRoot.js +1 -3
- package/styled-components/cjs/components/Popup/hooks/usePopup.js +6 -3
- package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +21 -86
- 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 +4 -12
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +15 -19
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +7 -10
- package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabItem → TabItem}/variations/_disabled/base.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +18 -17
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +6 -6
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/{vertical/VerticalTabs → 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/Modal/Modal.stories.tsx +3 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx +3 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +3 -14
- package/styled-components/cjs/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_b2c/components/Tabs/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 +30 -276
- package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +3 -0
- package/styled-components/cjs/examples/plasma_web/components/Popup/Popup.stories.tsx +3 -0
- package/styled-components/cjs/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +5 -5
- package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.js +3 -14
- package/styled-components/cjs/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.js → plasma_web/components/Tabs/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 +30 -278
- package/styled-components/es/components/Popup/Popup.js +30 -43
- package/styled-components/es/components/Popup/Popup.styles.js +22 -13
- package/styled-components/es/components/Popup/PopupContext.js +30 -11
- package/styled-components/es/components/Popup/PopupRoot.js +1 -3
- package/styled-components/es/components/Popup/hooks/usePopup.js +6 -3
- package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +21 -86
- 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 +4 -12
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +11 -15
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +6 -9
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.js +2 -2
- package/styled-components/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +3 -0
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/TabItem/variations/_view/base.js +4 -0
- package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → styled-components/es/components/Tabs/ui/Tabs/Tabs.js} +12 -11
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +6 -6
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +3 -0
- 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/Modal/Modal.stories.tsx +3 -0
- package/styled-components/es/examples/plasma_b2c/components/Popup/Popup.stories.tsx +3 -0
- package/styled-components/es/examples/{plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.js → plasma_b2c/components/Tabs/TabItem.config.js} +5 -5
- 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 +30 -276
- package/styled-components/es/examples/plasma_web/components/Modal/Modal.stories.tsx +3 -0
- package/styled-components/es/examples/plasma_web/components/Popup/Popup.stories.tsx +3 -0
- package/styled-components/es/examples/{plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.js → plasma_web/components/Tabs/TabItem.config.js} +5 -5
- 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 +30 -278
- package/types/components/Popup/Popup.d.ts +1 -1
- package/types/components/Popup/Popup.d.ts.map +1 -1
- package/types/components/Popup/Popup.styles.d.ts +4 -1
- package/types/components/Popup/Popup.styles.d.ts.map +1 -1
- package/types/components/Popup/Popup.types.d.ts +3 -0
- package/types/components/Popup/Popup.types.d.ts.map +1 -1
- package/types/components/Popup/PopupContext.d.ts.map +1 -1
- package/types/components/Popup/hooks/usePopup.d.ts +2 -1
- package/types/components/Popup/hooks/usePopup.d.ts.map +1 -1
- 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 +4 -12
- 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 -2
- package/types/components/Tabs/ui/TabItem/TabItem.styles.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts +54 -0
- package/types/components/Tabs/ui/TabItem/TabItem.types.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts +34 -0
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -0
- package/types/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts → Tabs/Tabs.styles.d.ts} +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +1 -0
- package/types/components/Tabs/{Tabs.types.d.ts → ui/Tabs/Tabs.types.d.ts} +11 -42
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_view/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabItem.config.d.ts → TabItem.config.d.ts} +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +25 -2
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +27 -2
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.d.ts → TabItem.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +25 -2
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +27 -2
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
- package/cjs/components/Popup/Popup.css +0 -3
- package/cjs/components/Popup/Popup.styles_141jyqa.css +0 -3
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -13
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -35
- 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_5iqr04.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_16kuvxt.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 +0 -9
- 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 -11
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -127
- 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_1fzrmvg.css +0 -5
- 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_322rr.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_1iq8opt.css +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +0 -12
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -219
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -29
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.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/_view/base.js +0 -9
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.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 -51
- 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 -129
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -51
- 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 -225
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -46
- 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/_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 -28
- 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 -28
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -44
- 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 -120
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -44
- 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 -216
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -39
- 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/_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 -22
- 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 -22
- package/es/components/Popup/Popup.css +0 -3
- package/es/components/Popup/Popup.styles_141jyqa.css +0 -3
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -13
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -27
- 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.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_5iqr04.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_16kuvxt.css +0 -4
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +0 -11
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -122
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -27
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1fzrmvg.css +0 -5
- 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_322rr.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_1iq8opt.css +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +0 -12
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -214
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -22
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +0 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_1fr5ovg.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/_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_rze03c.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/base.js +0 -9
- 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/_view/base.js +0 -10
- 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/_size/base.js +0 -9
- 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 -129
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -33
- 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/base.js +0 -9
- 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 -225
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -29
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.js +0 -9
- 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/tokens.json +0 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +0 -9
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabsContext.js +0 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -28
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -28
- 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 -28
- 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/_pilled/base.js +0 -3
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -4
- 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/_pilled/base.js +0 -3
- 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/_view/tokens.json +0 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -120
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -25
- 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/base.js +0 -3
- 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 -216
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -21
- 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/_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 -22
- 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 -22
- package/types/components/Tabs/TabItem.types.d.ts +0 -96
- 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 -7
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +0 -34
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +0 -26
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +0 -27
- 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/_view/base.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabsContext.d.ts +0 -3
- package/types/components/Tabs/ui/vertical/VerticalTabsContext.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -21
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -21
- package/types/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/horizontal/HorizontalTabs.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts +0 -21
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts +0 -21
- package/types/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.d.ts.map +0 -1
- /package/emotion/cjs/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
- /package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabItem → es/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabItem → es/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabs → es/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
- /package/emotion/{cjs/components/Tabs/ui/vertical/VerticalTabs → es/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem → styled-components/cjs/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem → styled-components/cjs/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs → styled-components/cjs/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs → styled-components/cjs/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabItem → styled-components/es/components/Tabs/ui/TabItem}/variations/_disabled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabItem → styled-components/es/components/Tabs/ui/TabItem}/variations/_view/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabs → styled-components/es/components/Tabs/ui/Tabs}/variations/_disabled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/tokens.json +0 -0
- /package/{emotion/es/components/Tabs/ui/vertical/VerticalTabs → styled-components/es/components/Tabs/ui/Tabs}/variations/_view/tokens.json +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/base.d.ts +0 -0
- /package/types/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.d.ts +0 -0
@@ -3,11 +3,14 @@ import type { ComponentProps } from 'react';
|
|
3
3
|
import type { StoryObj, Meta } from '@storybook/react';
|
4
4
|
import { disableProps } from '@salutejs/plasma-sb-utils';
|
5
5
|
|
6
|
-
import {
|
6
|
+
import { tabsConfig } from '../../../../components/Tabs';
|
7
|
+
import { mergeConfig } from '../../../../engines';
|
8
|
+
import { argTypesFromConfig, WithTheme } from '../../../_helpers';
|
7
9
|
import { IconMic } from '../../../../components/_Icon';
|
8
10
|
import { Dropdown } from '../Dropdown/Dropdown';
|
9
11
|
import { Counter } from '../Counter/Counter';
|
10
12
|
|
13
|
+
import { config } from './Tabs.config';
|
11
14
|
import { Tabs } from './Tabs';
|
12
15
|
import { TabItem } from './TabItem';
|
13
16
|
|
@@ -18,16 +21,14 @@ 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
|
-
stretch: boolean;
|
26
|
-
helperText: string;
|
27
28
|
};
|
28
29
|
|
29
30
|
const contentLeftOptions = ['none', 'icon'];
|
30
|
-
const contentRightOptions = ['none', 'counter', 'icon'];
|
31
|
+
const contentRightOptions = ['none', 'text', 'counter', 'icon'];
|
31
32
|
|
32
33
|
const getContentLeft = (contentLeftOption: string, size: Size) => {
|
33
34
|
const iconSize = size === 'xs' ? 'xs' : 's';
|
@@ -43,6 +44,8 @@ const getContentRight = (contentRightOption: string, size: Size) => {
|
|
43
44
|
return <IconMic size={iconSize} color="inherit" />;
|
44
45
|
case 'counter':
|
45
46
|
return <Counter size={counterSize} count={1} view="positive" />;
|
47
|
+
case 'text':
|
48
|
+
return <div>Text</div>;
|
46
49
|
default:
|
47
50
|
return undefined;
|
48
51
|
}
|
@@ -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,
|
@@ -80,7 +86,6 @@ const StoryHorizontalDefault = (props: StoryTabsProps) => {
|
|
80
86
|
contentRight: contentRightOption,
|
81
87
|
hasDivider,
|
82
88
|
stretch,
|
83
|
-
helperText,
|
84
89
|
} = props;
|
85
90
|
const items = Array(itemQuantity).fill(0);
|
86
91
|
const [index, setIndex] = useState(0);
|
@@ -95,7 +100,6 @@ const StoryHorizontalDefault = (props: StoryTabsProps) => {
|
|
95
100
|
onClick={() => !disabled && setIndex(i)}
|
96
101
|
tabIndex={!disabled ? 0 : -1}
|
97
102
|
disabled={disabled}
|
98
|
-
value={helperText}
|
99
103
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
100
104
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
101
105
|
size={size}
|
@@ -107,7 +111,7 @@ const StoryHorizontalDefault = (props: StoryTabsProps) => {
|
|
107
111
|
);
|
108
112
|
};
|
109
113
|
|
110
|
-
const
|
114
|
+
const StoryScroll = (props: StoryTabsProps) => {
|
111
115
|
const {
|
112
116
|
disabled,
|
113
117
|
itemQuantity,
|
@@ -116,7 +120,6 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
|
|
116
120
|
contentLeft: contentLeftOption,
|
117
121
|
contentRight: contentRightOption,
|
118
122
|
hasDivider,
|
119
|
-
helperText,
|
120
123
|
} = props;
|
121
124
|
const items = Array(itemQuantity).fill(0);
|
122
125
|
const [index, setIndex] = useState(0);
|
@@ -137,7 +140,6 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
|
|
137
140
|
onClick={() => !disabled && setIndex(i)}
|
138
141
|
tabIndex={!disabled ? 0 : -1}
|
139
142
|
disabled={disabled}
|
140
|
-
value={helperText}
|
141
143
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
142
144
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
143
145
|
size={size}
|
@@ -149,7 +151,7 @@ const StoryHorizontalScroll = (props: StoryTabsProps) => {
|
|
149
151
|
);
|
150
152
|
};
|
151
153
|
|
152
|
-
const
|
154
|
+
const StoryShowAll = (props: StoryTabsProps) => {
|
153
155
|
const {
|
154
156
|
disabled,
|
155
157
|
itemQuantity,
|
@@ -158,7 +160,6 @@ const StoryHorizontalShowAll = (props: StoryTabsProps) => {
|
|
158
160
|
contentLeft: contentLeftOption,
|
159
161
|
contentRight: contentRightOption,
|
160
162
|
hasDivider,
|
161
|
-
helperText,
|
162
163
|
} = props;
|
163
164
|
const maxItemQuantity = 3;
|
164
165
|
const items = Array(itemQuantity).fill(0);
|
@@ -189,7 +190,6 @@ const StoryHorizontalShowAll = (props: StoryTabsProps) => {
|
|
189
190
|
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
190
191
|
contentRight={getContentRight(contentRightOption, size as Size)}
|
191
192
|
size={size}
|
192
|
-
value={helperText}
|
193
193
|
>
|
194
194
|
{`Label${i + 1}`}
|
195
195
|
</TabItem>
|
@@ -217,27 +217,14 @@ const StoryHorizontalShowAll = (props: StoryTabsProps) => {
|
|
217
217
|
);
|
218
218
|
};
|
219
219
|
|
220
|
-
export const
|
220
|
+
export const Default: StoryObj<StoryTabsProps> = {
|
221
221
|
args: {
|
222
222
|
size: 'xs',
|
223
223
|
disabled: false,
|
224
224
|
hasDivider: true,
|
225
|
-
helperText: '',
|
226
225
|
itemQuantity: 8,
|
227
226
|
},
|
228
227
|
argTypes: {
|
229
|
-
contentLeft: {
|
230
|
-
options: contentLeftOptions,
|
231
|
-
control: {
|
232
|
-
type: 'select',
|
233
|
-
},
|
234
|
-
},
|
235
|
-
contentRight: {
|
236
|
-
options: contentRightOptions,
|
237
|
-
control: {
|
238
|
-
type: 'select',
|
239
|
-
},
|
240
|
-
},
|
241
228
|
clip: {
|
242
229
|
options: clips,
|
243
230
|
control: {
|
@@ -255,228 +242,11 @@ export const HorizontalTabs: StoryObj<StoryTabsProps> = {
|
|
255
242
|
render: (args) => {
|
256
243
|
switch (args.clip) {
|
257
244
|
case 'scroll':
|
258
|
-
return <
|
245
|
+
return <StoryScroll {...args} />;
|
259
246
|
case 'showAll':
|
260
|
-
return <
|
247
|
+
return <StoryShowAll {...args} />;
|
261
248
|
default:
|
262
|
-
return <
|
263
|
-
}
|
264
|
-
},
|
265
|
-
};
|
266
|
-
|
267
|
-
const StoryVerticalDefault = (props: StoryTabsProps) => {
|
268
|
-
const {
|
269
|
-
disabled,
|
270
|
-
itemQuantity,
|
271
|
-
stretch,
|
272
|
-
size,
|
273
|
-
contentLeft: contentLeftOption,
|
274
|
-
contentRight: contentRightOption,
|
275
|
-
hasDivider,
|
276
|
-
helperText,
|
277
|
-
} = props;
|
278
|
-
const items = Array(itemQuantity).fill(0);
|
279
|
-
const [index, setIndex] = useState(0);
|
280
|
-
|
281
|
-
return (
|
282
|
-
<div style={{ height: '100vh' }}>
|
283
|
-
<Tabs
|
284
|
-
orientation="vertical"
|
285
|
-
hasDivider={hasDivider}
|
286
|
-
size={size as Size}
|
287
|
-
disabled={disabled}
|
288
|
-
stretch={stretch}
|
289
|
-
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
290
|
-
>
|
291
|
-
{items.map((_, i) => (
|
292
|
-
<TabItem
|
293
|
-
orientation="vertical"
|
294
|
-
key={`item:${i}`}
|
295
|
-
view="divider"
|
296
|
-
selected={i === index}
|
297
|
-
onClick={() => !disabled && setIndex(i)}
|
298
|
-
tabIndex={!disabled ? 0 : -1}
|
299
|
-
size={size as Size}
|
300
|
-
disabled={disabled}
|
301
|
-
value={helperText}
|
302
|
-
contentRight={getContentRight(contentRightOption, size as Size)}
|
303
|
-
>
|
304
|
-
{`Label${i + 1}`}
|
305
|
-
</TabItem>
|
306
|
-
))}
|
307
|
-
</Tabs>
|
308
|
-
</div>
|
309
|
-
);
|
310
|
-
};
|
311
|
-
|
312
|
-
const StoryVerticalScroll = (props: StoryTabsProps) => {
|
313
|
-
const {
|
314
|
-
disabled,
|
315
|
-
itemQuantity,
|
316
|
-
clip,
|
317
|
-
size,
|
318
|
-
contentLeft: contentLeftOption,
|
319
|
-
contentRight: contentRightOption,
|
320
|
-
hasDivider,
|
321
|
-
helperText,
|
322
|
-
} = props;
|
323
|
-
const items = Array(itemQuantity).fill(0);
|
324
|
-
const [index, setIndex] = useState(0);
|
325
|
-
|
326
|
-
return (
|
327
|
-
<div style={{ height: '100vh' }}>
|
328
|
-
<Tabs
|
329
|
-
orientation="vertical"
|
330
|
-
size={size as Size}
|
331
|
-
disabled={disabled}
|
332
|
-
clip={clip}
|
333
|
-
style={{ height: '10rem' }}
|
334
|
-
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
335
|
-
hasDivider={hasDivider}
|
336
|
-
>
|
337
|
-
{items.map((_, i) => (
|
338
|
-
<TabItem
|
339
|
-
orientation="vertical"
|
340
|
-
key={`item:${i}`}
|
341
|
-
view="divider"
|
342
|
-
selected={i === index}
|
343
|
-
onClick={() => !disabled && setIndex(i)}
|
344
|
-
tabIndex={!disabled ? 0 : -1}
|
345
|
-
size={size as Size}
|
346
|
-
disabled={disabled}
|
347
|
-
value={helperText}
|
348
|
-
contentRight={getContentRight(contentRightOption, size as Size)}
|
349
|
-
>
|
350
|
-
{`Label${i + 1}`}
|
351
|
-
</TabItem>
|
352
|
-
))}
|
353
|
-
</Tabs>
|
354
|
-
</div>
|
355
|
-
);
|
356
|
-
};
|
357
|
-
|
358
|
-
const StoryVerticalShowAll = (props: StoryTabsProps) => {
|
359
|
-
const {
|
360
|
-
disabled,
|
361
|
-
itemQuantity,
|
362
|
-
clip,
|
363
|
-
size,
|
364
|
-
contentLeft: contentLeftOption,
|
365
|
-
contentRight: contentRightOption,
|
366
|
-
hasDivider,
|
367
|
-
helperText,
|
368
|
-
} = props;
|
369
|
-
const maxItemQuantity = 3;
|
370
|
-
const items = Array(itemQuantity).fill(0);
|
371
|
-
const [index, setIndex] = useState(0);
|
372
|
-
|
373
|
-
const visibleItems = items.slice(0, maxItemQuantity);
|
374
|
-
const otherItems = items.slice(maxItemQuantity);
|
375
|
-
|
376
|
-
const dropdownItems = otherItems.map((_, i) => {
|
377
|
-
const itemIndex = maxItemQuantity + i;
|
378
|
-
|
379
|
-
return {
|
380
|
-
label: `Label${itemIndex + 1}`,
|
381
|
-
value: itemIndex,
|
382
|
-
};
|
383
|
-
});
|
384
|
-
|
385
|
-
return (
|
386
|
-
<Tabs
|
387
|
-
clip={clip}
|
388
|
-
orientation="vertical"
|
389
|
-
size={size as Size}
|
390
|
-
disabled={disabled}
|
391
|
-
contentLeft={getContentLeft(contentLeftOption, size as Size)}
|
392
|
-
hasDivider={hasDivider}
|
393
|
-
>
|
394
|
-
{visibleItems.map((_, i) => (
|
395
|
-
<TabItem
|
396
|
-
orientation="vertical"
|
397
|
-
key={`item:${i}`}
|
398
|
-
selected={i === index}
|
399
|
-
onClick={() => !disabled && setIndex(i)}
|
400
|
-
tabIndex={!disabled ? 0 : -1}
|
401
|
-
disabled={disabled}
|
402
|
-
value={helperText}
|
403
|
-
contentRight={getContentRight(contentRightOption, size as Size)}
|
404
|
-
size={size as Size}
|
405
|
-
>
|
406
|
-
{`Label${i + 1}`}
|
407
|
-
</TabItem>
|
408
|
-
))}
|
409
|
-
{dropdownItems.length > 0 && (
|
410
|
-
<Dropdown
|
411
|
-
size={size as Size}
|
412
|
-
items={dropdownItems}
|
413
|
-
onItemSelect={(item) => setIndex(item.value as number)}
|
414
|
-
placement="right"
|
415
|
-
>
|
416
|
-
<TabItem
|
417
|
-
orientation="vertical"
|
418
|
-
key="item:ShowAll"
|
419
|
-
tabIndex={!disabled ? 0 : -1}
|
420
|
-
disabled={disabled}
|
421
|
-
size={size as Size}
|
422
|
-
>
|
423
|
-
ShowAll
|
424
|
-
</TabItem>
|
425
|
-
</Dropdown>
|
426
|
-
)}
|
427
|
-
</Tabs>
|
428
|
-
);
|
429
|
-
};
|
430
|
-
|
431
|
-
export const VerticalTabs: StoryObj<StoryTabsProps> = {
|
432
|
-
args: {
|
433
|
-
size: 'xs',
|
434
|
-
disabled: false,
|
435
|
-
hasDivider: true,
|
436
|
-
itemQuantity: 8,
|
437
|
-
orientation: 'vertical',
|
438
|
-
helperText: '',
|
439
|
-
},
|
440
|
-
argTypes: {
|
441
|
-
contentLeft: {
|
442
|
-
options: contentLeftOptions,
|
443
|
-
control: {
|
444
|
-
type: 'select',
|
445
|
-
},
|
446
|
-
},
|
447
|
-
contentRight: {
|
448
|
-
options: contentRightOptions,
|
449
|
-
control: {
|
450
|
-
type: 'select',
|
451
|
-
},
|
452
|
-
},
|
453
|
-
size: {
|
454
|
-
options: sizes,
|
455
|
-
control: {
|
456
|
-
type: 'select',
|
457
|
-
},
|
458
|
-
},
|
459
|
-
clip: {
|
460
|
-
options: clips,
|
461
|
-
control: {
|
462
|
-
type: 'select',
|
463
|
-
},
|
464
|
-
if: { arg: 'stretch', truthy: false },
|
465
|
-
},
|
466
|
-
stretch: {
|
467
|
-
table: {
|
468
|
-
disable: true,
|
469
|
-
},
|
470
|
-
},
|
471
|
-
},
|
472
|
-
render: (args) => {
|
473
|
-
switch (args.clip) {
|
474
|
-
case 'scroll':
|
475
|
-
return <StoryVerticalScroll {...args} />;
|
476
|
-
case 'showAll':
|
477
|
-
return <StoryVerticalShowAll {...args} />;
|
478
|
-
default:
|
479
|
-
return <StoryVerticalDefault {...args} />;
|
249
|
+
return <StoryDefault {...args} />;
|
480
250
|
}
|
481
251
|
},
|
482
252
|
};
|
@@ -489,13 +259,12 @@ const StoryHeaderTabs = (props: StoryTabsProps) => {
|
|
489
259
|
contentLeft: contentLeftOption,
|
490
260
|
contentRight: contentRightOption,
|
491
261
|
hasDivider,
|
492
|
-
stretch,
|
493
262
|
} = props;
|
494
263
|
const items = Array(itemQuantity).fill(0);
|
495
264
|
const [index, setIndex] = useState(0);
|
496
265
|
|
497
266
|
return (
|
498
|
-
<Tabs view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size}
|
267
|
+
<Tabs view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size}>
|
499
268
|
{items.map((_, i) => (
|
500
269
|
<TabItem
|
501
270
|
key={`item:${i}`}
|
@@ -529,23 +298,6 @@ export const HeaderTabs: StoryObj<StoryTabsProps> = {
|
|
529
298
|
type: 'select',
|
530
299
|
},
|
531
300
|
},
|
532
|
-
contentLeft: {
|
533
|
-
options: contentLeftOptions,
|
534
|
-
control: {
|
535
|
-
type: 'select',
|
536
|
-
},
|
537
|
-
},
|
538
|
-
contentRight: {
|
539
|
-
options: contentRightOptions,
|
540
|
-
control: {
|
541
|
-
type: 'select',
|
542
|
-
},
|
543
|
-
},
|
544
|
-
clip: {
|
545
|
-
table: {
|
546
|
-
disable: true,
|
547
|
-
},
|
548
|
-
},
|
549
301
|
},
|
550
302
|
render: (args) => <StoryHeaderTabs {...args} />,
|
551
303
|
};
|
@@ -8,14 +8,15 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
8
8
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
9
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
10
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
11
|
-
import React, { forwardRef,
|
11
|
+
import React, { forwardRef, useRef } from 'react';
|
12
|
+
import ReactDOM from 'react-dom';
|
12
13
|
import { useForkRef, safeUseId } from '@salutejs/plasma-core';
|
13
|
-
import { cx } from '../../utils';
|
14
|
+
import { canUseDOM, cx } from '../../utils';
|
14
15
|
import { Portal } from '../Portal';
|
15
|
-
import { POPUP_PORTAL_ID } from './PopupContext';
|
16
16
|
import { PopupRoot } from './PopupRoot';
|
17
17
|
import { usePopup } from './hooks';
|
18
18
|
import { classes } from './Popup.tokens';
|
19
|
+
import { StyledPortalContainer } from './Popup.styles';
|
19
20
|
export var handlePosition = function handlePosition(placement, offset) {
|
20
21
|
var x = '0rem';
|
21
22
|
var y = '0rem';
|
@@ -39,8 +40,8 @@ export var handlePosition = function handlePosition(placement, offset) {
|
|
39
40
|
var bottom;
|
40
41
|
var transform;
|
41
42
|
var placements = placement.split('-');
|
42
|
-
placements.forEach(function (
|
43
|
-
switch (
|
43
|
+
placements.forEach(function (placementValue) {
|
44
|
+
switch (placementValue) {
|
44
45
|
case 'left':
|
45
46
|
left = x;
|
46
47
|
break;
|
@@ -75,7 +76,7 @@ export var handlePosition = function handlePosition(placement, offset) {
|
|
75
76
|
};
|
76
77
|
|
77
78
|
/**
|
78
|
-
* Базовый
|
79
|
+
* Базовый компонент Popup.
|
79
80
|
*/
|
80
81
|
export var popupRoot = function popupRoot(Root) {
|
81
82
|
return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
|
@@ -105,63 +106,49 @@ export var popupRoot = function popupRoot(Root) {
|
|
105
106
|
var _usePopup = usePopup({
|
106
107
|
isOpen: innerIsOpen,
|
107
108
|
id: innerId,
|
109
|
+
isGlobalPopup: !frame || frame === 'document',
|
108
110
|
popupInfo: popupInfo,
|
109
111
|
withAnimation: withAnimation
|
110
112
|
}),
|
111
113
|
isVisible = _usePopup.isVisible,
|
112
114
|
animationInfo = _usePopup.animationInfo,
|
113
|
-
setVisible = _usePopup.setVisible
|
115
|
+
setVisible = _usePopup.setVisible,
|
116
|
+
rootId = _usePopup.rootId;
|
114
117
|
var portalRef = useRef(null);
|
115
118
|
var contentRef = useRef(null);
|
116
119
|
var innerRef = useForkRef(contentRef, outerRootRef);
|
117
|
-
var _useState = useState(false),
|
118
|
-
_useState2 = _slicedToArray(_useState, 2),
|
119
|
-
forceRender = _useState2[1];
|
120
|
-
useEffect(function () {
|
121
|
-
var portal = document.getElementById(POPUP_PORTAL_ID);
|
122
|
-
if (typeof frame !== 'string' && frame && frame.current) {
|
123
|
-
portal = frame.current;
|
124
|
-
}
|
125
|
-
if (!portal) {
|
126
|
-
portal = document.createElement('div');
|
127
|
-
portal.setAttribute('id', POPUP_PORTAL_ID);
|
128
|
-
/**
|
129
|
-
* Нужно для того, чтобы во фрейме не происходило скачков контента
|
130
|
-
* при анимации через transform, если есть элемент с шириной/высотой в 100% (Overlay)
|
131
|
-
*/
|
132
|
-
portal.style.width = '0';
|
133
|
-
if (typeof frame === 'string' && frame !== 'document') {
|
134
|
-
var _document$getElementB;
|
135
|
-
(_document$getElementB = document.getElementById(frame)) === null || _document$getElementB === void 0 || _document$getElementB.appendChild(portal);
|
136
|
-
} else {
|
137
|
-
document.body.appendChild(portal);
|
138
|
-
}
|
139
|
-
}
|
140
|
-
portalRef.current = portal;
|
141
|
-
|
142
|
-
/**
|
143
|
-
* Изменение стейта нужно для того, чтобы Popup
|
144
|
-
* отобразился после записи DOM элемента в portalRef.current
|
145
|
-
*/
|
146
|
-
forceRender(true);
|
147
|
-
}, []);
|
148
120
|
if (!isVisible && !innerIsOpen) {
|
149
121
|
return null;
|
150
122
|
}
|
151
123
|
var cls = cx(className, animationInfo !== null && animationInfo !== void 0 && animationInfo.endAnimation ? classes.endAnimation : '', animationInfo !== null && animationInfo !== void 0 && animationInfo.endTransition ? classes.endTransition : '');
|
152
|
-
|
153
|
-
container: portalRef.current
|
154
|
-
}, /*#__PURE__*/React.createElement(Root, _extends({
|
124
|
+
var rootNode = /*#__PURE__*/React.createElement(Root, _extends({
|
155
125
|
className: cls
|
156
126
|
}, rest), overlay, /*#__PURE__*/React.createElement(PopupRoot, {
|
157
127
|
id: innerId,
|
158
128
|
ref: innerRef,
|
159
129
|
position: handlePosition(placement, offset),
|
160
|
-
frame: frame,
|
161
130
|
zIndex: zIndex,
|
162
131
|
animationInfo: animationInfo,
|
163
132
|
setVisible: setVisible
|
164
|
-
}, children))
|
133
|
+
}, children));
|
134
|
+
if (typeof frame !== 'string' && frame && frame.current) {
|
135
|
+
return /*#__PURE__*/React.createElement(Portal, {
|
136
|
+
container: frame.current
|
137
|
+
}, rootNode);
|
138
|
+
}
|
139
|
+
var withFrameId = typeof frame === 'string' && frame !== 'document';
|
140
|
+
var containerElement = withFrameId && document.getElementById(frame);
|
141
|
+
if (containerElement) {
|
142
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(StyledPortalContainer, {
|
143
|
+
ref: portalRef
|
144
|
+
}, portalRef.current && /*#__PURE__*/React.createElement(Portal, {
|
145
|
+
container: portalRef.current
|
146
|
+
}, rootNode)), containerElement));
|
147
|
+
}
|
148
|
+
var globalPortal = canUseDOM && document.getElementById(rootId);
|
149
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, globalPortal && /*#__PURE__*/React.createElement(Portal, {
|
150
|
+
container: globalPortal
|
151
|
+
}, rootNode));
|
165
152
|
});
|
166
153
|
};
|
167
154
|
export var popupConfig = {
|
@@ -2,9 +2,27 @@ import _styled from "@emotion/styled/base";
|
|
2
2
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
3
3
|
import { DEFAULT_Z_INDEX } from './utils';
|
4
4
|
export var StyledPortal = /*#__PURE__*/_styled("div", {
|
5
|
-
target: "
|
5
|
+
target: "eaqy7mk3",
|
6
6
|
label: "plasma-new-hope__StyledPortal"
|
7
|
-
})(
|
7
|
+
})("position:fixed;top:0;left:0;right:0;bottom:0;z-index:", DEFAULT_Z_INDEX, ";width:", function (_ref) {
|
8
|
+
var hasContent = _ref.hasContent;
|
9
|
+
return hasContent ? 'auto' : '0';
|
10
|
+
}, ";pointer-events:", function (_ref2) {
|
11
|
+
var hasContent = _ref2.hasContent;
|
12
|
+
return hasContent ? 'auto' : 'none';
|
13
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BvcHVwL1BvcHVwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHR5cGUgeyBQb3B1cFJvb3RDb250YWluZXJQcm9wcyB9IGZyb20gJy4vUG9wdXAudHlwZXMnO1xuaW1wb3J0IHsgREVGQVVMVF9aX0lOREVYIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWwgPSBzdHlsZWQuZGl2PHsgaGFzQ29udGVudDogYm9vbGVhbiB9PmBcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHotaW5kZXg6ICR7REVGQVVMVF9aX0lOREVYfTtcblxuICAgIHdpZHRoOiAkeyh7IGhhc0NvbnRlbnQgfSkgPT4gKGhhc0NvbnRlbnQgPyAnYXV0bycgOiAnMCcpfTtcbiAgICBwb2ludGVyLWV2ZW50czogJHsoeyBoYXNDb250ZW50IH0pID0+IChoYXNDb250ZW50ID8gJ2F1dG8nIDogJ25vbmUnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFZpZXcgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2PFBvcHVwUm9vdENvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT4gekluZGV4IHx8IERFRkFVTFRfWl9JTkRFWH07XG4gICAgbGVmdDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5sZWZ0IHx8ICcnfTtcbiAgICByaWdodDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5yaWdodCB8fCAnJ307XG4gICAgdG9wOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRvcCB8fCAnJ307XG4gICAgYm90dG9tOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmJvdHRvbSB8fCAnJ307XG4gICAgdHJhbnNmb3JtOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRyYW5zZm9ybSB8fCAnJ307XG5gO1xuIl19 */"));
|
14
|
+
export var StyledPortalContainer = /*#__PURE__*/_styled("div", {
|
15
|
+
target: "eaqy7mk2",
|
16
|
+
label: "plasma-new-hope__StyledPortalContainer"
|
17
|
+
})(process.env.NODE_ENV === "production" ? {
|
18
|
+
name: "k2uqvh",
|
19
|
+
styles: "width:0"
|
20
|
+
} : {
|
21
|
+
name: "k2uqvh",
|
22
|
+
styles: "width:0",
|
23
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCK0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsID0gc3R5bGVkLmRpdjx7IGhhc0NvbnRlbnQ6IGJvb2xlYW4gfT5gXG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB6LWluZGV4OiAke0RFRkFVTFRfWl9JTkRFWH07XG5cbiAgICB3aWR0aDogJHsoeyBoYXNDb250ZW50IH0pID0+IChoYXNDb250ZW50ID8gJ2F1dG8nIDogJzAnKX07XG4gICAgcG9pbnRlci1ldmVudHM6ICR7KHsgaGFzQ29udGVudCB9KSA9PiAoaGFzQ29udGVudCA/ICdhdXRvJyA6ICdub25lJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBWaWV3ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBSb290Q29udGFpbmVyID0gc3R5bGVkLmRpdjxQb3B1cFJvb3RDb250YWluZXJQcm9wcz5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleCB8fCBERUZBVUxUX1pfSU5ERVh9O1xuICAgIGxlZnQ6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24ubGVmdCB8fCAnJ307XG4gICAgcmlnaHQ6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24ucmlnaHQgfHwgJyd9O1xuICAgIHRvcDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi50b3AgfHwgJyd9O1xuICAgIGJvdHRvbTogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5ib3R0b20gfHwgJyd9O1xuICAgIHRyYW5zZm9ybTogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi50cmFuc2Zvcm0gfHwgJyd9O1xuYDtcbiJdfQ== */",
|
24
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
25
|
+
});
|
8
26
|
export var PopupView = /*#__PURE__*/_styled("div", {
|
9
27
|
target: "eaqy7mk1",
|
10
28
|
label: "plasma-new-hope__PopupView"
|
@@ -14,28 +32,28 @@ export var PopupView = /*#__PURE__*/_styled("div", {
|
|
14
32
|
} : {
|
15
33
|
name: "1m82nn4",
|
16
34
|
styles: "position:relative;max-width:100%;pointer-events:all",
|
17
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
35
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCbUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsID0gc3R5bGVkLmRpdjx7IGhhc0NvbnRlbnQ6IGJvb2xlYW4gfT5gXG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB6LWluZGV4OiAke0RFRkFVTFRfWl9JTkRFWH07XG5cbiAgICB3aWR0aDogJHsoeyBoYXNDb250ZW50IH0pID0+IChoYXNDb250ZW50ID8gJ2F1dG8nIDogJzAnKX07XG4gICAgcG9pbnRlci1ldmVudHM6ICR7KHsgaGFzQ29udGVudCB9KSA9PiAoaGFzQ29udGVudCA/ICdhdXRvJyA6ICdub25lJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBWaWV3ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBSb290Q29udGFpbmVyID0gc3R5bGVkLmRpdjxQb3B1cFJvb3RDb250YWluZXJQcm9wcz5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleCB8fCBERUZBVUxUX1pfSU5ERVh9O1xuICAgIGxlZnQ6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24ubGVmdCB8fCAnJ307XG4gICAgcmlnaHQ6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24ucmlnaHQgfHwgJyd9O1xuICAgIHRvcDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi50b3AgfHwgJyd9O1xuICAgIGJvdHRvbTogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5ib3R0b20gfHwgJyd9O1xuICAgIHRyYW5zZm9ybTogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi50cmFuc2Zvcm0gfHwgJyd9O1xuYDtcbiJdfQ== */",
|
18
36
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
19
37
|
});
|
20
38
|
export var PopupRootContainer = /*#__PURE__*/_styled("div", {
|
21
39
|
target: "eaqy7mk0",
|
22
40
|
label: "plasma-new-hope__PopupRootContainer"
|
23
|
-
})("position:absolute;z-index:", function (
|
24
|
-
var zIndex =
|
41
|
+
})("position:absolute;z-index:", function (_ref3) {
|
42
|
+
var zIndex = _ref3.zIndex;
|
25
43
|
return zIndex || DEFAULT_Z_INDEX;
|
26
|
-
}, ";left:", function (
|
27
|
-
var position =
|
44
|
+
}, ";left:", function (_ref4) {
|
45
|
+
var position = _ref4.position;
|
28
46
|
return position.left || '';
|
29
|
-
}, ";right:", function (
|
30
|
-
var position =
|
47
|
+
}, ";right:", function (_ref5) {
|
48
|
+
var position = _ref5.position;
|
31
49
|
return position.right || '';
|
32
|
-
}, ";top:", function (
|
33
|
-
var position =
|
50
|
+
}, ";top:", function (_ref6) {
|
51
|
+
var position = _ref6.position;
|
34
52
|
return position.top || '';
|
35
|
-
}, ";bottom:", function (
|
36
|
-
var position =
|
53
|
+
}, ";bottom:", function (_ref7) {
|
54
|
+
var position = _ref7.position;
|
37
55
|
return position.bottom || '';
|
38
|
-
}, ";transform:", function (
|
39
|
-
var position =
|
56
|
+
}, ";transform:", function (_ref8) {
|
57
|
+
var position = _ref8.position;
|
40
58
|
return position.transform || '';
|
41
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
59
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCcUUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsID0gc3R5bGVkLmRpdjx7IGhhc0NvbnRlbnQ6IGJvb2xlYW4gfT5gXG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB6LWluZGV4OiAke0RFRkFVTFRfWl9JTkRFWH07XG5cbiAgICB3aWR0aDogJHsoeyBoYXNDb250ZW50IH0pID0+IChoYXNDb250ZW50ID8gJ2F1dG8nIDogJzAnKX07XG4gICAgcG9pbnRlci1ldmVudHM6ICR7KHsgaGFzQ29udGVudCB9KSA9PiAoaGFzQ29udGVudCA/ICdhdXRvJyA6ICdub25lJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBvcnRhbENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgd2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBWaWV3ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG5gO1xuXG5leHBvcnQgY29uc3QgUG9wdXBSb290Q29udGFpbmVyID0gc3R5bGVkLmRpdjxQb3B1cFJvb3RDb250YWluZXJQcm9wcz5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleCB8fCBERUZBVUxUX1pfSU5ERVh9O1xuICAgIGxlZnQ6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24ubGVmdCB8fCAnJ307XG4gICAgcmlnaHQ6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24ucmlnaHQgfHwgJyd9O1xuICAgIHRvcDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi50b3AgfHwgJyd9O1xuICAgIGJvdHRvbTogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5ib3R0b20gfHwgJyd9O1xuICAgIHRyYW5zZm9ybTogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi50cmFuc2Zvcm0gfHwgJyd9O1xuYDtcbiJdfQ== */"));
|