@hi-ui/hiui 2.15.11 → 2.15.12

package/es/button/ButtonGroup.js

@@ -1,75 +1,59 @@
 "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 _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-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; }
-
-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); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-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 _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-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); }
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-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); }; }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-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 _react = _interopRequireWildcard(require("react"));
 
-var ButtonGroup = /*#__PURE__*/function (_Component) {
-  _inherits(ButtonGroup, _Component);
+var _classnames = _interopRequireDefault(require("classnames"));
 
-  var _super = _createSuper(ButtonGroup);
+var ButtonGroup =
+/*#__PURE__*/
+function (_Component) {
+  (0, _inherits2["default"])(ButtonGroup, _Component);
 
   function ButtonGroup() {
-    _classCallCheck(this, ButtonGroup);
-
-    return _super.apply(this, arguments);
+    (0, _classCallCheck2["default"])(this, ButtonGroup);
+    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(ButtonGroup).apply(this, arguments));
   }
 
-  _createClass(ButtonGroup, [{
+  (0, _createClass2["default"])(ButtonGroup, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
           prefixCls = _this$props.prefixCls,
-          style = _this$props.style;
-      var classes = (0, _classnames["default"])("".concat(prefixCls));
-      return /*#__PURE__*/_react["default"].createElement("div", {
+          style = _this$props.style,
+          className = _this$props.className;
+      var classes = (0, _classnames["default"])("".concat(prefixCls), className);
+      return _react["default"].createElement("div", {
         className: classes,
         style: style
       }, this.props.children);
     }
   }]);
-
   return ButtonGroup;
 }(_react.Component);
 
-_defineProperty(ButtonGroup, "defaultProps", {
+(0, _defineProperty2["default"])(ButtonGroup, "defaultProps", {
   prefixCls: 'hi-btn-group'
 });
-
 var _default = ButtonGroup;
 exports["default"] = _default;

package/es/button/IconLoading.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,21 +9,19 @@ 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", {
+  return _react["default"].createElement("i", {
     className: "hi-icon hi-btn--loading--icon"
-  }, /*#__PURE__*/_react["default"].createElement("svg", {
+  }, _react["default"].createElement("svg", {
     viewBox: "0 0 18 18",
     width: size,
     height: size,
     fill: "currentColor"
-  }, /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
+  }, _react["default"].createElement("g", null, _react["default"].createElement("path", {
     d: "m9 18c-4.9706 0-9-4.0294-9-9 0-4.9706 4.0294-9 9-9 4.9706 0 9 4.0294 9 9 0 4.9706-4.0294 9-9 9zm0-2c3.866 0 7-3.134 7-7 0-3.866-3.134-7-7-7-3.866 0-7 3.134-7 7 0 3.866 3.134 7 7 7z",
     opacity: ".15"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), _react["default"].createElement("path", {
     d: "m15.547 2.8242c0.37904 0.40168 0.36068 1.0346-0.040996 1.4136-0.40168 0.37904-1.0346 0.36068-1.4136-0.040996-1.315-1.3935-3.1381-2.1969-5.0922-2.1969-3.866 0-7 3.134-7 7 0 0.55228-0.44772 1-1 1s-1-0.44772-1-1c0-4.9706 4.0294-9 9-9 2.5103 0 4.8578 1.0343 6.5468 2.8242z"
   }))));
 }

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

@@ -0,0 +1,221 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _sinon = require("sinon");
+
+var _ = _interopRequireDefault(require("../"));
+
+var _icon = _interopRequireDefault(require("../../icon"));
+
+var _IconLoading = _interopRequireDefault(require("../IconLoading"));
+
+/* eslint-env jest */
+describe('Button', function () {
+  describe('Lifecycle', function () {
+    it('componentDidMount', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], null)); // wrappered by Provider
+      // expect(wrapper.instance()).toBeInstanceOf(Button)
+
+      expect(wrapper.find("button")).toHaveLength(1);
+    });
+  });
+  describe('IS_HI_COMPONENT', function () {
+    it('is hi component', function () {
+      expect(_["default"]["IS_HI_COMPONENT"]).toEqual(true);
+    });
+  });
+  describe('PropTypes', function () {
+    it('type', function () {
+      var types = ['primary', 'line', 'success', 'danger', 'default', 'warning', 'info'];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, types.map(function (type, index) {
+        return _react["default"].createElement(_["default"], (0, _extends2["default"])({
+          type: type
+        }, {
+          key: "".concat(type, "-").concat(index)
+        }));
+      })));
+      types.map(function (type) {
+        return expect(wrapper.find("button.hi-btn--type--".concat(type))).toHaveLength(1);
+      });
+    });
+    it('size', function () {
+      var sizes = ['large', 'small', 'normal'];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, sizes.map(function (size, index) {
+        return _react["default"].createElement(_["default"], (0, _extends2["default"])({
+          size: size
+        }, {
+          key: "".concat(size, "-").concat(index)
+        }));
+      })));
+      sizes.map(function (size) {
+        return expect(wrapper.find("button.hi-btn--size--".concat(size))).toHaveLength(1);
+      });
+    });
+    it('appearance', function () {
+      var appearances = ['link', 'button'];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, appearances.map(function (appearance, index) {
+        return _react["default"].createElement(_["default"], (0, _extends2["default"])({
+          appearance: appearance
+        }, {
+          key: "".concat(appearance, "-").concat(index)
+        }));
+      })));
+      appearances.map(function (appearance) {
+        return expect(wrapper.find("button.hi-btn--appearance--".concat(appearance))).toHaveLength(1);
+      });
+    });
+    it('href', function () {
+      var wrapper1 = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+        appearance: "link",
+        href: ""
+      }));
+      expect(wrapper1.find('button')).toHaveLength(1);
+      var wrapper2 = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+        appearance: "link",
+        href: "https://xiaomi.github.io/hiui"
+      }));
+      expect(wrapper2.find("a").prop('href')).toEqual('https://xiaomi.github.io/hiui');
+      var wrapper3 = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+        appearance: "button",
+        href: "https://xiaomi.github.io/hiui"
+      }));
+      expect(wrapper3.find("a").prop('href')).toEqual('https://xiaomi.github.io/hiui');
+    });
+    it('theme', function () {
+      var theme = 'custom-theme';
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+        theme: theme
+      }));
+      expect(wrapper.find("button.theme__".concat(theme))).toHaveLength(1);
+    });
+    it('icon', function () {
+      var icon = 'custom-icon';
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+        icon: icon
+      }));
+      expect(wrapper.find(_icon["default"])).toHaveLength(1);
+    });
+    it('loading', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+        loading: true
+      }));
+      expect(wrapper.find(_IconLoading["default"])).toHaveLength(1);
+    });
+    it('className', function () {
+      var className = 'test-class';
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+        className: className
+      }));
+      expect(wrapper.find("button.".concat(className))).toHaveLength(1);
+    });
+    it('style', function () {
+      var style = {
+        color: '#ffff00'
+      };
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+        style: style
+      }));
+      expect(wrapper.find("button").prop('style')).toMatchObject(style);
+    });
+    it('disabled', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+        disabled: true
+      }));
+      expect(wrapper.find("button.hi-btn--disabled")).toHaveLength(1);
+    });
+    it('target', function () {
+      var targets = ['_self', '_blank', '_parent', '_top'];
+      var href = 'https://www.mi.com';
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, targets.map(function (target, index) {
+        return _react["default"].createElement(_["default"], (0, _extends2["default"])({
+          target: target,
+          href: href
+        }, {
+          key: "".concat(target, "-").concat(index)
+        }));
+      })));
+      targets.map(function (target, index) {
+        return expect(wrapper.find('a').at(index).prop('target')).toEqual(target);
+      });
+    });
+    it('children', function () {
+      var Children = function Children() {
+        return _react["default"].createElement("div", null, "children");
+      };
+
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], null, _react["default"].createElement(Children, null)));
+      expect(wrapper.find(Children)).toHaveLength(1);
+    });
+    it('onClick', function () {
+      var callback = (0, _sinon.fake)();
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+        onClick: callback
+      }));
+      wrapper.find('button').first().simulate('click');
+      expect(callback.callCount).toEqual(1);
+    });
+  });
+  describe('Branch', function () {
+    it('props: icon && children', function () {
+      var icon = 'custom-icon';
+      var children = 'children';
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
+        icon: icon
+      }, children));
+      expect(wrapper.find(_icon["default"])).toHaveLength(1);
+      expect(wrapper.text()).toEqual(expect.stringContaining(children));
+    });
+    it('props: icon && children is Icon', function () {
+      var children = _react["default"].createElement(_icon["default"], {
+        name: "close"
+      });
+
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], null, children));
+      expect(wrapper.find(_icon["default"])).toHaveLength(1);
+    });
+    it('props: type && appearance', function () {
+      var props = {
+        type: 'primary',
+        appearance: 'line'
+      };
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], props));
+      expect(wrapper.find("button.hi-btn--type--line")).toHaveLength(1);
+    });
+  });
+});
+describe('ButtonGroup', function () {
+  var Children = function Children() {
+    return _react["default"].createElement(_react.Fragment, null, _react["default"].createElement(_["default"], {
+      type: "primary"
+    }, "type0"), _react["default"].createElement(_["default"], {
+      type: "line"
+    }, "type1"), _react["default"].createElement(_["default"], {
+      type: "success"
+    }, "type2"), _react["default"].createElement(_["default"], {
+      type: "danger"
+    }, "type3"), _react["default"].createElement(_["default"], {
+      type: "default"
+    }, "type4"), _react["default"].createElement(_["default"], {
+      type: "warning"
+    }, "type5"), _react["default"].createElement(_["default"], {
+      type: "info"
+    }, "type6"));
+  };
+
+  describe('Lifecycle', function () {
+    it('componentDidMount', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"].Group, null, _react["default"].createElement(Children, null)));
+      expect(wrapper.instance()).toBeInstanceOf(_["default"].Group);
+      expect(wrapper.find(".hi-btn-group")).toHaveLength(1);
+    });
+  });
+});

package/es/button/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,8 +13,7 @@ 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: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}
+.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}

package/es/card/__tests__/index.test.js

@@ -0,0 +1,179 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _ = require("../");
+
+describe('Card', function () {
+  describe('Lifecycle', function () {
+    it('componentDidMount', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, null));
+      expect(wrapper.instance()).toBeInstanceOf(_.Card);
+      expect(wrapper.find(".hi-card")).toHaveLength(1);
+    });
+  });
+  describe('PropTypes', function () {
+    it('type', function () {
+      var types = ['simple', 'default'];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, types.map(function (type, index) {
+        return _react["default"].createElement(_.Card, (0, _extends2["default"])({
+          type: type
+        }, {
+          key: "".concat(type, "-").concat(index)
+        }));
+      })));
+      expect(wrapper.find(".hi-card")).toHaveLength(2);
+      expect(wrapper.find(".hi-card__content--simple")).toHaveLength(1);
+    });
+    it('extraType', function () {
+      var extraTypes = ['hover', 'default'];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, extraTypes.map(function (extraType, index) {
+        return _react["default"].createElement(_.Card, (0, _extends2["default"])({
+          extraType: extraType
+        }, {
+          key: "".concat("extraType", "-", index)
+        }));
+      })));
+      var firstCard = wrapper.find(_.Card).first();
+      expect(firstCard.state().extraShow).toBeFalsy();
+      firstCard.find('.hi-card').simulate('mouseenter');
+      expect(firstCard.state().extraShow).toBeTruthy();
+      firstCard.find('.hi-card').simulate('mouseleave');
+      expect(firstCard.state().extraShow).toBeFalsy();
+    });
+    it('extraShow', function () {
+      var extraShows = ['hover', 'stay'];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, extraShows.map(function (extraShow, index) {
+        return _react["default"].createElement(_.Card, (0, _extends2["default"])({
+          extraShow: extraShow
+        }, {
+          key: "".concat("extraShow", "-", index)
+        }));
+      })));
+      var firstCard = wrapper.find(_.Card).first();
+      expect(firstCard.state().extraShow).toEqual(false);
+      firstCard.find('.hi-card').simulate('mouseenter');
+      expect(firstCard.state().extraShow).toEqual(true);
+      firstCard.find('.hi-card').simulate('mouseleave');
+      expect(firstCard.state().extraShow).toEqual(false);
+    });
+    it('disabled', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, {
+        disabled: true
+      }));
+      expect(wrapper.find(".hi-card--disabled")).toHaveLength(1);
+    });
+    it('children', function () {
+      var Children = function Children() {
+        return _react["default"].createElement("div", null, "children");
+      };
+
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, null, _react["default"].createElement(Children, null)));
+      expect(wrapper.find(Children)).toHaveLength(1);
+    });
+    it('content', function () {
+      var content = 'custom-content';
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, (0, _extends2["default"])({
+        cover: _react["default"].createElement("div", null)
+      }, {
+        content: content
+      })));
+      expect(wrapper.text()).toEqual(expect.stringContaining(content));
+    });
+    it('description', function () {
+      var description = 'custom-description';
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, (0, _extends2["default"])({
+        cover: _react["default"].createElement("div", null)
+      }, {
+        description: description
+      })));
+      expect(wrapper.text()).toEqual(expect.stringContaining(description));
+    });
+    it('coverUrl', function () {
+      var coverUrl = 'custom-coverUrl';
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, {
+        coverUrl: coverUrl
+      }));
+      expect(wrapper.find('img').prop('src')).toEqual(coverUrl);
+    });
+    it('cover', function () {
+      var cover = _react["default"].createElement("div", {
+        className: "cover-class"
+      });
+
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, {
+        cover: cover
+      }));
+      expect(wrapper.find(".cover-class")).toHaveLength(1);
+    });
+    it('extra', function () {
+      var extras = [_react["default"].createElement("img", {
+        className: "extra-element-class"
+      }), 'extra-string', [_react["default"].createElement("i", {
+        className: "extra-array-element",
+        key: "extra-array-element"
+      }), 'extra-array-string']];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, extras.map(function (extra, index) {
+        return _react["default"].createElement(_.Card, (0, _extends2["default"])({
+          extra: extra
+        }, {
+          key: "".concat("extra", "-", index)
+        }));
+      })));
+      expect(wrapper.find(".extra-element-class")).toHaveLength(1);
+      expect(wrapper.find(".extra-array-element")).toHaveLength(1);
+      expect(wrapper.text()).toEqual(expect.stringContaining('extra-string'));
+      expect(wrapper.text()).toEqual(expect.stringContaining('extra-array-string'));
+    });
+    it('title', function () {
+      var titles = [_react["default"].createElement("img", {
+        className: "title-element-class"
+      }), 'title-string'];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, titles.map(function (title, index) {
+        return _react["default"].createElement(_.Card, (0, _extends2["default"])({
+          title: title
+        }, {
+          key: "".concat("title", "-", index)
+        }));
+      })));
+      expect(wrapper.find(".title-element-class")).toHaveLength(1);
+      expect(wrapper.text()).toEqual(expect.stringContaining('title-string'));
+    });
+    it('hoverable', function () {
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, {
+        hoverable: true
+      }));
+      expect(wrapper.find(".hi-card--hover")).toHaveLength(1);
+    });
+    it('size', function () {
+      var sizes = ['small', 'default', 'large'];
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, sizes.map(function (size, index) {
+        return _react["default"].createElement(_.Card, (0, _extends2["default"])({
+          type: "simple"
+        }, {
+          size: size
+        }, {
+          key: "".concat("size", "-", index)
+        }));
+      })));
+      expect(wrapper.find(".hi-card--small")).toHaveLength(1);
+      expect(wrapper.find(".hi-card--middle")).toHaveLength(1);
+      expect(wrapper.find(".hi-card--large")).toHaveLength(1);
+    });
+    it('style', function () {
+      var style = {
+        color: '#ffff00'
+      };
+      var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_.Card, {
+        style: style
+      }));
+      expect(wrapper.find(".hi-card").prop('style')).toMatchObject(style);
+    });
+  });
+});