@aloudata/aloudata-design 0.3.0-beta.1 → 0.3.2

package/lib/Icon/icons/ErrorFill.js

@@ -0,0 +1,90 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ErrorFill;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+var _excluded = ["size", "width", "height", "spin", "rtl", "color", "fill", "stroke", "className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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; }
+
+function ErrorFill(props) {
+  var root = (0, _react.useRef)(null);
+
+  var _props$size = props.size,
+      size = _props$size === void 0 ? '1em' : _props$size,
+      width = props.width,
+      height = props.height,
+      spin = props.spin,
+      rtl = props.rtl,
+      color = props.color,
+      fill = props.fill,
+      stroke = props.stroke,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var _width = width || size;
+
+  var _height = height || size;
+
+  var _stroke = stroke || color;
+
+  var _fill = fill || color;
+
+  (0, _react.useEffect)(function () {
+    if (!_fill) {
+      var _root$current;
+
+      (_root$current = root.current) === null || _root$current === void 0 ? void 0 : _root$current.querySelectorAll('[data-follow-fill]').forEach(function (item) {
+        item.setAttribute('fill', item.getAttribute('data-follow-fill') || '');
+      });
+    }
+
+    if (!_stroke) {
+      var _root$current2;
+
+      (_root$current2 = root.current) === null || _root$current2 === void 0 ? void 0 : _root$current2.querySelectorAll('[data-follow-stroke]').forEach(function (item) {
+        item.setAttribute('stroke', item.getAttribute('data-follow-stroke') || '');
+      });
+    }
+  }, [stroke, color, fill]);
+  return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
+    ref: root,
+    width: _width,
+    height: _height,
+    viewBox: "0 0 24 24",
+    preserveAspectRatio: "xMidYMid meet",
+    fill: "none",
+    role: "presentation",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "".concat(className || '', " ").concat(spin ? _style.default.spin : '', " ").concat(rtl ? _style.default.rtl : '').trim()
+  }, rest), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("g", {
+    clipPath: "url(#56416__a)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    "data-follow-fill": "#001A33",
+    d: "M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0Zm0 5a1 1 0 0 1 1 1v7.5a1 1 0 1 1-2 0V6a1 1 0 0 1 1-1Zm-1 12.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Z",
+    clipRule: "evenodd",
+    fillRule: "evenodd",
+    fill: _fill
+  })), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "56416__a"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  })))));
+}

package/lib/Icon/icons/EyeOffLine.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: string | number;
+    width?: string | number;
+    height?: string | number;
+    spin?: boolean;
+    rtl?: boolean;
+    color?: string;
+    fill?: string;
+    stroke?: string;
+}
+export default function EyeOffLine(props: IconProps): JSX.Element;
+export {};

package/lib/Icon/icons/EyeOffLine.js

@@ -0,0 +1,90 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = EyeOffLine;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+var _excluded = ["size", "width", "height", "spin", "rtl", "color", "fill", "stroke", "className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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; }
+
+function EyeOffLine(props) {
+  var root = (0, _react.useRef)(null);
+
+  var _props$size = props.size,
+      size = _props$size === void 0 ? '1em' : _props$size,
+      width = props.width,
+      height = props.height,
+      spin = props.spin,
+      rtl = props.rtl,
+      color = props.color,
+      fill = props.fill,
+      stroke = props.stroke,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var _width = width || size;
+
+  var _height = height || size;
+
+  var _stroke = stroke || color;
+
+  var _fill = fill || color;
+
+  (0, _react.useEffect)(function () {
+    if (!_fill) {
+      var _root$current;
+
+      (_root$current = root.current) === null || _root$current === void 0 ? void 0 : _root$current.querySelectorAll('[data-follow-fill]').forEach(function (item) {
+        item.setAttribute('fill', item.getAttribute('data-follow-fill') || '');
+      });
+    }
+
+    if (!_stroke) {
+      var _root$current2;
+
+      (_root$current2 = root.current) === null || _root$current2 === void 0 ? void 0 : _root$current2.querySelectorAll('[data-follow-stroke]').forEach(function (item) {
+        item.setAttribute('stroke', item.getAttribute('data-follow-stroke') || '');
+      });
+    }
+  }, [stroke, color, fill]);
+  return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
+    ref: root,
+    width: _width,
+    height: _height,
+    viewBox: "0 0 24 24",
+    preserveAspectRatio: "xMidYMid meet",
+    fill: "none",
+    role: "presentation",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "".concat(className || '', " ").concat(spin ? _style.default.spin : '', " ").concat(rtl ? _style.default.rtl : '').trim()
+  }, rest), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("g", {
+    clipPath: "url(#56352__a)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    "data-follow-fill": "#001A33",
+    d: "M22.707 3.707a1 1 0 0 0-1.414-1.414L17.17 6.414A11.814 11.814 0 0 0 11.814 5h-.021C9.208 5 6.864 6.028 4.98 7.25 3.092 8.476 1.597 9.943.692 10.928l-.01.01a2.694 2.694 0 0 0 0 3.588l.004.004a21.687 21.687 0 0 0 4.545 3.825l-2.938 2.938a1 1 0 1 0 1.414 1.414l5.855-5.855a1.002 1.002 0 0 0 .328-.328l4.634-4.634a1.006 1.006 0 0 0 .328-.328l7.855-7.855Zm-10.292 7.464L9.17 14.415a2.518 2.518 0 0 1-.17-.898A2.519 2.519 0 0 1 11.517 11c.31.002.614.06.898.17ZM11.523 9a4.52 4.52 0 0 1 2.376.686l1.782-1.783A9.809 9.809 0 0 0 11.782 7c-2.053.003-4.014.825-5.712 1.928-1.693 1.098-3.057 2.43-3.9 3.347a.695.695 0 0 0 .003.918A19.678 19.678 0 0 0 6.685 16.9l1.002-1.002A4.519 4.519 0 0 1 7 13.523v-.004A4.52 4.52 0 0 1 11.519 9h.004Zm8.62.363a1 1 0 0 1 1.407-.135 24.403 24.403 0 0 1 1.708 1.559l.008.007A2.54 2.54 0 0 1 24 12.571c0 .67-.27 1.302-.734 1.776l-.01.01c-.95.942-2.513 2.34-4.486 3.508C16.801 19.03 14.367 20 11.697 20H11a1 1 0 1 1 0-2h.697c2.19 0 4.269-.799 6.054-1.855 1.778-1.052 3.208-2.326 4.09-3.2a.539.539 0 0 0 .159-.373.54.54 0 0 0-.16-.375 22.406 22.406 0 0 0-1.563-1.426 1 1 0 0 1-.135-1.407Zm-4.135 5.069a.857.857 0 1 0-1.48-.866 2.573 2.573 0 0 1-.95.939.857.857 0 1 0 .845 1.491 4.286 4.286 0 0 0 1.585-1.564Z",
+    clipRule: "evenodd",
+    fillRule: "evenodd",
+    fill: _fill
+  })), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "56352__a"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  })))));
+}

package/lib/Icon/icons/EyeOnLine.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: string | number;
+    width?: string | number;
+    height?: string | number;
+    spin?: boolean;
+    rtl?: boolean;
+    color?: string;
+    fill?: string;
+    stroke?: string;
+}
+export default function EyeOnLine(props: IconProps): JSX.Element;
+export {};

package/lib/Icon/icons/EyeOnLine.js

@@ -0,0 +1,83 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = EyeOnLine;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+var _excluded = ["size", "width", "height", "spin", "rtl", "color", "fill", "stroke", "className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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; }
+
+function EyeOnLine(props) {
+  var root = (0, _react.useRef)(null);
+
+  var _props$size = props.size,
+      size = _props$size === void 0 ? '1em' : _props$size,
+      width = props.width,
+      height = props.height,
+      spin = props.spin,
+      rtl = props.rtl,
+      color = props.color,
+      fill = props.fill,
+      stroke = props.stroke,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var _width = width || size;
+
+  var _height = height || size;
+
+  var _stroke = stroke || color;
+
+  var _fill = fill || color;
+
+  (0, _react.useEffect)(function () {
+    if (!_fill) {
+      var _root$current;
+
+      (_root$current = root.current) === null || _root$current === void 0 ? void 0 : _root$current.querySelectorAll('[data-follow-fill]').forEach(function (item) {
+        item.setAttribute('fill', item.getAttribute('data-follow-fill') || '');
+      });
+    }
+
+    if (!_stroke) {
+      var _root$current2;
+
+      (_root$current2 = root.current) === null || _root$current2 === void 0 ? void 0 : _root$current2.querySelectorAll('[data-follow-stroke]').forEach(function (item) {
+        item.setAttribute('stroke', item.getAttribute('data-follow-stroke') || '');
+      });
+    }
+  }, [stroke, color, fill]);
+  return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
+    ref: root,
+    width: _width,
+    height: _height,
+    viewBox: "0 0 24 24",
+    preserveAspectRatio: "xMidYMid meet",
+    fill: "none",
+    role: "presentation",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "".concat(className || '', " ").concat(spin ? _style.default.spin : '', " ").concat(rtl ? _style.default.rtl : '').trim()
+  }, rest), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("path", {
+    "data-follow-fill": "#001A33",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2 12c0-.193.069-.374.186-.51.86-.954 2.251-2.34 3.978-3.484C7.901 6.856 9.904 6 12 6s4.1.856 5.836 2.006c1.727 1.143 3.119 2.53 3.978 3.484A.783.783 0 0 1 22 12a.783.783 0 0 1-.186.51c-.86.954-2.251 2.34-3.978 3.484C16.099 17.144 14.096 18 12 18s-4.1-.856-5.836-2.006c-1.727-1.143-3.119-2.53-3.978-3.484A.783.783 0 0 1 2 12Zm10-8C9.366 4 6.977 5.069 5.06 6.338 3.137 7.612 1.615 9.135.694 10.158l-.01.011A2.782 2.782 0 0 0 0 12c0 .671.241 1.324.684 1.83l.01.012c.921 1.023 2.443 2.546 4.366 3.82C6.977 18.932 9.366 20 12 20c2.634 0 5.023-1.069 6.94-2.338 1.923-1.274 3.445-2.797 4.366-3.82l.01-.011c.443-.507.684-1.16.684-1.831s-.241-1.324-.684-1.83l-.01-.012c-.921-1.023-2.443-2.546-4.366-3.82C17.023 5.068 14.634 4 12 4Zm-2 8a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm2-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z",
+    fill: _fill
+  })));
+}

package/lib/Icon/icons/FileLine.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: string | number;
+    width?: string | number;
+    height?: string | number;
+    spin?: boolean;
+    rtl?: boolean;
+    color?: string;
+    fill?: string;
+    stroke?: string;
+}
+export default function FileLine(props: IconProps): JSX.Element;
+export {};

package/lib/Icon/icons/FileLine.js

@@ -0,0 +1,90 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FileLine;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+var _excluded = ["size", "width", "height", "spin", "rtl", "color", "fill", "stroke", "className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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; }
+
+function FileLine(props) {
+  var root = (0, _react.useRef)(null);
+
+  var _props$size = props.size,
+      size = _props$size === void 0 ? '1em' : _props$size,
+      width = props.width,
+      height = props.height,
+      spin = props.spin,
+      rtl = props.rtl,
+      color = props.color,
+      fill = props.fill,
+      stroke = props.stroke,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var _width = width || size;
+
+  var _height = height || size;
+
+  var _stroke = stroke || color;
+
+  var _fill = fill || color;
+
+  (0, _react.useEffect)(function () {
+    if (!_fill) {
+      var _root$current;
+
+      (_root$current = root.current) === null || _root$current === void 0 ? void 0 : _root$current.querySelectorAll('[data-follow-fill]').forEach(function (item) {
+        item.setAttribute('fill', item.getAttribute('data-follow-fill') || '');
+      });
+    }
+
+    if (!_stroke) {
+      var _root$current2;
+
+      (_root$current2 = root.current) === null || _root$current2 === void 0 ? void 0 : _root$current2.querySelectorAll('[data-follow-stroke]').forEach(function (item) {
+        item.setAttribute('stroke', item.getAttribute('data-follow-stroke') || '');
+      });
+    }
+  }, [stroke, color, fill]);
+  return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
+    ref: root,
+    width: _width,
+    height: _height,
+    viewBox: "0 0 24 24",
+    preserveAspectRatio: "xMidYMid meet",
+    fill: "none",
+    role: "presentation",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "".concat(className || '', " ").concat(spin ? _style.default.spin : '', " ").concat(rtl ? _style.default.rtl : '').trim()
+  }, rest), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("g", {
+    clipPath: "url(#563d7__a)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    "data-follow-fill": "#001A33",
+    d: "M4.636 2a.61.61 0 0 0-.438.19.722.722 0 0 0-.198.502v18.616c0 .194.075.374.198.501a.61.61 0 0 0 .438.191h14.728a.61.61 0 0 0 .438-.19.723.723 0 0 0 .198-.502V10h-7a1 1 0 0 1-1-1V2H4.636ZM14 3.414 18.586 8H14V3.414ZM2.76.801A2.61 2.61 0 0 1 4.636 0H13a1 1 0 0 1 .707.293l8 8A1 1 0 0 1 22 9v12.308c0 .703-.27 1.384-.76 1.891a2.61 2.61 0 0 1-1.876.801H4.636a2.61 2.61 0 0 1-1.876-.8A2.722 2.722 0 0 1 2 21.307V2.692c0-.703.27-1.384.76-1.891Z",
+    clipRule: "evenodd",
+    fillRule: "evenodd",
+    fill: _fill
+  })), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "563d7__a"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  })))));
+}

package/lib/Icon/icons/HomeFill.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: string | number;
+    width?: string | number;
+    height?: string | number;
+    spin?: boolean;
+    rtl?: boolean;
+    color?: string;
+    fill?: string;
+    stroke?: string;
+}
+export default function HomeFill(props: IconProps): JSX.Element;
+export {};

package/lib/Icon/icons/HomeFill.js

@@ -0,0 +1,90 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = HomeFill;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+var _excluded = ["size", "width", "height", "spin", "rtl", "color", "fill", "stroke", "className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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; }
+
+function HomeFill(props) {
+  var root = (0, _react.useRef)(null);
+
+  var _props$size = props.size,
+      size = _props$size === void 0 ? '1em' : _props$size,
+      width = props.width,
+      height = props.height,
+      spin = props.spin,
+      rtl = props.rtl,
+      color = props.color,
+      fill = props.fill,
+      stroke = props.stroke,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var _width = width || size;
+
+  var _height = height || size;
+
+  var _stroke = stroke || color;
+
+  var _fill = fill || color;
+
+  (0, _react.useEffect)(function () {
+    if (!_fill) {
+      var _root$current;
+
+      (_root$current = root.current) === null || _root$current === void 0 ? void 0 : _root$current.querySelectorAll('[data-follow-fill]').forEach(function (item) {
+        item.setAttribute('fill', item.getAttribute('data-follow-fill') || '');
+      });
+    }
+
+    if (!_stroke) {
+      var _root$current2;
+
+      (_root$current2 = root.current) === null || _root$current2 === void 0 ? void 0 : _root$current2.querySelectorAll('[data-follow-stroke]').forEach(function (item) {
+        item.setAttribute('stroke', item.getAttribute('data-follow-stroke') || '');
+      });
+    }
+  }, [stroke, color, fill]);
+  return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
+    ref: root,
+    width: _width,
+    height: _height,
+    viewBox: "0 0 24 24",
+    preserveAspectRatio: "xMidYMid meet",
+    fill: "none",
+    role: "presentation",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "".concat(className || '', " ").concat(spin ? _style.default.spin : '', " ").concat(rtl ? _style.default.rtl : '').trim()
+  }, rest), /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("g", {
+    clipPath: "url(#56255__a)"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    "data-follow-fill": "#001A33",
+    d: "M12.673 1.26a1 1 0 0 0-1.346 0l-11 10a1 1 0 1 0 1.346 1.48L3 11.533V22a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-7a1 1 0 1 1 2 0v7a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V11.533l1.327 1.207a1 1 0 0 0 1.346-1.48l-11-10Z",
+    clipRule: "evenodd",
+    fillRule: "evenodd",
+    fill: _fill
+  })), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "56255__a"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  })))));
+}

package/lib/Icon/icons/IconBase.withSpan.tpl

@@ -0,0 +1,58 @@
+import React, { useEffect, useRef } from 'react';
+interface IconProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
+    size?: string | number;
+    width?: string | number;
+    height?: string | number;
+    spin?: boolean;
+    rtl?: boolean;
+    color?: string;
+    fill?: string;
+    stroke?: string;
+}
+
+export default function <%-PascalIconName%>(props: IconProps) {
+    const root = useRef<SVGSVGElement>(null)
+    const { size = '1em', width, height, spin, rtl, color, fill, stroke, className, ...rest } = props;
+    const _width = width || size;
+    const _height = height || size;
+    const _stroke = stroke || color;
+    const _fill = fill || color;
+    useEffect(() => {
+      if (!_fill) {
+        (root.current as SVGSVGElement)?.querySelectorAll('[data-follow-fill]').forEach(item => {
+          item.setAttribute('fill', item.getAttribute('data-follow-fill') || '')
+        })
+      }
+      if (!_stroke) {
+        (root.current as SVGSVGElement)?.querySelectorAll('[data-follow-stroke]').forEach(item => {
+          item.setAttribute('stroke', item.getAttribute('data-follow-stroke') || '')
+        })
+      }
+    }, [stroke, color, fill])
+    const cls = [
+      'i-icon',
+      'i-icon-<%-iconCompKebabName%>',
+      spin ? 'i-icon-spin' : '',
+      rtl ? 'i-icon-rtl' : '',
+      className,
+    ].filter(Boolean)
+    return (
+      <span
+        {...rest}
+        className={cls.join(' ')}
+      >
+        <svg
+          ref={root}
+          width={_width} 
+          height={_height}
+          viewBox="<%-iconViewBox%>"
+          preserveAspectRatio="xMidYMid meet"
+          fill="<%-iconFill%>"
+          role="presentation"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <%-iconSourceTpl%>
+        </svg>
+      </span>
+    )
+}

package/lib/Icon/icons/LightningLine.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: string | number;
+    width?: string | number;
+    height?: string | number;
+    spin?: boolean;
+    rtl?: boolean;
+    color?: string;
+    fill?: string;
+    stroke?: string;
+}
+export default function LightningLine(props: IconProps): JSX.Element;
+export {};