@tant/icons 1.1.53 → 1.1.56

package/dist/es/icons/m-interval.js

@@ -1,6 +1,6 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+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); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var MInterval = function MInterval(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var MInterval = function MInterval(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
@@ -35,14 +36,13 @@ var MInterval = function MInterval(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/React.createElement("path", {
     d: "M9 2H4v3h5V2z"
   }), /*#__PURE__*/React.createElement("path", {
@@ -55,6 +55,7 @@ var MInterval = function MInterval(props) {
 };
 
 MInterval.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/m-property.js

@@ -1,6 +1,6 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+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); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var MProperty = function MProperty(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var MProperty = function MProperty(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
@@ -35,14 +36,13 @@ var MProperty = function MProperty(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/React.createElement("path", {
     d: "M5 5a3 3 0 013-3h12a3 3 0 013 3v14a3 3 0 01-3 3h-7v-2h7a1 1 0 001-1V5a1 1 0 00-1-1H8a1 1 0 00-1 1v3H5V5z"
   }), /*#__PURE__*/React.createElement("path", {
@@ -57,6 +57,7 @@ var MProperty = function MProperty(props) {
 };
 
 MProperty.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/m-retention.js

@@ -1,6 +1,6 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+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); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var MRetention = function MRetention(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var MRetention = function MRetention(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
@@ -35,14 +36,13 @@ var MRetention = function MRetention(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/React.createElement("path", {
     d: "M4 3a1 1 0 00-1 1v2a1 1 0 001 1h2a1 1 0 001-1V4a1 1 0 00-1-1H4z"
   }), /*#__PURE__*/React.createElement("path", {
@@ -59,6 +59,7 @@ var MRetention = function MRetention(props) {
 };
 
 MRetention.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/m-sql.js

@@ -1,6 +1,6 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+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); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var MSql = function MSql(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var MSql = function MSql(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
@@ -35,14 +36,13 @@ var MSql = function MSql(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/React.createElement("path", {
     d: "M22 2H2v3h20V2z"
   }), /*#__PURE__*/React.createElement("path", {
@@ -59,6 +59,7 @@ var MSql = function MSql(props) {
 };
 
 MSql.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/menu-fold.js

@@ -1,6 +1,6 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+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); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var MenuFold = function MenuFold(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var MenuFold = function MenuFold(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
@@ -35,20 +36,20 @@ var MenuFold = function MenuFold(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/React.createElement("path", {
     d: "M21 18v2H3v-2h18zM6.596 3.904L8.01 5.318 4.828 8.5l3.182 3.182-1.414 1.414L2 8.5l4.596-4.596zM21 11v2h-9v-2h9zm0-7v2h-9V4h9z"
   })));
 };
 
 MenuFold.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/menu-unfold.js

@@ -1,6 +1,6 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+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); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var MenuUnfold = function MenuUnfold(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var MenuUnfold = function MenuUnfold(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
@@ -35,20 +36,20 @@ var MenuUnfold = function MenuUnfold(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/React.createElement("path", {
     d: "M21 18v2H3v-2h18zM17.404 3.904L22 8.5l-4.596 4.596-1.414-1.414L19.172 8.5 15.99 5.318l1.414-1.414zM12 11v2H3v-2h9zm0-7v2H3V4h9z"
   })));
 };
 
 MenuUnfold.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/message-center.js

@@ -1,6 +1,6 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+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); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var MessageCenter = function MessageCenter(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var MessageCenter = function MessageCenter(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
@@ -35,14 +36,13 @@ var MessageCenter = function MessageCenter(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/React.createElement("path", {
     d: "M18 3H6v2h12V3z"
   }), /*#__PURE__*/React.createElement("path", {
@@ -57,6 +57,7 @@ var MessageCenter = function MessageCenter(props) {
 };
 
 MessageCenter.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/mfa.js

@@ -1,6 +1,6 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+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); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var Mfa = function Mfa(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var Mfa = function Mfa(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
@@ -35,20 +36,20 @@ var Mfa = function Mfa(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/React.createElement("path", {
     d: "M10.991 1.416L4.066 5.264c-1.362.757-1.374 2.712-.021 3.485l14.461 8.264-6.501 3.824L7.277 18H8v-2H3v5h2v-2.034l5.976 3.586a2 2 0 002.043.009l6.501-3.825c1.325-.779 1.313-2.698-.021-3.46L5.037 7.012l6.926-3.847L16.373 6H15v2h5V3h-2v1.668l-4.956-3.186a2 2 0 00-2.053-.066z"
   })));
 };
 
 Mfa.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/more-1.js

@@ -1,6 +1,6 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+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); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var More1 = function More1(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var More1 = function More1(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
@@ -35,20 +36,20 @@ var More1 = function More1(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/React.createElement("path", {
     d: "M4.5 10.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S6 12.825 6 12s-.675-1.5-1.5-1.5zm15 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5S21 12.825 21 12s-.675-1.5-1.5-1.5zm-7.5 0c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5z"
   })));
 };
 
 More1.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/more-2.js

@@ -1,6 +1,6 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+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); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var More2 = function More2(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var More2 = function More2(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
@@ -35,20 +36,20 @@ var More2 = function More2(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/React.createElement("path", {
     d: "M10.5 19.5c0 .825.675 1.5 1.5 1.5s1.5-.675 1.5-1.5S12.825 18 12 18s-1.5.675-1.5 1.5zm0-15c0 .825.675 1.5 1.5 1.5s1.5-.675 1.5-1.5S12.825 3 12 3s-1.5.675-1.5 1.5zm0 7.5c0 .825.675 1.5 1.5 1.5s1.5-.675 1.5-1.5-.675-1.5-1.5-1.5-1.5.675-1.5 1.5z"
   })));
 };
 
 More2.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

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

@@ -1,6 +1,6 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+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); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var NumSm = function NumSm(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var NumSm = function NumSm(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
@@ -35,14 +36,13 @@ var NumSm = function NumSm(props) {
     viewBox: "0 0 16 16",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/React.createElement("path", {
     d: "M8 11.5h1v-7h-.142L6.5 5.18V6H8v5.5z"
   }), /*#__PURE__*/React.createElement("path", {
@@ -51,6 +51,7 @@ var NumSm = function NumSm(props) {
 };
 
 NumSm.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/operator-bigger.js

@@ -1,6 +1,6 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+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); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center } .tant-icon-span > svg { cursor: pointer }';
 
 var OperatorBigger = function OperatorBigger(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var OperatorBigger = function OperatorBigger(props) {
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
@@ -35,14 +36,13 @@ var OperatorBigger = function OperatorBigger(props) {
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+    className: iconClassName,
+    style: _objectSpread(_objectSpread({}, style), spin ? {
       animationDuration: '1s',
       animationIterationCount: 'infinite',
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
-    } : {}), {}, {
-      cursor: 'pointer'
-    })
+    } : {})
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
@@ -51,6 +51,7 @@ var OperatorBigger = function OperatorBigger(props) {
 };
 
 OperatorBigger.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])