@tant/icons 1.1.68 → 1.1.69

package/dist/tant-icons.cjs.js

@@ -11783,7 +11783,7 @@ Click.defaultProps = {
 
 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 Install = function Install(props) {
   var color = props.color,
       size = props.size,
       spin = props.spin,
@@ -11810,6 +11810,52 @@ var Report = function Report(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9 2v2H5l-.001 10h14L19 4h-4V2h5a1 1 0 011 1v18a1 1 0 01-1 1H4a1 1 0 01-1-1V3a1 1 0 011-1h5zm9.999 14h-14L5 20h14l-.001-4zM17 17v2h-2v-2h2zM13 2v5h3l-4 4-4-4h3V2h2z"
+  })));
+};
+
+Install.propTypes = {
+  iconClassName: PropTypes.string,
+  spin: PropTypes.bool,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+Install.defaultProps = {
+  spin: false,
+  color: 'currentColor',
+  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 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$3O
+  }), /*#__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"
   })));
@@ -11827,7 +11873,7 @@ Report.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 ReportRemoval = function ReportRemoval(props) {
   var color = props.color,
@@ -11841,7 +11887,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$3O
+    children: loadingCircleStyle$3P
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11881,7 +11927,7 @@ ReportRemoval.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 FileAdd = function FileAdd(props) {
   var color = props.color,
@@ -11895,7 +11941,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$3P
+    children: loadingCircleStyle$3Q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11927,7 +11973,7 @@ FileAdd.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 FileRemove = function FileRemove(props) {
   var color = props.color,
@@ -11941,7 +11987,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$3Q
+    children: loadingCircleStyle$3R
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -11975,7 +12021,7 @@ FileRemove.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 FileExport = function FileExport(props) {
   var color = props.color,
@@ -11989,7 +12035,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$3R
+    children: loadingCircleStyle$3S
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12021,7 +12067,7 @@ FileExport.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 FileMove = function FileMove(props) {
   var color = props.color,
@@ -12035,7 +12081,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$3S
+    children: loadingCircleStyle$3T
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12067,7 +12113,7 @@ FileMove.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 FileImport = function FileImport(props) {
   var color = props.color,
@@ -12081,7 +12127,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$3T
+    children: loadingCircleStyle$3U
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12113,7 +12159,7 @@ FileImport.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 FileInfo = function FileInfo(props) {
   var color = props.color,
@@ -12127,7 +12173,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$3U
+    children: loadingCircleStyle$3V
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12159,7 +12205,7 @@ FileInfo.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 FileConvert = function FileConvert(props) {
   var color = props.color,
@@ -12173,7 +12219,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$3V
+    children: loadingCircleStyle$3W
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12211,7 +12257,7 @@ FileConvert.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 AssetConvert = function AssetConvert(props) {
   var color = props.color,
@@ -12225,7 +12271,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$3W
+    children: loadingCircleStyle$3X
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12263,7 +12309,7 @@ AssetConvert.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 FileLock = function FileLock(props) {
   var color = props.color,
@@ -12277,7 +12323,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$3X
+    children: loadingCircleStyle$3Y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12309,7 +12355,7 @@ FileLock.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 FilePdf = function FilePdf(props) {
   var color = props.color,
@@ -12323,7 +12369,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$3Y
+    children: loadingCircleStyle$3Z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12355,7 +12401,7 @@ FilePdf.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 Detail = function Detail(props) {
   var color = props.color,
@@ -12369,7 +12415,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$3Z
+    children: loadingCircleStyle$3_
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12401,7 +12447,7 @@ Detail.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 MessageCenter = function MessageCenter(props) {
   var color = props.color,
@@ -12415,7 +12461,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$3_
+    children: loadingCircleStyle$3$
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12455,7 +12501,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$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 SystemMsg = function SystemMsg(props) {
   var color = props.color,
@@ -12469,7 +12515,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$40
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12507,7 +12553,7 @@ SystemMsg.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 Comment = function Comment(props) {
   var color = props.color,
@@ -12521,7 +12567,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$40
+    children: loadingCircleStyle$41
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12557,7 +12603,7 @@ Comment.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 Book = function Book(props) {
   var color = props.color,
@@ -12571,7 +12617,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$41
+    children: loadingCircleStyle$42
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12603,7 +12649,7 @@ Book.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 Book2 = function Book2(props) {
   var color = props.color,
@@ -12617,7 +12663,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$42
+    children: loadingCircleStyle$43
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12649,7 +12695,7 @@ Book2.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 Sticker = function Sticker(props) {
   var color = props.color,
@@ -12663,7 +12709,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$43
+    children: loadingCircleStyle$44
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12695,7 +12741,7 @@ Sticker.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 StickerFill = function StickerFill(props) {
   var color = props.color,
@@ -12709,7 +12755,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$44
+    children: loadingCircleStyle$45
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12741,7 +12787,7 @@ StickerFill.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 EventSm = function EventSm(props) {
   var color = props.color,
@@ -12755,7 +12801,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$45
+    children: loadingCircleStyle$46
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12787,7 +12833,7 @@ EventSm.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 EPropertySm = function EPropertySm(props) {
   var color = props.color,
@@ -12801,7 +12847,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$46
+    children: loadingCircleStyle$47
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12841,7 +12887,7 @@ EPropertySm.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 IndicatorSm = function IndicatorSm(props) {
   var color = props.color,
@@ -12855,7 +12901,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$47
+    children: loadingCircleStyle$48
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12891,7 +12937,7 @@ IndicatorSm.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 UPropertySm = function UPropertySm(props) {
   var color = props.color,
@@ -12905,7 +12951,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$48
+    children: loadingCircleStyle$49
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -12943,7 +12989,7 @@ UPropertySm.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 UGroupSm = function UGroupSm(props) {
   var color = props.color,
@@ -12957,7 +13003,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$49
+    children: loadingCircleStyle$4a
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13003,7 +13049,7 @@ UGroupSm.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 UTagSm = function UTagSm(props) {
   var color = props.color,
@@ -13017,7 +13063,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$4a
+    children: loadingCircleStyle$4b
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13053,7 +13099,7 @@ UTagSm.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 AllGroupSm = function AllGroupSm(props) {
   var color = props.color,
@@ -13067,7 +13113,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$4b
+    children: loadingCircleStyle$4c
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13105,7 +13151,7 @@ AllGroupSm.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 CalendarSm = function CalendarSm(props) {
   var color = props.color,
@@ -13119,7 +13165,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$4c
+    children: loadingCircleStyle$4d
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13151,7 +13197,7 @@ CalendarSm.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 GroupAddSm = function GroupAddSm(props) {
   var color = props.color,
@@ -13165,7 +13211,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$4d
+    children: loadingCircleStyle$4e
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13203,7 +13249,7 @@ GroupAddSm.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 BooleanSm = function BooleanSm(props) {
   var color = props.color,
@@ -13217,7 +13263,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$4e
+    children: loadingCircleStyle$4f
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13251,7 +13297,7 @@ BooleanSm.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 ListSm = function ListSm(props) {
   var color = props.color,
@@ -13265,7 +13311,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$4f
+    children: loadingCircleStyle$4g
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13307,7 +13353,7 @@ ListSm.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 ArrayRowsSm = function ArrayRowsSm(props) {
   var color = props.color,
@@ -13321,7 +13367,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$4g
+    children: loadingCircleStyle$4h
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13355,7 +13401,7 @@ ArrayRowsSm.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 RowsSm = function RowsSm(props) {
   var color = props.color,
@@ -13369,7 +13415,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$4h
+    children: loadingCircleStyle$4i
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13411,7 +13457,7 @@ RowsSm.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 VPropertySm = function VPropertySm(props) {
   var color = props.color,
@@ -13425,7 +13471,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$4i
+    children: loadingCircleStyle$4j
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13463,7 +13509,7 @@ VPropertySm.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 StringSm = function StringSm(props) {
   var color = props.color,
@@ -13477,7 +13523,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$4j
+    children: loadingCircleStyle$4k
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13511,7 +13557,7 @@ StringSm.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 NumSm = function NumSm(props) {
   var color = props.color,
@@ -13525,7 +13571,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$4k
+    children: loadingCircleStyle$4l
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13559,7 +13605,7 @@ NumSm.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 TimeSm = function TimeSm(props) {
   var color = props.color,
@@ -13573,7 +13619,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$4l
+    children: loadingCircleStyle$4m
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13607,7 +13653,7 @@ TimeSm.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 ArrowLeft = function ArrowLeft(props) {
   var color = props.color,
@@ -13621,7 +13667,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$4m
+    children: loadingCircleStyle$4n
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13653,7 +13699,7 @@ ArrowLeft.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 ArrowRight = function ArrowRight(props) {
   var color = props.color,
@@ -13667,7 +13713,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$4n
+    children: loadingCircleStyle$4o
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13699,7 +13745,7 @@ ArrowRight.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 ArrowUp = function ArrowUp(props) {
   var color = props.color,
@@ -13713,7 +13759,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$4o
+    children: loadingCircleStyle$4p
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13745,7 +13791,7 @@ ArrowUp.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 ArrowDown = function ArrowDown(props) {
   var color = props.color,
@@ -13759,7 +13805,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$4p
+    children: loadingCircleStyle$4q
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13791,7 +13837,7 @@ ArrowDown.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 ArrowLeft2 = function ArrowLeft2(props) {
   var color = props.color,
@@ -13805,7 +13851,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$4q
+    children: loadingCircleStyle$4r
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13837,7 +13883,7 @@ ArrowLeft2.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 ArrowRight2 = function ArrowRight2(props) {
   var color = props.color,
@@ -13851,7 +13897,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$4r
+    children: loadingCircleStyle$4s
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13883,7 +13929,7 @@ ArrowRight2.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 ArrowUp2 = function ArrowUp2(props) {
   var color = props.color,
@@ -13897,7 +13943,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$4s
+    children: loadingCircleStyle$4t
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13929,7 +13975,7 @@ ArrowUp2.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 ArrowDown2 = function ArrowDown2(props) {
   var color = props.color,
@@ -13943,7 +13989,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$4t
+    children: loadingCircleStyle$4u
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -13975,7 +14021,7 @@ ArrowDown2.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 TriLeft = function TriLeft(props) {
   var color = props.color,
@@ -13989,7 +14035,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$4u
+    children: loadingCircleStyle$4v
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14021,7 +14067,7 @@ TriLeft.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 TriRight = function TriRight(props) {
   var color = props.color,
@@ -14035,7 +14081,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$4v
+    children: loadingCircleStyle$4w
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14067,7 +14113,7 @@ TriRight.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 TriUp = function TriUp(props) {
   var color = props.color,
@@ -14081,7 +14127,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$4w
+    children: loadingCircleStyle$4x
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14113,7 +14159,7 @@ TriUp.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 TriDown = function TriDown(props) {
   var color = props.color,
@@ -14127,7 +14173,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$4x
+    children: loadingCircleStyle$4y
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14159,7 +14205,7 @@ TriDown.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 DArrowL = function DArrowL(props) {
   var color = props.color,
@@ -14173,7 +14219,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$4y
+    children: loadingCircleStyle$4z
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14207,7 +14253,7 @@ DArrowL.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 DArrowR = function DArrowR(props) {
   var color = props.color,
@@ -14221,7 +14267,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$4z
+    children: loadingCircleStyle$4A
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14255,7 +14301,7 @@ DArrowR.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 DArrowT = function DArrowT(props) {
   var color = props.color,
@@ -14269,7 +14315,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$4A
+    children: loadingCircleStyle$4B
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14303,7 +14349,7 @@ DArrowT.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 DArrowB = function DArrowB(props) {
   var color = props.color,
@@ -14317,7 +14363,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$4B
+    children: loadingCircleStyle$4C
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14351,7 +14397,7 @@ DArrowB.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 DropDown = function DropDown(props) {
   var color = props.color,
@@ -14365,7 +14411,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$4C
+    children: loadingCircleStyle$4D
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14397,7 +14443,7 @@ DropDown.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 DropUp = function DropUp(props) {
   var color = props.color,
@@ -14411,7 +14457,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$4D
+    children: loadingCircleStyle$4E
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14443,7 +14489,7 @@ DropUp.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 More1 = function More1(props) {
   var color = props.color,
@@ -14457,7 +14503,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$4E
+    children: loadingCircleStyle$4F
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14489,7 +14535,7 @@ More1.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 More2 = function More2(props) {
   var color = props.color,
@@ -14503,7 +14549,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$4F
+    children: loadingCircleStyle$4G
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14535,7 +14581,7 @@ More2.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 Drag = function Drag(props) {
   var color = props.color,
@@ -14549,7 +14595,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$4G
+    children: loadingCircleStyle$4H
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14591,7 +14637,7 @@ Drag.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 Drag2 = function Drag2(props) {
   var color = props.color,
@@ -14605,7 +14651,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$4H
+    children: loadingCircleStyle$4I
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14641,7 +14687,7 @@ Drag2.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 External = function External(props) {
   var color = props.color,
@@ -14655,7 +14701,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$4I
+    children: loadingCircleStyle$4J
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14687,7 +14733,7 @@ External.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 DisplayS = function DisplayS(props) {
   var color = props.color,
@@ -14701,7 +14747,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$4J
+    children: loadingCircleStyle$4K
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14735,7 +14781,7 @@ DisplayS.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 Share = function Share(props) {
   var color = props.color,
@@ -14749,7 +14795,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$4K
+    children: loadingCircleStyle$4L
   }), /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
@@ -14933,6 +14979,7 @@ exports.TaIndicator = Indicator;
 exports.TaIndicatorSm = IndicatorSm;
 exports.TaInfo = Info;
 exports.TaInfoFill = InfoFill;
+exports.TaInstall = Install;
 exports.TaLandscape = Landscape;
 exports.TaLanguage = Language;
 exports.TaLink = Link;