@salutejs/plasma-new-hope 0.151.0 → 0.152.0-canary.1374.11013124158.0

package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base_phkacz.css

@@ -0,0 +1 @@
+.b1qe0zg0.tabs-stretched{height:100%;}.b1qe0zg0.tabs-stretched .s16g9t9z,.b1qe0zg0.tabs-stretched .s1tfgc53,.b1qe0zg0.tabs-stretched .s1tfgc53 > button{height:100%;margin-top:0;}

package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js

@@ -0,0 +1,5 @@
+import './base_zefpir.css';
+var base = "bljnkat";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../../../tokens';\n\nexport const base = css`\n    background-color: var(${tokens.tabsBackgroundColor});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAEhB;;;;"}

package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_zefpir.css

@@ -0,0 +1 @@
+.bljnkat{background-color:var(--plasma-tabs-background-color);}

package/es/components/Tabs/ui/vertical/VerticalTabsContext.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+
+var VerticalTabsContext = /*#__PURE__*/createContext(null);
+
+export { VerticalTabsContext };
+//# sourceMappingURL=VerticalTabsContext.js.map

package/es/components/Tabs/ui/vertical/VerticalTabsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabsContext.js","sources":["../../../../../src/components/Tabs/ui/vertical/VerticalTabsContext.ts"],"sourcesContent":["import { createContext, ReactNode } from 'react';\n\nexport const VerticalTabsContext = createContext<ReactNode | null>(null);\n"],"names":["VerticalTabsContext","createContext"],"mappings":";;IAEaA,mBAAmB,gBAAGC,aAAa,CAAmB,IAAI;;;;"}

package/es/index.css

@@ -182,33 +182,57 @@
 
 .Switch_svqw4q_bagv7wj__12723d90{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Switch_svqw4q_bagv7wj__12723d90:focus{outline:0 none;}
 
-.base_iw773q_b12fajph__34b9af5a{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
+.base_1sq08yf_bxoicu2__bb7a4868{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
 
-.base_aij3sf_b1mh5p08__d6b8b2c3{background-color:var(--plasma-tabs-background-color);}.base_aij3sf_b1mh5p08__d6b8b2c3::after{content:'';position:absolute;bottom:0.125rem;left:0.125rem;right:0.125rem;background:var(--plasma-tabs-divider-color);height:var(--plasma-tabs-divider-height);border-radius:var(--plasma-tabs-divider-border-radius);}.base_aij3sf_b1mh5p08__d6b8b2c3.base_aij3sf_tabsHasLeftArrow__d6b8b2c3::after{left:1.5rem;}.base_aij3sf_b1mh5p08__d6b8b2c3.base_aij3sf_tabsHasRightArrow__d6b8b2c3::after{right:1.5rem;}
+.base_9miwn_bupjtit__d014f2e9{background-color:var(--plasma-tabs-background-color);}.base_9miwn_bupjtit__d014f2e9::after{content:'';position:absolute;bottom:0.125rem;left:0.125rem;right:0.125rem;background:var(--plasma-tabs-divider-color);height:var(--plasma-tabs-divider-height);border-radius:var(--plasma-tabs-divider-border-radius);}.base_9miwn_bupjtit__d014f2e9.base_9miwn_tabsHasLeftArrow__d014f2e9::after{left:1.5rem;}.base_9miwn_bupjtit__d014f2e9.base_9miwn_tabsHasRightArrow__d014f2e9::after{right:1.5rem;}
 
-.base_1i8tr9c_b1lwejhw__63d2542b{opacity:var(--plasma-tabs-disabled-opacity);}
+.base_j9bg3m_bbh58a1__de7491f9{opacity:var(--plasma-tabs-disabled-opacity);}
 
-.base_1ujjl52_b1aa8x3y__dbe55f93.base_1ujjl52_tabsPilled__dbe55f93{--plasma_private-outline-radius:var(--plasma-tabs-pilled-border-radius);border-radius:var(--plasma-tabs-pilled-border-radius);}
+.base_r0ggur_bc7z19b__6485a778.base_r0ggur_tabsPilled__6485a778{--plasma_private-outline-radius:var(--plasma-tabs-pilled-border-radius);border-radius:var(--plasma-tabs-pilled-border-radius);}
 
-.base_1c7lnrm_be36ynn__a2a07cea.base_1c7lnrm_tabsStretched__a2a07cea{width:100%;}.base_1c7lnrm_be36ynn__a2a07cea.base_1c7lnrm_tabsStretched__a2a07cea .base_1c7lnrm_sh5e38r__a2a07cea,.base_1c7lnrm_be36ynn__a2a07cea.base_1c7lnrm_tabsStretched__a2a07cea .base_1c7lnrm_s8qwlso__a2a07cea,.base_1c7lnrm_be36ynn__a2a07cea.base_1c7lnrm_tabsStretched__a2a07cea .base_1c7lnrm_s8qwlso__a2a07cea > button{width:100%;margin-left:0;}
+.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df{width:100%;}.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s158pfyo__666b97df,.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s191iwmt__666b97df,.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s191iwmt__666b97df > button{width:100%;margin-left:0;}
 
-.Tabs_styles_z4dnzh_bu8v92r__3f447f56{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
-.Tabs_styles_z4dnzh_s8qwlso__3f447f56{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.Tabs_styles_z4dnzh_sh5e38r__3f447f56{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Tabs_styles_z4dnzh_sh5e38r__3f447f56.Tabs_styles_z4dnzh_tabsClipScroll__3f447f56{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.Tabs_styles_z4dnzh_sh5e38r__3f447f56.Tabs_styles_z4dnzh_tabsClipScroll__3f447f56::-webkit-scrollbar{display:none;}.Tabs_styles_z4dnzh_sh5e38r__3f447f56.Tabs_styles_z4dnzh_tabsClipShowAll__3f447f56{overflow:visible;}
-.Tabs_styles_z4dnzh_s1ekwj92__3f447f56{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1ekwj92-0);padding-right:var(--s1ekwj92-1);padding-left:var(--s1ekwj92-2);}.Tabs_styles_z4dnzh_s1ekwj92__3f447f56::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Tabs_styles_z4dnzh_s1ekwj92__3f447f56.Tabs_styles_z4dnzh_focusVisible__3f447f56:focus::before,.Tabs_styles_z4dnzh_s1ekwj92__3f447f56[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.Tabs_styles_z4dnzh_s1ekwj92__3f447f56[disabled]{cursor:not-allowed;}
+.HorizontalTabs_styles_m8d2xg_b7gl603__65b97283{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
+.HorizontalTabs_styles_m8d2xg_s191iwmt__65b97283{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.HorizontalTabs_styles_m8d2xg_s158pfyo__65b97283{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.HorizontalTabs_styles_m8d2xg_s158pfyo__65b97283.HorizontalTabs_styles_m8d2xg_tabsClipScroll__65b97283{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_m8d2xg_s158pfyo__65b97283.HorizontalTabs_styles_m8d2xg_tabsClipScroll__65b97283::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_m8d2xg_s158pfyo__65b97283.HorizontalTabs_styles_m8d2xg_tabsClipShowAll__65b97283{overflow:visible;}
+.HorizontalTabs_styles_m8d2xg_s1in38wj__65b97283{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1in38wj-0);padding-right:var(--s1in38wj-1);padding-left:var(--s1in38wj-2);}.HorizontalTabs_styles_m8d2xg_s1in38wj__65b97283::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_m8d2xg_s1in38wj__65b97283.HorizontalTabs_styles_m8d2xg_focusVisible__65b97283:focus::before,.HorizontalTabs_styles_m8d2xg_s1in38wj__65b97283[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_m8d2xg_s1in38wj__65b97283[disabled]{cursor:not-allowed;}
 
-.base_7pcxtm_b5uyjxl__b67ab7ce{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);margin-left:var(--plasma-tab-item-margin-left-filled,var(--plasma-tab-item-margin-left));}.base_7pcxtm_b5uyjxl__b67ab7ce:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_7pcxtm_b5uyjxl__b67ab7ce:hover .base_7pcxtm_r265xop__b67ab7ce{color:var(--plasma-tab-item-hover-additional-content-color);}.base_7pcxtm_b5uyjxl__b67ab7ce:active{color:var(--plasma-tab-item-color-active);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_tabItemAnimated__b67ab7ce{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce .base_7pcxtm_r265xop__b67ab7ce{color:var(--plasma-tab-item-selected-additional-content-color);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce .base_7pcxtm_r265xop__b67ab7ce:hover{color:var(--plasma-tab-item-selected-hover-additional-content-color);}.base_7pcxtm_b5uyjxl__b67ab7ce.base_7pcxtm_selectedTabsItem__b67ab7ce::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:1px;}
+.base_15vj1zs_b1vyjqk2__9e5b62cd{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);margin-left:var(--plasma-tab-item-margin-left-filled,var(--plasma-tab-item-margin-left));}.base_15vj1zs_b1vyjqk2__9e5b62cd:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_15vj1zs_b1vyjqk2__9e5b62cd:hover .base_15vj1zs_r1nh4m12__9e5b62cd{color:var(--plasma-tab-item-hover-additional-content-color);}.base_15vj1zs_b1vyjqk2__9e5b62cd:active{color:var(--plasma-tab-item-color-active);}.base_15vj1zs_b1vyjqk2__9e5b62cd.base_15vj1zs_tabItemAnimated__9e5b62cd{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_15vj1zs_b1vyjqk2__9e5b62cd.base_15vj1zs_selectedTabsItem__9e5b62cd{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_15vj1zs_b1vyjqk2__9e5b62cd.base_15vj1zs_selectedTabsItem__9e5b62cd:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_15vj1zs_b1vyjqk2__9e5b62cd.base_15vj1zs_selectedTabsItem__9e5b62cd:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_15vj1zs_b1vyjqk2__9e5b62cd.base_15vj1zs_selectedTabsItem__9e5b62cd .base_15vj1zs_r1nh4m12__9e5b62cd{color:var(--plasma-tab-item-selected-additional-content-color);}.base_15vj1zs_b1vyjqk2__9e5b62cd.base_15vj1zs_selectedTabsItem__9e5b62cd .base_15vj1zs_r1nh4m12__9e5b62cd:hover{color:var(--plasma-tab-item-selected-hover-additional-content-color);}.base_15vj1zs_b1vyjqk2__9e5b62cd.base_15vj1zs_selectedTabsItem__9e5b62cd::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:1px;}
 
-.base_1d7e3fp_bvmpqz9__8fd7c45d{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}
+.base_kcn71r_b1lnzg5o__73784135{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}
 
-.base_l36za5_b1lija56__367a6ea0.base_l36za5_tabsPilled__367a6ea0{--plasma_private-outline-radius:var(--plasma-tab-item-pilled-border-radius);border-radius:var(--plasma-tab-item-pilled-border-radius);padding:var(--plasma-tab-item-padding-pilled);}
+.base_1blwjaf_b1vjpd4t__06d77ae1.base_1blwjaf_tabsPilled__06d77ae1{--plasma_private-outline-radius:var(--plasma-tab-item-pilled-border-radius);border-radius:var(--plasma-tab-item-pilled-border-radius);padding:var(--plasma-tab-item-padding-pilled);}
 
-.base_1rysr2y_b1v60yof__4164591e[disabled]{cursor:not-allowed;}.base_1rysr2y_b1v60yof__4164591e[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1rysr2y_b1v60yof__4164591e[disabled].base_1rysr2y_selectedTabsItem__4164591e:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
+.base_1ogr2cm_bt431lh__e8119f61[disabled]{cursor:not-allowed;}.base_1ogr2cm_bt431lh__e8119f61[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1ogr2cm_bt431lh__e8119f61[disabled].base_1ogr2cm_selectedTabsItem__e8119f61:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
 
-.TabItem_styles_pj75hv_bop0yoy__517b6ce5{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.TabItem_styles_pj75hv_bop0yoy__517b6ce5:first-child{margin-left:0;}.TabItem_styles_pj75hv_bop0yoy__517b6ce5::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TabItem_styles_pj75hv_bop0yoy__517b6ce5.TabItem_styles_pj75hv_focusVisible__517b6ce5:focus::before,.TabItem_styles_pj75hv_bop0yoy__517b6ce5[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
-.TabItem_styles_pj75hv_s1xiypp1__517b6ce5{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
-.TabItem_styles_pj75hv_r265xop__517b6ce5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-tab-item-additional-content-color);}.TabItem_styles_pj75hv_r265xop__517b6ce5:hover{color:var(--plasma-tab-item-hover-additional-content-color);}
-.TabItem_styles_pj75hv_l10xoh79__517b6ce5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.TabItem_styles_pj75hv_l10xoh79__517b6ce5:hover{color:inherit;}
+.HorizontalTabItem_styles_dlu4l9_bkuum0w__affff1ae{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.HorizontalTabItem_styles_dlu4l9_bkuum0w__affff1ae:first-child{margin-left:0;}.HorizontalTabItem_styles_dlu4l9_bkuum0w__affff1ae::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_dlu4l9_bkuum0w__affff1ae.HorizontalTabItem_styles_dlu4l9_focusVisible__affff1ae:focus::before,.HorizontalTabItem_styles_dlu4l9_bkuum0w__affff1ae[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
+.HorizontalTabItem_styles_dlu4l9_s1l5e9z0__affff1ae{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
+.HorizontalTabItem_styles_dlu4l9_r1nh4m12__affff1ae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-tab-item-additional-content-color);}.HorizontalTabItem_styles_dlu4l9_r1nh4m12__affff1ae:hover{color:var(--plasma-tab-item-hover-additional-content-color);}
+.HorizontalTabItem_styles_dlu4l9_l13nweg3__affff1ae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_dlu4l9_l13nweg3__affff1ae:hover{color:inherit;}
+
+.VerticalTabs_styles_15xyvpj_b2r261u__7475dadb{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.VerticalTabs_styles_15xyvpj_s1tfgc53__7475dadb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;border-left:var(--s1tfgc53-0);border-radius:var(--plasma-tabs-divider-border-radius);}
+.VerticalTabs_styles_15xyvpj_s16g9t9z__7475dadb{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.VerticalTabs_styles_15xyvpj_s16g9t9z__7475dadb.VerticalTabs_styles_15xyvpj_tabsClipScroll__7475dadb{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_15xyvpj_s16g9t9z__7475dadb.VerticalTabs_styles_15xyvpj_tabsClipScroll__7475dadb::-webkit-scrollbar{display:none;}.VerticalTabs_styles_15xyvpj_s16g9t9z__7475dadb.VerticalTabs_styles_15xyvpj_tabsClipScroll__7475dadb .VerticalTabs_styles_15xyvpj_s1tfgc53__7475dadb{margin-top:auto;}.VerticalTabs_styles_15xyvpj_s16g9t9z__7475dadb.VerticalTabs_styles_15xyvpj_tabsClipShowAll__7475dadb{overflow:visible;}
+.VerticalTabs_styles_15xyvpj_s81cx4__7475dadb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:relative;}.VerticalTabs_styles_15xyvpj_s81cx4__7475dadb::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabs_styles_15xyvpj_s81cx4__7475dadb.VerticalTabs_styles_15xyvpj_focusVisible__7475dadb:focus::before,.VerticalTabs_styles_15xyvpj_s81cx4__7475dadb[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_15xyvpj_s81cx4__7475dadb[disabled]{cursor:not-allowed;}
+
+.base_1sekozo_b1t51iwr__491bf88c{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
+
+.base_zefpir_bljnkat__35aebc71{background-color:var(--plasma-tabs-background-color);}
+
+.base_do8935_b1vdpmya__377ce78c{opacity:var(--plasma-tabs-disabled-opacity);}
+
+.base_phkacz_b1qe0zg0__45c735a8.base_phkacz_tabsStretched__45c735a8{height:100%;}.base_phkacz_b1qe0zg0__45c735a8.base_phkacz_tabsStretched__45c735a8 .base_phkacz_s16g9t9z__45c735a8,.base_phkacz_b1qe0zg0__45c735a8.base_phkacz_tabsStretched__45c735a8 .base_phkacz_s1tfgc53__45c735a8,.base_phkacz_b1qe0zg0__45c735a8.base_phkacz_tabsStretched__45c735a8 .base_phkacz_s1tfgc53__45c735a8 > button{height:100%;margin-top:0;}
+
+.VerticalTabItem_styles_1wjwjj4_b1vnvg8i__94ca6e17{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.VerticalTabItem_styles_1wjwjj4_b1vnvg8i__94ca6e17::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_1wjwjj4_b1vnvg8i__94ca6e17.VerticalTabItem_styles_1wjwjj4_focusVisible__94ca6e17:focus::before,.VerticalTabItem_styles_1wjwjj4_b1vnvg8i__94ca6e17[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
+.VerticalTabItem_styles_1wjwjj4_s4s0t81__94ca6e17{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
+.VerticalTabItem_styles_1wjwjj4_rur46hh__94ca6e17{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:var(--plasma-tab-item-additional-content-color);}.VerticalTabItem_styles_1wjwjj4_rur46hh__94ca6e17:hover{color:var(--plasma-tab-item-hover-additional-content-color);}
+.VerticalTabItem_styles_1wjwjj4_l1ms3p4x__94ca6e17{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1wjwjj4_l1ms3p4x__94ca6e17:hover{color:inherit;}
+
+.base_1agah6e_byyhn69__d92f02fe{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);margin-left:var(--plasma-tab-item-margin-left-filled,var(--plasma-tab-item-margin-left));}.base_1agah6e_byyhn69__d92f02fe:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_1agah6e_byyhn69__d92f02fe:hover .base_1agah6e_rur46hh__d92f02fe{color:var(--plasma-tab-item-hover-additional-content-color);}.base_1agah6e_byyhn69__d92f02fe:active{color:var(--plasma-tab-item-color-active);}.base_1agah6e_byyhn69__d92f02fe.base_1agah6e_tabItemAnimated__d92f02fe{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_1agah6e_byyhn69__d92f02fe.base_1agah6e_selectedTabsItem__d92f02fe{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_1agah6e_byyhn69__d92f02fe.base_1agah6e_selectedTabsItem__d92f02fe:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_1agah6e_byyhn69__d92f02fe.base_1agah6e_selectedTabsItem__d92f02fe:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_1agah6e_byyhn69__d92f02fe.base_1agah6e_selectedTabsItem__d92f02fe .base_1agah6e_rur46hh__d92f02fe{color:var(--plasma-tab-item-selected-additional-content-color);}.base_1agah6e_byyhn69__d92f02fe.base_1agah6e_selectedTabsItem__d92f02fe .base_1agah6e_rur46hh__d92f02fe:hover{color:var(--plasma-tab-item-selected-hover-additional-content-color);}.base_1agah6e_byyhn69__d92f02fe.base_1agah6e_selectedTabsItem__d92f02fe::after{content:'';position:absolute;left:calc(-1 * var(--plasma-tab-item-margin-left) - 1.5px);background:var(--plasma-tab-item-selected-divider-color);height:100%;width:2px;border-radius:1px;}
+
+.base_1izl8z9_b13ylalc__6dd590df{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}
+
+.base_13f4t5k_bvdfayd__c71883f1[disabled]{cursor:not-allowed;}.base_13f4t5k_bvdfayd__c71883f1[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_13f4t5k_bvdfayd__c71883f1[disabled].base_13f4t5k_selectedTabsItem__c71883f1:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
 
 .CalendarHeader_styles_1jfelqf_sjaqipy__a85b865d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-calendar-header-wrapper-padding);}
 .CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d:hover,.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d:active{color:var(--plasma-calendar-content-secondary-color);}.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d.CalendarHeader_styles_1jfelqf_focusVisible__a85b865d:focus::before,.CalendarHeader_styles_1jfelqf_s1k7jebr__a85b865d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}

package/es/index.js

@@ -54,8 +54,11 @@ export { labelPosition_After as Switch_LabelPosition_After } from './components/
 export { labelPosition_Before as Switch_LabelPosition_Before } from './components/Switch/_label-position/before.js';
 export { switchConfig, switchRoot } from './components/Switch/Switch.js';
 export { tokens as switchTokens } from './components/Switch/Switch.tokens.js';
-export { tabsConfig, tabsRoot } from './components/Tabs/ui/Tabs/Tabs.js';
-export { tabItemConfig, tabItemRoot } from './components/Tabs/ui/TabItem/TabItem.js';
+export { horizontalTabsConfig, horizontalTabsRoot } from './components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js';
+export { horizontalTabItemConfig, horizontalTabItemRoot } from './components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js';
+export { verticalTabsConfig, verticalTabsRoot } from './components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js';
+export { verticalTabItemConfig, verticalTabItemRoot } from './components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js';
+export { VerticalTabsContext } from './components/Tabs/ui/vertical/VerticalTabsContext.js';
 export { tokens as tabsTokens } from './components/Tabs/tokens.js';
 export { TabItemRefs, TabsContext } from './components/Tabs/TabsContext.js';
 export { createTabsController } from './components/Tabs/createTabsController.js';

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.151.0",
+  "version": "0.152.0-canary.1374.11013124158.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -123,5 +123,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "fa5b591453261fa505ba01b8454bce81cd861c19"
+  "gitHead": "ae1ed5f6fd8be13f8cdbb68e6c5cb47efe97372f"
 }

package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx

@@ -56,6 +56,41 @@ export function App() {
 }
 ```
 
+### Расположение табов
+Табы могут быть горизонтальными (по умолчанию) и вертикальными. За это отвечает свойство `orientation`.
+
+```tsx live
+import React, { useState } from 'react';
+import { Tabs, TabItem } from '@salutejs/{{ package }}';
+import { IconClock } from '@salutejs/plasma-icons';
+
+export function App() {
+    const items = Array(8).fill(0);
+    const [index, setIndex] = useState(0);
+
+    return (
+        <div>
+            <Tabs view="divider" orientation="vertical" size="xs" style=\{{ width: '15rem' }}>
+                {items.map((_, i) => (
+                    <TabItem
+                        view="divider"
+                        orientation="vertical"
+                        key={`item:${i}`}
+                        size="xs"
+                        selected={i === index}
+                        tabIndex={0}
+                        contentLeft={<IconClock size="xs" color="inherit" />}
+                        onClick={() => setIndex(i)}
+                    >
+                        {`Label${i + 1}`}
+                    </TabItem>
+                ))}
+            </Tabs>
+        </div>
+    );
+}
+```
+
 ### Пример с прокруткой
 
 ```tsx live

package/styled-components/cjs/components/Tabs/createTabsController.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createTabsController = createTabsController;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _excluded = ["items", "index", "autoscroll", "onIndexChange"],
+var _excluded = ["items", "index", "autoscroll", "onIndexChange", "orientation"],
   _excluded2 = ["label"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -27,6 +27,7 @@ function createTabsController(ListComponent, ItemComponent) {
       index = _ref.index,
       autoscroll = _ref.autoscroll,
       onIndexChange = _ref.onIndexChange,
+      _orientation = _ref.orientation,
       rest = _objectWithoutProperties(_ref, _excluded);
     var disabled = rest.disabled;
     return /*#__PURE__*/_react["default"].createElement(ListComponent, _extends({

package/styled-components/cjs/components/Tabs/index.js

@@ -15,34 +15,40 @@ Object.defineProperty(exports, "TabsContext", {
     return _TabsContext.TabsContext;
   }
 });
+Object.defineProperty(exports, "VerticalTabsContext", {
+  enumerable: true,
+  get: function get() {
+    return _VerticalTabsContext.VerticalTabsContext;
+  }
+});
 Object.defineProperty(exports, "createTabsController", {
   enumerable: true,
   get: function get() {
     return _createTabsController.createTabsController;
   }
 });
-Object.defineProperty(exports, "tabItemConfig", {
+Object.defineProperty(exports, "horizontalTabItemConfig", {
   enumerable: true,
   get: function get() {
-    return _TabItem.tabItemConfig;
+    return _HorizontalTabItem.horizontalTabItemConfig;
   }
 });
-Object.defineProperty(exports, "tabItemRoot", {
+Object.defineProperty(exports, "horizontalTabItemRoot", {
   enumerable: true,
   get: function get() {
-    return _TabItem.tabItemRoot;
+    return _HorizontalTabItem.horizontalTabItemRoot;
   }
 });
-Object.defineProperty(exports, "tabsConfig", {
+Object.defineProperty(exports, "horizontalTabsConfig", {
   enumerable: true,
   get: function get() {
-    return _Tabs.tabsConfig;
+    return _HorizontalTabs.horizontalTabsConfig;
   }
 });
-Object.defineProperty(exports, "tabsRoot", {
+Object.defineProperty(exports, "horizontalTabsRoot", {
   enumerable: true,
   get: function get() {
-    return _Tabs.tabsRoot;
+    return _HorizontalTabs.horizontalTabsRoot;
   }
 });
 Object.defineProperty(exports, "tabsTokens", {
@@ -51,8 +57,35 @@ Object.defineProperty(exports, "tabsTokens", {
     return _tokens.tokens;
   }
 });
-var _Tabs = /*#__PURE__*/require("./ui/Tabs/Tabs");
-var _TabItem = /*#__PURE__*/require("./ui/TabItem/TabItem");
+Object.defineProperty(exports, "verticalTabItemConfig", {
+  enumerable: true,
+  get: function get() {
+    return _VerticalTabItem.verticalTabItemConfig;
+  }
+});
+Object.defineProperty(exports, "verticalTabItemRoot", {
+  enumerable: true,
+  get: function get() {
+    return _VerticalTabItem.verticalTabItemRoot;
+  }
+});
+Object.defineProperty(exports, "verticalTabsConfig", {
+  enumerable: true,
+  get: function get() {
+    return _VerticalTabs.verticalTabsConfig;
+  }
+});
+Object.defineProperty(exports, "verticalTabsRoot", {
+  enumerable: true,
+  get: function get() {
+    return _VerticalTabs.verticalTabsRoot;
+  }
+});
+var _HorizontalTabs = /*#__PURE__*/require("./ui/horizontal/HorizontalTabs/HorizontalTabs");
+var _HorizontalTabItem = /*#__PURE__*/require("./ui/horizontal/HorizontalTabItem/HorizontalTabItem");
+var _VerticalTabs = /*#__PURE__*/require("./ui/vertical/VerticalTabs/VerticalTabs");
+var _VerticalTabItem = /*#__PURE__*/require("./ui/vertical/VerticalTabItem/VerticalTabItem");
+var _VerticalTabsContext = /*#__PURE__*/require("./ui/vertical/VerticalTabsContext");
 var _tokens = /*#__PURE__*/require("./tokens");
 var _TabsContext = /*#__PURE__*/require("./TabsContext");
 var _createTabsController = /*#__PURE__*/require("./createTabsController");

package/styled-components/cjs/components/Tabs/tokens.js

@@ -16,12 +16,15 @@ var classes = exports.classes = {
   tabLeftContent: 'tab-item-left-content',
   tabsHasLeftArrow: 'tabs-has-left-arrow',
   tabsHasRightArrow: 'tabs-has-right-arrow',
+  tabsHasTopArrow: 'tabs-has-top-arrow',
+  tabsHasBottomArrow: 'tabs-has-bottom-arrow',
   tabsClipScroll: 'tabs-clip-scroll',
   tabsClipShowAll: 'tabs-clip-show-all'
 };
 var tokens = exports.tokens = {
   disabledOpacity: '--plasma-tabs-disabled-opacity',
   containerWidth: '--plasma-tabs-container-width',
+  containerHeight: '--plasma-tabs-container-height',
   cursor: '--plasma-tabs-cursor',
   color: '--plasma-tabs-color',
   colorHover: '--plasma-tabs-color-hover',

package/styled-components/cjs/components/Tabs/ui/{TabItem/TabItem.js → horizontal/HorizontalTabItem/HorizontalTabItem.js}

@@ -4,24 +4,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tabItemRoot = exports.tabItemConfig = void 0;
+exports.horizontalTabItemRoot = exports.horizontalTabItemConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
-var _tokens = /*#__PURE__*/require("../../tokens");
-var _utils = /*#__PURE__*/require("../../../../utils");
-var _TabsContext = /*#__PURE__*/require("../../TabsContext");
+var _tokens = /*#__PURE__*/require("../../../tokens");
+var _utils = /*#__PURE__*/require("../../../../../utils");
+var _TabsContext = /*#__PURE__*/require("../../../TabsContext");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _base3 = /*#__PURE__*/require("./variations/_pilled/base");
 var _base4 = /*#__PURE__*/require("./variations/_disabled/base");
-var _TabItem = /*#__PURE__*/require("./TabItem.styles");
+var _HorizontalTabItem = /*#__PURE__*/require("./HorizontalTabItem.styles");
 var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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); }
 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; }
 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; }
-var tabItemRoot = exports.tabItemRoot = function tabItemRoot(Root) {
+var horizontalTabItemRoot = exports.horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
     var size = props.size,
       view = props.view,
@@ -103,20 +103,20 @@ var tabItemRoot = exports.tabItemRoot = function tabItemRoot(Root) {
       tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
       className: (0, _utils.cx)(pilledClass, selectedClass, animatedClass, className),
       onClick: handleClick
-    }, rest), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && /*#__PURE__*/_react["default"].createElement(_TabItem.LeftContent, {
+    }, rest), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.LeftContent, {
       className: _tokens.classes.tabLeftContent
-    }, contentLeft), /*#__PURE__*/_react["default"].createElement(_TabItem.StyledContent, {
+    }, contentLeft), /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.StyledContent, {
       className: _tokens.classes.tabContent
-    }, children), contentRight && /*#__PURE__*/_react["default"].createElement(_TabItem.RightContent, {
+    }, children), contentRight && /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.RightContent, {
       className: _tokens.classes.tabRightContent
     }, contentRight)));
   });
 };
-var tabItemConfig = exports.tabItemConfig = {
-  name: 'TabItem',
+var horizontalTabItemConfig = exports.horizontalTabItemConfig = {
+  name: 'HorizontalTabItem',
   tag: 'button',
-  layout: tabItemRoot,
-  base: _TabItem.base,
+  layout: horizontalTabItemRoot,
+  base: _HorizontalTabItem.base,
   variations: {
     size: {
       css: _base2.base

package/styled-components/cjs/components/Tabs/ui/{TabItem/TabItem.styles.js → horizontal/HorizontalTabItem/HorizontalTabItem.styles.js}

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.base = exports.StyledContent = exports.RightContent = exports.LeftContent = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
-var _mixins = /*#__PURE__*/require("../../../../mixins");
-var _tokens = /*#__PURE__*/require("../../tokens");
+var _mixins = /*#__PURE__*/require("../../../../../mixins");
+var _tokens = /*#__PURE__*/require("../../../tokens");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;align-items:center;gap:var(", ");padding:var(", ",var(", "));appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);&:first-child{margin-left:0;}", ";"], _tokens.tokens.itemContentGap, _tokens.tokens.itemPaddingClear, _tokens.tokens.itemPadding, /*#__PURE__*/(0, _mixins.addFocus)({
@@ -18,11 +18,11 @@ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["position:rel
   customFocusRules: /*#__PURE__*/"\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(".concat(_tokens.tokens.outlineFocusColor, ");\n                }\n            }\n        ")
 }));
 var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1ngrr4h-0"
+  componentId: "plasma-new-hope__sc-lremls-0"
 })(["display:inline-block;width:fit-content;padding:0 var(", ",var(", "));"], _tokens.tokens.itemContentPaddingClear, _tokens.tokens.itemContentPadding);
 var RightContent = exports.RightContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1ngrr4h-1"
+  componentId: "plasma-new-hope__sc-lremls-1"
 })(["display:flex;color:var(", ");&:hover{color:var(", ");}"], _tokens.tokens.additionalContentColor, _tokens.tokens.additionalContentHoverColor);
 var LeftContent = exports.LeftContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1ngrr4h-2"
+  componentId: "plasma-new-hope__sc-lremls-2"
 })(["display:flex;color:inherit;&:hover{color:inherit;}"]);

package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_disabled/base.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var _tokens = /*#__PURE__*/require("../../../../tokens");
+var _tokens = /*#__PURE__*/require("../../../../../tokens");
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[disabled]{cursor:not-allowed;&:hover{color:var(", ");background-color:var(", ");}&.", ":hover{color:var(", ");background-color:var(", ");}}"], _tokens.tokens.itemColor, _tokens.tokens.itemBackgroundColor, /*#__PURE__*/String(_tokens.classes.selectedTabsItem), _tokens.tokens.itemSelectedColor, _tokens.tokens.itemSelectedBackgroundColor);

package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json

@@ -0,0 +1,4 @@
+{
+    "type": "boolean",
+    "tokens": ["--plasma-tab-disabled-opacity"]
+}

package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_pilled/base.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var _tokens = /*#__PURE__*/require("../../../../tokens");
+var _tokens = /*#__PURE__*/require("../../../../../tokens");
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");padding:var(", ");}"], /*#__PURE__*/String(_tokens.classes.tabsPilled), _tokens.tokens.itemPilledBorderRadius, _tokens.tokens.itemPilledBorderRadius, _tokens.tokens.itemPaddingPilled);

package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_size/base.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var _tokens = /*#__PURE__*/require("../../../../tokens");
+var _tokens = /*#__PURE__*/require("../../../../../tokens");
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.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.tokens.fontFamily, _tokens.tokens.fontSize, _tokens.tokens.fontStyle, _tokens.tokens.fontWeight, _tokens.tokens.letterSpacing, _tokens.tokens.lineHeight, _tokens.tokens.itemBorderRadius, _tokens.tokens.itemBorderRadius, _tokens.tokens.itemWidth, _tokens.tokens.itemHeight);

package/styled-components/cjs/components/Tabs/ui/{TabItem → horizontal/HorizontalTabItem}/variations/_view/base.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var _tokens = /*#__PURE__*/require("../../../../tokens");
-var _TabItem = /*#__PURE__*/require("../../TabItem.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.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.tokens.itemColor, _tokens.tokens.itemBackgroundColor, _tokens.tokens.itemMarginLeftFilled, _tokens.tokens.itemMarginLeft, _tokens.tokens.itemColorHover, _tokens.tokens.itemBackgroundColorHover, _TabItem.RightContent, _tokens.tokens.additionalContentHoverColor, _tokens.tokens.itemColorActive, /*#__PURE__*/String(_tokens.classes.tabItemAnimated), _tokens.tokens.itemBackgroundTransition, /*#__PURE__*/String(_tokens.classes.selectedTabsItem), _tokens.tokens.itemSelectedColor, _tokens.tokens.itemSelectedBackgroundColor, _tokens.tokens.itemSelectedColorHover, _tokens.tokens.itemSelectedBackgroundColorHover, _tokens.tokens.itemSelectedDividerColorHover, _TabItem.RightContent, _tokens.tokens.additionalContentSelectedColor, _tokens.tokens.additionalContentSelectedHoverColor, _tokens.tokens.itemSelectedDividerColor, _tokens.tokens.itemSelectedDividerHeight);
+var _tokens = /*#__PURE__*/require("../../../../../tokens");
+var _HorizontalTabItem = /*#__PURE__*/require("../../HorizontalTabItem.styles");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.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.tokens.itemColor, _tokens.tokens.itemBackgroundColor, _tokens.tokens.itemMarginLeftFilled, _tokens.tokens.itemMarginLeft, _tokens.tokens.itemColorHover, _tokens.tokens.itemBackgroundColorHover, _HorizontalTabItem.RightContent, _tokens.tokens.additionalContentHoverColor, _tokens.tokens.itemColorActive, /*#__PURE__*/String(_tokens.classes.tabItemAnimated), _tokens.tokens.itemBackgroundTransition, /*#__PURE__*/String(_tokens.classes.selectedTabsItem), _tokens.tokens.itemSelectedColor, _tokens.tokens.itemSelectedBackgroundColor, _tokens.tokens.itemSelectedColorHover, _tokens.tokens.itemSelectedBackgroundColorHover, _tokens.tokens.itemSelectedDividerColorHover, _HorizontalTabItem.RightContent, _tokens.tokens.additionalContentSelectedColor, _tokens.tokens.additionalContentSelectedHoverColor, _tokens.tokens.itemSelectedDividerColor, _tokens.tokens.itemSelectedDividerHeight);

package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json

@@ -0,0 +1,8 @@
+[
+    "--plasma-tabs-underline-height",
+    "--plasma-tabs-underline-color",
+    "--plasma-tabs-font-weight",
+    "--plasma-tabs-font-color",
+    "--plasma-tabs-font-color-hover",
+    "--plasma-tabs-cursor"
+]

package/{emotion/cjs/components/Tabs/ui/Tabs/Tabs.js → styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js}

@@ -4,19 +4,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tabsRoot = exports.tabsConfig = void 0;
+exports.horizontalTabsRoot = exports.horizontalTabsConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
-var _Icon = /*#__PURE__*/require("../../../_Icon");
-var _tokens = /*#__PURE__*/require("../../tokens");
-var _utils = /*#__PURE__*/require("../../../../utils");
-var _TabsContext = /*#__PURE__*/require("../../TabsContext");
+var _Icon = /*#__PURE__*/require("../../../../_Icon");
+var _tokens = /*#__PURE__*/require("../../../tokens");
+var _utils = /*#__PURE__*/require("../../../../../utils");
+var _TabsContext = /*#__PURE__*/require("../../../TabsContext");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_pilled/base");
 var _base5 = /*#__PURE__*/require("./variations/_stretch/base");
-var _Tabs = /*#__PURE__*/require("./Tabs.styles");
+var _HorizontalTabs = /*#__PURE__*/require("./HorizontalTabs.styles");
 var _excluded = ["id", "stretch", "disabled", "clip", "size", "view", "children", "pilled", "index", "className"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -36,7 +36,7 @@ var Keys = /*#__PURE__*/function (Keys) {
   Keys[Keys["right"] = 39] = "right";
   return Keys;
 }(Keys || {});
-var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
+var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
     var id = props.id,
       _props$stretch = props.stretch,
@@ -114,7 +114,7 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
       });
     }, [disabled, scrollRef, refs]);
     var PreviousButton = (0, _react.useMemo)(function () {
-      return /*#__PURE__*/_react["default"].createElement(_Tabs.StyledArrow, {
+      return /*#__PURE__*/_react["default"].createElement(_HorizontalTabs.StyledArrow, {
         type: "button",
         "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0442\u0430\u0431",
         onClick: onPrev,
@@ -128,7 +128,7 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
       }));
     }, [onPrev, disabled, isFilled]);
     var NextButton = (0, _react.useMemo)(function () {
-      return /*#__PURE__*/_react["default"].createElement(_Tabs.StyledArrow, {
+      return /*#__PURE__*/_react["default"].createElement(_HorizontalTabs.StyledArrow, {
         type: "button",
         "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0442\u0430\u0431",
         onClick: onNext,
@@ -206,20 +206,20 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
       disabled: disabled,
       className: (0, _utils.cx)(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, className),
       onKeyDown: onKeyDown
-    }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_Tabs.StyledContentWrapper, {
+    }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_HorizontalTabs.StyledContentWrapper, {
       className: (0, _utils.cx)(clipScrollClass, clipShowAllClass),
       ref: scrollRef,
       onScroll: handleScroll
-    }, /*#__PURE__*/_react["default"].createElement(_Tabs.StyledContent, {
+    }, /*#__PURE__*/_react["default"].createElement(_HorizontalTabs.StyledContent, {
       ref: trackRef
     }, children)), !lastItemVisible && NextButton));
   });
 };
-var tabsConfig = exports.tabsConfig = {
-  name: 'Tabs',
+var horizontalTabsConfig = exports.horizontalTabsConfig = {
+  name: 'HorizontalTabs',
   tag: 'div',
-  layout: tabsRoot,
-  base: _Tabs.base,
+  layout: horizontalTabsRoot,
+  base: _HorizontalTabs.base,
   variations: {
     size: {
       css: _base.base