@tant/icons 1.0.13 → 1.0.14

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

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,34 +25,46 @@ 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 StringSm = function StringSm(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 16 16",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M10.247 11.5c.32 0 .572-.056.753-.168v-.856a.996.996 0 01-.321.065c-.165 0-.263-.06-.296-.182a3.144 3.144 0 01-.037-.57V6.34c0-.39-.07-.705-.21-.947a1.466 1.466 0 00-.556-.557 2.1 2.1 0 00-.778-.272 5.574 5.574 0 00-.851-.065 4.34 4.34 0 00-1.025.117 2.366 2.366 0 00-.84.389 1.88 1.88 0 00-.592.687c-.148.285-.23.635-.247 1.05h1.05c.024-.493.184-.826.48-.999.297-.181.667-.272 1.112-.272.164 0 .33.013.494.04.173.025.325.077.457.155.14.077.25.19.333.337.09.147.136.341.136.583 0 .207-.058.367-.173.48a1.23 1.23 0 01-.47.246 5.645 5.645 0 01-.69.13c-.256.026-.527.069-.816.13-.271.051-.539.116-.802.194a2.2 2.2 0 00-.691.35 1.642 1.642 0 00-.482.583c-.123.242-.185.553-.185.933 0 .337.053.627.16.869.116.233.268.423.457.57.19.147.412.255.667.324.263.07.54.104.827.104.445 0 .856-.078 1.235-.233a2.569 2.569 0 001.012-.791c0 .363.078.626.235.79.164.156.382.234.654.234zm-1.47-3.37c.215-.052.388-.13.52-.234v1.128c0 .156-.038.324-.112.506-.074.172-.19.337-.345.492a2.013 2.013 0 01-.605.376 2.478 2.478 0 01-.89.143c-.164 0-.32-.018-.468-.052a1.177 1.177 0 01-.396-.169 1.025 1.025 0 01-.271-.298 1.02 1.02 0 01-.099-.466c0-.277.058-.493.173-.649.123-.164.28-.29.47-.376.188-.086.402-.146.641-.181.239-.043.473-.078.704-.104.238-.034.465-.073.679-.116z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M3.5 2A1.5 1.5 0 002 3.5v9A1.5 1.5 0 003.5 14h9a1.5 1.5 0 001.5-1.5v-9A1.5 1.5 0 0012.5 2h-9zM3 3.5a.5.5 0 01.5-.5h9a.5.5 0 01.5.5v9a.5.5 0 01-.5.5h-9a.5.5 0 01-.5-.5v-9z"
-  }));
+  })));
 };
 
 StringSm.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 StringSm.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

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

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,20 +25,30 @@ 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 Subtract2 = function Subtract2(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
@@ -47,14 +57,16 @@ var Subtract2 = function Subtract2(props) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M20 3H4a1 1 0 00-1 1v16a1 1 0 001 1h16a1 1 0 001-1V4a1 1 0 00-1-1zM5 19V5h14v14H5z"
-  }));
+  })));
 };
 
 Subtract2.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 Subtract2.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/subtract.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,20 +25,30 @@ 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 Subtract = function Subtract(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("rect", {
@@ -46,14 +56,16 @@ var Subtract = function Subtract(props) {
     y: "11",
     width: "18",
     height: "2"
-  }));
+  })));
 };
 
 Subtract.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 Subtract.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/success-fill.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,34 +25,46 @@ 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 SuccessFill = function SuccessFill(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm-1.75-5.69l7.207-7.206-1.414-1.415-5.793 5.793-2.293-2.293-1.414 1.415 3.707 3.707z"
-  }));
+  })));
 };
 
 SuccessFill.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 SuccessFill.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/success.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,32 +25,44 @@ 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 Success = function Success(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 100-16.001A8 8 0 0012 20zm-.997-4l-3.586-3.586L8.831 11l2.172 2.172 4.585-4.586L17.003 10l-6 6z"
-  }));
+  })));
 };
 
 Success.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 Success.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/swap-fill.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,32 +25,44 @@ 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 SwapFill = function SwapFill(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zM7 9h2v4h2V9h2l-3-3.5L7 9zm10 6h-2v-4h-2v4h-2l3 3.5 3-3.5z"
-  }));
+  })));
 };
 
 SwapFill.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 SwapFill.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/system-mgr.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,20 +25,30 @@ 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 SystemMgr = function SystemMgr(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
@@ -47,14 +57,16 @@ var SystemMgr = function SystemMgr(props) {
     d: "M17.16 9.634l-1.156.391v.001a3.975 3.975 0 00-1.434-.83L14.33 8h-2l-.239 1.195a3.985 3.985 0 00-1.435.83L9.5 9.634l-1 1.732.916.805a4.017 4.017 0 000 1.658l-.916.805 1 1.732 1.156-.392c.415.374.903.657 1.434.83L12.33 18h2l.239-1.195a3.985 3.985 0 001.435-.83l1.156.391 1-1.732-.916-.805a4.017 4.017 0 000-1.658l.916-.805-1-1.732zM15.33 13a2 2 0 11-4 0 2 2 0 014 0z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M3 2h18a1 1 0 011 1v18a1 1 0 01-1 1H3a1 1 0 01-1-1V3a1 1 0 011-1zm1 2v16h16V4H4z"
-  }));
+  })));
 };
 
 SystemMgr.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 SystemMgr.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/system-msg.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,20 +25,30 @@ 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 SystemMsg = function SystemMsg(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
@@ -49,14 +59,16 @@ var SystemMsg = function SystemMsg(props) {
     d: "M8 6h8v2H8V6z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M16 10H8v2h8v-2z"
-  }));
+  })));
 };
 
 SystemMsg.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 SystemMsg.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/t-a2b.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,32 +25,44 @@ 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 TA2b = function TA2b(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M5 15v2c0 1.054.95 2 2 2h3v2H7a4 4 0 01-4-4v-2h2zm13-5l4.4 11h-2.155l-1.201-3h-4.09l-1.199 3h-2.154L16 10h2zm-1 2.885L15.753 16h2.492L17 12.885zM3 3h6a3 3 0 012.235 5A3 3 0 019 13H3V3zm6 6H5v2h4a1 1 0 000-2zm8-6a4 4 0 014 4v2h-2V7a2 2 0 00-2-2h-3V3h3zM9 5H5v2h4a1 1 0 000-2z"
-  }));
+  })));
 };
 
 TA2b.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 TA2b.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/t-x2y.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,20 +25,30 @@ 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 TX2y = function TX2y(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
@@ -47,14 +57,16 @@ var TX2y = function TX2y(props) {
     d: "M16.5 14.613L18.765 11h2.161l-3.257 4.959L21 21h-2.183L16.5 17.332 14.176 21H12l3.338-5.041L12.074 11h2.161l2.265 3.613z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M7.504 7.739L9.953 3H12L8.432 9.319V13H6.575V9.319L3 3h2.054l2.45 4.739z"
-  }));
+  })));
 };
 
 TX2y.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 TX2y.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };

package/dist/lib/icons/table-1dtable.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _excluded = ["color", "size", "style"];
+var _excluded = ["color", "size", "spin", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,20 +25,30 @@ 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 Table1dtable = function Table1dtable(props) {
   var color = props.color,
       size = props.size,
+      spin = props.spin,
       style = props.style,
       otherProps = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", {
+    children: loadingCircleStyle
+  }), /*#__PURE__*/_react["default"].createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: color
   }, otherProps, {
-    style: _objectSpread(_objectSpread({}, style), {}, {
+    style: _objectSpread(_objectSpread(_objectSpread({}, style), spin ? {
+      animationDuration: '1s',
+      animationIterationCount: 'infinite',
+      animationName: 'loadingCircle',
+      animationTimingFunction: 'linear'
+    } : {}), {}, {
       cursor: 'pointer'
     })
   }), /*#__PURE__*/_react["default"].createElement("path", {
@@ -61,14 +71,16 @@ var Table1dtable = function Table1dtable(props) {
     d: "M17 13h5v3h-5v-3z"
   }), /*#__PURE__*/_react["default"].createElement("path", {
     d: "M22 18h-5v3h5v-3z"
-  }));
+  })));
 };
 
 Table1dtable.propTypes = {
+  spin: _propTypes["default"]["boolean"],
   color: _propTypes["default"].string,
   size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
 Table1dtable.defaultProps = {
+  spin: false,
   color: 'currentColor',
   size: '16'
 };