@aloudata/aloudata-design 0.2.6 → 0.3.0

package/es/Icon/icons/DatabaseLine.js

@@ -0,0 +1,66 @@
+var _excluded = ["size", "width", "height", "spin", "rtl", "color", "fill", "stroke", "className"];
+
+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; }
+
+import React, { useEffect, useRef } from 'react';
+import styles from './style.css';
+export default function DatabaseLine(props) {
+  var root = 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;
+
+  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.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 ? styles.spin : '', " ").concat(rtl ? styles.rtl : '').trim()
+  }, rest), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+    "data-follow-fill": "#001A33",
+    d: "M2.56 4.467C2.128 4.885 2 5.234 2 5.5c0 .266.128.615.56 1.033.435.42 1.116.845 2.04 1.223C6.444 8.511 9.06 9 12 9c2.94 0 5.556-.49 7.4-1.244.924-.378 1.605-.803 2.04-1.223.432-.418.56-.767.56-1.033 0-.266-.128-.615-.56-1.033-.435-.42-1.116-.845-2.04-1.223C17.555 2.489 14.94 2 12 2c-2.94 0-5.556.49-7.4 1.244-.924.378-1.605.803-2.04 1.223ZM1.17 3.03C.487 3.689 0 4.524 0 5.5v13.214c0 .966.506 1.777 1.187 2.404.68.626 1.608 1.144 2.672 1.558C5.992 23.507 8.87 24 12 24s6.008-.493 8.141-1.324c1.064-.414 1.992-.932 2.672-1.558.68-.627 1.187-1.438 1.187-2.404V5.5c0-.976-.488-1.811-1.17-2.47-.677-.656-1.607-1.201-2.673-1.638C18.019.518 15.135 0 12 0S5.981.518 3.843 1.392c-1.066.437-1.995.982-2.674 1.638ZM22 12V8.64c-.539.367-1.163.69-1.843.968C18.019 10.482 15.135 11 12 11s-6.019-.518-8.157-1.392A10.12 10.12 0 0 1 2 8.64V12c0 .15.081.424.516.798.432.372 1.116.751 2.048 1.09C6.419 14.563 9.048 15 12 15s5.581-.437 7.436-1.112c.932-.339 1.616-.718 2.048-1.09.435-.374.516-.647.516-.798ZM2 14.884a10.46 10.46 0 0 0 1.88.884C6.006 16.54 8.877 17 12 17c3.123 0 5.994-.459 8.12-1.232a10.375 10.375 0 0 0 1.88-.884v3.83c0 .218-.11.534-.542.932-.433.4-1.116.805-2.043 1.166C17.567 21.532 14.945 22 12 22c-2.946 0-5.567-.467-7.415-1.188-.927-.36-1.61-.766-2.043-1.166-.433-.398-.542-.714-.542-.932v-3.83Z",
+    clipRule: "evenodd",
+    fillRule: "evenodd",
+    fill: _fill
+  })));
+}

package/es/Icon/icons/Deleteline.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 Deleteline(props: IconProps): JSX.Element;
+export {};

package/es/Icon/icons/Deleteline.js

@@ -0,0 +1,66 @@
+var _excluded = ["size", "width", "height", "spin", "rtl", "color", "fill", "stroke", "className"];
+
+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; }
+
+import React, { useEffect, useRef } from 'react';
+import styles from './style.css';
+export default function Deleteline(props) {
+  var root = 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;
+
+  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.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 ? styles.spin : '', " ").concat(rtl ? styles.rtl : '').trim()
+  }, rest), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+    "data-follow-fill": "#001A33",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.893 2.913A2.92 2.92 0 0 1 12 2a2.92 2.92 0 0 1 2.107.913c.53.552.85 1.296.889 2.087H9.004c.04-.791.359-1.535.889-2.087ZM7.003 5A5.251 5.251 0 0 1 8.45 1.528 4.92 4.92 0 0 1 12 0a4.92 4.92 0 0 1 3.55 1.528A5.251 5.251 0 0 1 16.997 5H22a1 1 0 1 1 0 2h-1v14.3c0 .73-.304 1.422-.83 1.925a2.82 2.82 0 0 1-1.948.775H5.778a2.82 2.82 0 0 1-1.948-.775A2.663 2.663 0 0 1 3 21.3V7H2a1 1 0 0 1 0-2h5.003ZM8 7H5v14.3c0 .17.07.344.212.48a.82.82 0 0 0 .566.22h12.444a.82.82 0 0 0 .566-.22.664.664 0 0 0 .212-.48V7H8Zm1.429 2a1 1 0 0 1 1 1v9a1 1 0 0 1-2 0v-9a1 1 0 0 1 1-1Zm6.142 1a1 1 0 1 0-2 0v9a1 1 0 1 0 2 0v-9Z",
+    fill: _fill
+  })));
+}

package/es/Icon/icons/DownloadLine.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 DownloadLine(props: IconProps): JSX.Element;
+export {};

package/es/Icon/icons/DownloadLine.js

@@ -0,0 +1,73 @@
+var _excluded = ["size", "width", "height", "spin", "rtl", "color", "fill", "stroke", "className"];
+
+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; }
+
+import React, { useEffect, useRef } from 'react';
+import styles from './style.css';
+export default function DownloadLine(props) {
+  var root = 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;
+
+  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.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 ? styles.spin : '', " ").concat(rtl ? styles.rtl : '').trim()
+  }, rest), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", {
+    "data-follow-fill": "#001A33",
+    clipPath: "url(#56254__a)",
+    fill: _fill
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M13 1a1 1 0 1 0-2 0v12.43L7.237 9.323a1 1 0 0 0-1.474 1.352l5.494 5.994a.997.997 0 0 0 .72.33H12a1 1 0 0 0 .737-.324l5.5-6a1 1 0 1 0-1.474-1.352L13 13.43V1Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M1 17a1 1 0 0 1 1 1v1.667c0 .614.247 1.205.693 1.644.446.44 1.054.689 1.692.689h15.23c.638 0 1.246-.25 1.692-.689.446-.439.693-1.03.693-1.644V18a1 1 0 1 1 2 0v1.667a4.308 4.308 0 0 1-1.29 3.07A4.412 4.412 0 0 1 19.615 24H4.385a4.411 4.411 0 0 1-3.095-1.264A4.308 4.308 0 0 1 0 19.666V18a1 1 0 0 1 1-1Z"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "56254__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  })))));
+}

package/es/Icon/icons/ErrorFill.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 ErrorFill(props: IconProps): JSX.Element;
+export {};

package/es/Icon/icons/ErrorFill.js

@@ -0,0 +1,73 @@
+var _excluded = ["size", "width", "height", "spin", "rtl", "color", "fill", "stroke", "className"];
+
+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; }
+
+import React, { useEffect, useRef } from 'react';
+import styles from './style.css';
+export default function ErrorFill(props) {
+  var root = 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;
+
+  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.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 ? styles.spin : '', " ").concat(rtl ? styles.rtl : '').trim()
+  }, rest), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#56416__a)"
+  }, /*#__PURE__*/React.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.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "56416__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  })))));
+}

package/es/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/es/Icon/icons/EyeOffLine.js

@@ -0,0 +1,73 @@
+var _excluded = ["size", "width", "height", "spin", "rtl", "color", "fill", "stroke", "className"];
+
+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; }
+
+import React, { useEffect, useRef } from 'react';
+import styles from './style.css';
+export default function EyeOffLine(props) {
+  var root = 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;
+
+  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.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 ? styles.spin : '', " ").concat(rtl ? styles.rtl : '').trim()
+  }, rest), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#56352__a)"
+  }, /*#__PURE__*/React.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.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "56352__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  })))));
+}

package/es/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/es/Icon/icons/EyeOnLine.js

@@ -0,0 +1,66 @@
+var _excluded = ["size", "width", "height", "spin", "rtl", "color", "fill", "stroke", "className"];
+
+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; }
+
+import React, { useEffect, useRef } from 'react';
+import styles from './style.css';
+export default function EyeOnLine(props) {
+  var root = 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;
+
+  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.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 ? styles.spin : '', " ").concat(rtl ? styles.rtl : '').trim()
+  }, rest), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.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/es/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/es/Icon/icons/FileLine.js

@@ -0,0 +1,73 @@
+var _excluded = ["size", "width", "height", "spin", "rtl", "color", "fill", "stroke", "className"];
+
+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; }
+
+import React, { useEffect, useRef } from 'react';
+import styles from './style.css';
+export default function FileLine(props) {
+  var root = 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;
+
+  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.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 ? styles.spin : '', " ").concat(rtl ? styles.rtl : '').trim()
+  }, rest), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#563d7__a)"
+  }, /*#__PURE__*/React.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.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "563d7__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  })))));
+}

package/es/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 {};