@tant/icons 1.0.18 → 1.0.21

package/dist/lib/icons/bell.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,12 @@ var Bell = function Bell(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -59,7 +62,7 @@ var Bell = function Bell(props) {
 };
 
 Bell.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/book-2.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,12 @@ var Book2 = function Book2(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +60,7 @@ var Book2 = function Book2(props) {
 };
 
 Book2.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/book.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,12 @@ var Book = function Book(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +60,7 @@ var Book = function Book(props) {
 };
 
 Book.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/bookmark-2.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,12 @@ var Bookmark2 = function Bookmark2(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +60,7 @@ var Bookmark2 = function Bookmark2(props) {
 };
 
 Bookmark2.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/bookmark.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,12 @@ var Bookmark = function Bookmark(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +60,7 @@ var Bookmark = function Bookmark(props) {
 };
 
 Bookmark.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/boolean-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,12 @@ var BooleanSm = function BooleanSm(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -59,7 +62,7 @@ var BooleanSm = function BooleanSm(props) {
 };
 
 BooleanSm.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/calendar-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,12 @@ var CalendarSm = function CalendarSm(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +60,7 @@ var CalendarSm = function CalendarSm(props) {
 };
 
 CalendarSm.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/calendar.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,12 @@ var Calendar = function Calendar(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +60,7 @@ var Calendar = function Calendar(props) {
 };
 
 Calendar.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/card.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,12 @@ var Card = function Card(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +60,7 @@ var Card = function Card(props) {
 };
 
 Card.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/cellphone.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,12 @@ var Cellphone = function Cellphone(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -59,7 +62,7 @@ var Cellphone = function Cellphone(props) {
 };
 
 Cellphone.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/chart-bar-table.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,12 @@ var ChartBarTable = function ChartBarTable(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -59,7 +62,7 @@ var ChartBarTable = function ChartBarTable(props) {
 };
 
 ChartBarTable.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/chart-bar.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,12 @@ var ChartBar = function ChartBar(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -61,7 +64,7 @@ var ChartBar = function ChartBar(props) {
 };
 
 ChartBar.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/chart-combined-table.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,12 @@ var ChartCombinedTable = function ChartCombinedTable(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +60,7 @@ var ChartCombinedTable = function ChartCombinedTable(props) {
 };
 
 ChartCombinedTable.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/chart-complex.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,12 @@ var ChartComplex = function ChartComplex(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -65,7 +68,7 @@ var ChartComplex = function ChartComplex(props) {
 };
 
 ChartComplex.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/chart-cum.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,12 @@ var ChartCum = function ChartCum(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -67,7 +70,7 @@ var ChartCum = function ChartCum(props) {
 };
 
 ChartCum.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/chart-d-n-re.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,12 @@ var ChartDNRe = function ChartDNRe(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -69,7 +72,7 @@ var ChartDNRe = function ChartDNRe(props) {
 };
 
 ChartDNRe.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/chart-d-re.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,12 @@ var ChartDRe = function ChartDRe(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -69,7 +72,7 @@ var ChartDRe = function ChartDRe(props) {
 };
 
 ChartDRe.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/chart-dist-table.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,12 @@ var ChartDistTable = function ChartDistTable(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +60,7 @@ var ChartDistTable = function ChartDistTable(props) {
 };
 
 ChartDistTable.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/chart-fieldlist.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,12 @@ var ChartFieldlist = function ChartFieldlist(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -57,7 +60,7 @@ var ChartFieldlist = function ChartFieldlist(props) {
 };
 
 ChartFieldlist.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/chart-funnel.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,12 @@ var ChartFunnel = function ChartFunnel(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
+  }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
@@ -61,7 +64,7 @@ var ChartFunnel = function ChartFunnel(props) {
 };
 
 ChartFunnel.propTypes = {
-  spin: _propTypes["default"]["boolean"],
+  spin: _propTypes["default"].bool,
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };