@tant/icons 1.0.20 → 1.0.23

package/dist/lib/icons/project-mgr.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var ProjectMgr = function ProjectMgr(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -61,7 +69,7 @@ var ProjectMgr = function ProjectMgr(props) {
 };
 
 ProjectMgr.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };

package/dist/lib/icons/project.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var Project = function Project(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +65,7 @@ var Project = function Project(props) {
 };
 
 Project.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };

package/dist/lib/icons/related-prop.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var RelatedProp = function RelatedProp(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +65,7 @@ var RelatedProp = function RelatedProp(props) {
 };
 
 RelatedProp.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };

package/dist/lib/icons/report-removal.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var ReportRemoval = function ReportRemoval(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -65,7 +73,7 @@ var ReportRemoval = function ReportRemoval(props) {
 };
 
 ReportRemoval.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };

package/dist/lib/icons/report.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var Report = function Report(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +65,7 @@ var Report = function Report(props) {
 };
 
 Report.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };

package/dist/lib/icons/reset-password.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var ResetPassword = function ResetPassword(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +65,7 @@ var ResetPassword = function ResetPassword(props) {
 };
 
 ResetPassword.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };

package/dist/lib/icons/result.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var Result = function Result(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -61,7 +69,7 @@ var Result = function Result(props) {
 };
 
 Result.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };

package/dist/lib/icons/rows-sm.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var RowsSm = function RowsSm(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -67,7 +75,7 @@ var RowsSm = function RowsSm(props) {
 };
 
 RowsSm.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };

package/dist/lib/icons/s-space.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var SSpace = function SSpace(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -59,7 +67,7 @@ var SSpace = function SSpace(props) {
 };
 
 SSpace.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };

package/dist/lib/icons/save.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var Save = function Save(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +65,7 @@ var Save = function Save(props) {
 };
 
 Save.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };

package/dist/lib/icons/search.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var Search = function Search(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +65,7 @@ var Search = function Search(props) {
 };
 
 Search.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };

package/dist/lib/icons/send.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var Send = function Send(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +65,7 @@ var Send = function Send(props) {
 };
 
 Send.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };

package/dist/lib/icons/server.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var Server = function Server(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +65,7 @@ var Server = function Server(props) {
 };
 
 Server.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };

package/dist/lib/icons/setting.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var Setting = function Setting(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +65,7 @@ var Setting = function Setting(props) {
 };
 
 Setting.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };

package/dist/lib/icons/share.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var Share = function Share(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +65,7 @@ var Share = function Share(props) {
 };
 
 Share.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };

package/dist/lib/icons/shield-check.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var ShieldCheck = function ShieldCheck(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +65,7 @@ var ShieldCheck = function ShieldCheck(props) {
 };
 
 ShieldCheck.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };

package/dist/lib/icons/shield-cross.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -32,9 +32,17 @@ var ShieldCross = function ShieldCross(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +65,7 @@ var ShieldCross = function ShieldCross(props) {
 };
 
 ShieldCross.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };