@salutejs/plasma-new-hope 0.134.1-canary.1374.10632027763.0 → 0.134.1-canary.1411.10630720138.0

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

@@ -4,24 +4,24 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.horizontalTabItemRoot = exports.horizontalTabItemConfig = void 0;
+exports.tabItemRoot = exports.tabItemConfig = 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 _HorizontalTabItem = /*#__PURE__*/require("./HorizontalTabItem.styles");
+var _TabItem = /*#__PURE__*/require("./TabItem.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 horizontalTabItemRoot = exports.horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
+var tabItemRoot = exports.tabItemRoot = function tabItemRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
     var size = props.size,
       view = props.view,
@@ -103,20 +103,20 @@ var horizontalTabItemRoot = exports.horizontalTabItemRoot = function horizontalT
       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(_HorizontalTabItem.LeftContent, {
+    }, rest), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && /*#__PURE__*/_react["default"].createElement(_TabItem.LeftContent, {
       className: _tokens.classes.tabLeftContent
-    }, contentLeft), /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.StyledContent, {
+    }, contentLeft), /*#__PURE__*/_react["default"].createElement(_TabItem.StyledContent, {
       className: _tokens.classes.tabContent
-    }, children), contentRight && /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.RightContent, {
+    }, children), contentRight && /*#__PURE__*/_react["default"].createElement(_TabItem.RightContent, {
       className: _tokens.classes.tabRightContent
     }, contentRight)));
   });
 };
-var horizontalTabItemConfig = exports.horizontalTabItemConfig = {
-  name: 'HorizontalTabItem',
+var tabItemConfig = exports.tabItemConfig = {
+  name: 'TabItem',
   tag: 'button',
-  layout: horizontalTabItemRoot,
-  base: _HorizontalTabItem.base,
+  layout: tabItemRoot,
+  base: _TabItem.base,
   variations: {
     size: {
       css: _base2.base

package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem/HorizontalTabItem.styles.js → TabItem/TabItem.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-lremls-0"
+  componentId: "plasma-new-hope__sc-1ngrr4h-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-lremls-1"
+  componentId: "plasma-new-hope__sc-1ngrr4h-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-lremls-2"
+  componentId: "plasma-new-hope__sc-1ngrr4h-2"
 })(["display:flex;color:inherit;&:hover{color:inherit;}"]);

package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabItem → TabItem}/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 → TabItem}/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/{horizontal/HorizontalTabItem → TabItem}/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/{horizontal/HorizontalTabItem → TabItem}/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 _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);
+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);

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

@@ -4,19 +4,19 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.horizontalTabsRoot = exports.horizontalTabsConfig = void 0;
+exports.tabsRoot = exports.tabsConfig = 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 _HorizontalTabs = /*#__PURE__*/require("./HorizontalTabs.styles");
+var _Tabs = /*#__PURE__*/require("./Tabs.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 horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoot(Root) {
+var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
     var id = props.id,
       _props$stretch = props.stretch,
@@ -114,7 +114,7 @@ var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoo
       });
     }, [disabled, scrollRef, refs]);
     var PreviousButton = (0, _react.useMemo)(function () {
-      return /*#__PURE__*/_react["default"].createElement(_HorizontalTabs.StyledArrow, {
+      return /*#__PURE__*/_react["default"].createElement(_Tabs.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 horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoo
       }));
     }, [onPrev, disabled, isFilled]);
     var NextButton = (0, _react.useMemo)(function () {
-      return /*#__PURE__*/_react["default"].createElement(_HorizontalTabs.StyledArrow, {
+      return /*#__PURE__*/_react["default"].createElement(_Tabs.StyledArrow, {
         type: "button",
         "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0442\u0430\u0431",
         onClick: onNext,
@@ -206,20 +206,20 @@ var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoo
       disabled: disabled,
       className: (0, _utils.cx)(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, className),
       onKeyDown: onKeyDown
-    }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_HorizontalTabs.StyledContentWrapper, {
+    }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_Tabs.StyledContentWrapper, {
       className: (0, _utils.cx)(clipScrollClass, clipShowAllClass),
       ref: scrollRef,
       onScroll: handleScroll
-    }, /*#__PURE__*/_react["default"].createElement(_HorizontalTabs.StyledContent, {
+    }, /*#__PURE__*/_react["default"].createElement(_Tabs.StyledContent, {
       ref: trackRef
     }, children)), !lastItemVisible && NextButton));
   });
 };
-var horizontalTabsConfig = exports.horizontalTabsConfig = {
-  name: 'HorizontalTabs',
+var tabsConfig = exports.tabsConfig = {
+  name: 'Tabs',
   tag: 'div',
-  layout: horizontalTabsRoot,
-  base: _HorizontalTabs.base,
+  layout: tabsRoot,
+  base: _Tabs.base,
   variations: {
     size: {
       css: _base.base

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

@@ -6,21 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.base = exports.StyledContentWrapper = exports.StyledContent = exports.StyledArrow = 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");
 var _templateObject;
 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    display: flex;\n    gap: 0.125rem;\n    align-items: center;\n    position: relative;\n"])));
 var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1nr0m0h-0"
+  componentId: "plasma-new-hope__sc-1ibkmsl-0"
 })(["display:inline-flex;flex-direction:row;align-items:center;"]);
 var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1nr0m0h-1"
+  componentId: "plasma-new-hope__sc-1ibkmsl-1"
 })(["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;}"], _tokens.classes.tabsClipScroll, _tokens.classes.tabsClipShowAll);
 var StyledArrow = exports.StyledArrow = /*#__PURE__*/_styledComponents["default"].button.withConfig({
-  componentId: "plasma-new-hope__sc-1nr0m0h-2"
+  componentId: "plasma-new-hope__sc-1ibkmsl-2"
 })(["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__*/(0, _mixins.addFocus)({
   outlineSize: '0.063rem',
   outlineOffset: '-0.125rem',

package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/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)(["opacity:var(", ");"], _tokens.tokens.disabledOpacity);

package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/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(", ");}"], /*#__PURE__*/String(_tokens.classes.tabsPilled), _tokens.tokens.tabsPilledBorderRadius, _tokens.tokens.tabsPilledBorderRadius);

package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/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)(["width:var(", ");height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");"], _tokens.tokens.tabsWidth, _tokens.tokens.tabsHeight, _tokens.tokens.tabsBorderRadius, _tokens.tokens.tabsBorderRadius);

package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_stretch/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 _HorizontalTabs = /*#__PURE__*/require("../../HorizontalTabs.styles");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{width:100%;", ",", ",", " > button{width:100%;margin-left:0;}}"], _tokens.classes.tabsStretch, _HorizontalTabs.StyledContentWrapper, _HorizontalTabs.StyledContent, _HorizontalTabs.StyledContent);
+var _tokens = /*#__PURE__*/require("../../../../tokens");
+var _Tabs = /*#__PURE__*/require("../../Tabs.styles");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{width:100%;", ",", ",", " > button{width:100%;margin-left:0;}}"], _tokens.classes.tabsStretch, _Tabs.StyledContentWrapper, _Tabs.StyledContent, _Tabs.StyledContent);

package/styled-components/cjs/components/Tabs/ui/{horizontal/HorizontalTabs → Tabs}/variations/_view/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)(["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.tokens.tabsBackgroundColor, _tokens.tokens.tabsDividerColor, _tokens.tokens.tabsDividerHeight, _tokens.tokens.tabsDividerBorderRadius, _tokens.classes.tabsHasLeftArrow, _tokens.classes.tabsHasRightArrow);

package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js}

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Tabs = /*#__PURE__*/require("../../../../../components/Tabs");
+var _Tabs = /*#__PURE__*/require("../../../../components/Tabs");
 var config = exports.config = {
   defaults: {
     view: 'default',

package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.js

@@ -4,26 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TabItem = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _Tabs = /*#__PURE__*/require("../../../../components/Tabs");
 var _engines = /*#__PURE__*/require("../../../../engines");
-var _HorizontalTabItem = /*#__PURE__*/require("./horizontal/HorizontalTabItem.config");
-var _div;
-var _excluded = ["orientation"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 mergedHorizontalTabItemConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tabs.horizontalTabItemConfig, _HorizontalTabItem.config);
-var HorizontalTabItem = /*#__PURE__*/(0, _engines.component)(mergedHorizontalTabItemConfig);
-var TabItem = exports.TabItem = function TabItem(_ref) {
-  var _ref$orientation = _ref.orientation,
-    orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  if (orientation === 'vertical') {
-    return _div || (_div = /*#__PURE__*/_react["default"].createElement("div", null, "to be implemented"));
-  }
-  return /*#__PURE__*/_react["default"].createElement(HorizontalTabItem, _extends({
-    orientation: orientation
-  }, rest));
-};
+var _TabItem = /*#__PURE__*/require("./TabItem.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tabs.tabItemConfig, _TabItem.config);
+var TabItem = exports.TabItem = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/plasma_b2c/components/Tabs/{horizontal/HorizontalTabs.config.js → Tabs.config.js}

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Tabs = /*#__PURE__*/require("../../../../../components/Tabs");
+var _Tabs = /*#__PURE__*/require("../../../../components/Tabs");
 var config = exports.config = {
   defaults: {
     view: 'filled',

package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.js

@@ -4,25 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Tabs = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _Tabs = /*#__PURE__*/require("../../../../components/Tabs");
 var _engines = /*#__PURE__*/require("../../../../engines");
-var _HorizontalTabs = /*#__PURE__*/require("./horizontal/HorizontalTabs.config");
-var _div;
-var _excluded = ["orientation"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 mergedHorizontalTabsConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tabs.horizontalTabsConfig, _HorizontalTabs.config);
-var HorizontalTabs = /*#__PURE__*/(0, _engines.component)(mergedHorizontalTabsConfig);
-var Tabs = exports.Tabs = function Tabs(_ref) {
-  var orientation = _ref.orientation,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  if (orientation === 'vertical') {
-    return _div || (_div = /*#__PURE__*/_react["default"].createElement("div", null, "to be implemented"));
-  }
-  return /*#__PURE__*/_react["default"].createElement(HorizontalTabs, _extends({
-    orientation: orientation
-  }, rest));
-};
+var _Tabs2 = /*#__PURE__*/require("./Tabs.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tabs.tabsConfig, _Tabs2.config);
+var Tabs = exports.Tabs = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx

@@ -3,11 +3,14 @@ import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { disableProps } from '@salutejs/plasma-sb-utils';
 
-import { WithTheme } from '../../../_helpers';
+import { tabsConfig } from '../../../../components/Tabs';
+import { mergeConfig } from '../../../../engines';
+import { argTypesFromConfig, WithTheme } from '../../../_helpers';
 import { IconMic } from '../../../../components/_Icon';
 import { Dropdown } from '../Dropdown/Dropdown';
 import { Counter } from '../Counter/Counter';
 
+import { config } from './Tabs.config';
 import { Tabs } from './Tabs';
 import { TabItem } from './TabItem';
 
@@ -55,6 +58,7 @@ const meta: Meta<StoryTabsProps> = {
     component: Tabs,
     decorators: [WithTheme],
     argTypes: {
+        ...argTypesFromConfig(mergeConfig(tabsConfig, config)),
         contentLeft: {
             options: contentLeftOptions,
             control: {

package/styled-components/cjs/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabItem.config.js → TabItem.config.js}

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Tabs = /*#__PURE__*/require("../../../../../components/Tabs");
+var _Tabs = /*#__PURE__*/require("../../../../components/Tabs");
 var config = exports.config = {
   defaults: {
     view: 'default',

package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.js

@@ -4,26 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TabItem = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _Tabs = /*#__PURE__*/require("../../../../components/Tabs");
 var _engines = /*#__PURE__*/require("../../../../engines");
-var _HorizontalTabItem = /*#__PURE__*/require("./horizontal/HorizontalTabItem.config");
-var _div;
-var _excluded = ["orientation"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 mergedHorizontalTabItemConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tabs.horizontalTabItemConfig, _HorizontalTabItem.config);
-var HorizontalTabItem = /*#__PURE__*/(0, _engines.component)(mergedHorizontalTabItemConfig);
-var TabItem = exports.TabItem = function TabItem(_ref) {
-  var _ref$orientation = _ref.orientation,
-    orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  if (orientation === 'vertical') {
-    return _div || (_div = /*#__PURE__*/_react["default"].createElement("div", null, "to be implemented"));
-  }
-  return /*#__PURE__*/_react["default"].createElement(HorizontalTabItem, _extends({
-    orientation: orientation
-  }, rest));
-};
+var _TabItem = /*#__PURE__*/require("./TabItem.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tabs.tabItemConfig, _TabItem.config);
+var TabItem = exports.TabItem = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/plasma_web/components/Tabs/{horizontal/HorizontalTabs.config.js → Tabs.config.js}

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Tabs = /*#__PURE__*/require("../../../../../components/Tabs");
+var _Tabs = /*#__PURE__*/require("../../../../components/Tabs");
 var config = exports.config = {
   defaults: {
     view: 'filled',

package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.js

@@ -4,25 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Tabs = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _Tabs = /*#__PURE__*/require("../../../../components/Tabs");
 var _engines = /*#__PURE__*/require("../../../../engines");
-var _HorizontalTabs = /*#__PURE__*/require("./horizontal/HorizontalTabs.config");
-var _div;
-var _excluded = ["orientation"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 mergedHorizontalTabsConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tabs.horizontalTabsConfig, _HorizontalTabs.config);
-var HorizontalTabs = /*#__PURE__*/(0, _engines.component)(mergedHorizontalTabsConfig);
-var Tabs = exports.Tabs = function Tabs(_ref) {
-  var orientation = _ref.orientation,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  if (orientation === 'vertical') {
-    return _div || (_div = /*#__PURE__*/_react["default"].createElement("div", null, "to be implemented"));
-  }
-  return /*#__PURE__*/_react["default"].createElement(HorizontalTabs, _extends({
-    orientation: orientation
-  }, rest));
-};
+var _Tabs2 = /*#__PURE__*/require("./Tabs.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tabs.tabsConfig, _Tabs2.config);
+var Tabs = exports.Tabs = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx

@@ -3,11 +3,14 @@ import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { disableProps } from '@salutejs/plasma-sb-utils';
 
-import { WithTheme } from '../../../_helpers';
+import { tabsConfig } from '../../../../components/Tabs';
+import { mergeConfig } from '../../../../engines';
+import { argTypesFromConfig, WithTheme } from '../../../_helpers';
 import { IconMic } from '../../../../components/_Icon';
 import { Dropdown } from '../Dropdown/Dropdown';
 import { Counter } from '../Counter/Counter';
 
+import { config } from './Tabs.config';
 import { Tabs } from './Tabs';
 import { TabItem } from './TabItem';
 
@@ -55,6 +58,7 @@ const meta: Meta<StoryTabsProps> = {
     component: Tabs,
     decorators: [WithTheme],
     argTypes: {
+        ...argTypesFromConfig(mergeConfig(tabsConfig, config)),
         contentLeft: {
             options: contentLeftOptions,
             control: {

package/styled-components/es/components/Popup/PopupContext.js

@@ -26,7 +26,7 @@ export var usePopupContext = function usePopupContext() {
 };
 export var PopupProvider = function PopupProvider(_ref) {
   var children = _ref.children;
-  var prevBodyOverflowY = useRef(document.body.style.overflowY);
+  var prevBodyOverflowY = useRef(typeof document !== 'undefined' ? document.body.style.overflowY : '');
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     items = _useState2[0],

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

@@ -1,4 +1,4 @@
-var _excluded = ["items", "index", "autoscroll", "onIndexChange", "orientation"],
+var _excluded = ["items", "index", "autoscroll", "onIndexChange"],
   _excluded2 = ["label"];
 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; }
@@ -18,13 +18,11 @@ export 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.createElement(ListComponent, _extends({
       ref: ref,
-      index: index,
-      orientation: orientation
+      index: index
     }, rest), items.map(function (_ref2, i) {
       var label = _ref2.label,
         restItem = _objectWithoutProperties(_ref2, _excluded2);

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

@@ -1,5 +1,5 @@
-export { horizontalTabsRoot, horizontalTabsConfig } from './ui/horizontal/HorizontalTabs/HorizontalTabs';
-export { horizontalTabItemRoot, horizontalTabItemConfig } from './ui/horizontal/HorizontalTabItem/HorizontalTabItem';
+export { tabsRoot, tabsConfig } from './ui/Tabs/Tabs';
+export { tabItemRoot, tabItemConfig } from './ui/TabItem/TabItem';
 export { tokens as tabsTokens } from './tokens';
 export { TabItemRefs, TabsContext } from './TabsContext';
 export { createTabsController } from './createTabsController';

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

@@ -4,15 +4,15 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 import React, { forwardRef, useRef, useContext, useEffect, useCallback } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
-import { classes } from '../../../tokens';
-import { cx } from '../../../../../utils';
-import { TabsContext } from '../../../TabsContext';
+import { classes } from '../../tokens';
+import { cx } from '../../../../utils';
+import { TabsContext } from '../../TabsContext';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as pilledCSS } from './variations/_pilled/base';
 import { base as disabledCSS } from './variations/_disabled/base';
-import { LeftContent, RightContent, StyledContent, base } from './HorizontalTabItem.styles';
-export var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
+import { LeftContent, RightContent, StyledContent, base } from './TabItem.styles';
+export var tabItemRoot = function tabItemRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, outerRef) {
     var size = props.size,
       view = props.view,
@@ -103,10 +103,10 @@ export var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
     }, contentRight)));
   });
 };
-export var horizontalTabItemConfig = {
-  name: 'HorizontalTabItem',
+export var tabItemConfig = {
+  name: 'TabItem',
   tag: 'button',
-  layout: horizontalTabItemRoot,
+  layout: tabItemRoot,
   base: base,
   variations: {
     size: {