@tant/icons 1.1.53 → 1.1.54

package/dist/es/icons/search.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 Search = function Search(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var Search = function Search(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 Search = function Search(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.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0111 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 01-1.969 5.617zm-2.006-.742A6.977 6.977 0 0018 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 004.875-1.975l.15-.15z"
   })));
 };
 
 Search.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/send.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 Send = function Send(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var Send = function Send(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 Send = function Send(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: "M1.923 9.37c-.51-.205-.504-.51.034-.689l19.086-6.362c.529-.176.832.12.684.638l-5.454 19.086c-.15.529-.475.553-.717.07L11 13 1.923 9.37zm4.89-.2l5.636 2.255 3.04 6.082 3.546-12.41L6.812 9.17h.001z"
   })));
 };
 
 Send.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/server.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 Server = function Server(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var Server = function Server(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 Server = function Server(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 11h14V5H5v6zm16-7v16a1 1 0 01-1 1H4a1 1 0 01-1-1V4a1 1 0 011-1h16a1 1 0 011 1zm-2 9H5v6h14v-6zM7 15h3v2H7v-2zm0-8h3v2H7V7z"
   })));
 };
 
 Server.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/setting.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 Setting = function Setting(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var Setting = function Setting(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 Setting = function Setting(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: "M2 12c0-.865.11-1.703.316-2.504A3 3 0 004.99 4.867a9.99 9.99 0 014.335-2.505 3 3 0 005.348 0 9.99 9.99 0 014.335 2.505 3 3 0 002.675 4.63 10.036 10.036 0 010 5.007 3 3 0 00-2.675 4.629 9.99 9.99 0 01-4.335 2.505 3 3 0 00-5.348 0 9.99 9.99 0 01-4.335-2.505 3 3 0 00-2.675-4.63A10.056 10.056 0 012 12zm4.804 3c.63 1.091.81 2.346.564 3.524.408.29.842.541 1.297.75A4.993 4.993 0 0112 18c1.26 0 2.438.471 3.335 1.274.455-.209.889-.46 1.297-.75A4.993 4.993 0 0117.196 15a4.993 4.993 0 012.77-2.25 8.134 8.134 0 000-1.5A4.993 4.993 0 0117.195 9a4.993 4.993 0 01-.564-3.524 7.988 7.988 0 00-1.297-.75A4.993 4.993 0 0112 6a4.993 4.993 0 01-3.335-1.274 7.99 7.99 0 00-1.297.75A4.993 4.993 0 016.804 9a4.993 4.993 0 01-2.77 2.25 8.125 8.125 0 000 1.5A4.993 4.993 0 016.805 15h-.001zM12 15a3 3 0 110-6 3 3 0 010 6zm0-2a1 1 0 100-2 1 1 0 000 2z"
   })));
 };
 
 Setting.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/share.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 Share = function Share(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var Share = function Share(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 Share = function Share(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 3v2H4v14h16v-9h2v10a1 1 0 01-1 1H3a1 1 0 01-1-1V4a1 1 0 011-1h6zm7 2V1l7 6h-9a2 2 0 00-2 2v6h-2V9a4 4 0 014-4h2z"
   })));
 };
 
 Share.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/shield-check.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 ShieldCheck = function ShieldCheck(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var ShieldCheck = function ShieldCheck(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 ShieldCheck = function ShieldCheck(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 1l8.217 1.826a1 1 0 01.783.976v9.987a6 6 0 01-2.672 4.992L12 23l-6.328-4.219A5.997 5.997 0 013 13.79V3.802a1 1 0 01.783-.976L12 1zm0 2.049L5 4.604v9.185a4 4 0 001.781 3.328L12 20.597l5.219-3.48A3.998 3.998 0 0019 13.79V4.604L12 3.05v-.001zm4.452 5.173l1.415 1.414L11.503 16 7.26 11.757l1.414-1.414 2.828 2.828 4.95-4.95v.001z"
   })));
 };
 
 ShieldCheck.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/shield-cross.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 ShieldCross = function ShieldCross(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var ShieldCross = function ShieldCross(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 ShieldCross = function ShieldCross(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: "M3.783 2.826L12 1l8.217 1.826a1 1 0 01.783.976v9.987a6 6 0 01-2.672 4.992L12 23l-6.328-4.219A6 6 0 013 13.79V3.802a1 1 0 01.783-.976zM5 4.604v9.185a4 4 0 001.781 3.328L12 20.597l5.219-3.48A4 4 0 0019 13.79V4.604L12 3.05 5 4.604zM11 10V7h2v3h3v2h-3v3h-2v-3H8v-2h3z"
   })));
 };
 
 ShieldCross.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/shield-keyhole.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 ShieldKeyhole = function ShieldKeyhole(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var ShieldKeyhole = function ShieldKeyhole(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 ShieldKeyhole = function ShieldKeyhole(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 1l8.217 1.826a1 1 0 01.783.976v9.987a6 6 0 01-2.672 4.992L12 23l-6.328-4.219A6 6 0 013 13.79V3.802a1 1 0 01.783-.976L12 1zm0 2.049L5 4.604v9.185a4 4 0 001.781 3.328L12 20.597l5.219-3.48A4 4 0 0019 13.79V4.604L12 3.05v-.001zM12 7a2 2 0 011.001 3.732L13 15h-2v-4.268A2 2 0 0112 7z"
   })));
 };
 
 ShieldKeyhole.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/shop-fill.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 ShopFill = function ShopFill(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var ShopFill = function ShopFill(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 ShopFill = function ShopFill(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: "M19 6h-3a4 4 0 00-8 0H5a1 1 0 00-1 1v14a1 1 0 001 1h14a1 1 0 001-1V7a1 1 0 00-1-1zm-7-2a2 2 0 012 2h-4a2 2 0 012-2zM8 8h2v4H8V8zm8 0v4h-2V8h2z"
   })));
 };
 
 ShopFill.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/shop.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 Shop = function Shop(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var Shop = function Shop(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 Shop = function Shop(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: "M19 6h-3a4 4 0 00-8 0H5a1 1 0 00-1 1v14a1 1 0 001 1h14a1 1 0 001-1V7a1 1 0 00-1-1zm-5 2v4h2V8h2v12H6V8h2v4h2V8h4zm-2-4a2 2 0 012 2h-4a2 2 0 012-2z"
   })));
 };
 
 Shop.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/sort-a2z.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 SortA2z = function SortA2z(props) {
   var color = props.color,
@@ -22,6 +22,7 @@ var SortA2z = function SortA2z(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 SortA2z = function SortA2z(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 12.047h-5.742l5.565-7.838V3H14v1.541h5.557L14 12.334v1.24h8v-1.527z"
   }), /*#__PURE__*/React.createElement("path", {
@@ -53,6 +53,7 @@ var SortA2z = function SortA2z(props) {
 };
 
 SortA2z.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/dist/es/icons/{sort-up.js → sort-down-cl.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,14 +14,15 @@ 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 SortUp = function SortUp(props) {
+var SortDownCl = function SortDownCl(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
       style = props.style,
       className = props.className,
+      iconClassName = props.iconClassName,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
@@ -35,29 +36,31 @@ var SortUp = function SortUp(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 15l6 6 6-6H6z"
+    d: "M6 15l6 6 6-6H6z",
+    fill: "#1673F6"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M6 9l6-6 6 6H6z"
+    d: "M6 9l6-6 6 6H6z",
+    fill: "#747C94"
   })));
 };
 
-SortUp.propTypes = {
+SortDownCl.propTypes = {
+  iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-SortUp.defaultProps = {
+SortDownCl.defaultProps = {
   spin: false,
   color: 'currentColor',
   size: '16'
 };
-export default SortUp;
+export default SortDownCl;