@hi-ui/hiui 2.15.9 → 2.15.11

package/es/button/ButtonGroup.js

@@ -1,63 +1,75 @@
 "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 _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var _react = _interopRequireWildcard(require("react"));
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-var _classnames = _interopRequireDefault(require("classnames"));
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
 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; } }
 
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var ButtonGroup = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(ButtonGroup, _Component);
+  _inherits(ButtonGroup, _Component);
 
   var _super = _createSuper(ButtonGroup);
 
   function ButtonGroup() {
-    (0, _classCallCheck2["default"])(this, ButtonGroup);
+    _classCallCheck(this, ButtonGroup);
+
     return _super.apply(this, arguments);
   }
 
-  (0, _createClass2["default"])(ButtonGroup, [{
+  _createClass(ButtonGroup, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
           prefixCls = _this$props.prefixCls,
-          style = _this$props.style,
-          className = _this$props.className;
-      var classes = (0, _classnames["default"])("".concat(prefixCls), className);
+          style = _this$props.style;
+      var classes = (0, _classnames["default"])("".concat(prefixCls));
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: classes,
         style: style
       }, this.props.children);
     }
   }]);
+
   return ButtonGroup;
 }(_react.Component);
 
-(0, _defineProperty2["default"])(ButtonGroup, "defaultProps", {
+_defineProperty(ButtonGroup, "defaultProps", {
   prefixCls: 'hi-btn-group'
 });
+
 var _default = ButtonGroup;
 exports["default"] = _default;

package/es/button/IconLoading.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,6 +7,8 @@ exports["default"] = IconLoading;
 
 var _react = _interopRequireDefault(require("react"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function IconLoading() {
   var size = '0.8em';
   return /*#__PURE__*/_react["default"].createElement("i", {

package/es/button/__test__/index.test.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _ = _interopRequireDefault(require("../"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var wrapper;
+var clickCallback = jest.fn(function (val) {
+  return val;
+});
+describe('Dropdown', function () {
+  beforeEach(function () {});
+  afterEach(function () {
+    wrapper && wrapper.unmount();
+    clickCallback.mockClear();
+  });
+  it('点击事件', function () {
+    wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
+      onClick: clickCallback,
+      type: "primary"
+    }, "\u7A81\u51FA\u6309\u94AE")));
+    wrapper.find(_["default"]).simulate('click');
+    expect(clickCallback).toHaveBeenCalled();
+  });
+});

package/es/button/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,7 +11,8 @@ var _ButtonGroup = _interopRequireDefault(require("./ButtonGroup"));
 
 require("./style/index");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 _Button["default"].Group = _ButtonGroup["default"];
-_Button["default"].IS_HI_COMPONENT = true;
 var _default = _Button["default"];
 exports["default"] = _default;

package/es/button/style/index.css

@@ -1 +1 @@
-.hi-btn{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:32px;padding:4px 15px;border:1px solid transparent;border-radius:2px;font-size:14px;font-weight:400;line-height:22px;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-transition:background-color .3s linear,border-color .3s linear,color .3s linear,-webkit-box-shadow .15s linear;transition:background-color .3s linear,border-color .3s linear,color .3s linear,-webkit-box-shadow .15s linear;transition:background-color .3s linear,border-color .3s linear,box-shadow .15s linear,color .3s linear;transition:background-color .3s linear,border-color .3s linear,box-shadow .15s linear,color .3s linear,-webkit-box-shadow .15s linear}.hi-btn.hi-btn--appearance--link{background-color:transparent !important;border:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}.hi-btn--type--primary{background-color:#4285f4;color:#fff}.hi-btn--type--primary:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(66,133,244,0.25);box-shadow:0 0 0 2px rgba(66,133,244,0.25)}.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#3b78dc;color:#fff}.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#2e5dab;color:#fff}.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(66,133,244,0.2);color:#fff}.hi-btn--type--primary.hi-btn--appearance--link{color:#4285f4}.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#356ac3}.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--primary.hi-btn--appearance--link[disabled]{color:#4285f4;opacity:0.54}.hi-btn--type--line{background-color:rgba(66,133,244,0.1);border-color:rgba(66,133,244,0.4);color:#4285f4}.hi-btn--type--line:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(66,133,244,0.25);box-shadow:0 0 0 2px rgba(66,133,244,0.25)}.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(66,133,244,0.8);color:#4285f4}.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(66,133,244,0.15);color:#4285f4}.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(66,133,244,0.2);color:rgba(66,133,244,0.3)}.hi-btn--type--line.hi-btn--appearance--link{color:#4285f4}.hi-btn--type--line.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#356ac3}.hi-btn--type--line.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--line.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#4285f4;opacity:0.54}.hi-btn--type--default:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(66,133,244,0.25);box-shadow:0 0 0 2px rgba(66,133,244,0.25)}.hi-btn:focus{outline:0;z-index:1}.hi-btn+.hi-btn{margin-left:8px}.hi-btn .hi-icon{margin-right:4px}.hi-btn--size--large{height:54px;padding:13px 60px;font-size:18px;line-height:26px}.hi-btn--size--large.hi-btn--icon{padding-left:17px;padding-right:17px}.hi-btn--size--large .hi-icon{margin-right:4px}.hi-btn--size--small{height:24px;padding:1px 11px;font-size:12px;line-height:20px}.hi-btn--size--small.hi-btn--icon{padding-left:5px;padding-right:5px}.hi-btn--size--small .hi-icon{margin-right:2px}.hi-btn--icon{padding-left:8px;padding-right:8px}.hi-btn--icon .hi-icon{margin-right:0}.hi-btn--type--default,.hi-btn--type--info{background-color:#fff;border-color:#d8d8d8;color:#333}.hi-btn--type--default:not(.hi-btn--disabled):hover,.hi-btn--type--info:not(.hi-btn--disabled):hover{border-color:#ccc;color:#333}.hi-btn--type--default:not(.hi-btn--disabled):active,.hi-btn--type--info:not(.hi-btn--disabled):active{background-color:#f6f6f6;color:#333}.hi-btn--type--default.hi-btn--disabled,.hi-btn--type--default[disabled],.hi-btn--type--info.hi-btn--disabled,.hi-btn--type--info[disabled]{background-color:#f6f6f6;border-color:rgba(51,51,51,0.1);color:#d8d8d8}.hi-btn--type--default.hi-btn--appearance--link:not(.hi-btn--disabled):hover,.hi-btn--type--info.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#292929}.hi-btn--type--default.hi-btn--appearance--link:not(.hi-btn--disabled):active,.hi-btn--type--info.hi-btn--appearance--link:not(.hi-btn--disabled):active{color:#333}.hi-btn--type--default.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--default.hi-btn--appearance--link[disabled],.hi-btn--type--info.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--info.hi-btn--appearance--link[disabled]{color:#333;opacity:0.54}.hi-btn--type--success{background-color:rgba(29,166,83,0.1);border-color:rgba(29,166,83,0.4);color:#1da653}.hi-btn--type--success:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(29,166,83,0.25);box-shadow:0 0 0 2px rgba(29,166,83,0.25)}.hi-btn--type--success:not(.hi-btn--disabled):hover{border-color:rgba(29,166,83,0.8);color:#1da653}.hi-btn--type--success:not(.hi-btn--disabled):active{background-color:rgba(29,166,83,0.15);color:#1da653}.hi-btn--type--success.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--success[disabled]:not(.hi-btn--loading){border-color:rgba(29,166,83,0.2);color:rgba(29,166,83,0.3)}.hi-btn--type--success.hi-btn--appearance--link{color:#1da653}.hi-btn--type--success.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#178542}.hi-btn--type--success.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--success.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#1da653;opacity:0.54}.hi-btn--type--danger{background-color:rgba(244,65,65,0.1);border-color:rgba(244,65,65,0.4);color:#f44141}.hi-btn--type--danger:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(244,65,65,0.25);box-shadow:0 0 0 2px rgba(244,65,65,0.25)}.hi-btn--type--danger:not(.hi-btn--disabled):hover{border-color:rgba(244,65,65,0.8);color:#f44141}.hi-btn--type--danger:not(.hi-btn--disabled):active{background-color:rgba(244,65,65,0.15);color:#f44141}.hi-btn--type--danger.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--danger[disabled]:not(.hi-btn--loading){border-color:rgba(244,65,65,0.2);color:rgba(244,65,65,0.3)}.hi-btn--type--danger.hi-btn--appearance--link{color:#f44141}.hi-btn--type--danger.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#c33434}.hi-btn--type--danger.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--danger.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#f44141;opacity:0.54}.hi-btn--type--warning{background-color:rgba(225,157,12,0.1);border-color:rgba(225,157,12,0.4);color:#e19d0c}.hi-btn--type--warning:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(225,157,12,0.25);box-shadow:0 0 0 2px rgba(225,157,12,0.25)}.hi-btn--type--warning:not(.hi-btn--disabled):hover{border-color:rgba(225,157,12,0.8);color:#e19d0c}.hi-btn--type--warning:not(.hi-btn--disabled):active{background-color:rgba(225,157,12,0.15);color:#e19d0c}.hi-btn--type--warning.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--warning[disabled]:not(.hi-btn--loading){border-color:rgba(225,157,12,0.2);color:rgba(225,157,12,0.3)}.hi-btn--type--warning.hi-btn--appearance--link{color:#e19d0c}.hi-btn--type--warning.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#b47e0a}.hi-btn--type--warning.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--warning.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#e19d0c;opacity:0.54}.hi-btn--loading{position:relative}.hi-btn--loading::before{position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;content:'';background-color:#fff;cursor:default;opacity:0.4}.hi-btn--loading--icon{display:inline-block;width:1em;height:1em;cursor:default}.hi-btn--loading--icon svg{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.hi-btn--disabled,.hi-btn[disabled]:not(.hi-btn--loading){cursor:not-allowed}.hi-btn--block{display:block;width:100%}.hi-btn--block+.hi-btn--block{margin-top:4px}.theme__orange.hi-btn--type--primary{background-color:#f63;color:#fff}.theme__orange.hi-btn--type--primary:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(255,102,51,0.25);box-shadow:0 0 0 2px rgba(255,102,51,0.25)}.theme__orange.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#e65c2e;color:#fff}.theme__orange.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#b34724;color:#fff}.theme__orange.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__orange.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(255,102,51,0.2);color:#fff}.theme__orange.hi-btn--type--primary.hi-btn--appearance--link{color:#f63}.theme__orange.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#cc5229}.theme__orange.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__orange.hi-btn--type--primary.hi-btn--appearance--link[disabled]{color:#f63;opacity:0.54}.theme__orange.hi-btn--type--line{background-color:rgba(255,102,51,0.1);border-color:rgba(255,102,51,0.4);color:#f63}.theme__orange.hi-btn--type--line:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(255,102,51,0.25);box-shadow:0 0 0 2px rgba(255,102,51,0.25)}.theme__orange.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(255,102,51,0.8);color:#f63}.theme__orange.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(255,102,51,0.15);color:#f63}.theme__orange.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__orange.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(255,102,51,0.2);color:rgba(255,102,51,0.3)}.theme__orange.hi-btn--type--line.hi-btn--appearance--link{color:#f63}.theme__orange.hi-btn--type--line.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#cc5229}.theme__orange.hi-btn--type--line.hi-btn--appearance--link.hi-btn--disabled,.theme__orange.hi-btn--type--line.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#f63;opacity:0.54}.theme__orange.hi-btn--type--default:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(255,102,51,0.25);box-shadow:0 0 0 2px rgba(255,102,51,0.25)}.theme__cyan.hi-btn--type--primary{background-color:#46bc99;color:#fff}.theme__cyan.hi-btn--type--primary:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(70,188,153,0.25);box-shadow:0 0 0 2px rgba(70,188,153,0.25)}.theme__cyan.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#3fa98a;color:#fff}.theme__cyan.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#31846b;color:#fff}.theme__cyan.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__cyan.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(70,188,153,0.2);color:#fff}.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link{color:#46bc99}.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#38967a}.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link[disabled]{color:#46bc99;opacity:0.54}.theme__cyan.hi-btn--type--line{background-color:rgba(70,188,153,0.1);border-color:rgba(70,188,153,0.4);color:#46bc99}.theme__cyan.hi-btn--type--line:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(70,188,153,0.25);box-shadow:0 0 0 2px rgba(70,188,153,0.25)}.theme__cyan.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(70,188,153,0.8);color:#46bc99}.theme__cyan.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(70,188,153,0.15);color:#46bc99}.theme__cyan.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__cyan.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(70,188,153,0.2);color:rgba(70,188,153,0.3)}.theme__cyan.hi-btn--type--line.hi-btn--appearance--link{color:#46bc99}.theme__cyan.hi-btn--type--line.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#38967a}.theme__cyan.hi-btn--type--line.hi-btn--appearance--link.hi-btn--disabled,.theme__cyan.hi-btn--type--line.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#46bc99;opacity:0.54}.theme__cyan.hi-btn--type--default:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(70,188,153,0.25);box-shadow:0 0 0 2px rgba(70,188,153,0.25)}.theme__magenta.hi-btn--type--primary{background-color:#ff5975;color:#fff}.theme__magenta.hi-btn--type--primary:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(255,89,117,0.25);box-shadow:0 0 0 2px rgba(255,89,117,0.25)}.theme__magenta.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#e65069;color:#fff}.theme__magenta.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#b33e52;color:#fff}.theme__magenta.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__magenta.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(255,89,117,0.2);color:#fff}.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link{color:#ff5975}.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#cc475e}.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link[disabled]{color:#ff5975;opacity:0.54}.theme__magenta.hi-btn--type--line{background-color:rgba(255,89,117,0.1);border-color:rgba(255,89,117,0.4);color:#ff5975}.theme__magenta.hi-btn--type--line:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(255,89,117,0.25);box-shadow:0 0 0 2px rgba(255,89,117,0.25)}.theme__magenta.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(255,89,117,0.8);color:#ff5975}.theme__magenta.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(255,89,117,0.15);color:#ff5975}.theme__magenta.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__magenta.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(255,89,117,0.2);color:rgba(255,89,117,0.3)}.theme__magenta.hi-btn--type--line.hi-btn--appearance--link{color:#ff5975}.theme__magenta.hi-btn--type--line.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#cc475e}.theme__magenta.hi-btn--type--line.hi-btn--appearance--link.hi-btn--disabled,.theme__magenta.hi-btn--type--line.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#ff5975;opacity:0.54}.theme__magenta.hi-btn--type--default:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(255,89,117,0.25);box-shadow:0 0 0 2px rgba(255,89,117,0.25)}.theme__lavender.hi-btn--type--primary{background-color:#b450de;color:#fff}.theme__lavender.hi-btn--type--primary:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(180,80,222,0.25);box-shadow:0 0 0 2px rgba(180,80,222,0.25)}.theme__lavender.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#a248c8;color:#fff}.theme__lavender.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#7e389b;color:#fff}.theme__lavender.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__lavender.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(180,80,222,0.2);color:#fff}.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link{color:#b450de}.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#9040b2}.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link[disabled]{color:#b450de;opacity:0.54}.theme__lavender.hi-btn--type--line{background-color:rgba(180,80,222,0.1);border-color:rgba(180,80,222,0.4);color:#b450de}.theme__lavender.hi-btn--type--line:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(180,80,222,0.25);box-shadow:0 0 0 2px rgba(180,80,222,0.25)}.theme__lavender.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(180,80,222,0.8);color:#b450de}.theme__lavender.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(180,80,222,0.15);color:#b450de}.theme__lavender.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__lavender.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(180,80,222,0.2);color:rgba(180,80,222,0.3)}.theme__lavender.hi-btn--type--line.hi-btn--appearance--link{color:#b450de}.theme__lavender.hi-btn--type--line.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#9040b2}.theme__lavender.hi-btn--type--line.hi-btn--appearance--link.hi-btn--disabled,.theme__lavender.hi-btn--type--line.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#b450de;opacity:0.54}.theme__lavender.hi-btn--type--default:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(180,80,222,0.25);box-shadow:0 0 0 2px rgba(180,80,222,0.25)}.theme__blue.hi-btn--type--primary{background-color:#3da8f5;color:#fff}.theme__blue.hi-btn--type--primary:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(61,168,245,0.25);box-shadow:0 0 0 2px rgba(61,168,245,0.25)}.theme__blue.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#3797dd;color:#fff}.theme__blue.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#2b76ac;color:#fff}.theme__blue.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__blue.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(61,168,245,0.2);color:#fff}.theme__blue.hi-btn--type--primary.hi-btn--appearance--link{color:#3da8f5}.theme__blue.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#3186c4}.theme__blue.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__blue.hi-btn--type--primary.hi-btn--appearance--link[disabled]{color:#3da8f5;opacity:0.54}.theme__blue.hi-btn--type--line{background-color:rgba(61,168,245,0.1);border-color:rgba(61,168,245,0.4);color:#3da8f5}.theme__blue.hi-btn--type--line:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(61,168,245,0.25);box-shadow:0 0 0 2px rgba(61,168,245,0.25)}.theme__blue.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(61,168,245,0.8);color:#3da8f5}.theme__blue.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(61,168,245,0.15);color:#3da8f5}.theme__blue.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__blue.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(61,168,245,0.2);color:rgba(61,168,245,0.3)}.theme__blue.hi-btn--type--line.hi-btn--appearance--link{color:#3da8f5}.theme__blue.hi-btn--type--line.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#3186c4}.theme__blue.hi-btn--type--line.hi-btn--appearance--link.hi-btn--disabled,.theme__blue.hi-btn--type--line.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#3da8f5;opacity:0.54}.theme__blue.hi-btn--type--default:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(61,168,245,0.25);box-shadow:0 0 0 2px rgba(61,168,245,0.25)}.theme__purple.hi-btn--type--primary{background-color:#8a8acb;color:#fff}.theme__purple.hi-btn--type--primary:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(138,138,203,0.25);box-shadow:0 0 0 2px rgba(138,138,203,0.25)}.theme__purple.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#7c7cb7;color:#fff}.theme__purple.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#61618e;color:#fff}.theme__purple.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__purple.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(138,138,203,0.2);color:#fff}.theme__purple.hi-btn--type--primary.hi-btn--appearance--link{color:#8a8acb}.theme__purple.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#6e6ea2}.theme__purple.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__purple.hi-btn--type--primary.hi-btn--appearance--link[disabled]{color:#8a8acb;opacity:0.54}.theme__purple.hi-btn--type--line{background-color:rgba(138,138,203,0.1);border-color:rgba(138,138,203,0.4);color:#8a8acb}.theme__purple.hi-btn--type--line:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(138,138,203,0.25);box-shadow:0 0 0 2px rgba(138,138,203,0.25)}.theme__purple.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(138,138,203,0.8);color:#8a8acb}.theme__purple.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(138,138,203,0.15);color:#8a8acb}.theme__purple.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__purple.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(138,138,203,0.2);color:rgba(138,138,203,0.3)}.theme__purple.hi-btn--type--line.hi-btn--appearance--link{color:#8a8acb}.theme__purple.hi-btn--type--line.hi-btn--appearance--link:not(.hi-btn--disabled):hover{color:#6e6ea2}.theme__purple.hi-btn--type--line.hi-btn--appearance--link.hi-btn--disabled,.theme__purple.hi-btn--type--line.hi-btn--appearance--link[disabled]{background-color:transparent;border-color:transparent;color:#8a8acb;opacity:0.54}.theme__purple.hi-btn--type--default:not(.hi-btn--disabled):focus{-webkit-box-shadow:0 0 0 2px rgba(138,138,203,0.25);box-shadow:0 0 0 2px rgba(138,138,203,0.25)}.hi-btn-group{display:inline-block}.hi-btn-group>.hi-btn{margin-left:0;margin-right:0}.hi-btn-group>.hi-btn:hover{z-index:1}.hi-btn-group>.hi-btn:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.hi-btn-group>.hi-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
+.hi-btn{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:32px;padding:8px 15px;border:1px solid transparent;border-radius:2px;font-size:14px;font-weight:400;line-height:1;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-transition:background-color .3s linear,border-color .3s linear,color .3s linear,-webkit-box-shadow .15s linear;transition:background-color .3s linear,border-color .3s linear,color .3s linear,-webkit-box-shadow .15s linear;transition:background-color .3s linear,border-color .3s linear,box-shadow .15s linear,color .3s linear;transition:background-color .3s linear,border-color .3s linear,box-shadow .15s linear,color .3s linear,-webkit-box-shadow .15s linear}.hi-btn--type--primary{background-color:#4285f4;color:#fff}.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#689df6;color:#fff}.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#3b78dc;color:#fff;-webkit-box-shadow:inset 0 4px 4px rgba(66,133,244,0.25);box-shadow:inset 0 4px 4px rgba(66,133,244,0.25)}.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(66,133,244,0.2);color:#fff}.hi-btn--type--primary.hi-btn--appearance--link{background-color:transparent;color:#4285f4}.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:#4285f4;color:#fff}.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#3b78dc;color:#fff}.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--primary.hi-btn--appearance--link[disabled]{opacity:0.54}.hi-btn--type--line{background-color:rgba(66,133,244,0.1);border-color:rgba(66,133,244,0.4);color:#4285f4}.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(66,133,244,0.8);color:#4285f4}.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(66,133,244,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(66,133,244,0.25);box-shadow:inset 0 4px 4px rgba(66,133,244,0.25);color:#4285f4}.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(66,133,244,0.2);color:rgba(66,133,244,0.3)}.hi-btn+.hi-btn{margin-left:8px}.hi-btn:focus{outline:0}.hi-btn--loading::before{content:'';display:block;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;background-color:#fff;opacity:0.4;cursor:default}.hi-btn--loading--icon{width:1em;height:1em;display:inline-block;cursor:default}.hi-btn--loading--icon svg{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.hi-btn--icon{padding-left:8px;padding-right:8px}.hi-btn--icon__spacer{width:8px;display:inline-block}.hi-btn--type--default,.hi-btn--type--info{background-color:#fff;border-color:#d8d8d8;color:#333}.hi-btn--type--default:not(.hi-btn--disabled):hover,.hi-btn--type--info:not(.hi-btn--disabled):hover{border-color:#ccc;color:#333}.hi-btn--type--default:not(.hi-btn--disabled):active,.hi-btn--type--info:not(.hi-btn--disabled):active{background-color:#f6f6f6;-webkit-box-shadow:inset 0 4px 4px rgba(51,51,51,0.25);box-shadow:inset 0 4px 4px rgba(51,51,51,0.25);color:#333}.hi-btn--type--default.hi-btn--disabled,.hi-btn--type--default[disabled],.hi-btn--type--info.hi-btn--disabled,.hi-btn--type--info[disabled]{background-color:#f6f6f6;border-color:rgba(51,51,51,0.1);color:#d8d8d8}.hi-btn--type--default.hi-btn--appearance--link,.hi-btn--type--info.hi-btn--appearance--link{background-color:transparent;border-color:transparent}.hi-btn--type--default.hi-btn--appearance--link:not(.hi-btn--disabled):hover,.hi-btn--type--info.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:#ccc;color:#fff}.hi-btn--type--default.hi-btn--appearance--link:not(.hi-btn--disabled):active,.hi-btn--type--info.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#bfbfbf;border-color:#bfbfbf;color:#fff}.hi-btn--type--default.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--default.hi-btn--appearance--link[disabled],.hi-btn--type--info.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--info.hi-btn--appearance--link[disabled]{opacity:0.54}.hi-btn--type--success{background-color:rgba(29,166,83,0.1);border-color:rgba(29,166,83,0.4);color:#1da653}.hi-btn--type--success:not(.hi-btn--disabled):hover{border-color:rgba(29,166,83,0.8);color:#1da653}.hi-btn--type--success:not(.hi-btn--disabled):active{background-color:rgba(29,166,83,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(29,166,83,0.25);box-shadow:inset 0 4px 4px rgba(29,166,83,0.25);color:#1da653}.hi-btn--type--success.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--success[disabled]:not(.hi-btn--loading){border-color:rgba(29,166,83,0.2);color:rgba(29,166,83,0.3)}.hi-btn--type--success.hi-btn--appearance--link{background-color:transparent;border-color:transparent}.hi-btn--type--success.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:rgba(29,166,83,0.8);color:#fff}.hi-btn--type--success.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#1da653;color:#fff}.hi-btn--type--success.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--success.hi-btn--appearance--link[disabled]{opacity:0.54}.hi-btn--type--danger{background-color:rgba(244,65,65,0.1);border-color:rgba(244,65,65,0.4);color:#f44141}.hi-btn--type--danger:not(.hi-btn--disabled):hover{border-color:rgba(244,65,65,0.8);color:#f44141}.hi-btn--type--danger:not(.hi-btn--disabled):active{background-color:rgba(244,65,65,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(244,65,65,0.25);box-shadow:inset 0 4px 4px rgba(244,65,65,0.25);color:#f44141}.hi-btn--type--danger.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--danger[disabled]:not(.hi-btn--loading){border-color:rgba(244,65,65,0.2);color:rgba(244,65,65,0.3)}.hi-btn--type--danger.hi-btn--appearance--link{background-color:transparent;border-color:transparent}.hi-btn--type--danger.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:rgba(244,65,65,0.8);color:#fff}.hi-btn--type--danger.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#f44141;color:#fff}.hi-btn--type--danger.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--danger.hi-btn--appearance--link[disabled]{opacity:0.54}.hi-btn--type--warning{background-color:rgba(225,157,12,0.1);border-color:rgba(225,157,12,0.4);color:#e19d0c}.hi-btn--type--warning:not(.hi-btn--disabled):hover{border-color:rgba(225,157,12,0.8);color:#e19d0c}.hi-btn--type--warning:not(.hi-btn--disabled):active{background-color:rgba(225,157,12,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(225,157,12,0.25);box-shadow:inset 0 4px 4px rgba(225,157,12,0.25);color:#e19d0c}.hi-btn--type--warning.hi-btn--disabled:not(.hi-btn--loading),.hi-btn--type--warning[disabled]:not(.hi-btn--loading){border-color:rgba(225,157,12,0.2);color:rgba(225,157,12,0.3)}.hi-btn--type--warning.hi-btn--appearance--link{background-color:transparent;border-color:transparent}.hi-btn--type--warning.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:rgba(225,157,12,0.8);color:#fff}.hi-btn--type--warning.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#e19d0c;color:#fff}.hi-btn--type--warning.hi-btn--appearance--link.hi-btn--disabled,.hi-btn--type--warning.hi-btn--appearance--link[disabled]{opacity:0.54}.hi-btn--disabled,.hi-btn[disabled]:not(.hi-btn--loading){cursor:not-allowed}.hi-btn--size--large{height:54px;padding:17px 60px;font-size:18px}.hi-btn--size--large.hi-btn--icon{padding-left:17px;padding-right:17px}.hi-btn--size--small{height:24px;padding:5px 11px;font-size:12px}.hi-btn--size--small.hi-btn--icon{padding-left:5px;padding-right:5px}.hi-btn--block{display:block;width:100%}.hi-btn--block+.hi-btn--block{margin-top:4px}.theme__orange.hi-btn--type--primary{background-color:#f63;color:#fff}.theme__orange.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#ff855c;color:#fff}.theme__orange.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#e65c2e;color:#fff;-webkit-box-shadow:inset 0 4px 4px rgba(255,102,51,0.25);box-shadow:inset 0 4px 4px rgba(255,102,51,0.25)}.theme__orange.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__orange.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(255,102,51,0.2);color:#fff}.theme__orange.hi-btn--type--primary.hi-btn--appearance--link{background-color:transparent;color:#f63}.theme__orange.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:#f63;color:#fff}.theme__orange.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#e65c2e;color:#fff}.theme__orange.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__orange.hi-btn--type--primary.hi-btn--appearance--link[disabled]{opacity:0.54}.theme__orange.hi-btn--type--line{background-color:rgba(255,102,51,0.1);border-color:rgba(255,102,51,0.4);color:#f63}.theme__orange.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(255,102,51,0.8);color:#f63}.theme__orange.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(255,102,51,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(255,102,51,0.25);box-shadow:inset 0 4px 4px rgba(255,102,51,0.25);color:#f63}.theme__orange.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__orange.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(255,102,51,0.2);color:rgba(255,102,51,0.3)}.theme__cyan.hi-btn--type--primary{background-color:#46bc99;color:#fff}.theme__cyan.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#6bc9ad;color:#fff}.theme__cyan.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#3fa98a;color:#fff;-webkit-box-shadow:inset 0 4px 4px rgba(70,188,153,0.25);box-shadow:inset 0 4px 4px rgba(70,188,153,0.25)}.theme__cyan.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__cyan.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(70,188,153,0.2);color:#fff}.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link{background-color:transparent;color:#46bc99}.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:#46bc99;color:#fff}.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#3fa98a;color:#fff}.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__cyan.hi-btn--type--primary.hi-btn--appearance--link[disabled]{opacity:0.54}.theme__cyan.hi-btn--type--line{background-color:rgba(70,188,153,0.1);border-color:rgba(70,188,153,0.4);color:#46bc99}.theme__cyan.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(70,188,153,0.8);color:#46bc99}.theme__cyan.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(70,188,153,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(70,188,153,0.25);box-shadow:inset 0 4px 4px rgba(70,188,153,0.25);color:#46bc99}.theme__cyan.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__cyan.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(70,188,153,0.2);color:rgba(70,188,153,0.3)}.theme__magenta.hi-btn--type--primary{background-color:#ff5975;color:#fff}.theme__magenta.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#ff7a91;color:#fff}.theme__magenta.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#e65069;color:#fff;-webkit-box-shadow:inset 0 4px 4px rgba(255,89,117,0.25);box-shadow:inset 0 4px 4px rgba(255,89,117,0.25)}.theme__magenta.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__magenta.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(255,89,117,0.2);color:#fff}.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link{background-color:transparent;color:#ff5975}.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:#ff5975;color:#fff}.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#e65069;color:#fff}.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__magenta.hi-btn--type--primary.hi-btn--appearance--link[disabled]{opacity:0.54}.theme__magenta.hi-btn--type--line{background-color:rgba(255,89,117,0.1);border-color:rgba(255,89,117,0.4);color:#ff5975}.theme__magenta.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(255,89,117,0.8);color:#ff5975}.theme__magenta.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(255,89,117,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(255,89,117,0.25);box-shadow:inset 0 4px 4px rgba(255,89,117,0.25);color:#ff5975}.theme__magenta.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__magenta.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(255,89,117,0.2);color:rgba(255,89,117,0.3)}.theme__lavender.hi-btn--type--primary{background-color:#b450de;color:#fff}.theme__lavender.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#c373e5;color:#fff}.theme__lavender.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#a248c8;color:#fff;-webkit-box-shadow:inset 0 4px 4px rgba(180,80,222,0.25);box-shadow:inset 0 4px 4px rgba(180,80,222,0.25)}.theme__lavender.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__lavender.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(180,80,222,0.2);color:#fff}.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link{background-color:transparent;color:#b450de}.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:#b450de;color:#fff}.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#a248c8;color:#fff}.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__lavender.hi-btn--type--primary.hi-btn--appearance--link[disabled]{opacity:0.54}.theme__lavender.hi-btn--type--line{background-color:rgba(180,80,222,0.1);border-color:rgba(180,80,222,0.4);color:#b450de}.theme__lavender.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(180,80,222,0.8);color:#b450de}.theme__lavender.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(180,80,222,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(180,80,222,0.25);box-shadow:inset 0 4px 4px rgba(180,80,222,0.25);color:#b450de}.theme__lavender.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__lavender.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(180,80,222,0.2);color:rgba(180,80,222,0.3)}.theme__blue.hi-btn--type--primary{background-color:#3da8f5;color:#fff}.theme__blue.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#64b9f7;color:#fff}.theme__blue.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#3797dd;color:#fff;-webkit-box-shadow:inset 0 4px 4px rgba(61,168,245,0.25);box-shadow:inset 0 4px 4px rgba(61,168,245,0.25)}.theme__blue.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__blue.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(61,168,245,0.2);color:#fff}.theme__blue.hi-btn--type--primary.hi-btn--appearance--link{background-color:transparent;color:#3da8f5}.theme__blue.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:#3da8f5;color:#fff}.theme__blue.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#3797dd;color:#fff}.theme__blue.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__blue.hi-btn--type--primary.hi-btn--appearance--link[disabled]{opacity:0.54}.theme__blue.hi-btn--type--line{background-color:rgba(61,168,245,0.1);border-color:rgba(61,168,245,0.4);color:#3da8f5}.theme__blue.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(61,168,245,0.8);color:#3da8f5}.theme__blue.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(61,168,245,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(61,168,245,0.25);box-shadow:inset 0 4px 4px rgba(61,168,245,0.25);color:#3da8f5}.theme__blue.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__blue.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(61,168,245,0.2);color:rgba(61,168,245,0.3)}.theme__purple.hi-btn--type--primary{background-color:#8a8acb;color:#fff}.theme__purple.hi-btn--type--primary:not(.hi-btn--disabled):hover{background-color:#a1a1d5;color:#fff}.theme__purple.hi-btn--type--primary:not(.hi-btn--disabled):active{background-color:#7c7cb7;color:#fff;-webkit-box-shadow:inset 0 4px 4px rgba(138,138,203,0.25);box-shadow:inset 0 4px 4px rgba(138,138,203,0.25)}.theme__purple.hi-btn--type--primary.hi-btn--disabled:not(.hi-btn--loading),.theme__purple.hi-btn--type--primary[disabled]:not(.hi-btn--loading){background-color:rgba(138,138,203,0.2);color:#fff}.theme__purple.hi-btn--type--primary.hi-btn--appearance--link{background-color:transparent;color:#8a8acb}.theme__purple.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):hover{background-color:#8a8acb;color:#fff}.theme__purple.hi-btn--type--primary.hi-btn--appearance--link:not(.hi-btn--disabled):active{background-color:#7c7cb7;color:#fff}.theme__purple.hi-btn--type--primary.hi-btn--appearance--link.hi-btn--disabled,.theme__purple.hi-btn--type--primary.hi-btn--appearance--link[disabled]{opacity:0.54}.theme__purple.hi-btn--type--line{background-color:rgba(138,138,203,0.1);border-color:rgba(138,138,203,0.4);color:#8a8acb}.theme__purple.hi-btn--type--line:not(.hi-btn--disabled):hover{border-color:rgba(138,138,203,0.8);color:#8a8acb}.theme__purple.hi-btn--type--line:not(.hi-btn--disabled):active{background-color:rgba(138,138,203,0.15);-webkit-box-shadow:inset 0 4px 4px rgba(138,138,203,0.25);box-shadow:inset 0 4px 4px rgba(138,138,203,0.25);color:#8a8acb}.theme__purple.hi-btn--type--line.hi-btn--disabled:not(.hi-btn--loading),.theme__purple.hi-btn--type--line[disabled]:not(.hi-btn--loading){border-color:rgba(138,138,203,0.2);color:rgba(138,138,203,0.3)}.hi-btn-group{display:inline-block}.hi-btn-group>.hi-btn{margin-left:0;margin-right:0}.hi-btn-group>.hi-btn:hover{position:relative;z-index:1}.hi-btn-group>.hi-btn:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.hi-btn-group>.hi-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}

package/es/card/index.js

@@ -1,55 +1,64 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Card = exports["default"] = void 0;
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+require("./style/index");
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var _react = _interopRequireWildcard(require("react"));
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var _classnames = _interopRequireDefault(require("classnames"));
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-require("./style/index");
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-var _context = _interopRequireDefault(require("../context"));
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
 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; } }
 
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 var Card = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Card, _Component);
+  _inherits(Card, _Component);
 
   var _super = _createSuper(Card);
 
   function Card(props) {
     var _this;
 
-    (0, _classCallCheck2["default"])(this, Card);
+    _classCallCheck(this, Card);
+
     _this = _super.call(this, props);
     _this.state = {
-      extraShow: props.extraShow === 'stay' && props.extraType === 'default'
+      extraShow: props.extraShow === 'stay'
     };
     return _this;
   }
 
-  (0, _createClass2["default"])(Card, [{
+  _createClass(Card, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -61,18 +70,14 @@ var Card = /*#__PURE__*/function (_Component) {
           title = _this$props.title,
           extra = _this$props.extra,
           cover = _this$props.cover,
-          coverUrl = _this$props.coverUrl,
           description = _this$props.description,
-          content = _this$props.content,
           children = _this$props.children,
           disabled = _this$props.disabled,
           extraShow = _this$props.extraShow,
-          extraType = _this$props.extraType,
-          type = _this$props.type,
-          theme = _this$props.theme;
-      var cls = (0, _classnames["default"])('hi-card', "theme__".concat(theme), hoverable && 'hi-card--hover', size && "hi-card--".concat(size === 'default' ? 'middle' : size), disabled && 'hi-card--disabled', !cover && !coverUrl && type !== 'simple' && 'hi-card--padding', type === 'simple' && "hi-card--simple-".concat(size === 'default' ? 'middle' : size));
+          type = _this$props.type;
+      var cls = (0, _classnames["default"])('hi-card', hoverable && 'hi-card--hover', size && "hi-card--".concat(size), disabled && 'hi-card--disabled', !cover && type !== 'simple' && 'hi-card--padding', type === 'simple' && "hi-card--simple-".concat(size));
       var headerCls = (0, _classnames["default"])('hi-card__header', !title && extra && 'hi-card__header--onlyextra');
-      var coverCls = (0, _classnames["default"])('hi-card__content', (cover || coverUrl) && 'hi-card__content--cover');
+      var coverCls = (0, _classnames["default"])('hi-card__content', cover && 'hi-card__content--cover');
       var extraCls = (0, _classnames["default"])('hi-card__extra', !this.state.extraShow && 'hi-card__extra--hide');
 
       var header = (title || extra) && /*#__PURE__*/_react["default"].createElement("div", {
@@ -89,19 +94,14 @@ var Card = /*#__PURE__*/function (_Component) {
 
       var coverDom = null;
 
-      if (cover || coverUrl) {
-        coverDom = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, cover && /*#__PURE__*/_react["default"].cloneElement(cover, {
-          style: {
-            width: '100%'
-          }
-        }), coverUrl && /*#__PURE__*/_react["default"].createElement("img", {
-          src: coverUrl,
+      if (cover) {
+        coverDom = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].cloneElement(cover, {
           style: {
             width: '100%'
           }
         }), /*#__PURE__*/_react["default"].createElement("div", {
           className: coverCls
-        }, header, content || description));
+        }, header, description));
       }
 
       if (type === 'simple') {
@@ -115,34 +115,33 @@ var Card = /*#__PURE__*/function (_Component) {
         className: cls,
         style: style,
         onMouseEnter: function onMouseEnter() {
-          (extraShow === 'hover' || extraType === 'hover') && _this2.setState({
+          extraShow === 'hover' && _this2.setState({
             extraShow: true
           });
         },
         onMouseLeave: function onMouseLeave() {
-          (extraShow === 'hover' || extraType === 'hover') && _this2.setState({
+          extraShow === 'hover' && _this2.setState({
             extraShow: false
           });
         }
       }, coverDom || body);
     }
   }]);
+
   return Card;
 }(_react.Component);
 
-exports.Card = Card;
 Card.defaultProps = {
   hoverable: false,
   title: '',
   extra: '',
-  extraShow: 'stay',
-  extraType: 'default'
+  extraShow: 'hover'
 };
 Card.propTypes = {
   // 支持三种宽度预设值 small -> 276px    middle -> 376px  large -> 576px，如果传入 style 则忽略该值，如果缺省 style 及 size 则默认100%
-  size: _propTypes["default"].oneOf(['small', 'default', 'middle', 'large']),
+  size: _propTypes["default"].oneOf(['small', 'middle', 'large']),
   // 一种简单的小卡片
-  type: _propTypes["default"].oneOf(['simple', 'default']),
+  type: _propTypes["default"].oneOf(['simple']),
   style: _propTypes["default"].object,
   // 鼠标移入是否显示悬停态（浮起）
   hoverable: _propTypes["default"].bool,
@@ -154,16 +153,9 @@ Card.propTypes = {
   cover: _propTypes["default"].element,
   // 用于图片卡片，做为描述
   description: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string]),
-  // TODO: 废弃，使用 content
-  content: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string]),
   disabled: _propTypes["default"].bool,
-  // TODO: 废弃
   // 扩展按钮显示模式
-  extraShow: _propTypes["default"].oneOf(['stay', 'hover']),
-  // TODO: 废弃，使用 extraType
-  extraType: _propTypes["default"].oneOf(['default', 'hover'])
+  extraShow: _propTypes["default"].oneOf(['stay', 'hover'])
 };
-
-var _default = (0, _context["default"])(Card);
-
+var _default = Card;
 exports["default"] = _default;

package/es/card/style/index.css

@@ -1 +1 @@
-.hi-card{border-radius:2px;border:1px solid #e7e7e7;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}.hi-card--padding{padding:24px}.hi-card--hover:not(.hi-card--disabled):hover{-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);box-shadow:0 2px 8px 0 rgba(0,0,0,0.08)}.hi-card--disabled{background:#f6f6f6;color:#ccc;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-card__header{height:24px;line-height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:4px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hi-card__header--onlyextra{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.hi-card__title{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hi-card__content--cover{padding:16px}.hi-card__content--simple{height:40px;line-height:40px;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hi-card__extra{cursor:pointer;color:#4284f5;font-size:14px}.hi-card__extra--hide{display:none}.hi-card--middle{width:376px}.hi-card--small{width:276px}.hi-card--large{width:576px}.hi-card--simple-small{width:136px}.hi-card--simple-middle{width:156px}.hi-card--simple-large{width:176px}.theme__hiui-blue.hi-card__extra{color:#4285f4}.theme__hiui-blue.hi-card .hi-icon{color:#4285f4}.theme__orange.hi-card__extra{color:#f63}.theme__orange.hi-card .hi-icon{color:#f63}.theme__cyan.hi-card__extra{color:#46bc99}.theme__cyan.hi-card .hi-icon{color:#46bc99}.theme__magenta.hi-card__extra{color:#ff5975}.theme__magenta.hi-card .hi-icon{color:#ff5975}.theme__lavender.hi-card__extra{color:#b450de}.theme__lavender.hi-card .hi-icon{color:#b450de}.theme__blue.hi-card__extra{color:#3da8f5}.theme__blue.hi-card .hi-icon{color:#3da8f5}.theme__purple.hi-card__extra{color:#8a8acb}.theme__purple.hi-card .hi-icon{color:#8a8acb}
+.hi-card{border-radius:2px;border:1px solid #e7e7e7;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-card--padding{padding:24px}.hi-card--hover:not(.hi-card--disabled):hover{-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.08);box-shadow:0 2px 8px 0 rgba(0,0,0,0.08)}.hi-card--disabled{background:#f6f6f6;color:#ccc;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-card__header{height:24px;line-height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hi-card__header--onlyextra{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.hi-card__title{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hi-card__content--cover{padding:16px}.hi-card__content--simple{height:40px;line-height:40px;padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hi-card__extra{cursor:pointer;color:#4284f5;font-size:14px}.hi-card__extra--hide{display:none}.hi-card--middle{width:376px}.hi-card--small{width:276px}.hi-card--large{width:576px}.hi-card--simple-small{width:136px}.hi-card--simple-middle{width:156px}.hi-card--simple-large{width:176px}