@tant/icons 1.1.67 → 1.1.68

package/dist/tant-icons.cjs.js

@@ -4708,19 +4708,11 @@ var SortA2z = function SortA2z(props) {
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M18 2a1 1 0 011 1v17a1 1 0 11-2 0V3a1 1 0 011-1z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M13.707 16.293a1 1 0 011.414 0l3.586 3.586a1 1 0 01-1.414 1.414l-3.586-3.586a1 1 0 010-1.414z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M22.293 16.293a1 1 0 00-1.414 0l-3.586 3.586a1 1 0 001.414 1.414l3.586-3.586a1 1 0 000-1.414z"
-  }), /*#__PURE__*/React.createElement("path", {
     d: "M6.736 2L10 10H8.611l-.795-2.062H4.172L3.377 10H2l3.264-8h1.472zm.688 4.93l-1.4-3.62h-.048L4.564 6.93h2.86z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M2.859 13h6.354v1.097l-5.014 6.73H9.5V22h-7v-1.084l5.026-6.744H2.859V13z"
+    d: "M18 2a1 1 0 011 1v15.172l1.879-1.88a1 1 0 011.414 1.415l-3.574 3.574-.012.012a.997.997 0 01-1.414 0l-.012-.012-3.574-3.574a1 1 0 011.414-1.414L17 18.172V3a1 1 0 011-1z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.213 13H2.859v1.172h4.667L2.5 20.916V22h7v-1.172H4.2l5.013-6.731V13z"
   })));
 };
 
@@ -4768,19 +4760,7 @@ var SortZ2a = function SortZ2a(props) {
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M18 22a1 1 0 01-1-1V4a1 1 0 112 0v17a1 1 0 01-1 1z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M22.293 7.707a1 1 0 01-1.414 0l-3.586-3.586a1 1 0 011.414-1.414l3.586 3.586a1 1 0 010 1.414z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M13.707 7.707a1 1 0 001.414 0l3.586-3.586a1 1 0 00-1.414-1.414l-3.586 3.586a1 1 0 000 1.414z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M6.736 2L10 10H8.611l-.795-2.062H4.172L3.377 10H2l3.264-8h1.472zm.688 4.93l-1.4-3.62h-.048L4.564 6.93h2.86z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M2.859 13h6.354v1.097l-5.014 6.73H9.5V22h-7v-1.084l5.026-6.744H2.859V13z"
+    d: "M6.736 2L10 10H8.611l-.795-2.062H4.172L3.377 10H2l3.264-8h1.472zm.688 4.93l-1.4-3.62h-.048L4.564 6.93h2.86zm7.697.777a1 1 0 11-1.414-1.414l3.574-3.574.012-.012a.997.997 0 011.414 0l.012.012 3.574 3.574a1 1 0 01-1.414 1.414L19 5.828V21a1 1 0 11-2 0V5.828l-1.879 1.88zM9.213 13H2.859v1.172h4.667L2.5 20.916V22h7v-1.172H4.2l5.013-6.731V13z"
   })));
 };
 
@@ -5717,7 +5697,7 @@ Index.defaultProps = {
 
 var loadingCircleStyle$1P = '@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 SortUpCl = function SortUpCl(props) {
+var SortUp = function SortUp(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -5745,50 +5725,25 @@ var SortUpCl = function SortUpCl(props) {
       animationTimingFunction: 'linear'
     } : {})
   }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M9 5a1 1 0 01-1 1H3a1 1 0 110-2h5a1 1 0 011 1z",
-    fill: "#747C94"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M15 20a1 1 0 01-1 1H3a1 1 0 110-2h11a1 1 0 011 1z",
-    fill: "#747C94"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M13 15a1 1 0 01-1 1H3a1 1 0 110-2h9a1 1 0 011 1z",
-    fill: "#747C94"
+    d: "M17 21a1 1 0 102 0V5.828l1.879 1.88a1 1 0 101.414-1.415l-3.574-3.574a.997.997 0 00-1.437 0l-3.575 3.574a1 1 0 001.414 1.414L17 5.828V21z"
   }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M11 10a1 1 0 01-1 1H3a1 1 0 110-2h7a1 1 0 011 1z",
-    fill: "#747C94"
+    d: "M15 20a1 1 0 01-1 1H3a1 1 0 110-2h11a1 1 0 011 1z"
   }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M18 22a1 1 0 01-1-1V4a1 1 0 112 0v17a1 1 0 01-1 1z",
-    fill: "#747C94"
+    d: "M9 5a1 1 0 01-1 1H3a1 1 0 010-2h5a1 1 0 011 1z"
   }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M22.293 7.707a1 1 0 01-1.414 0l-3.586-3.586a1 1 0 011.414-1.414l3.586 3.586a1 1 0 010 1.414z",
-    fill: "#747C94"
+    d: "M12 16a1 1 0 100-2H3a1 1 0 100 2h9z"
   }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M13.707 7.707a1 1 0 001.414 0l3.586-3.586a1 1 0 00-1.414-1.414l-3.586 3.586a1 1 0 000 1.414z",
-    fill: "#747C94"
+    d: "M11 10a1 1 0 01-1 1H3a1 1 0 110-2h7a1 1 0 011 1z"
   })));
 };
 
-SortUpCl.propTypes = {
+SortUp.propTypes = {
   iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-SortUpCl.defaultProps = {
+SortUp.defaultProps = {
   spin: false,
   color: 'currentColor',
   size: '16'
@@ -5796,7 +5751,7 @@ SortUpCl.defaultProps = {
 
 var loadingCircleStyle$1Q = '@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 SortDownCl = function SortDownCl(props) {
+var SortDown = function SortDown(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -5824,50 +5779,25 @@ var SortDownCl = function SortDownCl(props) {
       animationTimingFunction: 'linear'
     } : {})
   }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M18 2a1 1 0 011 1v17a1 1 0 11-2 0V3a1 1 0 011-1z",
-    fill: "#747C94"
+    d: "M18 2a1 1 0 011 1v15.172l1.879-1.88a1 1 0 011.414 1.415l-3.586 3.586a1 1 0 01-1.414 0l-3.586-3.586a1 1 0 011.414-1.414L17 18.172V3a1 1 0 011-1z"
   }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M13.707 16.293a1 1 0 011.414 0l3.586 3.586a1 1 0 01-1.414 1.414l-3.586-3.586a1 1 0 010-1.414z",
-    fill: "#747C94"
+    d: "M2 4a1 1 0 011-1h11a1 1 0 110 2H3a1 1 0 01-1-1z"
   }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M22.293 16.293a1 1 0 00-1.414 0l-3.586 3.586a1 1 0 001.414 1.414l3.586-3.586a1 1 0 000-1.414z",
-    fill: "#747C94"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M2 4a1 1 0 011-1h11a1 1 0 110 2H3a1 1 0 01-1-1z",
-    fill: "#747C94"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M2 9a1 1 0 011-1h9a1 1 0 110 2H3a1 1 0 01-1-1z",
-    fill: "#747C94"
+    d: "M3 8a1 1 0 000 2h9a1 1 0 100-2H3z"
   }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M2 14a1 1 0 011-1h7a1 1 0 110 2H3a1 1 0 01-1-1z",
-    fill: "#747C94"
+    d: "M2 14a1 1 0 011-1h7a1 1 0 110 2H3a1 1 0 01-1-1z"
   }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M2 19a1 1 0 011-1h5a1 1 0 110 2H3a1 1 0 01-1-1z",
-    fill: "#747C94"
+    d: "M3 18a1 1 0 100 2h5a1 1 0 100-2H3z"
   })));
 };
 
-SortDownCl.propTypes = {
+SortDown.propTypes = {
   iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-SortDownCl.defaultProps = {
+SortDown.defaultProps = {
   spin: false,
   color: 'currentColor',
   size: '16'
@@ -11709,7 +11639,7 @@ PauseCircle.defaultProps = {
 
 var loadingCircleStyle$3K = '@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 Upload = function Upload(props) {
+var UpdateData = function UpdateData(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -11736,22 +11666,22 @@ var Upload = function Upload(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M16 12h-3v4h-2v-4H8l4-4 4 4z"
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M21.528 20.951v-4.095a.909.909 0 00-.258-.623.917.917 0 00-.636-.256c-.492 0-.9.39-.9.873v3.28H4.272v-3.28a.864.864 0 00-.264-.617.917.917 0 00-.636-.256c-.492 0-.9.39-.9.873v4.096c0 .058 0 .104.012.157.048.437.432.78.894.78h17.238a.9.9 0 00.882-.704.906.906 0 00.03-.228z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M11.23 3.32L6.808 7.614a1.022 1.022 0 00-.018 1.444 1.08 1.08 0 001.488 0l2.658-2.58v9.454c0 .286.114.536.306.722.192.181.456.297.744.297.576 0 1.05-.46 1.05-1.019V6.478l2.658 2.58a1.08 1.08 0 001.488 0 1.003 1.003 0 000-1.444L12.76 3.32l-.024-.023a1.035 1.035 0 00-.609-.288.17.17 0 00-.027-.003L11.998 3c-.036 0-.072 0-.108.006a.17.17 0 00-.027.003 1.054 1.054 0 00-.609.288l-.006.006c-.006.004-.013.01-.018.017z"
+    d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10zm-2 0a8 8 0 11-16 0 8 8 0 0116 0z"
   })));
 };
 
-Upload.propTypes = {
+UpdateData.propTypes = {
   iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-Upload.defaultProps = {
+UpdateData.defaultProps = {
   spin: false,
   color: 'currentColor',
   size: '16'
@@ -11759,7 +11689,7 @@ Upload.defaultProps = {
 
 var loadingCircleStyle$3L = '@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 UpdateData = function UpdateData(props) {
+var Upload = function Upload(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -11787,21 +11717,19 @@ var UpdateData = function UpdateData(props) {
       animationTimingFunction: 'linear'
     } : {})
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M13 12h3l-4-4-4 4h3v4h2v-4z"
+    d: "M6.808 7.614L11.23 3.32c.005-.008.012-.013.018-.017l.006-.006c.162-.157.372-.256.582-.285.01 0 .018-.002.027-.003a.17.17 0 01.027-.003C11.926 3 11.962 3 11.998 3l.102.006a.17.17 0 01.027.003l.027.003c.216.029.42.128.582.285l4.446 4.317a1.003 1.003 0 010 1.444 1.08 1.08 0 01-1.488 0l-2.658-2.58v9.454c0 .56-.474 1.02-1.05 1.02a1.09 1.09 0 01-.744-.298.992.992 0 01-.306-.722V6.478l-2.658 2.58a1.08 1.08 0 01-1.488 0 1.022 1.022 0 01.018-1.444z"
   }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 20a8 8 0 100-16 8 8 0 000 16zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"
+    d: "M21.528 16.856v4.095a.906.906 0 01-.03.228.9.9 0 01-.882.705H3.378a.893.893 0 01-.894-.781c-.012-.053-.012-.1-.012-.157V16.85c0-.483.408-.873.9-.873.246 0 .474.099.636.256a.864.864 0 01.264.617v3.28h15.462v-3.28c0-.483.408-.873.9-.873.246 0 .474.099.636.256a.909.909 0 01.258.623z"
   })));
 };
 
-UpdateData.propTypes = {
+Upload.propTypes = {
   iconClassName: PropTypes.string,
   spin: PropTypes.bool,
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
-UpdateData.defaultProps = {
+Upload.defaultProps = {
   spin: false,
   color: 'currentColor',
   size: '16'
@@ -11809,7 +11737,7 @@ UpdateData.defaultProps = {
 
 var loadingCircleStyle$3M = '@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 Report = function Report(props) {
+var Click = function Click(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -11836,6 +11764,52 @@ var Report = function Report(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M10.5 1a.84.84 0 01.589.24.816.816 0 01.244.582V4.56a.816.816 0 01-.244.581.84.84 0 01-1.179 0 .816.816 0 01-.244-.58V1.82c0-.217.088-.426.244-.58A.84.84 0 0110.5 1zM5.189 3.158a.84.84 0 011.178 0L8.31 5.075a.822.822 0 01.265.587.811.811 0 01-.244.595.834.834 0 01-.604.24.843.843 0 01-.595-.26L5.19 4.318a.816.816 0 010-1.16zm10.622 0a.816.816 0 010 1.161l-1.945 1.917a.831.831 0 01-.595.262.844.844 0 01-.604-.24.821.821 0 01-.244-.596.813.813 0 01.265-.587l1.945-1.917a.84.84 0 011.178 0zM3 8.394c0-.217.088-.426.244-.58a.84.84 0 01.59-.241H6.61a.84.84 0 01.59.24.816.816 0 010 1.162.84.84 0 01-.59.241H3.833a.84.84 0 01-.589-.24A.816.816 0 013 8.393zm9.085-.289c-.95-.804-2.419-.138-2.419 1.097v12.35c0 1.326 1.661 1.952 2.558.964l2.904-3.202a1.709 1.709 0 011.197-.555l4.266-.17c1.33-.052 1.906-1.685.895-2.54l-9.4-7.944zm-.752 12.928v-11.4l8.68 7.336-3.756.147c-.45.018-.891.125-1.298.315-.407.189-.772.457-1.072.788l-2.554 2.814z"
+  })));
+};
+
+Click.propTypes = {
+  iconClassName: PropTypes.string,
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+Click.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$3N = '@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 Report = function Report(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      iconClassName = props.iconClassName,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className", "iconClassName"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$3N
+  }), /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color
+  }, otherProps, {
+    className: iconClassName,
+    style: _objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {})
   }), /*#__PURE__*/React.createElement("path", {
     d: "M11 7h2v10h-2V7zm4 4h2v6h-2v-6zm-8 2h2v4H7v-4zm8-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"
   })));
@@ -11853,7 +11827,7 @@ Report.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3N = '@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 loadingCircleStyle$3O = '@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 ReportRemoval = function ReportRemoval(props) {
   var color = props.color,
@@ -11867,7 +11841,7 @@ var ReportRemoval = function ReportRemoval(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3N
+    children: loadingCircleStyle$3O
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11907,7 +11881,7 @@ ReportRemoval.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3O = '@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 loadingCircleStyle$3P = '@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,
@@ -11921,7 +11895,7 @@ var FileAdd = function FileAdd(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3O
+    children: loadingCircleStyle$3P
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11953,7 +11927,7 @@ FileAdd.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3P = '@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 loadingCircleStyle$3Q = '@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 FileRemove = function FileRemove(props) {
   var color = props.color,
@@ -11967,7 +11941,7 @@ var FileRemove = function FileRemove(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3P
+    children: loadingCircleStyle$3Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12001,7 +11975,7 @@ FileRemove.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3Q = '@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 loadingCircleStyle$3R = '@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,
@@ -12015,7 +11989,7 @@ var FileExport = function FileExport(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3Q
+    children: loadingCircleStyle$3R
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12047,7 +12021,7 @@ FileExport.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3R = '@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 loadingCircleStyle$3S = '@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 FileMove = function FileMove(props) {
   var color = props.color,
@@ -12061,7 +12035,7 @@ var FileMove = function FileMove(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3R
+    children: loadingCircleStyle$3S
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12093,7 +12067,7 @@ FileMove.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3S = '@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 loadingCircleStyle$3T = '@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,
@@ -12107,7 +12081,7 @@ var FileImport = function FileImport(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3S
+    children: loadingCircleStyle$3T
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12139,7 +12113,7 @@ FileImport.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3T = '@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 loadingCircleStyle$3U = '@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,
@@ -12153,7 +12127,7 @@ var FileInfo = function FileInfo(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3T
+    children: loadingCircleStyle$3U
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12185,7 +12159,7 @@ FileInfo.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3U = '@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 loadingCircleStyle$3V = '@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,
@@ -12199,7 +12173,7 @@ var FileConvert = function FileConvert(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3U
+    children: loadingCircleStyle$3V
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12237,7 +12211,7 @@ FileConvert.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3V = '@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 loadingCircleStyle$3W = '@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 AssetConvert = function AssetConvert(props) {
   var color = props.color,
@@ -12251,7 +12225,7 @@ var AssetConvert = function AssetConvert(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3V
+    children: loadingCircleStyle$3W
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12289,7 +12263,7 @@ AssetConvert.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3W = '@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 loadingCircleStyle$3X = '@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 FileLock = function FileLock(props) {
   var color = props.color,
@@ -12303,7 +12277,7 @@ var FileLock = function FileLock(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3W
+    children: loadingCircleStyle$3X
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12335,7 +12309,7 @@ FileLock.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3X = '@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 loadingCircleStyle$3Y = '@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 FilePdf = function FilePdf(props) {
   var color = props.color,
@@ -12349,7 +12323,7 @@ var FilePdf = function FilePdf(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3X
+    children: loadingCircleStyle$3Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12381,7 +12355,7 @@ FilePdf.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3Y = '@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 loadingCircleStyle$3Z = '@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 Detail = function Detail(props) {
   var color = props.color,
@@ -12395,7 +12369,7 @@ var Detail = function Detail(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3Y
+    children: loadingCircleStyle$3Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12427,7 +12401,7 @@ Detail.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3Z = '@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 loadingCircleStyle$3_ = '@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,
@@ -12441,7 +12415,7 @@ var MessageCenter = function MessageCenter(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3Z
+    children: loadingCircleStyle$3_
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12481,7 +12455,7 @@ MessageCenter.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3_ = '@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 loadingCircleStyle$3$ = '@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 SystemMsg = function SystemMsg(props) {
   var color = props.color,
@@ -12495,7 +12469,7 @@ var SystemMsg = function SystemMsg(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3_
+    children: loadingCircleStyle$3$
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12533,7 +12507,7 @@ SystemMsg.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3$ = '@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 loadingCircleStyle$40 = '@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 Comment = function Comment(props) {
   var color = props.color,
@@ -12547,7 +12521,7 @@ var Comment = function Comment(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$3$
+    children: loadingCircleStyle$40
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12583,7 +12557,7 @@ Comment.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$40 = '@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 loadingCircleStyle$41 = '@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 Book = function Book(props) {
   var color = props.color,
@@ -12597,7 +12571,7 @@ var Book = function Book(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$40
+    children: loadingCircleStyle$41
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12629,7 +12603,7 @@ Book.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$41 = '@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 loadingCircleStyle$42 = '@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 Book2 = function Book2(props) {
   var color = props.color,
@@ -12643,7 +12617,7 @@ var Book2 = function Book2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$41
+    children: loadingCircleStyle$42
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12675,7 +12649,7 @@ Book2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$42 = '@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 loadingCircleStyle$43 = '@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 Sticker = function Sticker(props) {
   var color = props.color,
@@ -12689,7 +12663,7 @@ var Sticker = function Sticker(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$42
+    children: loadingCircleStyle$43
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12721,7 +12695,7 @@ Sticker.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$43 = '@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 loadingCircleStyle$44 = '@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 StickerFill = function StickerFill(props) {
   var color = props.color,
@@ -12735,7 +12709,7 @@ var StickerFill = function StickerFill(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$43
+    children: loadingCircleStyle$44
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12767,7 +12741,7 @@ StickerFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$44 = '@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 loadingCircleStyle$45 = '@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 EventSm = function EventSm(props) {
   var color = props.color,
@@ -12781,7 +12755,7 @@ var EventSm = function EventSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$44
+    children: loadingCircleStyle$45
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12813,7 +12787,7 @@ EventSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$45 = '@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 loadingCircleStyle$46 = '@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 EPropertySm = function EPropertySm(props) {
   var color = props.color,
@@ -12827,7 +12801,7 @@ var EPropertySm = function EPropertySm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$45
+    children: loadingCircleStyle$46
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12867,7 +12841,7 @@ EPropertySm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$46 = '@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 loadingCircleStyle$47 = '@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 IndicatorSm = function IndicatorSm(props) {
   var color = props.color,
@@ -12881,7 +12855,7 @@ var IndicatorSm = function IndicatorSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$46
+    children: loadingCircleStyle$47
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12917,7 +12891,7 @@ IndicatorSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$47 = '@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 loadingCircleStyle$48 = '@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 UPropertySm = function UPropertySm(props) {
   var color = props.color,
@@ -12931,7 +12905,7 @@ var UPropertySm = function UPropertySm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$47
+    children: loadingCircleStyle$48
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12969,7 +12943,7 @@ UPropertySm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$48 = '@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 loadingCircleStyle$49 = '@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 UGroupSm = function UGroupSm(props) {
   var color = props.color,
@@ -12983,7 +12957,7 @@ var UGroupSm = function UGroupSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$48
+    children: loadingCircleStyle$49
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13029,7 +13003,7 @@ UGroupSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$49 = '@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 loadingCircleStyle$4a = '@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 UTagSm = function UTagSm(props) {
   var color = props.color,
@@ -13043,7 +13017,7 @@ var UTagSm = function UTagSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$49
+    children: loadingCircleStyle$4a
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13079,7 +13053,7 @@ UTagSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4a = '@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 loadingCircleStyle$4b = '@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 AllGroupSm = function AllGroupSm(props) {
   var color = props.color,
@@ -13093,7 +13067,7 @@ var AllGroupSm = function AllGroupSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4a
+    children: loadingCircleStyle$4b
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13131,7 +13105,7 @@ AllGroupSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4b = '@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 loadingCircleStyle$4c = '@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 CalendarSm = function CalendarSm(props) {
   var color = props.color,
@@ -13145,7 +13119,7 @@ var CalendarSm = function CalendarSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4b
+    children: loadingCircleStyle$4c
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13177,7 +13151,7 @@ CalendarSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4c = '@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 loadingCircleStyle$4d = '@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 GroupAddSm = function GroupAddSm(props) {
   var color = props.color,
@@ -13191,7 +13165,7 @@ var GroupAddSm = function GroupAddSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4c
+    children: loadingCircleStyle$4d
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13229,7 +13203,7 @@ GroupAddSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4d = '@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 loadingCircleStyle$4e = '@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 BooleanSm = function BooleanSm(props) {
   var color = props.color,
@@ -13243,7 +13217,7 @@ var BooleanSm = function BooleanSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4d
+    children: loadingCircleStyle$4e
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13277,7 +13251,7 @@ BooleanSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4e = '@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 loadingCircleStyle$4f = '@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 ListSm = function ListSm(props) {
   var color = props.color,
@@ -13291,7 +13265,7 @@ var ListSm = function ListSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4e
+    children: loadingCircleStyle$4f
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13333,7 +13307,7 @@ ListSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4f = '@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 loadingCircleStyle$4g = '@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 ArrayRowsSm = function ArrayRowsSm(props) {
   var color = props.color,
@@ -13347,7 +13321,7 @@ var ArrayRowsSm = function ArrayRowsSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4f
+    children: loadingCircleStyle$4g
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13381,7 +13355,7 @@ ArrayRowsSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4g = '@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 loadingCircleStyle$4h = '@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 RowsSm = function RowsSm(props) {
   var color = props.color,
@@ -13395,7 +13369,7 @@ var RowsSm = function RowsSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4g
+    children: loadingCircleStyle$4h
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13437,7 +13411,7 @@ RowsSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4h = '@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 loadingCircleStyle$4i = '@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 VPropertySm = function VPropertySm(props) {
   var color = props.color,
@@ -13451,7 +13425,7 @@ var VPropertySm = function VPropertySm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4h
+    children: loadingCircleStyle$4i
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13489,7 +13463,7 @@ VPropertySm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4i = '@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 loadingCircleStyle$4j = '@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 StringSm = function StringSm(props) {
   var color = props.color,
@@ -13503,7 +13477,7 @@ var StringSm = function StringSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4i
+    children: loadingCircleStyle$4j
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13537,7 +13511,7 @@ StringSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4j = '@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 loadingCircleStyle$4k = '@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,
@@ -13551,7 +13525,7 @@ var NumSm = function NumSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4j
+    children: loadingCircleStyle$4k
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13585,7 +13559,7 @@ NumSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4k = '@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 loadingCircleStyle$4l = '@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 TimeSm = function TimeSm(props) {
   var color = props.color,
@@ -13599,7 +13573,7 @@ var TimeSm = function TimeSm(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4k
+    children: loadingCircleStyle$4l
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13633,7 +13607,7 @@ TimeSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4l = '@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 loadingCircleStyle$4m = '@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 ArrowLeft = function ArrowLeft(props) {
   var color = props.color,
@@ -13647,7 +13621,7 @@ var ArrowLeft = function ArrowLeft(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4l
+    children: loadingCircleStyle$4m
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13679,7 +13653,7 @@ ArrowLeft.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4m = '@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 loadingCircleStyle$4n = '@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 ArrowRight = function ArrowRight(props) {
   var color = props.color,
@@ -13693,7 +13667,7 @@ var ArrowRight = function ArrowRight(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4m
+    children: loadingCircleStyle$4n
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13725,7 +13699,7 @@ ArrowRight.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4n = '@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 loadingCircleStyle$4o = '@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 ArrowUp = function ArrowUp(props) {
   var color = props.color,
@@ -13739,7 +13713,7 @@ var ArrowUp = function ArrowUp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4n
+    children: loadingCircleStyle$4o
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13771,7 +13745,7 @@ ArrowUp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4o = '@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 loadingCircleStyle$4p = '@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 ArrowDown = function ArrowDown(props) {
   var color = props.color,
@@ -13785,7 +13759,7 @@ var ArrowDown = function ArrowDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4o
+    children: loadingCircleStyle$4p
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13817,7 +13791,7 @@ ArrowDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4p = '@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 loadingCircleStyle$4q = '@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 ArrowLeft2 = function ArrowLeft2(props) {
   var color = props.color,
@@ -13831,7 +13805,7 @@ var ArrowLeft2 = function ArrowLeft2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4p
+    children: loadingCircleStyle$4q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13863,7 +13837,7 @@ ArrowLeft2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4q = '@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 loadingCircleStyle$4r = '@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 ArrowRight2 = function ArrowRight2(props) {
   var color = props.color,
@@ -13877,7 +13851,7 @@ var ArrowRight2 = function ArrowRight2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4q
+    children: loadingCircleStyle$4r
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13909,7 +13883,7 @@ ArrowRight2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4r = '@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 loadingCircleStyle$4s = '@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 ArrowUp2 = function ArrowUp2(props) {
   var color = props.color,
@@ -13923,7 +13897,7 @@ var ArrowUp2 = function ArrowUp2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4r
+    children: loadingCircleStyle$4s
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13955,7 +13929,7 @@ ArrowUp2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4s = '@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 loadingCircleStyle$4t = '@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 ArrowDown2 = function ArrowDown2(props) {
   var color = props.color,
@@ -13969,7 +13943,7 @@ var ArrowDown2 = function ArrowDown2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4s
+    children: loadingCircleStyle$4t
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14001,7 +13975,7 @@ ArrowDown2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4t = '@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 loadingCircleStyle$4u = '@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 TriLeft = function TriLeft(props) {
   var color = props.color,
@@ -14015,7 +13989,7 @@ var TriLeft = function TriLeft(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4t
+    children: loadingCircleStyle$4u
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14047,7 +14021,7 @@ TriLeft.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4u = '@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 loadingCircleStyle$4v = '@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 TriRight = function TriRight(props) {
   var color = props.color,
@@ -14061,7 +14035,7 @@ var TriRight = function TriRight(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4u
+    children: loadingCircleStyle$4v
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14093,7 +14067,7 @@ TriRight.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4v = '@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 loadingCircleStyle$4w = '@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 TriUp = function TriUp(props) {
   var color = props.color,
@@ -14107,7 +14081,7 @@ var TriUp = function TriUp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4v
+    children: loadingCircleStyle$4w
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14139,7 +14113,7 @@ TriUp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4w = '@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 loadingCircleStyle$4x = '@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 TriDown = function TriDown(props) {
   var color = props.color,
@@ -14153,7 +14127,7 @@ var TriDown = function TriDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4w
+    children: loadingCircleStyle$4x
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14185,7 +14159,7 @@ TriDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4x = '@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 loadingCircleStyle$4y = '@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 DArrowL = function DArrowL(props) {
   var color = props.color,
@@ -14199,7 +14173,7 @@ var DArrowL = function DArrowL(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4x
+    children: loadingCircleStyle$4y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14233,7 +14207,7 @@ DArrowL.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4y = '@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 loadingCircleStyle$4z = '@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 DArrowR = function DArrowR(props) {
   var color = props.color,
@@ -14247,7 +14221,7 @@ var DArrowR = function DArrowR(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4y
+    children: loadingCircleStyle$4z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14281,7 +14255,7 @@ DArrowR.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4z = '@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 loadingCircleStyle$4A = '@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 DArrowT = function DArrowT(props) {
   var color = props.color,
@@ -14295,7 +14269,7 @@ var DArrowT = function DArrowT(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4z
+    children: loadingCircleStyle$4A
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14329,7 +14303,7 @@ DArrowT.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4A = '@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 loadingCircleStyle$4B = '@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 DArrowB = function DArrowB(props) {
   var color = props.color,
@@ -14343,7 +14317,7 @@ var DArrowB = function DArrowB(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4A
+    children: loadingCircleStyle$4B
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14377,7 +14351,7 @@ DArrowB.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4B = '@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 loadingCircleStyle$4C = '@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 DropDown = function DropDown(props) {
   var color = props.color,
@@ -14391,7 +14365,7 @@ var DropDown = function DropDown(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4B
+    children: loadingCircleStyle$4C
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14423,7 +14397,7 @@ DropDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4C = '@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 loadingCircleStyle$4D = '@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 DropUp = function DropUp(props) {
   var color = props.color,
@@ -14437,7 +14411,7 @@ var DropUp = function DropUp(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4C
+    children: loadingCircleStyle$4D
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14469,7 +14443,7 @@ DropUp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4D = '@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 loadingCircleStyle$4E = '@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,
@@ -14483,7 +14457,7 @@ var More1 = function More1(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4D
+    children: loadingCircleStyle$4E
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14515,7 +14489,7 @@ More1.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4E = '@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 loadingCircleStyle$4F = '@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,
@@ -14529,7 +14503,7 @@ var More2 = function More2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4E
+    children: loadingCircleStyle$4F
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14561,7 +14535,7 @@ More2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4F = '@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 loadingCircleStyle$4G = '@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 Drag = function Drag(props) {
   var color = props.color,
@@ -14575,7 +14549,7 @@ var Drag = function Drag(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4F
+    children: loadingCircleStyle$4G
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14617,7 +14591,7 @@ Drag.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4G = '@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 loadingCircleStyle$4H = '@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 Drag2 = function Drag2(props) {
   var color = props.color,
@@ -14631,7 +14605,7 @@ var Drag2 = function Drag2(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4G
+    children: loadingCircleStyle$4H
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14667,7 +14641,7 @@ Drag2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4H = '@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 loadingCircleStyle$4I = '@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,
@@ -14681,7 +14655,7 @@ var External = function External(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4H
+    children: loadingCircleStyle$4I
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14713,7 +14687,7 @@ External.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4I = '@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 loadingCircleStyle$4J = '@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 DisplayS = function DisplayS(props) {
   var color = props.color,
@@ -14727,7 +14701,7 @@ var DisplayS = function DisplayS(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4I
+    children: loadingCircleStyle$4J
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14761,7 +14735,7 @@ DisplayS.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4J = '@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 loadingCircleStyle$4K = '@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,
@@ -14775,7 +14749,7 @@ var Share = function Share(props) {
   return /*#__PURE__*/React.createElement("span", {
     className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
-    children: loadingCircleStyle$4J
+    children: loadingCircleStyle$4K
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14860,6 +14834,7 @@ exports.TaChartStack = ChartStack;
 exports.TaChartStackPerc = ChartStackPerc;
 exports.TaChartStackn = ChartStackn;
 exports.TaChartTable = ChartTable;
+exports.TaClick = Click;
 exports.TaClock = Clock;
 exports.TaClose = Close;
 exports.TaCode = Code;
@@ -15049,11 +15024,11 @@ exports.TaShop = Shop;
 exports.TaShopFill = ShopFill;
 exports.TaSort = Sort;
 exports.TaSortA2z = SortA2z;
-exports.TaSortDownCl = SortDownCl;
+exports.TaSortDown = SortDown;
 exports.TaSortDrop = SortDrop;
 exports.TaSortResult = SortResult;
 exports.TaSortRise = SortRise;
-exports.TaSortUpCl = SortUpCl;
+exports.TaSortUp = SortUp;
 exports.TaSortZ2a = SortZ2a;
 exports.TaSpace = Space;
 exports.TaSpaceOpen = SpaceOpen;