@salutejs/plasma-new-hope 0.134.1-canary.1374.10632027763.0 → 0.135.0-canary.1361.10633446355.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +1 -1
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
- package/cjs/components/Tabs/createTabsController.js +2 -4
- package/cjs/components/Tabs/createTabsController.js.map +1 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.css +12 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +16 -16
- package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +6 -6
- package/cjs/components/Tabs/ui/TabItem/TabItem.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles_dlu4l9.css → TabItem/TabItem.styles_pj75hv.css} +4 -4
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled → TabItem/variations/_disabled}/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_disabled → TabItem/variations/_pilled}/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_pilled/base_1blwjaf.css → TabItem/variations/_pilled/base_l36za5.css} +1 -1
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_disabled → TabItem/variations/_size}/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/TabItem/variations/_size/base_1d7e3fp.css +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → TabItem}/variations/_view/base.js +2 -2
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/Tabs.css +16 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +19 -19
- package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +10 -10
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +4 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/variations/_view → Tabs/variations/_disabled}/base.js +2 -2
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +9 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → Tabs}/variations/_size/base.js +2 -2
- package/cjs/components/Tabs/ui/Tabs/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_size/base_iw773q.css +1 -0
- package/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/variations/_pilled → Tabs/variations/_stretch}/base.js +2 -2
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +9 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +1 -0
- package/cjs/index.css +17 -17
- package/cjs/index.js +6 -6
- package/emotion/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +1 -1
- package/emotion/cjs/components/Tabs/createTabsController.js +2 -4
- package/emotion/cjs/components/Tabs/index.js +10 -10
- package/emotion/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +13 -13
- package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.styles.js +39 -0
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_pilled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +10 -0
- package/{styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → emotion/cjs/components/Tabs/ui/Tabs/Tabs.js} +15 -15
- package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +55 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_pilled/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_size/base.js +9 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +10 -0
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +9 -0
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +39 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +3 -21
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +41 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +3 -20
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +5 -1
- package/emotion/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Toolbar/Toolbar.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.config.js +3 -3
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +39 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.js +3 -21
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +41 -0
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.js +3 -20
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +5 -1
- package/emotion/cjs/examples/plasma_web/components/Toast/Toast.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Toolbar/Toolbar.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Tooltip/Tooltip.config.js +3 -3
- package/emotion/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +1 -1
- package/emotion/es/components/Tabs/createTabsController.js +2 -4
- package/emotion/es/components/Tabs/index.js +2 -2
- package/{styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js → emotion/es/components/Tabs/ui/TabItem/TabItem.js} +8 -8
- package/emotion/es/components/Tabs/ui/TabItem/TabItem.styles.js +32 -0
- package/emotion/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/TabItem/variations/_pilled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/TabItem/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +4 -0
- package/{styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → emotion/es/components/Tabs/ui/Tabs/Tabs.js} +9 -9
- package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +48 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +4 -0
- package/emotion/es/components/Tabs/ui/Tabs/variations/_view/base.js +3 -0
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +33 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -21
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +35 -0
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.js +4 -20
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +5 -1
- package/emotion/es/examples/plasma_b2c/components/Toast/Toast.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Toolbar/Toolbar.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Tooltip/Tooltip.config.js +3 -3
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +33 -0
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.js +4 -21
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +35 -0
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.js +4 -20
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +5 -1
- package/emotion/es/examples/plasma_web/components/Toast/Toast.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Toolbar/Toolbar.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Tooltip/Tooltip.config.js +3 -3
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +1 -1
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +1 -1
- package/es/components/Tabs/createTabsController.js +2 -4
- package/es/components/Tabs/createTabsController.js.map +1 -1
- package/es/components/Tabs/ui/TabItem/TabItem.css +12 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +11 -11
- package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +6 -6
- package/es/components/Tabs/ui/TabItem/TabItem.styles.js.map +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles_dlu4l9.css → TabItem/TabItem.styles_pj75hv.css} +4 -4
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/variations/_disabled/base_1rysr2y.css +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs → 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/HorizontalTabItem/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/_disabled → TabItem/variations/_view}/base.js +2 -2
- package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
- package/es/components/Tabs/ui/Tabs/Tabs.css +16 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.js → Tabs/Tabs.js} +13 -13
- package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +10 -10
- package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css +4 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_disabled/base_1i8tr9c.css +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_pilled/base_1ujjl52.css +1 -0
- package/es/components/Tabs/ui/{horizontal/HorizontalTabItem → Tabs}/variations/_size/base.js +2 -2
- package/es/components/Tabs/ui/Tabs/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_size/base_iw773q.css +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_view/base.js +5 -0
- package/es/components/Tabs/ui/Tabs/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css +1 -0
- package/es/index.css +17 -17
- package/es/index.js +2 -2
- package/package.json +4 -4
- package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +1 -1
- package/styled-components/cjs/components/Tabs/createTabsController.js +2 -4
- package/styled-components/cjs/components/Tabs/index.js +10 -10
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.js → TabItem/TabItem.js} +13 -13
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +5 -5
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/base.js +3 -3
- package/{emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js} +15 -15
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +5 -5
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/base.js +3 -3
- package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js +3 -21
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabs.config.js → Tabs.config.js} +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.js +3 -20
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +5 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Toast/Toast.config.js +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Toolbar/Toolbar.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.js +3 -21
- package/styled-components/cjs/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabs.config.js → Tabs.config.js} +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.js +3 -20
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +5 -1
- package/styled-components/cjs/examples/plasma_web/components/Toast/Toast.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Toolbar/Toolbar.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tooltip/Tooltip.config.js +1 -1
- package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +1 -1
- package/styled-components/es/components/Tabs/createTabsController.js +2 -4
- package/styled-components/es/components/Tabs/index.js +2 -2
- package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js → styled-components/es/components/Tabs/ui/TabItem/TabItem.js} +8 -8
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.styles.js} +5 -5
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_size/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/base.js +2 -2
- package/{emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js → styled-components/es/components/Tabs/ui/Tabs/Tabs.js} +9 -9
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs/HorizontalTabs.styles.js → Tabs/Tabs.styles.js} +5 -5
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_size/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +4 -0
- package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.js +4 -21
- package/styled-components/es/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabs.config.js → Tabs.config.js} +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.js +4 -20
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +5 -1
- package/styled-components/es/examples/plasma_b2c/components/Toast/Toast.config.js +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Toolbar/Toolbar.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tooltip/Tooltip.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Dropdown/Dropdown.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js} +1 -1
- package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.js +4 -21
- package/styled-components/es/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabs.config.js → Tabs.config.js} +1 -1
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.js +4 -20
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +5 -1
- package/styled-components/es/examples/plasma_web/components/Toast/Toast.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/Toolbar/Toolbar.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Tooltip/Tooltip.config.js +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 -4
- package/types/components/Tabs/index.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/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts → TabItem/TabItem.styles.d.ts} +1 -1
- package/types/components/Tabs/ui/TabItem/TabItem.styles.d.ts.map +1 -0
- package/types/components/Tabs/{TabItem.types.d.ts → ui/TabItem/TabItem.types.d.ts} +24 -38
- 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 -37
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/Tabs/variations/_view/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabItem.config.d.ts → TabItem.config.d.ts} +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts +25 -2
- package/types/examples/plasma_b2c/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +27 -2
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabsController.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.d.ts → TabItem.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts +25 -2
- package/types/examples/plasma_web/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabs.config.d.ts → Tabs.config.d.ts} +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +27 -2
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabsController.d.ts.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -12
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_15vj1zs.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +0 -16
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_m8d2xg.css +0 -4
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -9
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +0 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +0 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -39
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +0 -55
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -10
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -5
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -5
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -5
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -5
- 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 -5
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -5
- 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 -5
- package/emotion/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -5
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +0 -32
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -4
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +0 -48
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -3
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -4
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -1
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -1
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -1
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -1
- 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 -1
- package/emotion/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -1
- 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 -1
- package/emotion/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +0 -12
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base_1ogr2cm.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base_kcn71r.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base_15vj1zs.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +0 -16
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_m8d2xg.css +0 -4
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js +0 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map +0 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css +0 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -5
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -5
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -5
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -5
- package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -5
- package/styled-components/cjs/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -5
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js +0 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +0 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +0 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +0 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js +0 -1
- package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js +0 -1
- package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js +0 -1
- 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.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 -2
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts +0 -2
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +0 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +0 -2
- 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 -2
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.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 -2
- 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 -2
- 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 -2
- 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 -2
- 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/es/components/Tabs/ui/{horizontal/HorizontalTabItem → 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/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/emotion/es/components/Tabs/ui/{horizontal/HorizontalTabs → 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/es/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → 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/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → 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/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/{TabItem.types.js → ui/TabItem/TabItem.types.js} +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → 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/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/variations/_view/tokens.json +0 -0
- /package/styled-components/es/components/Tabs/{Tabs.types.js → ui/Tabs/Tabs.types.js} +0 -0
- /package/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → 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/styled-components/es/components/Tabs/ui/{horizontal/HorizontalTabs → 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
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { tokens } from '
|
2
|
+
import { tokens } from '../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.itemBorderRadius, tokens.itemBorderRadius, tokens.itemWidth, tokens.itemHeight);
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { classes, tokens } from '
|
3
|
-
import { RightContent } from '../../
|
2
|
+
import { classes, tokens } from '../../../../tokens';
|
3
|
+
import { RightContent } from '../../TabItem.styles';
|
4
4
|
export var base = /*#__PURE__*/css(["color:var(", ");background-color:var(", ");margin-left:var(", ",var(", "));&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}}&:active{color:var(", ");}&.", "{transition:var(", ");}&.", "{color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");&::after{background:var(", ");}}", "{color:var(", ");&:hover{color:var(", ");}}&::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(", ");height:var(", ");border-radius:1px;}}"], tokens.itemColor, tokens.itemBackgroundColor, tokens.itemMarginLeftFilled, tokens.itemMarginLeft, tokens.itemColorHover, tokens.itemBackgroundColorHover, RightContent, tokens.additionalContentHoverColor, tokens.itemColorActive, /*#__PURE__*/String(classes.tabItemAnimated), tokens.itemBackgroundTransition, /*#__PURE__*/String(classes.selectedTabsItem), tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor, tokens.itemSelectedColorHover, tokens.itemSelectedBackgroundColorHover, tokens.itemSelectedDividerColorHover, RightContent, tokens.additionalContentSelectedColor, tokens.additionalContentSelectedHoverColor, tokens.itemSelectedDividerColor, tokens.itemSelectedDividerHeight);
|
@@ -10,16 +10,16 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
10
10
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
11
11
|
import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef } from 'react';
|
12
12
|
import { safeUseId } from '@salutejs/plasma-core';
|
13
|
-
import { IconDisclosureLeft, IconDisclosureRight } from '
|
14
|
-
import { classes, tokens } from '
|
15
|
-
import { cx } from '
|
16
|
-
import { TabItemRefs, TabsContext } from '
|
13
|
+
import { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';
|
14
|
+
import { classes, tokens } from '../../tokens';
|
15
|
+
import { cx } from '../../../../utils';
|
16
|
+
import { TabItemRefs, TabsContext } from '../../TabsContext';
|
17
17
|
import { base as sizeCSS } from './variations/_size/base';
|
18
18
|
import { base as viewCSS } from './variations/_view/base';
|
19
19
|
import { base as disabledCSS } from './variations/_disabled/base';
|
20
20
|
import { base as pilledCSS } from './variations/_pilled/base';
|
21
21
|
import { base as stretchCSS } from './variations/_stretch/base';
|
22
|
-
import { StyledArrow, StyledContent, StyledContentWrapper, base } from './
|
22
|
+
import { StyledArrow, StyledContent, StyledContentWrapper, base } from './Tabs.styles';
|
23
23
|
var Keys = /*#__PURE__*/function (Keys) {
|
24
24
|
Keys[Keys["end"] = 35] = "end";
|
25
25
|
Keys[Keys["home"] = 36] = "home";
|
@@ -27,7 +27,7 @@ var Keys = /*#__PURE__*/function (Keys) {
|
|
27
27
|
Keys[Keys["right"] = 39] = "right";
|
28
28
|
return Keys;
|
29
29
|
}(Keys || {});
|
30
|
-
export var
|
30
|
+
export var tabsRoot = function tabsRoot(Root) {
|
31
31
|
return /*#__PURE__*/forwardRef(function (props, outerRef) {
|
32
32
|
var id = props.id,
|
33
33
|
_props$stretch = props.stretch,
|
@@ -206,10 +206,10 @@ export var horizontalTabsRoot = function horizontalTabsRoot(Root) {
|
|
206
206
|
}, children)), !lastItemVisible && NextButton));
|
207
207
|
});
|
208
208
|
};
|
209
|
-
export var
|
210
|
-
name: '
|
209
|
+
export var tabsConfig = {
|
210
|
+
name: 'Tabs',
|
211
211
|
tag: 'div',
|
212
|
-
layout:
|
212
|
+
layout: tabsRoot,
|
213
213
|
base: base,
|
214
214
|
variations: {
|
215
215
|
size: {
|
@@ -2,17 +2,17 @@ var _templateObject;
|
|
2
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3
3
|
import { css } from 'styled-components';
|
4
4
|
import styled from 'styled-components';
|
5
|
-
import { addFocus } from '
|
6
|
-
import { classes, tokens } from '
|
5
|
+
import { addFocus } from '../../../../mixins';
|
6
|
+
import { classes, tokens } from '../../tokens';
|
7
7
|
export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n gap: 0.125rem;\n align-items: center;\n position: relative;\n"])));
|
8
8
|
export var StyledContent = /*#__PURE__*/styled.div.withConfig({
|
9
|
-
componentId: "plasma-new-hope__sc-
|
9
|
+
componentId: "plasma-new-hope__sc-1ibkmsl-0"
|
10
10
|
})(["display:inline-flex;flex-direction:row;align-items:center;"]);
|
11
11
|
export var StyledContentWrapper = /*#__PURE__*/styled.div.withConfig({
|
12
|
-
componentId: "plasma-new-hope__sc-
|
12
|
+
componentId: "plasma-new-hope__sc-1ibkmsl-1"
|
13
13
|
})(["margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;&.", "{overflow:scroll;scroll-padding:0.25rem;overscroll-behavior:contain;scrollbar-width:none;::-webkit-scrollbar{display:none;}}&.", "{overflow:visible;}"], classes.tabsClipScroll, classes.tabsClipShowAll);
|
14
14
|
export var StyledArrow = /*#__PURE__*/styled.button.withConfig({
|
15
|
-
componentId: "plasma-new-hope__sc-
|
15
|
+
componentId: "plasma-new-hope__sc-1ibkmsl-2"
|
16
16
|
})(["display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;", ";&[disabled]{cursor:not-allowed;}--plasma_private-outer-padding:", ";padding-right:", ";padding-left:", ";"], /*#__PURE__*/addFocus({
|
17
17
|
outlineSize: '0.063rem',
|
18
18
|
outlineOffset: '-0.125rem',
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { classes, tokens } from '
|
2
|
+
import { classes, tokens } from '../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/css(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");}"], /*#__PURE__*/String(classes.tabsPilled), tokens.tabsPilledBorderRadius, tokens.tabsPilledBorderRadius);
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { tokens } from '
|
2
|
+
import { tokens } from '../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/css(["width:var(", ");height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");"], tokens.tabsWidth, tokens.tabsHeight, tokens.tabsBorderRadius, tokens.tabsBorderRadius);
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { classes } from '../../../../tokens';
|
3
|
+
import { StyledContent, StyledContentWrapper } from '../../Tabs.styles';
|
4
|
+
export var base = /*#__PURE__*/css(["&.", "{width:100%;", ",", ",", " > button{width:100%;margin-left:0;}}"], classes.tabsStretch, StyledContentWrapper, StyledContent, StyledContent);
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
|
-
import { classes, tokens } from '
|
2
|
+
import { classes, tokens } from '../../../../tokens';
|
3
3
|
export var base = /*#__PURE__*/css(["background-color:var(", ");&::after{content:'';position:absolute;bottom:0.125rem;left:0.125rem;right:0.125rem;background:var(", ");height:var(", ");border-radius:var(", ");}&.", "{&::after{left:1.5rem;}}&.", "{&::after{right:1.5rem;}}"], tokens.tabsBackgroundColor, tokens.tabsDividerColor, tokens.tabsDividerHeight, tokens.tabsDividerBorderRadius, classes.tabsHasLeftArrow, classes.tabsHasRightArrow);
|
@@ -13,7 +13,7 @@ export var config = {
|
|
13
13
|
l: /*#__PURE__*/css(["", ":100%;", ":auto;", ":0.875rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":var(--surface-transparent-tertiary);", ":0.063rem;", ":0;", ":1rem;", ":0;", ":1rem;", ":auto;", ":1.5rem;", ":1rem;", ":1rem;", ":1rem;", ":1rem;", ":0.75rem;", ":1.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1rem;", ":3.5rem;", ":100%;", ":0.875rem;", ":0 3.5rem 0 1.5rem;", ":0 3.625rem 0 0.375rem;", ":0 3.625rem 0 0.625rem;", ":0.5rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], comboboxTokens.width, comboboxTokens.height, comboboxTokens.borderRadius, comboboxTokens.paddingTop, comboboxTokens.paddingRight, comboboxTokens.paddingBottom, comboboxTokens.paddingLeft, comboboxTokens.dividerColor, comboboxTokens.dividerHeight, comboboxTokens.dividerMarginTop, comboboxTokens.dividerMarginRight, comboboxTokens.dividerMarginBottom, comboboxTokens.dividerMarginLeft, comboboxTokens.itemWidth, comboboxTokens.itemHeight, comboboxTokens.itemPaddingTop, comboboxTokens.itemPaddingRight, comboboxTokens.itemPaddingBottom, comboboxTokens.itemPaddingLeft, comboboxTokens.itemBorderRadius, comboboxTokens.itemContentLeftWidth, comboboxTokens.itemFontFamily, comboboxTokens.itemFontSize, comboboxTokens.itemFontStyle, comboboxTokens.itemFontWeightBold, comboboxTokens.itemFontLetterSpacing, comboboxTokens.itemFontLineHeight, comboboxTokens.chipGap, comboboxTokens.chipBorderRadius, comboboxTokens.chipWidth, comboboxTokens.chipHeight, comboboxTokens.chipPaddingRight, comboboxTokens.chipPaddingLeft, comboboxTokens.chipClearContentMarginLeft, comboboxTokens.chipClearContentMarginRight, comboboxTokens.chipCloseIconSize, comboboxTokens.chipFontFamily, comboboxTokens.chipFontSize, comboboxTokens.chipFontStyle, comboboxTokens.chipFontWeight, comboboxTokens.chipLetterSpacing, comboboxTokens.chipLineHeight, comboboxTokens.targetArrowRight, comboboxTokens.targetHeight, comboboxTokens.targetWidth, comboboxTokens.targetRadius, comboboxTokens.targetPadding, comboboxTokens.targetPaddingHasChips, comboboxTokens.targetPaddingWithInput, comboboxTokens.targetInnerTop, comboboxTokens.targetLabelInnerTop, comboboxTokens.targetFontFamily, comboboxTokens.targetFontSize, comboboxTokens.targetFontStyle, comboboxTokens.targetFontWeight, comboboxTokens.targetLetterSpacing, comboboxTokens.targetLineHeight, comboboxTokens.targetLabelInnerFontFamily, comboboxTokens.targetLabelInnerFontSize, comboboxTokens.targetLabelInnerFontStyle, comboboxTokens.targetLabelInnerFontWeight, comboboxTokens.targetLabelInnerLetterSpacing, comboboxTokens.targetLabelInnerLineHeight)
|
14
14
|
},
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":0.4;", ":var(--surface-accent);"], comboboxTokens.targetColor, comboboxTokens.targetLabelColor, comboboxTokens.targetArrowColor, comboboxTokens.targetBackgroundColor, comboboxTokens.targetBackgroundColorHover, comboboxTokens.targetBackgroundColorActive, comboboxTokens.targetBackgroundColorOpen, comboboxTokens.background, comboboxTokens.boxShadow, comboboxTokens.itemBackground, comboboxTokens.itemBackgroundHover, comboboxTokens.itemBackgroundSelectedHover, comboboxTokens.itemColor, comboboxTokens.itemContentLeftColor, comboboxTokens.chipCloseIconColor, comboboxTokens.chipColor, comboboxTokens.chipBackground, comboboxTokens.chipColorHover, comboboxTokens.chipBackgroundHover, comboboxTokens.chipColorActive, comboboxTokens.chipBackgroundActive, comboboxTokens.chipBackgroundReadOnly, comboboxTokens.chipColorReadOnly, comboboxTokens.chipBackgroundReadOnlyHover, comboboxTokens.chipColorReadOnlyHover, comboboxTokens.chipOpacityReadonly, comboboxTokens.disabledOpacity, comboboxTokens.focusColor)
|
16
|
+
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-card-brightness);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":0.4;", ":var(--surface-accent);"], comboboxTokens.targetColor, comboboxTokens.targetLabelColor, comboboxTokens.targetArrowColor, comboboxTokens.targetBackgroundColor, comboboxTokens.targetBackgroundColorHover, comboboxTokens.targetBackgroundColorActive, comboboxTokens.targetBackgroundColorOpen, comboboxTokens.background, comboboxTokens.boxShadow, comboboxTokens.itemBackground, comboboxTokens.itemBackgroundHover, comboboxTokens.itemBackgroundSelectedHover, comboboxTokens.itemColor, comboboxTokens.itemContentLeftColor, comboboxTokens.chipCloseIconColor, comboboxTokens.chipColor, comboboxTokens.chipBackground, comboboxTokens.chipColorHover, comboboxTokens.chipBackgroundHover, comboboxTokens.chipColorActive, comboboxTokens.chipBackgroundActive, comboboxTokens.chipBackgroundReadOnly, comboboxTokens.chipColorReadOnly, comboboxTokens.chipBackgroundReadOnlyHover, comboboxTokens.chipColorReadOnlyHover, comboboxTokens.chipOpacityReadonly, comboboxTokens.disabledOpacity, comboboxTokens.focusColor)
|
17
17
|
}
|
18
18
|
}
|
19
19
|
};
|
@@ -13,7 +13,7 @@ export var config = {
|
|
13
13
|
l: /*#__PURE__*/css(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":0.8125rem;", ":0.8125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], dropdownTokens.padding, dropdownTokens.width, dropdownTokens.borderRadius, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemPaddingTopTight, dropdownTokens.itemPaddingBottomTight, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight)
|
14
14
|
},
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.focusColor, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.disclosureIconColor, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemColor)
|
16
|
+
"default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card-brightness);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.focusColor, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.disclosureIconColor, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemColor)
|
17
17
|
}
|
18
18
|
}
|
19
19
|
};
|
@@ -1,22 +1,5 @@
|
|
1
|
-
|
2
|
-
var _excluded = ["orientation"];
|
3
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
4
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
5
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
6
|
-
import React from 'react';
|
7
|
-
import { horizontalTabItemConfig } from '../../../../components/Tabs';
|
1
|
+
import { tabItemConfig } from '../../../../components/Tabs';
|
8
2
|
import { component, mergeConfig } from '../../../../engines';
|
9
|
-
import { config } from './
|
10
|
-
var
|
11
|
-
var
|
12
|
-
export var TabItem = function TabItem(_ref) {
|
13
|
-
var _ref$orientation = _ref.orientation,
|
14
|
-
orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
|
15
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
16
|
-
if (orientation === 'vertical') {
|
17
|
-
return _div || (_div = /*#__PURE__*/React.createElement("div", null, "to be implemented"));
|
18
|
-
}
|
19
|
-
return /*#__PURE__*/React.createElement(HorizontalTabItem, _extends({
|
20
|
-
orientation: orientation
|
21
|
-
}, rest));
|
22
|
-
};
|
3
|
+
import { config } from './TabItem.config';
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(tabItemConfig, config);
|
5
|
+
export var TabItem = /*#__PURE__*/component(mergedConfig);
|
@@ -1,21 +1,5 @@
|
|
1
|
-
|
2
|
-
var _excluded = ["orientation"];
|
3
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
4
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
5
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
6
|
-
import React from 'react';
|
7
|
-
import { horizontalTabsConfig } from '../../../../components/Tabs';
|
1
|
+
import { tabsConfig } from '../../../../components/Tabs';
|
8
2
|
import { component, mergeConfig } from '../../../../engines';
|
9
|
-
import { config } from './
|
10
|
-
var
|
11
|
-
var
|
12
|
-
export var Tabs = function Tabs(_ref) {
|
13
|
-
var orientation = _ref.orientation,
|
14
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
15
|
-
if (orientation === 'vertical') {
|
16
|
-
return _div || (_div = /*#__PURE__*/React.createElement("div", null, "to be implemented"));
|
17
|
-
}
|
18
|
-
return /*#__PURE__*/React.createElement(HorizontalTabs, _extends({
|
19
|
-
orientation: orientation
|
20
|
-
}, rest));
|
21
|
-
};
|
3
|
+
import { config } from './Tabs.config';
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(tabsConfig, config);
|
5
|
+
export var Tabs = /*#__PURE__*/component(mergedConfig);
|
@@ -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
|
|
@@ -55,6 +58,7 @@ const meta: Meta<StoryTabsProps> = {
|
|
55
58
|
component: Tabs,
|
56
59
|
decorators: [WithTheme],
|
57
60
|
argTypes: {
|
61
|
+
...argTypesFromConfig(mergeConfig(tabsConfig, config)),
|
58
62
|
contentLeft: {
|
59
63
|
options: contentLeftOptions,
|
60
64
|
control: {
|
@@ -7,9 +7,9 @@ export var config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
view: {
|
10
|
-
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-secondary);", ":var(--text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
|
11
|
-
dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-
|
12
|
-
light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-light-surface-solid-primary);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
|
10
|
+
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-solid-card-brightness);", ":var(--text-secondary);", ":var(--text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
|
11
|
+
dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-brightness);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
|
12
|
+
light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-light-surface-solid-primary-brightness);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
|
13
13
|
},
|
14
14
|
size: {
|
15
15
|
m: /*#__PURE__*/css(["", ":0.75rem;", ":calc(100vw - 5rem);", ":0.5625rem 0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem 0.375rem -0.0625rem -0.125rem;", ":-0.0625rem -0.25rem -0.0625rem 0.5rem;"], toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight, toastTokens.leftContentMargin, toastTokens.closeIconMargin)
|
@@ -7,7 +7,7 @@ export var config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
view: {
|
10
|
-
"default": /*#__PURE__*/css(["", ":var(--shadow-down-soft-s);", ":var(--surface-solid-card);", ":var(--surface-transparent-tertiary);"], toolbarTokens.boxShadow, toolbarTokens.background, toolbarTokens.dividerColor)
|
10
|
+
"default": /*#__PURE__*/css(["", ":var(--shadow-down-soft-s);", ":var(--surface-solid-card-brightness);", ":var(--surface-transparent-tertiary);"], toolbarTokens.boxShadow, toolbarTokens.background, toolbarTokens.dividerColor)
|
11
11
|
},
|
12
12
|
size: {
|
13
13
|
xs: /*#__PURE__*/css(["", ":2.5rem;", ":0.25rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":0.0625rem;"], toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius),
|
@@ -11,7 +11,7 @@ export var config = {
|
|
11
11
|
m: /*#__PURE__*/css(["", ":0.6875rem;", ":0.875rem;", ":0.6875rem;", ":0.875rem;", ":2.5rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.375rem;", ":1.25rem;", ":1.25rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");", ":0.5rem;", ":0.625rem;", ":var(--surface-solid-card);"], tooltipTokens.paddingTop, tooltipTokens.paddingRight, tooltipTokens.paddingBottom, tooltipTokens.paddingLeft, tooltipTokens.minHeight, tooltipTokens.borderRadius, tooltipTokens.textFontFamily, tooltipTokens.textFontSize, tooltipTokens.textFontStyle, tooltipTokens.textFontWeight, tooltipTokens.textFontLetterSpacing, tooltipTokens.textFontLineHeight, tooltipTokens.contentLeftMargin, tooltipTokens.arrowMaskWidth, tooltipTokens.arrowMaskHeight, tooltipTokens.arrowMaskImage, tooltipTokens.arrowHeight, tooltipTokens.arrowEdgeMargin, tooltipTokens.arrowBackground)
|
12
12
|
},
|
13
13
|
view: {
|
14
|
-
"default": /*#__PURE__*/css(["", ":var(--surface-solid-card);", ":var(--shadow-down-hard-s);", ":var(--text-primary);"], tooltipTokens.backgroundColor, tooltipTokens.boxShadow, tooltipTokens.color)
|
14
|
+
"default": /*#__PURE__*/css(["", ":var(--surface-solid-card-brightness);", ":var(--shadow-down-hard-s);", ":var(--text-primary);"], tooltipTokens.backgroundColor, tooltipTokens.boxShadow, tooltipTokens.color)
|
15
15
|
}
|
16
16
|
}
|
17
17
|
};
|
@@ -13,7 +13,7 @@ export var config = {
|
|
13
13
|
l: /*#__PURE__*/css(["", ":100%;", ":auto;", ":0.875rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":0.125rem;", ":var(--surface-transparent-tertiary);", ":0.063rem;", ":0;", ":1rem;", ":0;", ":1rem;", ":auto;", ":1.5rem;", ":1rem;", ":1rem;", ":1rem;", ":1rem;", ":0.75rem;", ":1.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1rem;", ":3.5rem;", ":100%;", ":0.875rem;", ":0 3.5rem 0 1.5rem;", ":0 3.625rem 0 0.375rem;", ":0 3.625rem 0 0.625rem;", ":0.5rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], comboboxTokens.width, comboboxTokens.height, comboboxTokens.borderRadius, comboboxTokens.paddingTop, comboboxTokens.paddingRight, comboboxTokens.paddingBottom, comboboxTokens.paddingLeft, comboboxTokens.dividerColor, comboboxTokens.dividerHeight, comboboxTokens.dividerMarginTop, comboboxTokens.dividerMarginRight, comboboxTokens.dividerMarginBottom, comboboxTokens.dividerMarginLeft, comboboxTokens.itemWidth, comboboxTokens.itemHeight, comboboxTokens.itemPaddingTop, comboboxTokens.itemPaddingRight, comboboxTokens.itemPaddingBottom, comboboxTokens.itemPaddingLeft, comboboxTokens.itemBorderRadius, comboboxTokens.itemContentLeftWidth, comboboxTokens.itemFontFamily, comboboxTokens.itemFontSize, comboboxTokens.itemFontStyle, comboboxTokens.itemFontWeightBold, comboboxTokens.itemFontLetterSpacing, comboboxTokens.itemFontLineHeight, comboboxTokens.chipGap, comboboxTokens.chipBorderRadius, comboboxTokens.chipWidth, comboboxTokens.chipHeight, comboboxTokens.chipPaddingRight, comboboxTokens.chipPaddingLeft, comboboxTokens.chipClearContentMarginLeft, comboboxTokens.chipClearContentMarginRight, comboboxTokens.chipCloseIconSize, comboboxTokens.chipFontFamily, comboboxTokens.chipFontSize, comboboxTokens.chipFontStyle, comboboxTokens.chipFontWeight, comboboxTokens.chipLetterSpacing, comboboxTokens.chipLineHeight, comboboxTokens.targetArrowRight, comboboxTokens.targetHeight, comboboxTokens.targetWidth, comboboxTokens.targetRadius, comboboxTokens.targetPadding, comboboxTokens.targetPaddingHasChips, comboboxTokens.targetPaddingWithInput, comboboxTokens.targetInnerTop, comboboxTokens.targetLabelInnerTop, comboboxTokens.targetFontFamily, comboboxTokens.targetFontSize, comboboxTokens.targetFontStyle, comboboxTokens.targetFontWeight, comboboxTokens.targetLetterSpacing, comboboxTokens.targetLineHeight, comboboxTokens.targetLabelInnerFontFamily, comboboxTokens.targetLabelInnerFontSize, comboboxTokens.targetLabelInnerFontStyle, comboboxTokens.targetLabelInnerFontWeight, comboboxTokens.targetLabelInnerLetterSpacing, comboboxTokens.targetLabelInnerLineHeight)
|
14
14
|
},
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":var(--text-accent);", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":0.4;", ":var(--surface-accent);"], comboboxTokens.targetColor, comboboxTokens.targetLabelColor, comboboxTokens.targetArrowColor, comboboxTokens.targetBorderColor, comboboxTokens.targetBorderColorHover, comboboxTokens.targetBorderColorActive, comboboxTokens.targetBorderColorOpen, comboboxTokens.background, comboboxTokens.boxShadow, comboboxTokens.itemBackground, comboboxTokens.itemBackgroundHover, comboboxTokens.itemBackgroundSelectedHover, comboboxTokens.itemColor, comboboxTokens.itemContentLeftColor, comboboxTokens.chipCloseIconColor, comboboxTokens.chipColor, comboboxTokens.chipBackground, comboboxTokens.chipColorHover, comboboxTokens.chipBackgroundHover, comboboxTokens.chipColorActive, comboboxTokens.chipBackgroundActive, comboboxTokens.chipBackgroundReadOnly, comboboxTokens.chipColorReadOnly, comboboxTokens.chipBackgroundReadOnlyHover, comboboxTokens.chipColorReadOnlyHover, comboboxTokens.chipOpacityReadonly, comboboxTokens.disabledOpacity, comboboxTokens.focusColor)
|
16
|
+
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary-hover);", ":var(--text-tertiary-active);", ":var(--text-accent);", ":var(--surface-solid-card-brightness);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":0.4;", ":var(--surface-accent);"], comboboxTokens.targetColor, comboboxTokens.targetLabelColor, comboboxTokens.targetArrowColor, comboboxTokens.targetBorderColor, comboboxTokens.targetBorderColorHover, comboboxTokens.targetBorderColorActive, comboboxTokens.targetBorderColorOpen, comboboxTokens.background, comboboxTokens.boxShadow, comboboxTokens.itemBackground, comboboxTokens.itemBackgroundHover, comboboxTokens.itemBackgroundSelectedHover, comboboxTokens.itemColor, comboboxTokens.itemContentLeftColor, comboboxTokens.chipCloseIconColor, comboboxTokens.chipColor, comboboxTokens.chipBackground, comboboxTokens.chipColorHover, comboboxTokens.chipBackgroundHover, comboboxTokens.chipColorActive, comboboxTokens.chipBackgroundActive, comboboxTokens.chipBackgroundReadOnly, comboboxTokens.chipColorReadOnly, comboboxTokens.chipBackgroundReadOnlyHover, comboboxTokens.chipColorReadOnlyHover, comboboxTokens.chipOpacityReadonly, comboboxTokens.disabledOpacity, comboboxTokens.focusColor)
|
17
17
|
}
|
18
18
|
}
|
19
19
|
};
|
@@ -13,7 +13,7 @@ export var config = {
|
|
13
13
|
l: /*#__PURE__*/css(["", ":0.125rem;", ":17.5rem;", ":0.875rem;", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":0.8125rem;", ":0.8125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], dropdownTokens.padding, dropdownTokens.width, dropdownTokens.borderRadius, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemPaddingTopTight, dropdownTokens.itemPaddingBottomTight, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight)
|
14
14
|
},
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.focusColor, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.disclosureIconColor, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemColor)
|
16
|
+
"default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card-brightness);", ":0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);", ":var(--text-secondary);", ":var(--surface-clear);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.focusColor, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.disclosureIconColor, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemColor)
|
17
17
|
}
|
18
18
|
}
|
19
19
|
};
|
@@ -1,22 +1,5 @@
|
|
1
|
-
|
2
|
-
var _excluded = ["orientation"];
|
3
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
4
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
5
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
6
|
-
import React from 'react';
|
7
|
-
import { horizontalTabItemConfig } from '../../../../components/Tabs';
|
1
|
+
import { tabItemConfig } from '../../../../components/Tabs';
|
8
2
|
import { component, mergeConfig } from '../../../../engines';
|
9
|
-
import { config } from './
|
10
|
-
var
|
11
|
-
var
|
12
|
-
export var TabItem = function TabItem(_ref) {
|
13
|
-
var _ref$orientation = _ref.orientation,
|
14
|
-
orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
|
15
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
16
|
-
if (orientation === 'vertical') {
|
17
|
-
return _div || (_div = /*#__PURE__*/React.createElement("div", null, "to be implemented"));
|
18
|
-
}
|
19
|
-
return /*#__PURE__*/React.createElement(HorizontalTabItem, _extends({
|
20
|
-
orientation: orientation
|
21
|
-
}, rest));
|
22
|
-
};
|
3
|
+
import { config } from './TabItem.config';
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(tabItemConfig, config);
|
5
|
+
export var TabItem = /*#__PURE__*/component(mergedConfig);
|
@@ -1,21 +1,5 @@
|
|
1
|
-
|
2
|
-
var _excluded = ["orientation"];
|
3
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
4
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
5
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
6
|
-
import React from 'react';
|
7
|
-
import { horizontalTabsConfig } from '../../../../components/Tabs';
|
1
|
+
import { tabsConfig } from '../../../../components/Tabs';
|
8
2
|
import { component, mergeConfig } from '../../../../engines';
|
9
|
-
import { config } from './
|
10
|
-
var
|
11
|
-
var
|
12
|
-
export var Tabs = function Tabs(_ref) {
|
13
|
-
var orientation = _ref.orientation,
|
14
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
15
|
-
if (orientation === 'vertical') {
|
16
|
-
return _div || (_div = /*#__PURE__*/React.createElement("div", null, "to be implemented"));
|
17
|
-
}
|
18
|
-
return /*#__PURE__*/React.createElement(HorizontalTabs, _extends({
|
19
|
-
orientation: orientation
|
20
|
-
}, rest));
|
21
|
-
};
|
3
|
+
import { config } from './Tabs.config';
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(tabsConfig, config);
|
5
|
+
export var Tabs = /*#__PURE__*/component(mergedConfig);
|
@@ -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
|
|
@@ -55,6 +58,7 @@ const meta: Meta<StoryTabsProps> = {
|
|
55
58
|
component: Tabs,
|
56
59
|
decorators: [WithTheme],
|
57
60
|
argTypes: {
|
61
|
+
...argTypesFromConfig(mergeConfig(tabsConfig, config)),
|
58
62
|
contentLeft: {
|
59
63
|
options: contentLeftOptions,
|
60
64
|
control: {
|
@@ -7,9 +7,9 @@ export var config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
view: {
|
10
|
-
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-secondary);", ":var(--text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
|
11
|
-
dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-
|
12
|
-
light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-light-surface-solid-primary);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
|
10
|
+
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-solid-card-brightness);", ":var(--text-secondary);", ":var(--text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
|
11
|
+
dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-solid-brightness);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover),
|
12
|
+
light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-light-surface-solid-primary-brightness);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary);"], toastTokens.color, toastTokens.background, toastTokens.closeIconColor, toastTokens.closeIconColorOnHover)
|
13
13
|
},
|
14
14
|
size: {
|
15
15
|
m: /*#__PURE__*/css(["", ":0.75rem;", ":calc(100vw - 5rem);", ":0.5625rem 0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem 0.375rem -0.0625rem -0.125rem;", ":-0.0625rem -0.25rem -0.0625rem 0.5rem;"], toastTokens.borderRadius, toastTokens.maxWidth, toastTokens.padding, toastTokens.fontFamily, toastTokens.fontSize, toastTokens.fontStyle, toastTokens.fontWeight, toastTokens.letterSpacing, toastTokens.lineHeight, toastTokens.leftContentMargin, toastTokens.closeIconMargin)
|
@@ -7,7 +7,7 @@ export var config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
view: {
|
10
|
-
"default": /*#__PURE__*/css(["", ":var(--shadow-down-soft-s);", ":var(--surface-solid-card);", ":var(--surface-transparent-tertiary);"], toolbarTokens.boxShadow, toolbarTokens.background, toolbarTokens.dividerColor)
|
10
|
+
"default": /*#__PURE__*/css(["", ":var(--shadow-down-soft-s);", ":var(--surface-solid-card-brightness);", ":var(--surface-transparent-tertiary);"], toolbarTokens.boxShadow, toolbarTokens.background, toolbarTokens.dividerColor)
|
11
11
|
},
|
12
12
|
size: {
|
13
13
|
xs: /*#__PURE__*/css(["", ":2.5rem;", ":0.25rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":0.0625rem;"], toolbarTokens.size, toolbarTokens.padding, toolbarTokens.borderRadius, toolbarTokens.dividerSize, toolbarTokens.dividerOffset, toolbarTokens.dividerBorderRadius),
|
@@ -11,7 +11,7 @@ export var config = {
|
|
11
11
|
m: /*#__PURE__*/css(["", ":0.6875rem;", ":0.875rem;", ":0.6875rem;", ":0.875rem;", ":2.5rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.375rem;", ":1.25rem;", ":1.25rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");", ":0.5rem;", ":0.625rem;", ":var(--surface-solid-card);"], tooltipTokens.paddingTop, tooltipTokens.paddingRight, tooltipTokens.paddingBottom, tooltipTokens.paddingLeft, tooltipTokens.minHeight, tooltipTokens.borderRadius, tooltipTokens.textFontFamily, tooltipTokens.textFontSize, tooltipTokens.textFontStyle, tooltipTokens.textFontWeight, tooltipTokens.textFontLetterSpacing, tooltipTokens.textFontLineHeight, tooltipTokens.contentLeftMargin, tooltipTokens.arrowMaskWidth, tooltipTokens.arrowMaskHeight, tooltipTokens.arrowMaskImage, tooltipTokens.arrowHeight, tooltipTokens.arrowEdgeMargin, tooltipTokens.arrowBackground)
|
12
12
|
},
|
13
13
|
view: {
|
14
|
-
"default": /*#__PURE__*/css(["", ":var(--surface-solid-card);", ":var(--shadow-down-hard-s);", ":var(--text-primary);"], tooltipTokens.backgroundColor, tooltipTokens.boxShadow, tooltipTokens.color)
|
14
|
+
"default": /*#__PURE__*/css(["", ":var(--surface-solid-card-brightness);", ":var(--shadow-down-hard-s);", ":var(--text-primary);"], tooltipTokens.backgroundColor, tooltipTokens.boxShadow, tooltipTokens.color)
|
15
15
|
}
|
16
16
|
}
|
17
17
|
};
|
@@ -1,7 +1,6 @@
|
|
1
1
|
import React, { ForwardRefExoticComponent, RefAttributes } from 'react';
|
2
|
-
import { TabsProps } from '
|
3
|
-
|
4
|
-
export declare type TabsControllerProps = TabsProps & {
|
2
|
+
import { TabsProps, TabItemProps } from '.';
|
3
|
+
export interface TabsControllerProps extends TabsProps {
|
5
4
|
items: Array<{
|
6
5
|
label: string;
|
7
6
|
} & TabItemProps>;
|
@@ -9,7 +8,7 @@ export declare type TabsControllerProps = TabsProps & {
|
|
9
8
|
onIndexChange: (index: number) => void;
|
10
9
|
children?: never;
|
11
10
|
autoscroll?: boolean;
|
12
|
-
}
|
11
|
+
}
|
13
12
|
/**
|
14
13
|
* @deprecated
|
15
14
|
* Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"createTabsController.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/createTabsController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAE,SAAS,EAAE,
|
1
|
+
{"version":3,"file":"createTabsController.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/createTabsController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAE5C,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IAClD,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,YAAY,CAAC,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,EAAE,CAAC,SAAS,mBAAmB,EACxF,aAAa,EAAE,yBAAyB,CAAC,SAAS,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,EACnF,aAAa,EAAE,yBAAyB,CAAC,YAAY,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,sFAwBzF"}
|
@@ -1,9 +1,9 @@
|
|
1
|
-
export {
|
2
|
-
export {
|
1
|
+
export { tabsRoot, tabsConfig } from './ui/Tabs/Tabs';
|
2
|
+
export { tabItemRoot, tabItemConfig } from './ui/TabItem/TabItem';
|
3
3
|
export { tokens as tabsTokens } from './tokens';
|
4
4
|
export { TabItemRefs, TabsContext } from './TabsContext';
|
5
5
|
export { createTabsController } from './createTabsController';
|
6
6
|
export type { TabsControllerProps } from './createTabsController';
|
7
|
-
export type { TabsProps } from './Tabs.types';
|
8
|
-
export type { TabItemProps } from './TabItem.types';
|
7
|
+
export type { TabsProps } from './ui/Tabs/Tabs.types';
|
8
|
+
export type { TabItemProps } from './ui/TabItem/TabItem.types';
|
9
9
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,YAAY,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC"}
|
@@ -0,0 +1,29 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { RootProps } from '../../../../engines';
|
3
|
+
import { TabItemProps } from './TabItem.types';
|
4
|
+
export declare const tabItemRoot: (Root: RootProps<HTMLDivElement, TabItemProps>) => React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & import("../../../../types").AsProps<any> & import("./TabItem.types").CustomTabItemProps & React.RefAttributes<HTMLDivElement>>;
|
5
|
+
export declare const tabItemConfig: {
|
6
|
+
name: string;
|
7
|
+
tag: string;
|
8
|
+
layout: (Root: RootProps<HTMLDivElement, TabItemProps>) => React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & import("../../../../types").AsProps<any> & import("./TabItem.types").CustomTabItemProps & React.RefAttributes<HTMLDivElement>>;
|
9
|
+
base: import("@linaria/core").LinariaClassName;
|
10
|
+
variations: {
|
11
|
+
size: {
|
12
|
+
css: import("@linaria/core").LinariaClassName;
|
13
|
+
};
|
14
|
+
view: {
|
15
|
+
css: import("@linaria/core").LinariaClassName;
|
16
|
+
};
|
17
|
+
disabled: {
|
18
|
+
css: import("@linaria/core").LinariaClassName;
|
19
|
+
attrs: boolean;
|
20
|
+
};
|
21
|
+
pilled: {
|
22
|
+
css: import("@linaria/core").LinariaClassName;
|
23
|
+
};
|
24
|
+
};
|
25
|
+
defaults: {
|
26
|
+
view: string;
|
27
|
+
};
|
28
|
+
};
|
29
|
+
//# sourceMappingURL=TabItem.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/TabItem/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAShD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,mNAuGnE,CAAC;AAEP,eAAO,MAAM,aAAa;;;mBAzGQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;CAgIxE,CAAC"}
|
@@ -3,4 +3,4 @@ export declare const base: import("@linaria/core").LinariaClassName;
|
|
3
3
|
export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
4
4
|
export declare const RightContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
5
5
|
export declare const LeftContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
6
|
-
//# sourceMappingURL=
|
6
|
+
//# sourceMappingURL=TabItem.styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TabItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/TabItem/TabItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAqChB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAOvB,CAAC"}
|