@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/tabs/tabs-legacy/ItemDropdown.js

@@ -1,166 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _context = _interopRequireDefault(require("../../context"));
-
-var _popper = _interopRequireDefault(require("../../popper"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var ItemDropdown = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(ItemDropdown, _Component);
-
-  var _super = _createSuper(ItemDropdown);
-
-  function ItemDropdown(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, ItemDropdown);
-    _this = _super.call(this, props);
-    _this.state = {
-      visible: false,
-      activeIndex: -1
-    };
-    _this.clickOutsideHandle = _this.clickOutside.bind((0, _assertThisInitialized2["default"])(_this));
-    return _this;
-  }
-
-  (0, _createClass2["default"])(ItemDropdown, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      if (!nextProps.active) {
-        this.setState({
-          activeIndex: -1
-        });
-      }
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      window.addEventListener('click', this.clickOutsideHandle);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.removeEventListener('click', this.clickOutsideHandle);
-    }
-  }, {
-    key: "clickOutside",
-    value: function clickOutside(e) {
-      if (_reactDom["default"].findDOMNode(this.toggleRef) && _reactDom["default"].findDOMNode(this.toggleRef).contains(e.target)) {
-        return;
-      }
-
-      this.toggle(true);
-    }
-  }, {
-    key: "toggle",
-    value: function toggle() {
-      var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.state.visible;
-      this.setState({
-        visible: !visible
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          items = _this$props.items,
-          onChoose = _this$props.onChoose,
-          localeDatas = _this$props.localeDatas;
-      var _this$state = this.state,
-          activeIndex = _this$state.activeIndex,
-          visible = _this$state.visible;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])('hi-tabs-legacy-dropdown', {
-          'hi-tabs-legacy-dropdown--active': !!items[activeIndex]
-        })
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-tabs-legacy-dropdown__toggle",
-        ref: function ref(node) {
-          _this2.toggleRef = node;
-        },
-        onClick: function onClick(e) {
-          e.stopPropagation();
-
-          _this2.toggle();
-        }
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: "hi-tabs-legacy-dropdown__toggle-title"
-      }, items[activeIndex] && items[activeIndex].tabName || localeDatas.tabs.more), /*#__PURE__*/_react["default"].createElement("i", {
-        className: "hi-icon icon-down"
-      })), /*#__PURE__*/_react["default"].createElement(_popper["default"], {
-        className: "hi-tabs-legacy-dropdown__popper",
-        show: visible,
-        attachEle: this.toggleRef,
-        zIndex: 1010,
-        width: "auto",
-        leftGap: -18,
-        topGap: 3
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])('hi-tabs-legacy-dropdown__items')
-      }, items.map(function (item, index) {
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          className: (0, _classnames["default"])('hi-tabs-legacy-dropdown__item', {
-            'hi-tabs-legacy-dropdown__item--active': index === activeIndex
-          }),
-          onClick: function onClick(e) {
-            _this2.setState({
-              activeIndex: index
-            }, function () {
-              _this2.toggle();
-
-              onChoose(item, e);
-            });
-          },
-          key: index
-        }, item.tabName);
-      }))));
-    }
-  }]);
-  return ItemDropdown;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(ItemDropdown, "propTypes", {
-  items: _propTypes["default"].array,
-  onChoose: _propTypes["default"].func,
-  active: _propTypes["default"].bool
-});
-
-var _default = (0, _context["default"])(ItemDropdown);
-
-exports["default"] = _default;

package/es/tabs/tabs-legacy/TabPane.js

@@ -1,74 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var TabPane = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(TabPane, _Component);
-
-  var _super = _createSuper(TabPane);
-
-  function TabPane() {
-    (0, _classCallCheck2["default"])(this, TabPane);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(TabPane, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          prefixCls = _this$props.prefixCls,
-          children = _this$props.children,
-          show = _this$props.show;
-      var style = show ? {} : {
-        display: 'none'
-      };
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls),
-        style: style
-      }, children);
-    }
-  }]);
-  return TabPane;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(TabPane, "defaultProps", {
-  prefixCls: 'hi-tabs-legacy-pane',
-  disabled: false,
-  closeable: true
-});
-(0, _defineProperty2["default"])(TabPane, "propTypes", {
-  tabName: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  tabDesc: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
-  tabKey: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  closeable: _propTypes["default"].bool,
-  disabled: _propTypes["default"].bool
-});
-var _default = TabPane;
-exports["default"] = _default;

package/es/tabs/tabs-legacy/Tabs.js

@@ -1,295 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _icon = _interopRequireDefault(require("../../icon"));
-
-var _tooltip = _interopRequireDefault(require("../../tooltip"));
-
-var _ItemDropdown = _interopRequireDefault(require("./ItemDropdown"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var noop = function noop() {};
-
-var Tabs = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Tabs, _Component);
-
-  var _super = _createSuper(Tabs);
-
-  function Tabs(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Tabs);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "deleteTabKey", null);
-    var defaultActiveKey = props.defaultActiveKey;
-
-    var _this$getTabItems = _this.getTabItems(_this.props),
-        showTabItems = _this$getTabItems.showTabItems,
-        hiddenTabItems = _this$getTabItems.hiddenTabItems;
-
-    _this.state = {
-      activeKey: defaultActiveKey || showTabItems[0].tabKey,
-      showTabItems: showTabItems,
-      hiddenTabItems: hiddenTabItems
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Tabs, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
-      var _this2 = this;
-
-      var _this$getTabItems2 = this.getTabItems(nextProps),
-          showTabItems = _this$getTabItems2.showTabItems,
-          hiddenTabItems = _this$getTabItems2.hiddenTabItems;
-
-      this.setState({
-        showTabItems: showTabItems,
-        hiddenTabItems: hiddenTabItems
-      });
-
-      if (this.props.defaultActiveKey !== nextProps.defaultActiveKey) {
-        this.setState({
-          activeKey: nextProps.defaultActiveKey
-        });
-      }
-
-      if (this.props.children.length > nextProps.children.length && this.deleteTabKey && this.deleteTabKey === this.state.activeKey) {
-        // 删除的是当前激活的tab，需重置激活tab
-        this.setState({
-          activeKey: nextProps.children[0].props.tabKey
-        }, function () {
-          _this2.deleteTabKey = null;
-        });
-      }
-    }
-  }, {
-    key: "getTabItems",
-    value: function getTabItems(props) {
-      var children = props.children,
-          type = props.type,
-          placement = props.placement,
-          showTabsNum = props.showTabsNum;
-      var showTabItems = [];
-      var hiddenTabItems = [];
-
-      _react["default"].Children.map(children, function (child, index) {
-        if (child) {
-          var _child$props = child.props,
-              tabName = _child$props.tabName,
-              tabKey = _child$props.tabKey,
-              tabDesc = _child$props.tabDesc,
-              disabled = _child$props.disabled,
-              closeable = _child$props.closeable;
-          var item = {
-            tabName: tabName,
-            tabKey: tabKey,
-            tabDesc: tabDesc,
-            disabled: disabled,
-            closeable: closeable
-          };
-
-          if (type === 'card' && placement === 'top' && showTabItems.length >= showTabsNum) {
-            // 卡片式标签超过showTabsNum时，其余标签的隐藏
-            hiddenTabItems.push(item);
-          } else {
-            showTabItems.push(item);
-          }
-        }
-      });
-
-      return {
-        showTabItems: showTabItems,
-        hiddenTabItems: hiddenTabItems
-      };
-    }
-  }, {
-    key: "handleClick",
-    value: function handleClick(tab, e) {
-      var _this3 = this;
-
-      if (tab.disabled) {
-        return false;
-      }
-
-      this.setState({
-        activeKey: tab.tabKey
-      }, function () {
-        var onTabClick = _this3.props.onTabClick;
-        onTabClick(tab.tabKey, e);
-      });
-    }
-  }, {
-    key: "addTab",
-    value: function addTab() {
-      var _this$props = this.props,
-          onEdit = _this$props.onEdit,
-          editable = _this$props.editable,
-          children = _this$props.children;
-
-      if (editable) {
-        onEdit('add', children.length + 1);
-      }
-    }
-  }, {
-    key: "deleteTab",
-    value: function deleteTab(e, tabKey, index) {
-      e.stopPropagation();
-      this.deleteTabKey = tabKey;
-      var _this$props2 = this.props,
-          onEdit = _this$props2.onEdit,
-          editable = _this$props2.editable;
-
-      if (editable) {
-        onEdit('delete', index, tabKey);
-      }
-    }
-  }, {
-    key: "checkEditable",
-    value: function checkEditable() {
-      var _this$props3 = this.props,
-          editable = _this$props3.editable,
-          type = _this$props3.type;
-      return editable && type === 'editable';
-    }
-  }, {
-    key: "renderTabContent",
-    value: function renderTabContent(child) {
-      var tabKey = child.props.tabKey;
-      var activeKey = this.state.activeKey;
-      return /*#__PURE__*/(0, _react.cloneElement)(child, {
-        show: tabKey === activeKey
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this4 = this;
-
-      var _this$state = this.state,
-          activeKey = _this$state.activeKey,
-          showTabItems = _this$state.showTabItems,
-          hiddenTabItems = _this$state.hiddenTabItems;
-      var _this$props4 = this.props,
-          prefixCls = _this$props4.prefixCls,
-          type = _this$props4.type,
-          placement = _this$props4.placement,
-          children = _this$props4.children,
-          className = _this$props4.className;
-      var editable = this.checkEditable();
-      var tabsClasses = (0, _classnames["default"])(prefixCls, className, "".concat(prefixCls, "--").concat(type), (0, _defineProperty2["default"])({}, "".concat(prefixCls, "--").concat(placement), type === 'card'));
-      var activeTabInHiddenItems = true;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: tabsClasses
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls, "__header")
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls, "__nav")
-      }, showTabItems.map(function (item, index) {
-        var _classNames2;
-
-        var tabName = item.tabName,
-            tabKey = item.tabKey,
-            tabDesc = item.tabDesc,
-            disabled = item.disabled,
-            closeable = item.closeable;
-        var itemClasses = (0, _classnames["default"])("".concat(prefixCls, "__item"), (_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "__item--active"), tabKey === activeKey), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "__item--disabled"), disabled), _classNames2));
-        activeTabInHiddenItems = activeTabInHiddenItems && tabKey !== activeKey;
-        var ToolNav = type === 'editable' && tabKey !== activeKey ? _tooltip["default"] : 'div';
-        return /*#__PURE__*/_react["default"].createElement(ToolNav, {
-          className: itemClasses,
-          key: "".concat(prefixCls, "__item-").concat(index),
-          onClick: function onClick(e) {
-            return _this4.handleClick(item, e);
-          },
-          title: tabName
-        }, /*#__PURE__*/_react["default"].createElement("span", {
-          className: "".concat(prefixCls, "__item-name")
-        }, tabName), type === 'desc' && /*#__PURE__*/_react["default"].createElement("span", {
-          className: "".concat(prefixCls, "__item-desc")
-        }, tabDesc), editable && closeable && /*#__PURE__*/_react["default"].createElement("span", {
-          className: "".concat(prefixCls, "__item-close")
-        }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-          onClick: function onClick(e) {
-            return _this4.deleteTab(e, tabKey, index);
-          },
-          name: "close"
-        })));
-      }), hiddenTabItems.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])("".concat(prefixCls, "__item"), (0, _defineProperty2["default"])({}, "".concat(prefixCls, "__item--active"), activeTabInHiddenItems))
-      }, /*#__PURE__*/_react["default"].createElement(_ItemDropdown["default"], {
-        active: activeTabInHiddenItems,
-        items: hiddenTabItems,
-        onChoose: function onChoose(item, e) {
-          _this4.handleClick(item, e);
-        }
-      }))), editable && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls, "__add")
-      }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-        onClick: this.addTab.bind(this),
-        name: "plus"
-      }))), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls, "__content")
-      }, _react["default"].Children.map(children, function (item) {
-        return item && _this4.renderTabContent(item);
-      })));
-    }
-  }]);
-  return Tabs;
-}(_react.Component);
-
-(0, _defineProperty2["default"])(Tabs, "propTypes", {
-  type: _propTypes["default"].oneOf(['desc', 'card', 'button', 'editable']),
-  placement: _propTypes["default"].oneOf(['top', 'left']),
-  defaultActiveKey: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  showTabsNum: _propTypes["default"].number,
-  editable: _propTypes["default"].bool,
-  className: _propTypes["default"].string,
-  renderTabBar: _propTypes["default"].func,
-  onTabClick: _propTypes["default"].func,
-  onEdit: _propTypes["default"].func
-});
-(0, _defineProperty2["default"])(Tabs, "defaultProps", {
-  prefixCls: 'hi-tabs-legacy',
-  type: 'card',
-  placement: 'top',
-  className: '',
-  showTabsNum: 6,
-  editable: true,
-  onTabClick: noop,
-  onEdit: noop
-});
-var _default = Tabs;
-exports["default"] = _default;

package/es/tabs/tabs-legacy/index.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _Tabs = _interopRequireDefault(require("./Tabs"));
-
-var _TabPane = _interopRequireDefault(require("./TabPane"));
-
-require("./style/index");
-
-_Tabs["default"].Pane = _TabPane["default"];
-var _default = _Tabs["default"];
-exports["default"] = _default;

package/es/tabs/tabs-legacy/style/index.css

@@ -1 +0,0 @@
-.hi-tabs-legacy .hi-tabs-legacy__header{position:relative;font-size:14px;color:#333}.hi-tabs-legacy .hi-tabs-legacy__item{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;cursor:pointer;border:1px solid transparent}.hi-tabs-legacy .hi-tabs-legacy__item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hi-tabs-legacy .hi-tabs-legacy__item--active{-webkit-box-flex:0;-ms-flex:none;flex:none}.hi-tabs-legacy .hi-tabs-legacy__item .hi-icon:not(.icon-close){margin-right:4px}.hi-tabs-legacy .hi-tabs-legacy__add{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;color:#979797;border-radius:2px;border:1px solid #d8d8d8;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-tabs-legacy .hi-tabs-legacy__item-close{margin-left:8px;font-size:12px}.hi-tabs-legacy--card .hi-tabs-legacy__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.hi-tabs-legacy--card .hi-tabs-legacy__item{height:48px;line-height:48px;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-tabs-legacy--card .hi-tabs-legacy__item:hover{color:#4284f5}.hi-tabs-legacy--card .hi-tabs-legacy__item--active{border:1px solid #e6e7e8;color:#4284f5}.hi-tabs-legacy--card.hi-tabs-legacy--top .hi-tabs-legacy__nav{margin-bottom:-1px}.hi-tabs-legacy--card.hi-tabs-legacy--top .hi-tabs-legacy__header{border-bottom:1px solid #e6e7e8}.hi-tabs-legacy--card.hi-tabs-legacy--top .hi-tabs-legacy__item{margin-right:16px}.hi-tabs-legacy--card.hi-tabs-legacy--top .hi-tabs-legacy__item--active{border-bottom-color:#fff}.hi-tabs-legacy--card.hi-tabs-legacy--left{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.hi-tabs-legacy--card.hi-tabs-legacy--left .hi-tabs-legacy__header{-webkit-box-flex:0;-ms-flex:none;flex:none;display:inline-block;border-right:1px solid #e6e7e8}.hi-tabs-legacy--card.hi-tabs-legacy--left .hi-tabs-legacy__nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:-1px}.hi-tabs-legacy--card.hi-tabs-legacy--left .hi-tabs-legacy__item--active{border-right-color:#fff}.hi-tabs-legacy--editable .hi-tabs-legacy__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden;margin-bottom:-1px;margin-right:40px}.hi-tabs-legacy--editable .hi-tabs-legacy__header{border-bottom:1px solid #e6e7e8}.hi-tabs-legacy--editable .hi-tabs-legacy__item{height:48px;min-width:48px;line-height:48px;margin-right:4px;padding:0 8px;background:#fafafa;border-radius:4px 4px 0 0;border:1px solid #e6e7e8;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-tabs-legacy--editable .hi-tabs-legacy__item:last-child{margin-right:0}.hi-tabs-legacy--editable .hi-tabs-legacy__item:hover:not(.hi-tabs-legacy__item--active){background-color:#e6e7e8}.hi-tabs-legacy--editable .hi-tabs-legacy__item--active{background-color:#fff;border-bottom-color:#fff;color:#4284f5}.hi-tabs-legacy--editable .hi-tabs-legacy__add{right:4px;bottom:12px}.hi-tabs-legacy--desc .hi-tabs-legacy__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden}.hi-tabs-legacy--desc .hi-tabs-legacy__item{-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:16px 20px;text-align:center;border:1px solid #e6e7e8;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-tabs-legacy--desc .hi-tabs-legacy__item:not(:first-child){margin-left:-1px}.hi-tabs-legacy--desc .hi-tabs-legacy__item:hover{color:#4284f5}.hi-tabs-legacy--desc .hi-tabs-legacy__item:hover .hi-tabs-legacy__item-desc{color:#4284f5}.hi-tabs-legacy--desc .hi-tabs-legacy__item--active{color:#4284f5;border-color:#4284f5;z-index:1}.hi-tabs-legacy--desc .hi-tabs-legacy__item--active .hi-tabs-legacy__item-desc{color:#4284f5}.hi-tabs-legacy--desc .hi-tabs-legacy__item-name{margin-top:4px}.hi-tabs-legacy--desc .hi-tabs-legacy__item-desc{font-size:12px;color:#999}.hi-tabs-legacy--button .hi-tabs-legacy__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hi-tabs-legacy--button .hi-tabs-legacy__item{-webkit-box-flex:0;-ms-flex:none;flex:none;height:36px;line-height:36px;padding:0 20px;margin-right:32px;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-tabs-legacy--button .hi-tabs-legacy__item:hover{color:#4284f5}.hi-tabs-legacy--button .hi-tabs-legacy__item--active{color:#4284f5;border:1px solid #4284f5;border-radius:18px}.hi-tabs-legacy-dropdown__toggle-title{margin-right:8px}.hi-tabs-legacy-dropdown__items{max-height:160px;padding:4px 0;overflow:auto;background-color:#fff;border-radius:2px;border:1px solid #e6e7e8;-webkit-box-shadow:0 2px 8px 0 rgba(56,62,71,0.1);box-shadow:0 2px 8px 0 rgba(56,62,71,0.1)}.hi-tabs-legacy-dropdown__item{height:36px;min-width:140px;line-height:36px;padding:0 16px;font-size:14px;color:#383e47;white-space:nowrap;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-tabs-legacy-dropdown__item:hover{background-color:rgba(66,133,244,0.08)}.hi-tabs-legacy-dropdown__item--active{background-color:rgba(66,133,244,0.08)}

package/es/tabs/tabs-legacy/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.css");