@tant/icons 1.0.26 → 1.0.27

package/dist/tant-icons.cjs.js

@@ -10604,7 +10604,7 @@ Subtract2.defaultProps = {
 
 var loadingCircleStyle$3t = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
-var Report = function Report(props) {
+var Update = function Update(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -10631,6 +10631,51 @@ var Report = function Report(props) {
     } : {}), {}, {
       cursor: 'pointer'
     })
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M5.463 4.433A9.961 9.961 0 0112 2c5.523 0 10 4.477 10 10 0 2.136-.67 4.116-1.81 5.74L17 12h3A8 8 0 006.46 6.228l-.997-1.795zm13.074 15.134A9.961 9.961 0 0112 22C6.477 22 2 17.523 2 12c0-2.136.67-4.116 1.81-5.74L7 12H4a8 8 0 0013.54 5.772l.997 1.795z"
+  })));
+};
+
+Update.propTypes = {
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+Update.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  size: '16'
+};
+
+var loadingCircleStyle$3u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+
+var Report = function Report(props) {
+  var color = props.color,
+      size = props.size,
+      spin = props.spin,
+      style = props.style,
+      className = props.className,
+      otherProps = _objectWithoutProperties(props, ["color", "size", "spin", "style", "className"]);
+
+  return /*#__PURE__*/React.createElement("span", {
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
+  }, /*#__PURE__*/React.createElement("style", {
+    children: loadingCircleStyle$3u
+  }), /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: color
+  }, otherProps, {
+    style: _objectSpread2(_objectSpread2(_objectSpread2({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
+      cursor: 'pointer'
+    })
   }), /*#__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"
   })));
@@ -10647,7 +10692,7 @@ Report.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3u = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ReportRemoval = function ReportRemoval(props) {
   var color = props.color,
@@ -10660,7 +10705,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$3u
+    children: loadingCircleStyle$3v
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10700,7 +10745,7 @@ ReportRemoval.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3v = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileAdd = function FileAdd(props) {
   var color = props.color,
@@ -10713,7 +10758,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$3v
+    children: loadingCircleStyle$3w
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10745,7 +10790,7 @@ FileAdd.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3w = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileRemove = function FileRemove(props) {
   var color = props.color,
@@ -10758,7 +10803,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$3w
+    children: loadingCircleStyle$3x
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10792,7 +10837,7 @@ FileRemove.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3x = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileExport = function FileExport(props) {
   var color = props.color,
@@ -10805,7 +10850,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$3x
+    children: loadingCircleStyle$3y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10837,7 +10882,7 @@ FileExport.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileMove = function FileMove(props) {
   var color = props.color,
@@ -10850,7 +10895,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$3y
+    children: loadingCircleStyle$3z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10882,7 +10927,7 @@ FileMove.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileImport = function FileImport(props) {
   var color = props.color,
@@ -10895,7 +10940,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$3z
+    children: loadingCircleStyle$3A
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10927,7 +10972,7 @@ FileImport.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3A = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileInfo = function FileInfo(props) {
   var color = props.color,
@@ -10940,7 +10985,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$3A
+    children: loadingCircleStyle$3B
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -10972,7 +11017,7 @@ FileInfo.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3B = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileConvert = function FileConvert(props) {
   var color = props.color,
@@ -10985,7 +11030,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$3B
+    children: loadingCircleStyle$3C
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11023,7 +11068,7 @@ FileConvert.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3C = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FileLock = function FileLock(props) {
   var color = props.color,
@@ -11036,7 +11081,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$3C
+    children: loadingCircleStyle$3D
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11068,7 +11113,7 @@ FileLock.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3D = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Detail = function Detail(props) {
   var color = props.color,
@@ -11081,7 +11126,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$3D
+    children: loadingCircleStyle$3E
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11113,7 +11158,7 @@ Detail.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3E = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var MessageCenter = function MessageCenter(props) {
   var color = props.color,
@@ -11126,7 +11171,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$3E
+    children: loadingCircleStyle$3F
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11166,7 +11211,7 @@ MessageCenter.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3F = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var SystemMsg = function SystemMsg(props) {
   var color = props.color,
@@ -11179,7 +11224,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$3F
+    children: loadingCircleStyle$3G
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11217,7 +11262,7 @@ SystemMsg.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3G = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Comment = function Comment(props) {
   var color = props.color,
@@ -11230,7 +11275,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$3G
+    children: loadingCircleStyle$3H
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11266,7 +11311,7 @@ Comment.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3H = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Book = function Book(props) {
   var color = props.color,
@@ -11279,7 +11324,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$3H
+    children: loadingCircleStyle$3I
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11311,7 +11356,7 @@ Book.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3I = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Book2 = function Book2(props) {
   var color = props.color,
@@ -11324,7 +11369,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$3I
+    children: loadingCircleStyle$3J
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11356,7 +11401,7 @@ Book2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3J = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var FilePdf = function FilePdf(props) {
   var color = props.color,
@@ -11369,7 +11414,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$3J
+    children: loadingCircleStyle$3K
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11401,7 +11446,7 @@ FilePdf.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3K = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Sticker = function Sticker(props) {
   var color = props.color,
@@ -11414,7 +11459,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$3K
+    children: loadingCircleStyle$3L
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11446,7 +11491,7 @@ Sticker.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3L = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var StickerFill = function StickerFill(props) {
   var color = props.color,
@@ -11459,7 +11504,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$3L
+    children: loadingCircleStyle$3M
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11491,7 +11536,7 @@ StickerFill.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3M = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EventSm = function EventSm(props) {
   var color = props.color,
@@ -11504,7 +11549,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$3M
+    children: loadingCircleStyle$3N
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11536,7 +11581,7 @@ EventSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3N = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var EPropertySm = function EPropertySm(props) {
   var color = props.color,
@@ -11549,7 +11594,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$3N
+    children: loadingCircleStyle$3O
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11589,7 +11634,7 @@ EPropertySm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3O = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var UPropertySm = function UPropertySm(props) {
   var color = props.color,
@@ -11602,7 +11647,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$3O
+    children: loadingCircleStyle$3P
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11642,7 +11687,7 @@ UPropertySm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3P = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var UGroupSm = function UGroupSm(props) {
   var color = props.color,
@@ -11655,7 +11700,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$3P
+    children: loadingCircleStyle$3Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11701,7 +11746,7 @@ UGroupSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3Q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var UTagSm = function UTagSm(props) {
   var color = props.color,
@@ -11714,7 +11759,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$3Q
+    children: loadingCircleStyle$3R
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11750,7 +11795,7 @@ UTagSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3R = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var AllGroupSm = function AllGroupSm(props) {
   var color = props.color,
@@ -11763,7 +11808,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$3R
+    children: loadingCircleStyle$3S
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11801,7 +11846,7 @@ AllGroupSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3S = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var CalendarSm = function CalendarSm(props) {
   var color = props.color,
@@ -11814,7 +11859,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$3S
+    children: loadingCircleStyle$3T
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11846,7 +11891,7 @@ CalendarSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3T = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var GroupAddSm = function GroupAddSm(props) {
   var color = props.color,
@@ -11859,7 +11904,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$3T
+    children: loadingCircleStyle$3U
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11897,7 +11942,7 @@ GroupAddSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3U = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var BooleanSm = function BooleanSm(props) {
   var color = props.color,
@@ -11910,7 +11955,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$3U
+    children: loadingCircleStyle$3V
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11944,7 +11989,7 @@ BooleanSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3V = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ListSm = function ListSm(props) {
   var color = props.color,
@@ -11957,7 +12002,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$3V
+    children: loadingCircleStyle$3W
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11999,7 +12044,7 @@ ListSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3W = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrayRowsSm = function ArrayRowsSm(props) {
   var color = props.color,
@@ -12012,7 +12057,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$3W
+    children: loadingCircleStyle$3X
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12046,7 +12091,7 @@ ArrayRowsSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3X = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var RowsSm = function RowsSm(props) {
   var color = props.color,
@@ -12059,7 +12104,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$3X
+    children: loadingCircleStyle$3Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12101,7 +12146,7 @@ RowsSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3Y = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var VPropertySm = function VPropertySm(props) {
   var color = props.color,
@@ -12114,7 +12159,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$3Y
+    children: loadingCircleStyle$3Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12152,7 +12197,7 @@ VPropertySm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3Z = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var StringSm = function StringSm(props) {
   var color = props.color,
@@ -12165,7 +12210,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$3Z
+    children: loadingCircleStyle$3_
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12199,7 +12244,7 @@ StringSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3_ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$3$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var NumSm = function NumSm(props) {
   var color = props.color,
@@ -12212,7 +12257,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$3_
+    children: loadingCircleStyle$3$
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12246,7 +12291,7 @@ NumSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$3$ = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$40 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TimeSm = function TimeSm(props) {
   var color = props.color,
@@ -12259,7 +12304,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$3$
+    children: loadingCircleStyle$40
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12293,7 +12338,7 @@ TimeSm.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$40 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$41 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowLeft = function ArrowLeft(props) {
   var color = props.color,
@@ -12306,7 +12351,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$40
+    children: loadingCircleStyle$41
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12338,7 +12383,7 @@ ArrowLeft.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$41 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$42 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowRight = function ArrowRight(props) {
   var color = props.color,
@@ -12351,7 +12396,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$41
+    children: loadingCircleStyle$42
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12383,7 +12428,7 @@ ArrowRight.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$42 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$43 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowUp = function ArrowUp(props) {
   var color = props.color,
@@ -12396,7 +12441,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$42
+    children: loadingCircleStyle$43
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12428,7 +12473,7 @@ ArrowUp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$43 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$44 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowDown = function ArrowDown(props) {
   var color = props.color,
@@ -12441,7 +12486,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$43
+    children: loadingCircleStyle$44
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12473,7 +12518,7 @@ ArrowDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$44 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$45 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowLeft2 = function ArrowLeft2(props) {
   var color = props.color,
@@ -12486,7 +12531,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$44
+    children: loadingCircleStyle$45
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12518,7 +12563,7 @@ ArrowLeft2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$45 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$46 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowRight2 = function ArrowRight2(props) {
   var color = props.color,
@@ -12531,7 +12576,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$45
+    children: loadingCircleStyle$46
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12563,7 +12608,7 @@ ArrowRight2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$46 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$47 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowUp2 = function ArrowUp2(props) {
   var color = props.color,
@@ -12576,7 +12621,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$46
+    children: loadingCircleStyle$47
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12608,7 +12653,7 @@ ArrowUp2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$47 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$48 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowDown2 = function ArrowDown2(props) {
   var color = props.color,
@@ -12621,7 +12666,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$47
+    children: loadingCircleStyle$48
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12653,7 +12698,7 @@ ArrowDown2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$48 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$49 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TriLeft = function TriLeft(props) {
   var color = props.color,
@@ -12666,7 +12711,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$48
+    children: loadingCircleStyle$49
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12698,7 +12743,7 @@ TriLeft.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$49 = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TriRight = function TriRight(props) {
   var color = props.color,
@@ -12711,7 +12756,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$49
+    children: loadingCircleStyle$4a
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12743,7 +12788,7 @@ TriRight.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4a = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TriUp = function TriUp(props) {
   var color = props.color,
@@ -12756,7 +12801,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$4a
+    children: loadingCircleStyle$4b
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12788,7 +12833,7 @@ TriUp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4b = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var TriDown = function TriDown(props) {
   var color = props.color,
@@ -12801,7 +12846,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$4b
+    children: loadingCircleStyle$4c
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12833,7 +12878,7 @@ TriDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4c = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DArrowL = function DArrowL(props) {
   var color = props.color,
@@ -12846,7 +12891,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$4c
+    children: loadingCircleStyle$4d
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12880,7 +12925,7 @@ DArrowL.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4d = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DArrowR = function DArrowR(props) {
   var color = props.color,
@@ -12893,7 +12938,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$4d
+    children: loadingCircleStyle$4e
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12927,7 +12972,7 @@ DArrowR.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4e = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DArrowT = function DArrowT(props) {
   var color = props.color,
@@ -12940,7 +12985,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$4e
+    children: loadingCircleStyle$4f
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12974,7 +13019,7 @@ DArrowT.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4f = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DArrowB = function DArrowB(props) {
   var color = props.color,
@@ -12987,7 +13032,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$4f
+    children: loadingCircleStyle$4g
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13021,7 +13066,7 @@ DArrowB.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4g = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DropDown = function DropDown(props) {
   var color = props.color,
@@ -13034,7 +13079,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$4g
+    children: loadingCircleStyle$4h
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13066,7 +13111,7 @@ DropDown.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4h = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DropUp = function DropUp(props) {
   var color = props.color,
@@ -13079,7 +13124,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$4h
+    children: loadingCircleStyle$4i
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13111,7 +13156,7 @@ DropUp.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4i = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var More1 = function More1(props) {
   var color = props.color,
@@ -13124,7 +13169,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$4i
+    children: loadingCircleStyle$4j
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13156,7 +13201,7 @@ More1.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4j = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var More2 = function More2(props) {
   var color = props.color,
@@ -13169,7 +13214,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$4j
+    children: loadingCircleStyle$4k
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13201,7 +13246,7 @@ More2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4k = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Drag = function Drag(props) {
   var color = props.color,
@@ -13214,7 +13259,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$4k
+    children: loadingCircleStyle$4l
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13256,7 +13301,7 @@ Drag.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4l = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Drag2 = function Drag2(props) {
   var color = props.color,
@@ -13269,7 +13314,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$4l
+    children: loadingCircleStyle$4m
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13305,7 +13350,7 @@ Drag2.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4m = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var External = function External(props) {
   var color = props.color,
@@ -13318,7 +13363,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$4m
+    children: loadingCircleStyle$4n
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13350,7 +13395,7 @@ External.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4n = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var DisplayS = function DisplayS(props) {
   var color = props.color,
@@ -13363,7 +13408,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$4n
+    children: loadingCircleStyle$4o
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13397,7 +13442,7 @@ DisplayS.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4o = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Share = function Share(props) {
   var color = props.color,
@@ -13410,7 +13455,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$4o
+    children: loadingCircleStyle$4p
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13442,7 +13487,7 @@ Share.defaultProps = {
   size: '16'
 };
 
-var loadingCircleStyle$4p = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
+var loadingCircleStyle$4q = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Placeholder = function Placeholder(props) {
   var color = props.color,
@@ -13455,7 +13500,7 @@ var Placeholder = function Placeholder(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,
@@ -13759,6 +13804,7 @@ exports.TaUPropertySm = UPropertySm;
 exports.TaUTag = UTag;
 exports.TaUTagSm = UTagSm;
 exports.TaUnlink = Unlink;
+exports.TaUpdate = Update;
 exports.TaUploadId = UploadId;
 exports.TaUsb = Usb;
 exports.TaUser1 = User1;