hrm_ui_lib 2.1.0 → 2.2.0

package/components/SVGIcons/IconExpandUpRight.js

@@ -1,32 +1,8 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-
-var IconExpandUpRight = function IconExpandUpRight(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "Direction=Up Right, Size=24, Theme=Regular"
-  }, /*#__PURE__*/React.createElement("path", {
-    id: "Shape",
-    d: "M4.5 6.25C4.5 5.2835 5.2835 4.5 6.25 4.5H10.25C10.6642 4.5 11 4.16421 11 3.75C11 3.33579 10.6642 3 10.25 3H6.25C4.45507 3 3 4.45507 3 6.25V17.75C3 19.5449 4.45507 21 6.25 21H17.75C19.5449 21 21 19.5449 21 17.75V13.75C21 13.3358 20.6642 13 20.25 13C19.8358 13 19.5 13.3358 19.5 13.75V17.75C19.5 18.7165 18.7165 19.5 17.75 19.5H12V14.75C12 13.2312 10.7688 12 9.25 12H4.5V6.25ZM4.5 13.5H9.25C9.94036 13.5 10.5 14.0596 10.5 14.75V19.5H6.25C5.2835 19.5 4.5 18.7165 4.5 17.75V13.5ZM13 3.75C13 3.33579 13.3358 3 13.75 3H20.2505C20.6647 3 21.0005 3.33579 21.0005 3.75V10.25C21.0005 10.6642 20.6647 11 20.2505 11C19.8362 11 19.5005 10.6642 19.5005 10.25V5.56074L14.2803 10.7804C13.9874 11.0732 13.5125 11.0732 13.2196 10.7803C12.9268 10.4874 12.9268 10.0125 13.2197 9.71964L18.4399 4.5H13.75C13.3358 4.5 13 4.16421 13 3.75Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconExpandUpRight, IconExpandUpRight as default };
+export const IconExpandUpRight = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("g", { id: "Direction=Up Right, Size=24, Theme=Regular", children: _jsx("path", { id: "Shape", d: "M4.5 6.25C4.5 5.2835 5.2835 4.5 6.25 4.5H10.25C10.6642 4.5 11 4.16421 11 3.75C11 3.33579 10.6642 3 10.25 3H6.25C4.45507 3 3 4.45507 3 6.25V17.75C3 19.5449 4.45507 21 6.25 21H17.75C19.5449 21 21 19.5449 21 17.75V13.75C21 13.3358 20.6642 13 20.25 13C19.8358 13 19.5 13.3358 19.5 13.75V17.75C19.5 18.7165 18.7165 19.5 17.75 19.5H12V14.75C12 13.2312 10.7688 12 9.25 12H4.5V6.25ZM4.5 13.5H9.25C9.94036 13.5 10.5 14.0596 10.5 14.75V19.5H6.25C5.2835 19.5 4.5 18.7165 4.5 17.75V13.5ZM13 3.75C13 3.33579 13.3358 3 13.75 3H20.2505C20.6647 3 21.0005 3.33579 21.0005 3.75V10.25C21.0005 10.6642 20.6647 11 20.2505 11C19.8362 11 19.5005 10.6642 19.5005 10.25V5.56074L14.2803 10.7804C13.9874 11.0732 13.5125 11.0732 13.2196 10.7803C12.9268 10.4874 12.9268 10.0125 13.2197 9.71964L18.4399 4.5H13.75C13.3358 4.5 13 4.16421 13 3.75Z", fill: "#222222" }) }) }));
+export default IconExpandUpRight;

package/components/SVGIcons/IconExpandUpRightFilled.js

@@ -1,32 +1,8 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-
-var IconExpandUpRightFilled = function IconExpandUpRightFilled(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "Direction=Up Right, Size=24, Theme=Filled"
-  }, /*#__PURE__*/React.createElement("path", {
-    id: "Shape",
-    d: "M6.25 4.5C5.2835 4.5 4.5 5.2835 4.5 6.25V12H9.25C10.7688 12 12 13.2312 12 14.75V19.5H17.75C18.7165 19.5 19.5 18.7165 19.5 17.75V13.75C19.5 13.3358 19.8358 13 20.25 13C20.6642 13 21 13.3358 21 13.75V17.75C21 19.5449 19.5449 21 17.75 21L6.75 21.0002L6.71603 21H6.25C4.45507 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45507 3 6.25 3H10.25C10.6642 3 11 3.33579 11 3.75C11 4.16421 10.6642 4.5 10.25 4.5H6.25ZM13 3.75C13 3.33579 13.3358 3 13.75 3H20.2505C20.6647 3 21.0005 3.33579 21.0005 3.75V10.25C21.0005 10.6642 20.6647 11 20.2505 11C19.8362 11 19.5005 10.6642 19.5005 10.25V5.56074L14.2803 10.7804C13.9874 11.0732 13.5125 11.0732 13.2196 10.7803C12.9268 10.4874 12.9268 10.0125 13.2197 9.71964L18.4399 4.5H13.75C13.3358 4.5 13 4.16421 13 3.75Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconExpandUpRightFilled, IconExpandUpRightFilled as default };
+export const IconExpandUpRightFilled = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("g", { id: "Direction=Up Right, Size=24, Theme=Filled", children: _jsx("path", { id: "Shape", d: "M6.25 4.5C5.2835 4.5 4.5 5.2835 4.5 6.25V12H9.25C10.7688 12 12 13.2312 12 14.75V19.5H17.75C18.7165 19.5 19.5 18.7165 19.5 17.75V13.75C19.5 13.3358 19.8358 13 20.25 13C20.6642 13 21 13.3358 21 13.75V17.75C21 19.5449 19.5449 21 17.75 21L6.75 21.0002L6.71603 21H6.25C4.45507 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45507 3 6.25 3H10.25C10.6642 3 11 3.33579 11 3.75C11 4.16421 10.6642 4.5 10.25 4.5H6.25ZM13 3.75C13 3.33579 13.3358 3 13.75 3H20.2505C20.6647 3 21.0005 3.33579 21.0005 3.75V10.25C21.0005 10.6642 20.6647 11 20.2505 11C19.8362 11 19.5005 10.6642 19.5005 10.25V5.56074L14.2803 10.7804C13.9874 11.0732 13.5125 11.0732 13.2196 10.7803C12.9268 10.4874 12.9268 10.0125 13.2197 9.71964L18.4399 4.5H13.75C13.3358 4.5 13 4.16421 13 3.75Z", fill: "#222222" }) }) }));
+export default IconExpandUpRightFilled;

package/components/SVGIcons/IconEyeOff.js

@@ -1,32 +1,8 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-
-var IconEyeOff = function IconEyeOff(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "Size=24, Theme=Regular"
-  }, /*#__PURE__*/React.createElement("path", {
-    id: "Shape",
-    d: "M2.21967 2.21967C1.9534 2.48594 1.9292 2.9026 2.14705 3.19621L2.21967 3.28033L6.25424 7.3149C4.33225 8.66437 2.89577 10.6799 2.29888 13.0644C2.1983 13.4662 2.4425 13.8735 2.84431 13.9741C3.24613 14.0746 3.6534 13.8305 3.75399 13.4286C4.28346 11.3135 5.59112 9.53947 7.33416 8.39452L9.14379 10.2043C8.43628 10.9258 8 11.9143 8 13.0046C8 15.2138 9.79086 17.0046 12 17.0046C13.0904 17.0046 14.0788 16.5683 14.8004 15.8608L20.7197 21.7803C21.0126 22.0732 21.4874 22.0732 21.7803 21.7803C22.0466 21.5141 22.0708 21.0974 21.8529 20.8038L21.7803 20.7197L15.6668 14.6055L15.668 14.604L14.4679 13.4061L11.598 10.5368L11.6 10.536L8.71877 7.65782L8.72 7.656L7.58672 6.52549L3.28033 2.21967C2.98744 1.92678 2.51256 1.92678 2.21967 2.21967ZM10.2041 11.2655L13.7392 14.8006C13.2892 15.2364 12.6759 15.5046 12 15.5046C10.6193 15.5046 9.5 14.3853 9.5 13.0046C9.5 12.3287 9.76824 11.7154 10.2041 11.2655ZM12 5.5C10.9997 5.5 10.0291 5.64807 9.11109 5.925L10.3481 7.16119C10.8839 7.05532 11.4364 7 12 7C15.9231 7 19.3099 9.68026 20.2471 13.4332C20.3475 13.835 20.7546 14.0794 21.1565 13.9791C21.5584 13.8787 21.8028 13.4716 21.7024 13.0697C20.5994 8.65272 16.6155 5.5 12 5.5ZM12.1947 9.00928L15.996 12.81C15.8942 10.7531 14.2472 9.10764 12.1947 9.00928Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconEyeOff, IconEyeOff as default };
+export const IconEyeOff = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("g", { id: "Size=24, Theme=Regular", children: _jsx("path", { id: "Shape", d: "M2.21967 2.21967C1.9534 2.48594 1.9292 2.9026 2.14705 3.19621L2.21967 3.28033L6.25424 7.3149C4.33225 8.66437 2.89577 10.6799 2.29888 13.0644C2.1983 13.4662 2.4425 13.8735 2.84431 13.9741C3.24613 14.0746 3.6534 13.8305 3.75399 13.4286C4.28346 11.3135 5.59112 9.53947 7.33416 8.39452L9.14379 10.2043C8.43628 10.9258 8 11.9143 8 13.0046C8 15.2138 9.79086 17.0046 12 17.0046C13.0904 17.0046 14.0788 16.5683 14.8004 15.8608L20.7197 21.7803C21.0126 22.0732 21.4874 22.0732 21.7803 21.7803C22.0466 21.5141 22.0708 21.0974 21.8529 20.8038L21.7803 20.7197L15.6668 14.6055L15.668 14.604L14.4679 13.4061L11.598 10.5368L11.6 10.536L8.71877 7.65782L8.72 7.656L7.58672 6.52549L3.28033 2.21967C2.98744 1.92678 2.51256 1.92678 2.21967 2.21967ZM10.2041 11.2655L13.7392 14.8006C13.2892 15.2364 12.6759 15.5046 12 15.5046C10.6193 15.5046 9.5 14.3853 9.5 13.0046C9.5 12.3287 9.76824 11.7154 10.2041 11.2655ZM12 5.5C10.9997 5.5 10.0291 5.64807 9.11109 5.925L10.3481 7.16119C10.8839 7.05532 11.4364 7 12 7C15.9231 7 19.3099 9.68026 20.2471 13.4332C20.3475 13.835 20.7546 14.0794 21.1565 13.9791C21.5584 13.8787 21.8028 13.4716 21.7024 13.0697C20.5994 8.65272 16.6155 5.5 12 5.5ZM12.1947 9.00928L15.996 12.81C15.8942 10.7531 14.2472 9.10764 12.1947 9.00928Z", fill: "#222222" }) }) }));
+export default IconEyeOff;

package/components/SVGIcons/IconEyeOffFilled.js

@@ -1,32 +1,8 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-
-var IconEyeOffFilled = function IconEyeOffFilled(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "Size=24, Theme=Filled"
-  }, /*#__PURE__*/React.createElement("path", {
-    id: "Shape",
-    d: "M2.21967 2.21967C1.9534 2.48594 1.9292 2.9026 2.14705 3.19621L2.21967 3.28033L6.25424 7.3149C4.33225 8.66437 2.89577 10.6799 2.29888 13.0644C2.1983 13.4662 2.4425 13.8735 2.84431 13.9741C3.24613 14.0746 3.6534 13.8305 3.75399 13.4286C4.28346 11.3135 5.59112 9.53947 7.33416 8.39452L9.14379 10.2043C8.43628 10.9258 8 11.9143 8 13.0046C8 15.2138 9.79086 17.0046 12 17.0046C13.0904 17.0046 14.0788 16.5683 14.8004 15.8608L20.7197 21.7803C21.0126 22.0732 21.4874 22.0732 21.7803 21.7803C22.0466 21.5141 22.0708 21.0974 21.8529 20.8038L21.7803 20.7197L15.6668 14.6055L15.668 14.604L8.71877 7.65782L8.72 7.656L7.58672 6.52549L3.28033 2.21967C2.98744 1.92678 2.51256 1.92678 2.21967 2.21967ZM12 5.5C10.9997 5.5 10.0291 5.64807 9.11109 5.925L10.3481 7.16119C10.8839 7.05532 11.4364 7 12 7C15.9231 7 19.3099 9.68026 20.2471 13.4332C20.3475 13.835 20.7546 14.0794 21.1565 13.9791C21.5584 13.8787 21.8028 13.4716 21.7024 13.0697C20.5994 8.65272 16.6155 5.5 12 5.5ZM12.1947 9.00928L15.996 12.81C15.8942 10.7531 14.2472 9.10764 12.1947 9.00928Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconEyeOffFilled, IconEyeOffFilled as default };
+export const IconEyeOffFilled = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("g", { id: "Size=24, Theme=Filled", children: _jsx("path", { id: "Shape", d: "M2.21967 2.21967C1.9534 2.48594 1.9292 2.9026 2.14705 3.19621L2.21967 3.28033L6.25424 7.3149C4.33225 8.66437 2.89577 10.6799 2.29888 13.0644C2.1983 13.4662 2.4425 13.8735 2.84431 13.9741C3.24613 14.0746 3.6534 13.8305 3.75399 13.4286C4.28346 11.3135 5.59112 9.53947 7.33416 8.39452L9.14379 10.2043C8.43628 10.9258 8 11.9143 8 13.0046C8 15.2138 9.79086 17.0046 12 17.0046C13.0904 17.0046 14.0788 16.5683 14.8004 15.8608L20.7197 21.7803C21.0126 22.0732 21.4874 22.0732 21.7803 21.7803C22.0466 21.5141 22.0708 21.0974 21.8529 20.8038L21.7803 20.7197L15.6668 14.6055L15.668 14.604L8.71877 7.65782L8.72 7.656L7.58672 6.52549L3.28033 2.21967C2.98744 1.92678 2.51256 1.92678 2.21967 2.21967ZM12 5.5C10.9997 5.5 10.0291 5.64807 9.11109 5.925L10.3481 7.16119C10.8839 7.05532 11.4364 7 12 7C15.9231 7 19.3099 9.68026 20.2471 13.4332C20.3475 13.835 20.7546 14.0794 21.1565 13.9791C21.5584 13.8787 21.8028 13.4716 21.7024 13.0697C20.5994 8.65272 16.6155 5.5 12 5.5ZM12.1947 9.00928L15.996 12.81C15.8942 10.7531 14.2472 9.10764 12.1947 9.00928Z", fill: "#222222" }) }) }));
+export default IconEyeOffFilled;

package/components/SVGIcons/IconEyeOn.js

@@ -1,32 +1,8 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-
-var IconEyeOn = function IconEyeOn(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "Size=24, Theme=Regular"
-  }, /*#__PURE__*/React.createElement("path", {
-    id: "Shape",
-    d: "M12 9.00462C14.2091 9.00462 16 10.7955 16 13.0046C16 15.2138 14.2091 17.0046 12 17.0046C9.79086 17.0046 8 15.2138 8 13.0046C8 10.7955 9.79086 9.00462 12 9.00462ZM12 10.5046C10.6193 10.5046 9.5 11.6239 9.5 13.0046C9.5 14.3853 10.6193 15.5046 12 15.5046C13.3807 15.5046 14.5 14.3853 14.5 13.0046C14.5 11.6239 13.3807 10.5046 12 10.5046ZM12 5.5C16.6135 5.5 20.5961 8.65001 21.7011 13.0644C21.8017 13.4662 21.5575 13.8735 21.1557 13.9741C20.7539 14.0746 20.3466 13.8305 20.246 13.4286C19.3071 9.67796 15.9214 7 12 7C8.07693 7 4.69009 9.68026 3.75285 13.4332C3.65249 13.835 3.24535 14.0794 2.84348 13.9791C2.44161 13.8787 2.19719 13.4716 2.29755 13.0697C3.40064 8.65272 7.38448 5.5 12 5.5Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconEyeOn, IconEyeOn as default };
+export const IconEyeOn = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("g", { id: "Size=24, Theme=Regular", children: _jsx("path", { id: "Shape", d: "M12 9.00462C14.2091 9.00462 16 10.7955 16 13.0046C16 15.2138 14.2091 17.0046 12 17.0046C9.79086 17.0046 8 15.2138 8 13.0046C8 10.7955 9.79086 9.00462 12 9.00462ZM12 10.5046C10.6193 10.5046 9.5 11.6239 9.5 13.0046C9.5 14.3853 10.6193 15.5046 12 15.5046C13.3807 15.5046 14.5 14.3853 14.5 13.0046C14.5 11.6239 13.3807 10.5046 12 10.5046ZM12 5.5C16.6135 5.5 20.5961 8.65001 21.7011 13.0644C21.8017 13.4662 21.5575 13.8735 21.1557 13.9741C20.7539 14.0746 20.3466 13.8305 20.246 13.4286C19.3071 9.67796 15.9214 7 12 7C8.07693 7 4.69009 9.68026 3.75285 13.4332C3.65249 13.835 3.24535 14.0794 2.84348 13.9791C2.44161 13.8787 2.19719 13.4716 2.29755 13.0697C3.40064 8.65272 7.38448 5.5 12 5.5Z", fill: "#222222" }) }) }));
+export default IconEyeOn;

package/components/SVGIcons/IconEyeOnFilled.js

@@ -1,32 +1,8 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-
-var IconEyeOnFilled = function IconEyeOnFilled(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "Size=24, Theme=Filled"
-  }, /*#__PURE__*/React.createElement("path", {
-    id: "Shape",
-    d: "M12 9.00462C14.2091 9.00462 16 10.7955 16 13.0046C16 15.2138 14.2091 17.0046 12 17.0046C9.79086 17.0046 8 15.2138 8 13.0046C8 10.7955 9.79086 9.00462 12 9.00462ZM12 5.5C16.6135 5.5 20.5961 8.65001 21.7011 13.0644C21.8017 13.4662 21.5575 13.8735 21.1557 13.9741C20.7539 14.0746 20.3466 13.8305 20.246 13.4286C19.3071 9.67796 15.9214 7 12 7C8.07693 7 4.69009 9.68026 3.75285 13.4332C3.65249 13.835 3.24535 14.0794 2.84348 13.9791C2.44161 13.8787 2.19719 13.4716 2.29755 13.0697C3.40064 8.65272 7.38448 5.5 12 5.5Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconEyeOnFilled, IconEyeOnFilled as default };
+export const IconEyeOnFilled = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("g", { id: "Size=24, Theme=Filled", children: _jsx("path", { id: "Shape", d: "M12 9.00462C14.2091 9.00462 16 10.7955 16 13.0046C16 15.2138 14.2091 17.0046 12 17.0046C9.79086 17.0046 8 15.2138 8 13.0046C8 10.7955 9.79086 9.00462 12 9.00462ZM12 5.5C16.6135 5.5 20.5961 8.65001 21.7011 13.0644C21.8017 13.4662 21.5575 13.8735 21.1557 13.9741C20.7539 14.0746 20.3466 13.8305 20.246 13.4286C19.3071 9.67796 15.9214 7 12 7C8.07693 7 4.69009 9.68026 3.75285 13.4332C3.65249 13.835 3.24535 14.0794 2.84348 13.9791C2.44161 13.8787 2.19719 13.4716 2.29755 13.0697C3.40064 8.65272 7.38448 5.5 12 5.5Z", fill: "#222222" }) }) }));
+export default IconEyeOnFilled;

package/components/SVGIcons/IconFacebook.js

@@ -1,39 +1,8 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-
-var IconFacebook = function IconFacebook(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "Company=Facebook, Style=Gray, Background=None",
-    clipPath: "url(#clip0_697_1754)"
-  }, /*#__PURE__*/React.createElement("path", {
-    id: "Vector",
-    d: "M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 17.9895 4.3882 22.954 10.125 23.8542V15.4688H7.07812V12H10.125V9.35625C10.125 6.34875 11.9166 4.6875 14.6576 4.6875C15.9701 4.6875 17.3438 4.92188 17.3438 4.92188V7.875H15.8306C14.34 7.875 13.875 8.80008 13.875 9.75V12H17.2031L16.6711 15.4688H13.875V23.8542C19.6118 22.954 24 17.9895 24 12Z",
-    fill: "#555555"
-  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-    id: "clip0_697_1754"
-  }, /*#__PURE__*/React.createElement("rect", {
-    width: "24",
-    height: "24",
-    fill: "white"
-  }))));
-};
-
-export { IconFacebook, IconFacebook as default };
+export const IconFacebook = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: [_jsx("g", { id: "Company=Facebook, Style=Gray, Background=None", clipPath: "url(#clip0_697_1754)", children: _jsx("path", { id: "Vector", d: "M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 17.9895 4.3882 22.954 10.125 23.8542V15.4688H7.07812V12H10.125V9.35625C10.125 6.34875 11.9166 4.6875 14.6576 4.6875C15.9701 4.6875 17.3438 4.92188 17.3438 4.92188V7.875H15.8306C14.34 7.875 13.875 8.80008 13.875 9.75V12H17.2031L16.6711 15.4688H13.875V23.8542C19.6118 22.954 24 17.9895 24 12Z", fill: "#555555" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_697_1754", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }));
+export default IconFacebook;

package/components/SVGIcons/IconFilter.js

@@ -1,29 +1,8 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-
-var IconFilter = function IconFilter(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M13.5 16C13.9142 16 14.25 16.3358 14.25 16.75C14.25 17.1642 13.9142 17.5 13.5 17.5H10.5C10.0858 17.5 9.75 17.1642 9.75 16.75C9.75 16.3358 10.0858 16 10.5 16H13.5ZM16.5 11C16.9142 11 17.25 11.3358 17.25 11.75C17.25 12.1642 16.9142 12.5 16.5 12.5H7.5C7.08579 12.5 6.75 12.1642 6.75 11.75C6.75 11.3358 7.08579 11 7.5 11H16.5ZM19.5 6C19.9142 6 20.25 6.33579 20.25 6.75C20.25 7.16421 19.9142 7.5 19.5 7.5H4.5C4.08579 7.5 3.75 7.16421 3.75 6.75C3.75 6.33579 4.08579 6 4.5 6H19.5Z",
-    fill: "#222222"
-  }));
-};
-
-export { IconFilter, IconFilter as default };
+export const IconFilter = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("path", { d: "M13.5 16C13.9142 16 14.25 16.3358 14.25 16.75C14.25 17.1642 13.9142 17.5 13.5 17.5H10.5C10.0858 17.5 9.75 17.1642 9.75 16.75C9.75 16.3358 10.0858 16 10.5 16H13.5ZM16.5 11C16.9142 11 17.25 11.3358 17.25 11.75C17.25 12.1642 16.9142 12.5 16.5 12.5H7.5C7.08579 12.5 6.75 12.1642 6.75 11.75C6.75 11.3358 7.08579 11 7.5 11H16.5ZM19.5 6C19.9142 6 20.25 6.33579 20.25 6.75C20.25 7.16421 19.9142 7.5 19.5 7.5H4.5C4.08579 7.5 3.75 7.16421 3.75 6.75C3.75 6.33579 4.08579 6 4.5 6H19.5Z", fill: "#222222" }) }));
+export default IconFilter;

package/components/SVGIcons/IconFilterFilled.js

@@ -1,29 +1,8 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-
-var IconFilterFilled = function IconFilterFilled(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M10 16H14C14.5523 16 15 16.4477 15 17C15 17.5128 14.614 17.9355 14.1166 17.9933L14 18H10C9.44772 18 9 17.5523 9 17C9 16.4872 9.38604 16.0645 9.88338 16.0067L10 16H14H10ZM8 11H16C16.5523 11 17 11.4477 17 12C17 12.5128 16.614 12.9355 16.1166 12.9933L16 13H8C7.44772 13 7 12.5523 7 12C7 11.4872 7.38604 11.0645 7.88338 11.0067L8 11H16H8ZM5 6H19C19.5523 6 20 6.44772 20 7C20 7.51284 19.614 7.93551 19.1166 7.99327L19 8H5C4.44772 8 4 7.55228 4 7C4 6.48716 4.38604 6.06449 4.88338 6.00673L5 6H19H5Z",
-    fill: "#222222"
-  }));
-};
-
-export { IconFilterFilled, IconFilterFilled as default };
+export const IconFilterFilled = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("path", { d: "M10 16H14C14.5523 16 15 16.4477 15 17C15 17.5128 14.614 17.9355 14.1166 17.9933L14 18H10C9.44772 18 9 17.5523 9 17C9 16.4872 9.38604 16.0645 9.88338 16.0067L10 16H14H10ZM8 11H16C16.5523 11 17 11.4477 17 12C17 12.5128 16.614 12.9355 16.1166 12.9933L16 13H8C7.44772 13 7 12.5523 7 12C7 11.4872 7.38604 11.0645 7.88338 11.0067L8 11H16H8ZM5 6H19C19.5523 6 20 6.44772 20 7C20 7.51284 19.614 7.93551 19.1166 7.99327L19 8H5C4.44772 8 4 7.55228 4 7C4 6.48716 4.38604 6.06449 4.88338 6.00673L5 6H19H5Z", fill: "#222222" }) }));
+export default IconFilterFilled;

package/components/SVGIcons/IconFlag.js

@@ -1,32 +1,8 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-
-var IconFlag = function IconFlag(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "Size=24, Theme=Regular"
-  }, /*#__PURE__*/React.createElement("path", {
-    id: "Shape",
-    d: "M3 3.74805C3 3.33383 3.33579 2.99805 3.75 2.99805H20.2541C20.8722 2.99805 21.225 3.70369 20.8541 4.19811L16.6898 9.74927L20.8541 15.3004C21.225 15.7948 20.8722 16.5005 20.2541 16.5005L4.5 16.5V21.2499C4.5 21.6296 4.21785 21.9434 3.85177 21.993L3.75 21.9999C3.3703 21.9999 3.05651 21.7177 3.00685 21.3517L3 21.2499V3.74805ZM18.7539 4.49805H4.5V15.0005H18.7539L15.1522 10.1993C14.9522 9.93264 14.9522 9.5659 15.1522 9.29921L18.7539 4.49805Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconFlag, IconFlag as default };
+export const IconFlag = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("g", { id: "Size=24, Theme=Regular", children: _jsx("path", { id: "Shape", d: "M3 3.74805C3 3.33383 3.33579 2.99805 3.75 2.99805H20.2541C20.8722 2.99805 21.225 3.70369 20.8541 4.19811L16.6898 9.74927L20.8541 15.3004C21.225 15.7948 20.8722 16.5005 20.2541 16.5005L4.5 16.5V21.2499C4.5 21.6296 4.21785 21.9434 3.85177 21.993L3.75 21.9999C3.3703 21.9999 3.05651 21.7177 3.00685 21.3517L3 21.2499V3.74805ZM18.7539 4.49805H4.5V15.0005H18.7539L15.1522 10.1993C14.9522 9.93264 14.9522 9.5659 15.1522 9.29921L18.7539 4.49805Z", fill: "#222222" }) }) }));
+export default IconFlag;

package/components/SVGIcons/IconFlagFilled.js

@@ -1,32 +1,8 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-
-var IconFlagFilled = function IconFlagFilled(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "Size=24, Theme=Filled"
-  }, /*#__PURE__*/React.createElement("path", {
-    id: "Shape",
-    d: "M3 3.74805C3 3.33383 3.33579 2.99805 3.75 2.99805H20.2541C20.8722 2.99805 21.225 3.70369 20.8541 4.19811L16.6898 9.74927L20.8541 15.3004C21.225 15.7948 20.8722 16.5005 20.2541 16.5005L4.5 16.5V21.2499C4.5 21.6296 4.21785 21.9434 3.85177 21.993L3.75 21.9999C3.3703 21.9999 3.05651 21.7177 3.00685 21.3517L3 21.2499V3.74805Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconFlagFilled, IconFlagFilled as default };
+export const IconFlagFilled = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("g", { id: "Size=24, Theme=Filled", children: _jsx("path", { id: "Shape", d: "M3 3.74805C3 3.33383 3.33579 2.99805 3.75 2.99805H20.2541C20.8722 2.99805 21.225 3.70369 20.8541 4.19811L16.6898 9.74927L20.8541 15.3004C21.225 15.7948 20.8722 16.5005 20.2541 16.5005L4.5 16.5V21.2499C4.5 21.6296 4.21785 21.9434 3.85177 21.993L3.75 21.9999C3.3703 21.9999 3.05651 21.7177 3.00685 21.3517L3 21.2499V3.74805Z", fill: "#222222" }) }) }));
+export default IconFlagFilled;

package/components/SVGIcons/IconFolderLink.js

@@ -1,29 +1,8 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-
-var IconFolderLink = function IconFolderLink(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M18.25 14.5C20.3211 14.5 22 16.1789 22 18.25C22 20.2543 20.4276 21.8913 18.4523 21.9948L18.2534 22L17.2534 22.0046C16.8392 22.0065 16.5019 21.6722 16.5 21.258C16.4983 20.8783 16.779 20.5633 17.1448 20.5119L17.2466 20.5046L18.25 20.5C19.4926 20.5 20.5 19.4926 20.5 18.25C20.5 17.0591 19.5748 16.0844 18.404 16.0052L18.25 16H17.25C16.8358 16 16.5 15.6642 16.5 15.25C16.5 14.8703 16.7822 14.5565 17.1482 14.5068L17.25 14.5H18.25ZM13.75 14.5C14.1642 14.5 14.5 14.8358 14.5 15.25C14.5 15.6297 14.2178 15.9435 13.8518 15.9932L13.75 16H12.75C11.5074 16 10.5 17.0074 10.5 18.25C10.5 19.4409 11.4252 20.4156 12.596 20.4948L12.75 20.5H13.75C14.1642 20.5 14.5 20.8358 14.5 21.25C14.5 21.6297 14.2178 21.9435 13.8518 21.9932L13.75 22H12.75C10.6789 22 9 20.3211 9 18.25C9 16.2457 10.5724 14.6087 12.5508 14.5052L12.75 14.5H13.75ZM8.20693 4C8.66749 4 9.1153 4.14129 9.49094 4.40235L9.64734 4.5215L12.022 6.5H19.75C20.8867 6.5 21.8266 7.34297 21.9785 8.43788L21.9948 8.59595L22 8.75L22.0008 15.3352C21.5959 14.8148 21.085 14.3809 20.5005 14.0659L20.5 8.75C20.5 8.3703 20.2178 8.05651 19.8518 8.00685L19.75 8H12.021L9.64734 9.9785C9.29353 10.2733 8.85906 10.4515 8.40335 10.4914L8.20693 10.5L3.5 10.499V17.75C3.5 18.1297 3.78215 18.4435 4.14823 18.4932L4.25 18.5L8.0065 18.5006C8.03392 19.0282 8.14742 19.5329 8.33322 20.0012L4.25 20C3.05914 20 2.08436 19.0748 2.00519 17.904L2 17.75V6.25C2 5.05914 2.92516 4.08436 4.09595 4.00519L4.25 4H8.20693ZM18.25 17.5C18.6642 17.5 19 17.8358 19 18.25C19 18.6297 18.7178 18.9435 18.3518 18.9932L18.25 19H12.75C12.3358 19 12 18.6642 12 18.25C12 17.8703 12.2822 17.5565 12.6482 17.5068L12.75 17.5H18.25ZM8.20693 5.5H4.25C3.8703 5.5 3.55651 5.78215 3.50685 6.14823L3.5 6.25V8.999L8.20693 9C8.34729 9 8.4841 8.96063 8.60221 8.88738L8.68706 8.82617L10.578 7.249L8.68706 5.67383C8.57923 5.58398 8.44893 5.52664 8.31129 5.5073L8.20693 5.5Z",
-    fill: "#222222"
-  }));
-};
-
-export { IconFolderLink, IconFolderLink as default };
+export const IconFolderLink = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("path", { d: "M18.25 14.5C20.3211 14.5 22 16.1789 22 18.25C22 20.2543 20.4276 21.8913 18.4523 21.9948L18.2534 22L17.2534 22.0046C16.8392 22.0065 16.5019 21.6722 16.5 21.258C16.4983 20.8783 16.779 20.5633 17.1448 20.5119L17.2466 20.5046L18.25 20.5C19.4926 20.5 20.5 19.4926 20.5 18.25C20.5 17.0591 19.5748 16.0844 18.404 16.0052L18.25 16H17.25C16.8358 16 16.5 15.6642 16.5 15.25C16.5 14.8703 16.7822 14.5565 17.1482 14.5068L17.25 14.5H18.25ZM13.75 14.5C14.1642 14.5 14.5 14.8358 14.5 15.25C14.5 15.6297 14.2178 15.9435 13.8518 15.9932L13.75 16H12.75C11.5074 16 10.5 17.0074 10.5 18.25C10.5 19.4409 11.4252 20.4156 12.596 20.4948L12.75 20.5H13.75C14.1642 20.5 14.5 20.8358 14.5 21.25C14.5 21.6297 14.2178 21.9435 13.8518 21.9932L13.75 22H12.75C10.6789 22 9 20.3211 9 18.25C9 16.2457 10.5724 14.6087 12.5508 14.5052L12.75 14.5H13.75ZM8.20693 4C8.66749 4 9.1153 4.14129 9.49094 4.40235L9.64734 4.5215L12.022 6.5H19.75C20.8867 6.5 21.8266 7.34297 21.9785 8.43788L21.9948 8.59595L22 8.75L22.0008 15.3352C21.5959 14.8148 21.085 14.3809 20.5005 14.0659L20.5 8.75C20.5 8.3703 20.2178 8.05651 19.8518 8.00685L19.75 8H12.021L9.64734 9.9785C9.29353 10.2733 8.85906 10.4515 8.40335 10.4914L8.20693 10.5L3.5 10.499V17.75C3.5 18.1297 3.78215 18.4435 4.14823 18.4932L4.25 18.5L8.0065 18.5006C8.03392 19.0282 8.14742 19.5329 8.33322 20.0012L4.25 20C3.05914 20 2.08436 19.0748 2.00519 17.904L2 17.75V6.25C2 5.05914 2.92516 4.08436 4.09595 4.00519L4.25 4H8.20693ZM18.25 17.5C18.6642 17.5 19 17.8358 19 18.25C19 18.6297 18.7178 18.9435 18.3518 18.9932L18.25 19H12.75C12.3358 19 12 18.6642 12 18.25C12 17.8703 12.2822 17.5565 12.6482 17.5068L12.75 17.5H18.25ZM8.20693 5.5H4.25C3.8703 5.5 3.55651 5.78215 3.50685 6.14823L3.5 6.25V8.999L8.20693 9C8.34729 9 8.4841 8.96063 8.60221 8.88738L8.68706 8.82617L10.578 7.249L8.68706 5.67383C8.57923 5.58398 8.44893 5.52664 8.31129 5.5073L8.20693 5.5Z", fill: "#222222" }) }));
+export default IconFolderLink;

package/components/SVGIcons/IconFolderLinkFilled.js

@@ -1,29 +1,8 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-
-var IconFolderLinkFilled = function IconFolderLinkFilled(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M18.25 14.5C20.3211 14.5 22 16.1789 22 18.25C22 20.2543 20.4276 21.8913 18.4523 21.9948L18.2534 22L17.2534 22.0046C16.8392 22.0065 16.5019 21.6722 16.5 21.258C16.4983 20.8783 16.779 20.5633 17.1448 20.5119L17.2466 20.5046L18.25 20.5C19.4926 20.5 20.5 19.4926 20.5 18.25C20.5 17.0591 19.5748 16.0844 18.404 16.0052L18.25 16H17.25C16.8358 16 16.5 15.6642 16.5 15.25C16.5 14.8703 16.7822 14.5565 17.1482 14.5068L17.25 14.5H18.25ZM13.75 14.5C14.1642 14.5 14.5 14.8358 14.5 15.25C14.5 15.6297 14.2178 15.9435 13.8518 15.9932L13.75 16H12.75C11.5074 16 10.5 17.0074 10.5 18.25C10.5 19.4409 11.4252 20.4156 12.596 20.4948L12.75 20.5H13.75C14.1642 20.5 14.5 20.8358 14.5 21.25C14.5 21.6297 14.2178 21.9435 13.8518 21.9932L13.75 22H12.75C10.6789 22 9 20.3211 9 18.25C9 16.2457 10.5724 14.6087 12.5508 14.5052L12.75 14.5H13.75ZM19.75 6.5C20.8867 6.5 21.8266 7.34297 21.9785 8.43788L21.9948 8.59595L22 8.75L22.0008 15.3352C21.1317 14.2184 19.7748 13.5 18.25 13.5H12.75C10.1266 13.5 8 15.6266 8 18.25C8 18.8684 8.11819 19.4593 8.33322 20.0012L4.25 20C3.05914 20 2.08436 19.0748 2.00519 17.904L2 17.75V10.499L8.20693 10.5L8.40335 10.4914C8.79396 10.4572 9.16896 10.3214 9.49094 10.0977L9.64734 9.9785L13.821 6.5H19.75ZM18.25 17.5C18.6642 17.5 19 17.8358 19 18.25C19 18.6297 18.7178 18.9435 18.3518 18.9932L18.25 19H12.75C12.3358 19 12 18.6642 12 18.25C12 17.8703 12.2822 17.5565 12.6482 17.5068L12.75 17.5H18.25ZM8.20693 4C8.66749 4 9.1153 4.14129 9.49094 4.40235L9.64734 4.5215L11.75 6.273L8.68706 8.82617L8.60221 8.88738C8.51363 8.94232 8.41452 8.9782 8.31129 8.9927L8.20693 9L2 8.999V6.25C2 5.05914 2.92516 4.08436 4.09595 4.00519L4.25 4H8.20693Z",
-    fill: "#222222"
-  }));
-};
-
-export { IconFolderLinkFilled, IconFolderLinkFilled as default };
+export const IconFolderLinkFilled = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("path", { d: "M18.25 14.5C20.3211 14.5 22 16.1789 22 18.25C22 20.2543 20.4276 21.8913 18.4523 21.9948L18.2534 22L17.2534 22.0046C16.8392 22.0065 16.5019 21.6722 16.5 21.258C16.4983 20.8783 16.779 20.5633 17.1448 20.5119L17.2466 20.5046L18.25 20.5C19.4926 20.5 20.5 19.4926 20.5 18.25C20.5 17.0591 19.5748 16.0844 18.404 16.0052L18.25 16H17.25C16.8358 16 16.5 15.6642 16.5 15.25C16.5 14.8703 16.7822 14.5565 17.1482 14.5068L17.25 14.5H18.25ZM13.75 14.5C14.1642 14.5 14.5 14.8358 14.5 15.25C14.5 15.6297 14.2178 15.9435 13.8518 15.9932L13.75 16H12.75C11.5074 16 10.5 17.0074 10.5 18.25C10.5 19.4409 11.4252 20.4156 12.596 20.4948L12.75 20.5H13.75C14.1642 20.5 14.5 20.8358 14.5 21.25C14.5 21.6297 14.2178 21.9435 13.8518 21.9932L13.75 22H12.75C10.6789 22 9 20.3211 9 18.25C9 16.2457 10.5724 14.6087 12.5508 14.5052L12.75 14.5H13.75ZM19.75 6.5C20.8867 6.5 21.8266 7.34297 21.9785 8.43788L21.9948 8.59595L22 8.75L22.0008 15.3352C21.1317 14.2184 19.7748 13.5 18.25 13.5H12.75C10.1266 13.5 8 15.6266 8 18.25C8 18.8684 8.11819 19.4593 8.33322 20.0012L4.25 20C3.05914 20 2.08436 19.0748 2.00519 17.904L2 17.75V10.499L8.20693 10.5L8.40335 10.4914C8.79396 10.4572 9.16896 10.3214 9.49094 10.0977L9.64734 9.9785L13.821 6.5H19.75ZM18.25 17.5C18.6642 17.5 19 17.8358 19 18.25C19 18.6297 18.7178 18.9435 18.3518 18.9932L18.25 19H12.75C12.3358 19 12 18.6642 12 18.25C12 17.8703 12.2822 17.5565 12.6482 17.5068L12.75 17.5H18.25ZM8.20693 4C8.66749 4 9.1153 4.14129 9.49094 4.40235L9.64734 4.5215L11.75 6.273L8.68706 8.82617L8.60221 8.88738C8.51363 8.94232 8.41452 8.9782 8.31129 8.9927L8.20693 9L2 8.999V6.25C2 5.05914 2.92516 4.08436 4.09595 4.00519L4.25 4H8.20693Z", fill: "#222222" }) }));
+export default IconFolderLinkFilled;

package/components/SVGIcons/IconFood.js

@@ -1,29 +1,8 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-
-var IconFood = function IconFood(_ref) {
-  var size = _ref.size,
-    type = _ref.type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    onClick = _ref.onClick,
-    refHandler = _ref.refHandler,
-    id = _ref.id,
-    dataId = _ref.dataId;
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
-    viewBox: "0 0 24 24",
-    fill: "none",
-    onClick: onClick,
-    ref: refHandler,
-    id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M18.25 3.25C18.6297 3.25 18.9435 3.53215 18.9932 3.89823L19 4V20C19 20.4142 18.6642 20.75 18.25 20.75C17.8703 20.75 17.5565 20.4678 17.5068 20.1018L17.5 20V15H15.25C14.8703 15 14.5565 14.7178 14.5068 14.3518L14.5 14.25V7C14.5 4.92893 16.1789 3.25 18.25 3.25ZM12.25 3.25C12.6297 3.25 12.9435 3.53215 12.9932 3.89823L13 4V8C13 9.95258 11.6009 11.5784 9.7506 11.9297L9.75 20C9.75 20.4142 9.41421 20.75 9 20.75C8.6203 20.75 8.30651 20.4678 8.25685 20.1018L8.25 20L8.25039 11.9299C6.46566 11.5915 5.10054 10.0675 5.00531 8.20795L5 8V4C5 3.58579 5.33579 3.25 5.75 3.25C6.1297 3.25 6.44349 3.53215 6.49315 3.89823L6.5 4V8C6.5 9.11957 7.23593 10.0672 8.25042 10.3857L8.25 4C8.25 3.58579 8.58579 3.25 9 3.25C9.3797 3.25 9.69349 3.53215 9.74315 3.89823L9.75 4L9.75057 10.3854C10.7082 10.0843 11.4174 9.22253 11.4933 8.18486L11.5 8V4C11.5 3.58579 11.8358 3.25 12.25 3.25ZM17.5 13.5V4.87803C16.6775 5.16874 16.0745 5.9241 16.0064 6.82871L16 7V13.5H17.5V4.87803V13.5Z",
-    fill: "#0E121B"
-  }));
-};
-
-export { IconFood, IconFood as default };
+export const IconFood = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+        [`svg-icon__size-${size}`]: size,
+        [`svg-icon__type-${type}`]: type,
+        [className]: className
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("path", { d: "M18.25 3.25C18.6297 3.25 18.9435 3.53215 18.9932 3.89823L19 4V20C19 20.4142 18.6642 20.75 18.25 20.75C17.8703 20.75 17.5565 20.4678 17.5068 20.1018L17.5 20V15H15.25C14.8703 15 14.5565 14.7178 14.5068 14.3518L14.5 14.25V7C14.5 4.92893 16.1789 3.25 18.25 3.25ZM12.25 3.25C12.6297 3.25 12.9435 3.53215 12.9932 3.89823L13 4V8C13 9.95258 11.6009 11.5784 9.7506 11.9297L9.75 20C9.75 20.4142 9.41421 20.75 9 20.75C8.6203 20.75 8.30651 20.4678 8.25685 20.1018L8.25 20L8.25039 11.9299C6.46566 11.5915 5.10054 10.0675 5.00531 8.20795L5 8V4C5 3.58579 5.33579 3.25 5.75 3.25C6.1297 3.25 6.44349 3.53215 6.49315 3.89823L6.5 4V8C6.5 9.11957 7.23593 10.0672 8.25042 10.3857L8.25 4C8.25 3.58579 8.58579 3.25 9 3.25C9.3797 3.25 9.69349 3.53215 9.74315 3.89823L9.75 4L9.75057 10.3854C10.7082 10.0843 11.4174 9.22253 11.4933 8.18486L11.5 8V4C11.5 3.58579 11.8358 3.25 12.25 3.25ZM17.5 13.5V4.87803C16.6775 5.16874 16.0745 5.9241 16.0064 6.82871L16 7V13.5H17.5V4.87803V13.5Z", fill: "#0E121B" }) }));
+export default IconFood;