@tant/icons 1.0.22 → 1.0.25

package/dist/es/icons/operator-has-value.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorHasValue = function OperatorHasValue(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var OperatorHasValue = function OperatorHasValue(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/operator-include.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorInclude = function OperatorInclude(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var OperatorInclude = function OperatorInclude(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/operator-inside.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorInside = function OperatorInside(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var OperatorInside = function OperatorInside(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/operator-less.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorLess = function OperatorLess(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var OperatorLess = function OperatorLess(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/operator-no-bigger.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorNoBigger = function OperatorNoBigger(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var OperatorNoBigger = function OperatorNoBigger(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/operator-no-less.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorNoLess = function OperatorNoLess(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var OperatorNoLess = function OperatorNoLess(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/operator-no-regex.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorNoRegex = function OperatorNoRegex(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var OperatorNoRegex = function OperatorNoRegex(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/operator-no-value.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorNoValue = function OperatorNoValue(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var OperatorNoValue = function OperatorNoValue(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/operator-not-include.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorNotInclude = function OperatorNotInclude(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var OperatorNotInclude = function OperatorNotInclude(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/operator-regex.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorRegex = function OperatorRegex(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var OperatorRegex = function OperatorRegex(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/operator-true.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorTrue = function OperatorTrue(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var OperatorTrue = function OperatorTrue(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/operator-unequal.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var OperatorUnequal = function OperatorUnequal(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var OperatorUnequal = function OperatorUnequal(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/parallel-filter.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ParallelFilter = function ParallelFilter(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ParallelFilter = function ParallelFilter(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/parameter.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Parameter = function Parameter(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Parameter = function Parameter(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/password.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Password = function Password(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Password = function Password(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/pattern.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Pattern = function Pattern(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Pattern = function Pattern(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/placeholder.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Placeholder = function Placeholder(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Placeholder = function Placeholder(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/play.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Play = function Play(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Play = function Play(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/plug.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Plug = function Plug(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Plug = function Plug(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/private.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Private = function Private(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Private = function Private(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/processing-2.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Processing2 = function Processing2(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Processing2 = function Processing2(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/processing.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Processing = function Processing(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Processing = function Processing(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/project-mgr.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ProjectMgr = function ProjectMgr(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ProjectMgr = function ProjectMgr(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/project.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Project = function Project(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Project = function Project(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/related-prop.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var RelatedProp = function RelatedProp(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var RelatedProp = function RelatedProp(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/report-removal.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var ReportRemoval = function ReportRemoval(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ReportRemoval = function ReportRemoval(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({

package/dist/es/icons/report.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react';
 import PropTypes from 'prop-types';
-var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }}';
+var loadingCircleStyle = '@keyframes loadingCircle { 100% { transform: rotate(360deg) }} .tant-icon-span { display: inline-flex; align-items: center; justify-content: center }';
 
 var Report = function Report(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Report = function Report(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
+    className: className ? 'tant-icon-span' + className : 'tant-icon-span'
   }, /*#__PURE__*/React.createElement("style", {
     children: loadingCircleStyle
   }), /*#__PURE__*/React.createElement("svg", _extends({