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

package/emotion/cjs/components/Tabs/index.js

@@ -21,28 +21,28 @@ Object.defineProperty(exports, "createTabsController", {
     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 +51,8 @@ Object.defineProperty(exports, "tabsTokens", {
     return _tokens.tokens;
   }
 });
-var _Tabs = /*#__PURE__*/require("./ui/Tabs/Tabs");
-var _TabItem = /*#__PURE__*/require("./ui/TabItem/TabItem");
+var _HorizontalTabs = /*#__PURE__*/require("./ui/horizontal/HorizontalTabs/HorizontalTabs");
+var _HorizontalTabItem = /*#__PURE__*/require("./ui/horizontal/HorizontalTabItem/HorizontalTabItem");
 var _tokens = /*#__PURE__*/require("./tokens");
 var _TabsContext = /*#__PURE__*/require("./TabsContext");
 var _createTabsController = /*#__PURE__*/require("./createTabsController");

package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js

@@ -0,0 +1,138 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _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 _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) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
+    var size = props.size,
+      view = props.view,
+      isActive = props.isActive,
+      selected = props.selected,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$pilled = props.pilled,
+      pilled = _props$pilled === void 0 ? false : _props$pilled,
+      children = props.children,
+      contentLeft = props.contentLeft,
+      contentRight = props.contentRight,
+      _props$animated = props.animated,
+      animated = _props$animated === void 0 ? true : _props$animated,
+      onIndexChange = props.onIndexChange,
+      itemIndex = props.itemIndex,
+      tabIndex = props.tabIndex,
+      className = props.className,
+      onClick = props.onClick,
+      rest = _objectWithoutProperties(props, _excluded);
+    var innerRef = (0, _react.useRef)(null);
+    var ref = (0, _plasmaCore.useForkRef)(outerRef, innerRef);
+    var refs = (0, _react.useContext)(_TabsContext.TabsContext);
+    var role = 'tab';
+    var pilledAttr = view !== 'clear' && pilled;
+    var animatedClass = animated ? _tokens.classes.tabItemAnimated : undefined;
+    var pilledClass = pilledAttr ? _tokens.classes.tabsPilled : undefined;
+    var selectedClass = isActive || selected ? _tokens.classes.selectedTabsItem : undefined;
+    var hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;
+    var navigationTabIndex = !disabled && (refs === null || refs === void 0 ? void 0 : refs.current) === itemIndex ? 0 : -1;
+    (0, _react.useEffect)(function () {
+      if (!refs) {
+        return;
+      }
+      refs.register(innerRef);
+      return function () {
+        return refs.unregister(innerRef);
+      };
+    }, [refs]);
+    var onItemFocus = (0, _react.useCallback)(function (event) {
+      if (!hasKeyNavigation && innerRef !== null && innerRef !== void 0 && innerRef.current) {
+        innerRef.current.scrollTo({
+          top: 0,
+          left: innerRef.current.offsetLeft,
+          behavior: 'smooth'
+        });
+        return;
+      }
+      if (disabled || !refs) {
+        return;
+      }
+      var focusIndex = refs.items.findIndex(function (itemRef) {
+        return itemRef.current === event.target;
+      });
+      if (focusIndex === refs.current) {
+        return;
+      }
+      onIndexChange === null || onIndexChange === void 0 || onIndexChange(focusIndex);
+      refs.setCurrent(focusIndex);
+    }, [refs, innerRef, onIndexChange, disabled]);
+    var handleClick = function handleClick(event) {
+      event.currentTarget.scrollIntoView({
+        block: 'nearest',
+        inline: 'nearest'
+      });
+      if (!onClick) {
+        return;
+      }
+      onClick(event);
+    };
+    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
+      ref: ref,
+      disabled: disabled,
+      pilled: pilled,
+      role: role,
+      view: view,
+      size: size,
+      onFocus: onItemFocus,
+      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, {
+      className: _tokens.classes.tabLeftContent
+    }, contentLeft), /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.StyledContent, {
+      className: _tokens.classes.tabContent
+    }, children), contentRight && /*#__PURE__*/_react["default"].createElement(_HorizontalTabItem.RightContent, {
+      className: _tokens.classes.tabRightContent
+    }, contentRight)));
+  });
+};
+var horizontalTabItemConfig = exports.horizontalTabItemConfig = {
+  name: 'HorizontalTabItem',
+  tag: 'button',
+  layout: horizontalTabItemRoot,
+  base: _HorizontalTabItem.base,
+  variations: {
+    size: {
+      css: _base2.base
+    },
+    view: {
+      css: _base.base
+    },
+    disabled: {
+      css: _base4.base,
+      attrs: true
+    },
+    pilled: {
+      css: _base3.base
+    }
+  },
+  defaults: {
+    view: 'default'
+  }
+};

package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = exports.StyledContent = exports.RightContent = exports.LeftContent = void 0;
+var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
+var _react = /*#__PURE__*/require("@emotion/react");
+var _mixins = /*#__PURE__*/require("../../../../../mixins");
+var _tokens = /*#__PURE__*/require("../../../tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var base = exports.base = /*#__PURE__*/(0, _react.css)("position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;align-items:center;gap:var(", _tokens.tokens.itemContentGap, ");padding:var(", _tokens.tokens.itemPaddingClear, ", var(", _tokens.tokens.itemPadding, "));appearance:none;border:none;outline:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);&:first-child{margin-left:0;}", /*#__PURE__*/(0, _mixins.addFocus)({
+  outlineSize: '0.063rem',
+  outlineOffset: '-0.125rem',
+  outlineColor: /*#__PURE__*/"var(".concat(_tokens.tokens.outlineFocusColor, ")"),
+  outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
+  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        ")
+}), ";;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9ob3Jpem9udGFsL0hvcml6b250YWxUYWJJdGVtL0hvcml6b250YWxUYWJJdGVtLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbFRhYkl0ZW0vSG9yaXpvbnRhbFRhYkl0ZW0uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGdhcDogdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50R2FwfSk7XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nQ2xlYXJ9LCB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmd9KSk7XG5cbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgfVxuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjNyZW0nLFxuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnLTAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLm91dGxpbmVGb2N1c0NvbG9yfSlgLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnY2FsYyh2YXIoLS1wbGFzbWFfcHJpdmF0ZS1vdXRsaW5lLXJhZGl1cykgKyAwLjA2M3JlbSknLFxuICAgICAgICBjdXN0b21Gb2N1c1J1bGVzOiBgXG4gICAgICAgICAgICAmLmZvY3VzLXZpc2libGU6Zm9jdXMsXG4gICAgICAgICAgICAmW2RhdGEtZm9jdXMtdmlzaWJsZS1hZGRlZF0ge1xuICAgICAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDAuMDYzcmVtIHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgYCxcbiAgICB9KX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHdpZHRoOiBmaXQtY29udGVudDtcblxuICAgIHBhZGRpbmc6IDAgdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ0NsZWFyfSwgdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ30pKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5hZGRpdGlvbmFsQ29udGVudENvbG9yfSk7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5hZGRpdGlvbmFsQ29udGVudEhvdmVyQ29sb3J9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTGVmdENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY29sb3I6IGluaGVyaXQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgfVxuYDtcbiJdfQ== */"));
+var StyledContent = exports.StyledContent = /*#__PURE__*/(0, _base["default"])("div", {
+  target: "eyzidh82",
+  label: "plasma-new-hope__StyledContent"
+})("display:inline-block;width:fit-content;padding:0 var(", _tokens.tokens.itemContentPaddingClear, ", var(", _tokens.tokens.itemContentPadding, "));" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9ob3Jpem9udGFsL0hvcml6b250YWxUYWJJdGVtL0hvcml6b250YWxUYWJJdGVtLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q3VDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9ob3Jpem9udGFsL0hvcml6b250YWxUYWJJdGVtL0hvcml6b250YWxUYWJJdGVtLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBnYXA6IHZhcigke3Rva2Vucy5pdGVtQ29udGVudEdhcH0pO1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5pdGVtUGFkZGluZ0NsZWFyfSwgdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nfSkpO1xuXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgLXdlYmtpdC10YXAtaGlnaGxpZ2h0LWNvbG9yOiByZ2JhKDAsIDAsIDAsIDApO1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpICsgMC4wNjNyZW0pJyxcbiAgICAgICAgY3VzdG9tRm9jdXNSdWxlczogYFxuICAgICAgICAgICAgJi5mb2N1cy12aXNpYmxlOmZvY3VzLFxuICAgICAgICAgICAgJltkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdIHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjA2M3JlbSB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgfSl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG5cbiAgICBwYWRkaW5nOiAwIHZhcigke3Rva2Vucy5pdGVtQ29udGVudFBhZGRpbmdDbGVhcn0sIHZhcigke3Rva2Vucy5pdGVtQ29udGVudFBhZGRpbmd9KSk7XG5gO1xuXG5leHBvcnQgY29uc3QgUmlnaHRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYWRkaXRpb25hbENvbnRlbnRDb2xvcn0pO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYWRkaXRpb25hbENvbnRlbnRIb3ZlckNvbG9yfSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbG9yOiBpbmhlcml0O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIH1cbmA7XG4iXX0= */"));
+var RightContent = exports.RightContent = /*#__PURE__*/(0, _base["default"])("div", {
+  target: "eyzidh81",
+  label: "plasma-new-hope__RightContent"
+})("display:flex;color:var(", _tokens.tokens.additionalContentColor, ");&:hover{color:var(", _tokens.tokens.additionalContentHoverColor, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9ob3Jpem9udGFsL0hvcml6b250YWxUYWJJdGVtL0hvcml6b250YWxUYWJJdGVtLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRHNDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9ob3Jpem9udGFsL0hvcml6b250YWxUYWJJdGVtL0hvcml6b250YWxUYWJJdGVtLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBnYXA6IHZhcigke3Rva2Vucy5pdGVtQ29udGVudEdhcH0pO1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5pdGVtUGFkZGluZ0NsZWFyfSwgdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nfSkpO1xuXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgLXdlYmtpdC10YXAtaGlnaGxpZ2h0LWNvbG9yOiByZ2JhKDAsIDAsIDAsIDApO1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpICsgMC4wNjNyZW0pJyxcbiAgICAgICAgY3VzdG9tRm9jdXNSdWxlczogYFxuICAgICAgICAgICAgJi5mb2N1cy12aXNpYmxlOmZvY3VzLFxuICAgICAgICAgICAgJltkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdIHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjA2M3JlbSB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgfSl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG5cbiAgICBwYWRkaW5nOiAwIHZhcigke3Rva2Vucy5pdGVtQ29udGVudFBhZGRpbmdDbGVhcn0sIHZhcigke3Rva2Vucy5pdGVtQ29udGVudFBhZGRpbmd9KSk7XG5gO1xuXG5leHBvcnQgY29uc3QgUmlnaHRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYWRkaXRpb25hbENvbnRlbnRDb2xvcn0pO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYWRkaXRpb25hbENvbnRlbnRIb3ZlckNvbG9yfSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbG9yOiBpbmhlcml0O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIH1cbmA7XG4iXX0= */"));
+var LeftContent = exports.LeftContent = /*#__PURE__*/(0, _base["default"])("div", {
+  target: "eyzidh80",
+  label: "plasma-new-hope__LeftContent"
+})(process.env.NODE_ENV === "production" ? {
+  name: "uvu4os",
+  styles: "display:flex;color:inherit;&:hover{color:inherit;}"
+} : {
+  name: "uvu4os",
+  styles: "display:flex;color:inherit;&:hover{color:inherit;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9ob3Jpem9udGFsL0hvcml6b250YWxUYWJJdGVtL0hvcml6b250YWxUYWJJdGVtLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RHFDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9ob3Jpem9udGFsL0hvcml6b250YWxUYWJJdGVtL0hvcml6b250YWxUYWJJdGVtLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBnYXA6IHZhcigke3Rva2Vucy5pdGVtQ29udGVudEdhcH0pO1xuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5pdGVtUGFkZGluZ0NsZWFyfSwgdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nfSkpO1xuXG4gICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgLXdlYmtpdC10YXAtaGlnaGxpZ2h0LWNvbG9yOiByZ2JhKDAsIDAsIDAsIDApO1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpICsgMC4wNjNyZW0pJyxcbiAgICAgICAgY3VzdG9tRm9jdXNSdWxlczogYFxuICAgICAgICAgICAgJi5mb2N1cy12aXNpYmxlOmZvY3VzLFxuICAgICAgICAgICAgJltkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdIHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjA2M3JlbSB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgfSl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG5cbiAgICBwYWRkaW5nOiAwIHZhcigke3Rva2Vucy5pdGVtQ29udGVudFBhZGRpbmdDbGVhcn0sIHZhcigke3Rva2Vucy5pdGVtQ29udGVudFBhZGRpbmd9KSk7XG5gO1xuXG5leHBvcnQgY29uc3QgUmlnaHRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYWRkaXRpb25hbENvbnRlbnRDb2xvcn0pO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYWRkaXRpb25hbENvbnRlbnRIb3ZlckNvbG9yfSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbG9yOiBpbmhlcml0O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIH1cbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _tokens = /*#__PURE__*/require("../../../../../tokens");
+var base = exports.base = /*#__PURE__*/(0, _react.css)("&[disabled]{cursor:not-allowed;&:hover{color:var(", _tokens.tokens.itemColor, ");background-color:var(", _tokens.tokens.itemBackgroundColor, ");}&.", /*#__PURE__*/String(_tokens.classes.selectedTabsItem), ":hover{color:var(", _tokens.tokens.itemSelectedColor, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColor, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9ob3Jpem9udGFsL0hvcml6b250YWxUYWJJdGVtL3ZhcmlhdGlvbnMvX2Rpc2FibGVkL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9ob3Jpem9udGFsL0hvcml6b250YWxUYWJJdGVtL3ZhcmlhdGlvbnMvX2Rpc2FibGVkL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcblxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbG9yfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmRDb2xvcn0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke1N0cmluZyhjbGFzc2VzLnNlbGVjdGVkVGFic0l0ZW0pfTpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZENvbG9yfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkQmFja2dyb3VuZENvbG9yfSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));

package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _tokens = /*#__PURE__*/require("../../../../../tokens");
+var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", /*#__PURE__*/String(_tokens.classes.tabsPilled), "{--plasma_private-outline-radius:var(", _tokens.tokens.itemPilledBorderRadius, ");border-radius:var(", _tokens.tokens.itemPilledBorderRadius, ");padding:var(", _tokens.tokens.itemPaddingPilled, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9ob3Jpem9udGFsL0hvcml6b250YWxUYWJJdGVtL3ZhcmlhdGlvbnMvX3BpbGxlZC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvaG9yaXpvbnRhbC9Ib3Jpem9udGFsVGFiSXRlbS92YXJpYXRpb25zL19waWxsZWQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke1N0cmluZyhjbGFzc2VzLnRhYnNQaWxsZWQpfSB7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXM6IHZhcigke3Rva2Vucy5pdGVtUGlsbGVkQm9yZGVyUmFkaXVzfSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5pdGVtUGlsbGVkQm9yZGVyUmFkaXVzfSk7XG5cbiAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nUGlsbGVkfSk7XG4gICAgfVxuYDtcbiJdfQ== */"));

package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _tokens = /*#__PURE__*/require("../../../../../tokens");
+var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _tokens.tokens.fontFamily, ");font-size:var(", _tokens.tokens.fontSize, ");font-style:var(", _tokens.tokens.fontStyle, ");font-weight:var(", _tokens.tokens.fontWeight, ");letter-spacing:var(", _tokens.tokens.letterSpacing, ");line-height:var(", _tokens.tokens.lineHeight, ");--plasma_private-outline-radius:var(", _tokens.tokens.itemBorderRadius, ");border-radius:var(", _tokens.tokens.itemBorderRadius, ");width:var(", _tokens.tokens.itemWidth, ");height:var(", _tokens.tokens.itemHeight, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9ob3Jpem9udGFsL0hvcml6b250YWxUYWJJdGVtL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbFRhYkl0ZW0vdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5mb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5mb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXM6IHZhcigke3Rva2Vucy5pdGVtQm9yZGVyUmFkaXVzfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLml0ZW1Cb3JkZXJSYWRpdXN9KTtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuaXRlbVdpZHRofSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaXRlbUhlaWdodH0pO1xuYDtcbiJdfQ== */"));

package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _tokens = /*#__PURE__*/require("../../../../../tokens");
+var _HorizontalTabItem = /*#__PURE__*/require("../../HorizontalTabItem.styles");
+var base = exports.base = /*#__PURE__*/(0, _react.css)("color:var(", _tokens.tokens.itemColor, ");background-color:var(", _tokens.tokens.itemBackgroundColor, ");margin-left:var(", _tokens.tokens.itemMarginLeftFilled, ", var(", _tokens.tokens.itemMarginLeft, "));&:hover{color:var(", _tokens.tokens.itemColorHover, ");background-color:var(", _tokens.tokens.itemBackgroundColorHover, ");", _HorizontalTabItem.RightContent, "{color:var(", _tokens.tokens.additionalContentHoverColor, ");}}&:active{color:var(", _tokens.tokens.itemColorActive, ");}&.", /*#__PURE__*/String(_tokens.classes.tabItemAnimated), "{transition:var(", _tokens.tokens.itemBackgroundTransition, ");}&.", /*#__PURE__*/String(_tokens.classes.selectedTabsItem), "{color:var(", _tokens.tokens.itemSelectedColor, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColor, ");&:hover{color:var(", _tokens.tokens.itemSelectedColorHover, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColorHover, ");&::after{background:var(", _tokens.tokens.itemSelectedDividerColorHover, ");}}", _HorizontalTabItem.RightContent, "{color:var(", _tokens.tokens.additionalContentSelectedColor, ");&:hover{color:var(", _tokens.tokens.additionalContentSelectedHoverColor, ");}}&::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(", _tokens.tokens.itemSelectedDividerColor, ");height:var(", _tokens.tokens.itemSelectedDividerHeight, ");border-radius:1px;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9ob3Jpem9udGFsL0hvcml6b250YWxUYWJJdGVtL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbFRhYkl0ZW0vdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi90b2tlbnMnO1xuaW1wb3J0IHsgUmlnaHRDb250ZW50IH0gZnJvbSAnLi4vLi4vSG9yaXpvbnRhbFRhYkl0ZW0uc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQ29sb3J9KTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmRDb2xvcn0pO1xuXG4gICAgbWFyZ2luLWxlZnQ6IHZhcigke3Rva2Vucy5pdGVtTWFyZ2luTGVmdEZpbGxlZH0sIHZhcigke3Rva2Vucy5pdGVtTWFyZ2luTGVmdH0pKTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db2xvckhvdmVyfSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcblxuICAgICAgICAke1JpZ2h0Q29udGVudH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5hZGRpdGlvbmFsQ29udGVudEhvdmVyQ29sb3J9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQ29sb3JBY3RpdmV9KTtcbiAgICB9XG5cbiAgICAmLiR7U3RyaW5nKGNsYXNzZXMudGFiSXRlbUFuaW1hdGVkKX0ge1xuICAgICAgICB0cmFuc2l0aW9uOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmRUcmFuc2l0aW9ufSk7XG4gICAgfVxuXG4gICAgJi4ke1N0cmluZyhjbGFzc2VzLnNlbGVjdGVkVGFic0l0ZW0pfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkQ29sb3J9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZEJhY2tncm91bmRDb2xvcn0pO1xuXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWRDb2xvckhvdmVyfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcblxuICAgICAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWREaXZpZGVyQ29sb3JIb3Zlcn0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtSaWdodENvbnRlbnR9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYWRkaXRpb25hbENvbnRlbnRTZWxlY3RlZENvbG9yfSk7XG5cbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYWRkaXRpb25hbENvbnRlbnRTZWxlY3RlZEhvdmVyQ29sb3J9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgYm90dG9tOiAwcHg7XG4gICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkRGl2aWRlckNvbG9yfSk7XG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWREaXZpZGVySGVpZ2h0fSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxcHg7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));

package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js

@@ -0,0 +1,246 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _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 _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; }
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 Keys = /*#__PURE__*/function (Keys) {
+  Keys[Keys["end"] = 35] = "end";
+  Keys[Keys["home"] = 36] = "home";
+  Keys[Keys["left"] = 37] = "left";
+  Keys[Keys["right"] = 39] = "right";
+  return Keys;
+}(Keys || {});
+var horizontalTabsRoot = exports.horizontalTabsRoot = function horizontalTabsRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
+    var id = props.id,
+      _props$stretch = props.stretch,
+      stretch = _props$stretch === void 0 ? false : _props$stretch,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$clip = props.clip,
+      clip = _props$clip === void 0 ? 'scroll' : _props$clip,
+      size = props.size,
+      view = props.view,
+      children = props.children,
+      _props$pilled = props.pilled,
+      pilled = _props$pilled === void 0 ? false : _props$pilled,
+      index = props.index,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded);
+    var _useState = (0, _react.useState)(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      firstItemVisible = _useState2[0],
+      setFirstItemVisible = _useState2[1];
+    var _useState3 = (0, _react.useState)(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      lastItemVisible = _useState4[0],
+      setLastItemVisible = _useState4[1];
+    var refs = (0, _react.useMemo)(function () {
+      return new _TabsContext.TabItemRefs(index);
+    }, []);
+    var uniqId = (0, _plasmaCore.safeUseId)();
+    var tabsId = id || uniqId;
+    var isFilled = view === 'filled'; // outer padding is only for filled view
+    var pilledAttr = view !== 'clear' && pilled;
+    var pilledClass = pilledAttr ? _tokens.classes.tabsPilled : undefined;
+    var stretchClass = firstItemVisible && lastItemVisible && stretch ? _tokens.classes.tabsStretch : undefined;
+    var hasLeftArrowClass = !firstItemVisible ? _tokens.classes.tabsHasLeftArrow : undefined;
+    var hasRightArrowClass = !lastItemVisible ? _tokens.classes.tabsHasRightArrow : undefined;
+    var clipScrollClass = clip === 'scroll' ? _tokens.classes.tabsClipScroll : undefined;
+    var clipShowAllClass = clip === 'showAll' ? _tokens.classes.tabsClipShowAll : undefined;
+    var scrollRef = (0, _react.useRef)(null);
+    var trackRef = (0, _react.useRef)(null);
+    var leftArrowRef = (0, _react.useRef)(null);
+    var onPrev = (0, _react.useCallback)(function () {
+      var _firstOverflowingTab$;
+      if (disabled || !scrollRef.current) {
+        return;
+      }
+      var scrollLeft = Math.round(scrollRef.current.scrollLeft);
+      var firstOverflowingTab = refs.items.slice().reverse().find(function (item) {
+        if (!item.current || item.current.offsetLeft === undefined) {
+          return;
+        }
+        var tabStartX = item.current.offsetLeft;
+        return tabStartX < scrollLeft;
+      });
+      firstOverflowingTab === null || firstOverflowingTab === void 0 || (_firstOverflowingTab$ = firstOverflowingTab.current) === null || _firstOverflowingTab$ === void 0 || _firstOverflowingTab$.scrollIntoView({
+        block: 'nearest',
+        inline: 'nearest'
+      });
+    }, [disabled, scrollRef, refs]);
+    var onNext = (0, _react.useCallback)(function () {
+      var _lastOverflowingTab$c;
+      if (disabled || !scrollRef.current) {
+        return;
+      }
+      var scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);
+      var lastOverflowingTab = refs.items.find(function (item) {
+        if (!item.current || item.current.offsetLeft === undefined) {
+          return;
+        }
+        var tabEndX = item.current.offsetLeft + item.current.offsetWidth;
+        return tabEndX > scrollRight;
+      });
+      lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c = lastOverflowingTab.current) === null || _lastOverflowingTab$c === void 0 || _lastOverflowingTab$c.scrollIntoView({
+        block: 'nearest',
+        inline: 'nearest'
+      });
+    }, [disabled, scrollRef, refs]);
+    var PreviousButton = (0, _react.useMemo)(function () {
+      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,
+        tabIndex: disabled ? -1 : 0,
+        disabled: disabled,
+        isFilled: isFilled,
+        ref: leftArrowRef,
+        isLeftArrow: true
+      }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, {
+        color: "var(".concat(_tokens.tokens.arrowColor, ")")
+      }));
+    }, [onPrev, disabled, isFilled]);
+    var NextButton = (0, _react.useMemo)(function () {
+      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,
+        tabIndex: disabled ? -1 : 0,
+        disabled: disabled,
+        isFilled: isFilled
+      }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
+        color: "var(".concat(_tokens.tokens.arrowColor, ")")
+      }));
+    }, [onNext, disabled, isFilled]);
+    var handleScroll = (0, _react.useCallback)(function (event) {
+      event.stopPropagation();
+      var maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;
+      var scrollLeft = Math.round(event.currentTarget.scrollLeft);
+      setFirstItemVisible(scrollLeft <= 0);
+      setLastItemVisible(scrollLeft >= maxScrollLeft);
+    }, [setFirstItemVisible, setLastItemVisible]);
+    var onKeyDown = (0, _react.useCallback)(function (event) {
+      if (index === undefined) {
+        return;
+      }
+      var minIndex = 0;
+      var maxIndex = refs.items.length - 1;
+      var nextIndex;
+      switch (event.keyCode) {
+        case Keys.end:
+          nextIndex = maxIndex;
+          break;
+        case Keys.left:
+          nextIndex = index > minIndex ? index - 1 : index;
+          break;
+        case Keys.right:
+          nextIndex = index < maxIndex ? index + 1 : index;
+          break;
+        case Keys.home:
+          nextIndex = minIndex;
+          break;
+        default:
+          return;
+      }
+      if (nextIndex !== index) {
+        var _refs$items$nextIndex, _refs$items$nextIndex2;
+        event.preventDefault();
+        (_refs$items$nextIndex = refs.items[nextIndex].current) === null || _refs$items$nextIndex === void 0 || _refs$items$nextIndex.focus();
+        (_refs$items$nextIndex2 = refs.items[nextIndex].current) === null || _refs$items$nextIndex2 === void 0 || _refs$items$nextIndex2.scrollIntoView({
+          block: 'center',
+          inline: 'center',
+          behavior: 'smooth'
+        });
+      }
+    }, [index]);
+    (0, _react.useEffect)(function () {
+      var _scrollRef$current, _scrollRef$current2;
+      setLastItemVisible(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollWidth) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientWidth));
+    }, []);
+
+    // Этот хук компенсирует появление левой стрелки при прокрутке
+    (0, _react.useEffect)(function () {
+      if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {
+        return;
+      }
+      scrollRef.current.scrollTo({
+        left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth)
+      });
+    }, [firstItemVisible, scrollRef, leftArrowRef]);
+    return /*#__PURE__*/_react["default"].createElement(_TabsContext.TabsContext.Provider, {
+      value: refs
+    }, /*#__PURE__*/_react["default"].createElement(Root, _extends({
+      view: view,
+      role: "tablist",
+      size: size,
+      pilled: pilled,
+      id: tabsId,
+      ref: outerRef,
+      disabled: disabled,
+      className: (0, _utils.cx)(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, className),
+      onKeyDown: onKeyDown
+    }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/_react["default"].createElement(_HorizontalTabs.StyledContentWrapper, {
+      className: (0, _utils.cx)(clipScrollClass, clipShowAllClass),
+      ref: scrollRef,
+      onScroll: handleScroll
+    }, /*#__PURE__*/_react["default"].createElement(_HorizontalTabs.StyledContent, {
+      ref: trackRef
+    }, children)), !lastItemVisible && NextButton));
+  });
+};
+var horizontalTabsConfig = exports.horizontalTabsConfig = {
+  name: 'HorizontalTabs',
+  tag: 'div',
+  layout: horizontalTabsRoot,
+  base: _HorizontalTabs.base,
+  variations: {
+    size: {
+      css: _base.base
+    },
+    view: {
+      css: _base2.base
+    },
+    disabled: {
+      css: _base3.base,
+      attrs: true
+    },
+    stretch: {
+      css: _base5.base,
+      attrs: true
+    },
+    pilled: {
+      css: _base4.base
+    }
+  },
+  defaults: {
+    view: 'clear',
+    size: 'xs'
+  }
+};