@tant/icons 1.0.24 → 1.0.27

package/dist/es/icons/boolean-sm.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 BooleanSm = function BooleanSm(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var BooleanSm = function BooleanSm(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/calendar-sm.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 CalendarSm = function CalendarSm(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var CalendarSm = function CalendarSm(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/calendar.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 Calendar = function Calendar(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Calendar = function Calendar(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/card.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 Card = function Card(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Card = function Card(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/cellphone.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 Cellphone = function Cellphone(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Cellphone = function Cellphone(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-bar-table.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 ChartBarTable = function ChartBarTable(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartBarTable = function ChartBarTable(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-bar.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 ChartBar = function ChartBar(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartBar = function ChartBar(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-combined-table.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 ChartCombinedTable = function ChartCombinedTable(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartCombinedTable = function ChartCombinedTable(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-complex.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 ChartComplex = function ChartComplex(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartComplex = function ChartComplex(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-cum.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 ChartCum = function ChartCum(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartCum = function ChartCum(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-d-n-re.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 ChartDNRe = function ChartDNRe(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartDNRe = function ChartDNRe(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-d-re.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 ChartDRe = function ChartDRe(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartDRe = function ChartDRe(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-dist-table.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 ChartDistTable = function ChartDistTable(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartDistTable = function ChartDistTable(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-fieldlist.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 ChartFieldlist = function ChartFieldlist(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartFieldlist = function ChartFieldlist(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-funnel.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 ChartFunnel = function ChartFunnel(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartFunnel = function ChartFunnel(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-histogram.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 ChartHistogram = function ChartHistogram(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartHistogram = function ChartHistogram(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-interval.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 ChartInterval = function ChartInterval(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartInterval = function ChartInterval(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-line-table.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 ChartLineTable = function ChartLineTable(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartLineTable = function ChartLineTable(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-line.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 ChartLine = function ChartLine(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartLine = function ChartLine(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-pie.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 ChartPie = function ChartPie(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartPie = function ChartPie(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-sqltable.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 ChartSqltable = function ChartSqltable(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartSqltable = function ChartSqltable(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-stack-perc.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 ChartStackPerc = function ChartStackPerc(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartStackPerc = function ChartStackPerc(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-stack.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 ChartStack = function ChartStack(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartStack = function ChartStack(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-stackn.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 ChartStackn = function ChartStackn(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartStackn = function ChartStackn(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/chart-table.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 ChartTable = function ChartTable(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var ChartTable = function ChartTable(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/clock.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 Clock = function Clock(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Clock = function Clock(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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/close.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 Close = function Close(props) {
   var color = props.color,
@@ -25,12 +25,7 @@ var Close = function Close(props) {
       otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement("span", {
-    className: className,
-    style: {
-      display: 'inline-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({