@tant/icons 1.0.23 → 1.0.26

package/dist/lib/icons/arrow-left-2.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var ArrowLeft2 = function ArrowLeft2(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/arrow-left-down.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ArrowLeftDown = function ArrowLeftDown(props) {
   var color = props.color,
@@ -36,12 +36,7 @@ var ArrowLeftDown = function ArrowLeftDown(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/arrow-left.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var ArrowLeft = function ArrowLeft(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/arrow-right-2.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var ArrowRight2 = function ArrowRight2(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/arrow-right.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var ArrowRight = function ArrowRight(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/arrow-up-2.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var ArrowUp2 = function ArrowUp2(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/arrow-up.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var ArrowUp = function ArrowUp(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/ascent.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Ascent = function Ascent(props) {
   var color = props.color,
@@ -36,12 +36,7 @@ var Ascent = function Ascent(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/attribution.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Attribution = function Attribution(props) {
   var color = props.color,
@@ -36,12 +36,7 @@ var Attribution = function Attribution(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/backup.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Backup = function Backup(props) {
   var color = props.color,
@@ -36,12 +36,7 @@ var Backup = function Backup(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/bell.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Bell = function Bell(props) {
   var color = props.color,
@@ -36,12 +36,7 @@ var Bell = function Bell(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/book-2.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var Book2 = function Book2(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/book.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var Book = function Book(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/bookmark-2.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Bookmark2 = function Bookmark2(props) {
   var color = props.color,
@@ -36,12 +36,7 @@ var Bookmark2 = function Bookmark2(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/bookmark.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Bookmark = function Bookmark(props) {
   var color = props.color,
@@ -36,12 +36,7 @@ var Bookmark = function Bookmark(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/boolean-sm.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var BooleanSm = function BooleanSm(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/calendar-sm.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@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,
@@ -36,12 +36,7 @@ var CalendarSm = function CalendarSm(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/calendar.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Calendar = function Calendar(props) {
   var color = props.color,
@@ -36,12 +36,7 @@ var Calendar = function Calendar(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/card.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Card = function Card(props) {
   var color = props.color,
@@ -36,12 +36,7 @@ var Card = function Card(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/cellphone.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Cellphone = function Cellphone(props) {
   var color = props.color,
@@ -36,12 +36,7 @@ var Cellphone = function Cellphone(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/chart-bar-table.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartBarTable = function ChartBarTable(props) {
   var color = props.color,
@@ -36,12 +36,7 @@ var ChartBarTable = function ChartBarTable(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/chart-bar.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartBar = function ChartBar(props) {
   var color = props.color,
@@ -36,12 +36,7 @@ var ChartBar = function ChartBar(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/chart-combined-table.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartCombinedTable = function ChartCombinedTable(props) {
   var color = props.color,
@@ -36,12 +36,7 @@ var ChartCombinedTable = function ChartCombinedTable(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/chart-complex.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartComplex = function ChartComplex(props) {
   var color = props.color,
@@ -36,12 +36,7 @@ var ChartComplex = function ChartComplex(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/chart-cum.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartCum = function ChartCum(props) {
   var color = props.color,
@@ -36,12 +36,7 @@ var ChartCum = function ChartCum(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({

package/dist/lib/icons/chart-d-n-re.js

@@ -25,7 +25,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ChartDNRe = function ChartDNRe(props) {
   var color = props.color,
@@ -36,12 +36,7 @@ var ChartDNRe = function ChartDNRe(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_react["default"].createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span ' + className : 'tant-icon-span'
   }, /*#__PURE__*/_react["default"].createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/_react["default"].createElement("svg", _extends({