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

package/es/Icon/icons/AddLine.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 AddLine(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: "M13 2a1 1 0 0 0-2 0v9H2a1 1 0 1 0 0 2h9v9a1 1 0 1 0 2 0v-9h9a1 1 0 0 0 0-2h-9V2Z",
+    clipRule: "evenodd",
+    fillRule: "evenodd",
+    fill: _fill
+  })));
+}

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

package/es/Icon/icons/AlertFill.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 AlertFill(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(#5639c__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 19a1 1 0 0 1-1-1v-7.5a1 1 0 1 1 2 0V18a1 1 0 0 1-1 1Zm1-12.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1Z",
+    clipRule: "evenodd",
+    fillRule: "evenodd",
+    fill: _fill
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "5639c__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  })))));
+}

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

package/es/Icon/icons/ArrowsDownLine.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 ArrowsDownLine(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: "M12.707 15.707a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 1.414-1.414L12 13.586l5.293-5.293a1 1 0 1 1 1.414 1.414l-6 6Z",
+    fill: _fill
+  })));
+}

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

package/es/Icon/icons/CancelFill.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 CancelFill(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(#56415__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 0ZM6.343 6.343a1 1 0 0 1 1.414 0L12 10.586l4.243-4.243a1 1 0 1 1 1.414 1.414L13.414 12l4.243 4.243a1 1 0 1 1-1.414 1.414L12 13.414l-4.243 4.243a1 1 0 0 1-1.414-1.414L10.586 12 6.343 7.757a1 1 0 0 1 0-1.414Z",
+    clipRule: "evenodd",
+    fillRule: "evenodd",
+    fill: _fill
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "56415__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  })))));
+}

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

package/es/Icon/icons/CheckFill.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 CheckFill(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(#56418__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 0Zm5.873 7.488a1 1 0 1 0-1.746-.976l-5.247 9.382-3.24-2.704a1 1 0 0 0-1.28 1.535l3.411 2.849a1.787 1.787 0 0 0 2.232.07c.215-.158.392-.36.52-.59v-.001l5.35-9.565Z",
+    clipRule: "evenodd",
+    fillRule: "evenodd",
+    fill: _fill
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "56418__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  })))));
+}

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

package/es/Icon/icons/CheckLine.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 CheckLine(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(#650c5__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    "data-follow-fill": "#001A33",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M23.646 2.237a1 1 0 0 1 .117 1.41L9.023 21.051l-.002.003a2.69 2.69 0 0 1-.942.705 2.727 2.727 0 0 1-2.313-.036 2.684 2.684 0 0 1-.931-.749L.218 15.183a1 1 0 0 1 1.564-1.247l4.623 5.8a.684.684 0 0 0 .238.19.727.727 0 0 0 .615.01.688.688 0 0 0 .24-.179H7.5L22.237 2.353a1 1 0 0 1 1.41-.117Z",
+    fill: _fill
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "650c5__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M0 0h24v24H0z",
+    fill: "#fff"
+  })))));
+}

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

package/es/Icon/icons/CloseLine.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 CloseLine(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: "M3.707 2.293a1 1 0 0 0-1.414 1.414L10.586 12l-8.293 8.293a1 1 0 1 0 1.414 1.414L12 13.414l8.293 8.293a1 1 0 0 0 1.414-1.414L13.414 12l8.293-8.293a1 1 0 0 0-1.414-1.414L12 10.586 3.707 2.293Z",
+    clipRule: "evenodd",
+    fillRule: "evenodd",
+    fill: _fill
+  })));
+}

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

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
+  })));
+}