@tant/icons 1.1.42 → 1.1.54

package/dist/es/icons/exposure.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 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); }
 
@@ -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 Exposure = function Exposure(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var Exposure = function Exposure(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 Exposure = function Exposure(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: "M12 18a6 6 0 110-12 6 6 0 010 12zm0-2A4 4 0 1012 8 4 4 0 0012 16zM11 1h2v3h-2V1zm0 19.001h2v3h-2v-3zM3.513 4.929L4.93 3.516 7.05 5.637 5.635 7.05l-2.12-2.12V4.93zM16.95 18.364l1.415-1.414 2.12 2.121-1.414 1.414-2.121-2.12zm2.121-14.85l1.414 1.415-2.12 2.121-1.415-1.413 2.121-2.121v-.002zM5.635 16.95l1.415 1.415-2.121 2.12-1.415-1.414 2.121-2.121zM23 11.001v2h-3v-2h3zM4 11.001v2H1v-2h3z"
   })));
 };
 
 Exposure.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

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

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 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); }
 
@@ -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 Expression2 = function Expression2(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var Expression2 = function Expression2(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 Expression2 = function Expression2(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: "M13 20H3v-2l3.684-6L3 6V4h10v2H5.34l3.61 6-3.61 6H13v2z"
   }), /*#__PURE__*/React.createElement("path", {
@@ -51,6 +51,7 @@ var Expression2 = function Expression2(props) {
 };
 
 Expression2.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/expression.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 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); }
 
@@ -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 Expression = function Expression(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var Expression = function Expression(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 Expression = function Expression(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 18l7.68-6L5 6V4h14v2H8.263L16 12l-7.737 6H19v2H5v-2z"
   })));
 };
 
 Expression.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/external.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 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); }
 
@@ -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 External = function External(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var External = function External(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 External = function External(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 6v2H5v11h11v-5h2v6a1 1 0 01-1 1H4a1 1 0 01-1-1V7a1 1 0 011-1h6zm11-3v8h-2V6.413l-7.793 7.794-1.414-1.414L17.585 5H13V3h8z"
   })));
 };
 
 External.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/eye-off-fill.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 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); }
 
@@ -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 EyeOffFill = function EyeOffFill(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var EyeOffFill = function EyeOffFill(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 EyeOffFill = function EyeOffFill(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: "M6 0L4.268 1l2.116 3.664a11.01 11.01 0 00-5.203 7.46c.941 5.12 5.427 9 10.82 9 1.24 0 2.435-.205 3.548-.585l2.72 4.71 1.731-1L6 0zm2.842 8.922l1.062 1.84a2.5 2.5 0 002.228 3.858l1.063 1.842a4.502 4.502 0 01-5.693-4.338c0-1.253.512-2.387 1.34-3.202z"
   }), /*#__PURE__*/React.createElement("path", {
@@ -51,6 +51,7 @@ var EyeOffFill = function EyeOffFill(props) {
 };
 
 EyeOffFill.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/eye-off.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 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); }
 
@@ -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 EyeOff = function EyeOff(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var EyeOff = function EyeOff(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 EyeOff = function EyeOff(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: "M17.882 19.297A10.949 10.949 0 0112 21c-5.392 0-9.878-3.88-10.819-9a10.982 10.982 0 013.34-6.066L1.392 2.808l1.415-1.415 19.8 19.8-1.416 1.414-3.31-3.31h.001zM5.935 7.35A8.965 8.965 0 003.223 12a9.005 9.005 0 0013.201 5.838l-2.028-2.028A4.5 4.5 0 018.19 9.604L5.935 7.35zm6.98 6.978l-3.243-3.242a2.5 2.5 0 003.241 3.241l.001.001zm7.892 2.264l-1.43-1.43a8.938 8.938 0 001.4-3.162A9.006 9.006 0 009.552 5.338L7.974 3.76A10.99 10.99 0 0112 3c5.392 0 9.878 3.88 10.82 9a10.949 10.949 0 01-2.013 4.592zm-9.084-9.084a4.5 4.5 0 014.77 4.769l-4.77-4.769z"
   })));
 };
 
 EyeOff.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/eye-on-fill.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 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); }
 
@@ -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 EyeOnFill = function EyeOnFill(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var EyeOnFill = function EyeOnFill(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 EyeOnFill = function EyeOnFill(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: "M12 14.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"
   }), /*#__PURE__*/React.createElement("path", {
@@ -51,6 +51,7 @@ var EyeOnFill = function EyeOnFill(props) {
 };
 
 EyeOnFill.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/eye-on.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 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); }
 
@@ -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 EyeOn = function EyeOn(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var EyeOn = function EyeOn(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 EyeOn = function EyeOn(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: "M12 3c5.392 0 9.878 3.88 10.82 9-.94 5.12-5.428 9-10.82 9s-9.878-3.88-10.819-9c.94-5.12 5.427-9 10.82-9zm0 16a9.005 9.005 0 008.777-7 9.005 9.005 0 00-17.554 0A9.005 9.005 0 0012 19zm0-2.5a4.5 4.5 0 110-9 4.5 4.5 0 010 9zm0-2a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"
   })));
 };
 
 EyeOn.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/file-add.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 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); }
 
@@ -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 FileAdd = function FileAdd(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var FileAdd = function FileAdd(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 FileAdd = function FileAdd(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: "M15 4H5v16h14V8h-4V4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0120.007 22H3.993A1 1 0 013 21.008V2.992zM11 12V9h2v3h3v2h-3v3h-2v-3H8v-2h3z"
   })));
 };
 
 FileAdd.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/file-convert.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 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); }
 
@@ -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 FileConvert = function FileConvert(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var FileConvert = function FileConvert(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 FileConvert = function FileConvert(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 8v4H7l4 4V8H9z"
   }), /*#__PURE__*/React.createElement("path", {
@@ -55,6 +55,7 @@ var FileConvert = function FileConvert(props) {
 };
 
 FileConvert.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/file-export.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 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); }
 
@@ -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 FileExport = function FileExport(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var FileExport = function FileExport(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 FileExport = function FileExport(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: "M13 13h3l-4 4-4-4h3V9h2v4zm2-9H5v16h14V8h-4V4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0120.007 22H3.993A1 1 0 013 21.008V2.992z"
   })));
 };
 
 FileExport.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/file-import.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 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); }
 
@@ -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 FileImport = function FileImport(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var FileImport = function FileImport(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 FileImport = function FileImport(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: "M13 12h3l-4-4-4 4h3v4h2v-4zm2-8H5v16h14V8h-4V4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0120.007 22H3.993A1 1 0 013 21.008V2.992z"
   })));
 };
 
 FileImport.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/file-info.js

@@ -1,4 +1,4 @@
-var _excluded = ["color", "size", "spin", "style", "className"];
+var _excluded = ["color", "size", "spin", "style", "className", "iconClassName"];
 
 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); }
 
@@ -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 FileInfo = function FileInfo(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var FileInfo = function FileInfo(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 FileInfo = function FileInfo(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: "M15 4H5v16h14V8h-4V4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0120.007 22H3.993A1 1 0 013 21.008V2.992zM11 11h2v6h-2v-6zm0-4h2v2h-2V7z"
   })));
 };
 
 FileInfo.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])