@tant/icons 1.0.20 → 1.0.23

package/dist/es/icons/success-fill.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var SuccessFill = function SuccessFill(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -48,7 +56,7 @@ var SuccessFill = function SuccessFill(props) {
 };
 
 SuccessFill.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/success.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var Success = function Success(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -46,7 +54,7 @@ var Success = function Success(props) {
 };
 
 Success.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/swap-fill.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var SwapFill = function SwapFill(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -46,7 +54,7 @@ var SwapFill = function SwapFill(props) {
 };
 
 SwapFill.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/system-mgr.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var SystemMgr = function SystemMgr(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -50,7 +58,7 @@ var SystemMgr = function SystemMgr(props) {
 };
 
 SystemMgr.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/system-msg.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var SystemMsg = function SystemMsg(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -52,7 +60,7 @@ var SystemMsg = function SystemMsg(props) {
 };
 
 SystemMsg.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/t-a2b.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var TA2b = function TA2b(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -46,7 +54,7 @@ var TA2b = function TA2b(props) {
 };
 
 TA2b.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/t-x2y.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var TX2y = function TX2y(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -50,7 +58,7 @@ var TX2y = function TX2y(props) {
 };
 
 TX2y.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/table-1dtable.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var Table1dtable = function Table1dtable(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -64,7 +72,7 @@ var Table1dtable = function Table1dtable(props) {
 };
 
 Table1dtable.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/td-logo.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var TdLogo = function TdLogo(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -54,7 +62,7 @@ var TdLogo = function TdLogo(props) {
 };
 
 TdLogo.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/time-lock.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var TimeLock = function TimeLock(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -46,7 +54,7 @@ var TimeLock = function TimeLock(props) {
 };
 
 TimeLock.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/time-sm.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var TimeSm = function TimeSm(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -48,7 +56,7 @@ var TimeSm = function TimeSm(props) {
 };
 
 TimeSm.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/tracking.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var Tracking = function Tracking(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -56,7 +64,7 @@ var Tracking = function Tracking(props) {
 };
 
 Tracking.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/tri-down.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var TriDown = function TriDown(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -46,7 +54,7 @@ var TriDown = function TriDown(props) {
 };
 
 TriDown.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/tri-left.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var TriLeft = function TriLeft(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -46,7 +54,7 @@ var TriLeft = function TriLeft(props) {
 };
 
 TriLeft.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/tri-right.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var TriRight = function TriRight(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -46,7 +54,7 @@ var TriRight = function TriRight(props) {
 };
 
 TriRight.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/tri-up.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var TriUp = function TriUp(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -46,7 +54,7 @@ var TriUp = function TriUp(props) {
 };
 
 TriUp.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/u-group-sm.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var UGroupSm = function UGroupSm(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -60,7 +68,7 @@ var UGroupSm = function UGroupSm(props) {
 };
 
 UGroupSm.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/u-group.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var UGroup = function UGroup(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -54,7 +62,7 @@ var UGroup = function UGroup(props) {
 };
 
 UGroup.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };

package/dist/es/icons/u-prop-mgr.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style"];
+var _excluded = ["color", "size", "spin", "style", "className"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -21,9 +21,17 @@ var UPropMgr = function UPropMgr(props) {
       size = props.size,
       spin = props.spin,
       style = props.style,
+      className = props.className,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", {
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -56,7 +64,7 @@ var UPropMgr = function UPropMgr(props) {
 };
 
 UPropMgr.propTypes = {
-  spin: PropTypes["boolean"],
+  spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };