hrm_ui_lib 2.1.0 → 2.2.0

package/components/SVGIcons/IconPersonArrowLeft.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 IconPersonArrowLeft = function IconPersonArrowLeft(_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: "M17.5001 12C20.5377 12 23.0001 14.4624 23.0001 17.5C23.0001 20.5376 20.5377 23 17.5001 23C14.4626 23 12.0001 20.5376 12.0001 17.5C12.0001 14.4624 14.4626 12 17.5001 12ZM12.0224 13.9993C11.7257 14.4626 11.4862 14.966 11.3137 15.4996L4.25366 15.4999C3.83945 15.4999 3.50366 15.8357 3.50366 16.2499V17.1573C3.50366 17.8129 3.78965 18.4359 4.28683 18.8634C5.54491 19.945 7.44092 20.5011 10.0001 20.5011C10.599 20.5011 11.1616 20.4706 11.6883 20.4101C11.9372 20.9103 12.251 21.374 12.6172 21.7905C11.815 21.9313 10.9421 22.0011 10.0001 22.0011C7.11062 22.0011 4.87181 21.3445 3.30894 20.0008C2.48032 19.2884 2.00366 18.25 2.00366 17.1573V16.2499C2.00366 15.0073 3.01102 13.9999 4.25366 13.9999L12.0224 13.9993ZM16.7193 14.5886L16.6501 14.6465L14.1345 17.1628L14.0938 17.2134L14.0592 17.2708L14.0269 17.3488L14.0154 17.392L14.0041 17.4784L14.008 17.5659L14.0269 17.651L14.0589 17.7287L14.0835 17.7711L14.1344 17.8371L16.6501 20.3536C16.8454 20.5488 17.1619 20.5488 17.3572 20.3536C17.5308 20.18 17.5501 19.9106 17.4151 19.7157L17.3572 19.6465L15.7111 18H20.5001C20.7456 18 20.9497 17.8231 20.9921 17.5899L21.0001 17.5C21.0001 17.2546 20.8232 17.0504 20.59 17.0081L20.5001 17H15.7111L17.3572 15.3536C17.5308 15.18 17.5501 14.9106 17.4151 14.7157L17.3572 14.6465C17.1836 14.4729 16.9142 14.4536 16.7193 14.5886ZM10.0001 2.00464C12.7615 2.00464 15.0001 4.24321 15.0001 7.00464C15.0001 9.76606 12.7615 12.0046 10.0001 12.0046C7.2387 12.0046 5.00012 9.76606 5.00012 7.00464C5.00012 4.24321 7.2387 2.00464 10.0001 2.00464ZM10.0001 3.50464C8.06712 3.50464 6.50012 5.07164 6.50012 7.00464C6.50012 8.93764 8.06712 10.5046 10.0001 10.5046C11.9331 10.5046 13.5001 8.93764 13.5001 7.00464C13.5001 5.07164 11.9331 3.50464 10.0001 3.50464Z",
-    fill: "#0E121B"
-  }));
-};
-
-export { IconPersonArrowLeft, IconPersonArrowLeft as default };
+export const IconPersonArrowLeft = ({ 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: "M17.5001 12C20.5377 12 23.0001 14.4624 23.0001 17.5C23.0001 20.5376 20.5377 23 17.5001 23C14.4626 23 12.0001 20.5376 12.0001 17.5C12.0001 14.4624 14.4626 12 17.5001 12ZM12.0224 13.9993C11.7257 14.4626 11.4862 14.966 11.3137 15.4996L4.25366 15.4999C3.83945 15.4999 3.50366 15.8357 3.50366 16.2499V17.1573C3.50366 17.8129 3.78965 18.4359 4.28683 18.8634C5.54491 19.945 7.44092 20.5011 10.0001 20.5011C10.599 20.5011 11.1616 20.4706 11.6883 20.4101C11.9372 20.9103 12.251 21.374 12.6172 21.7905C11.815 21.9313 10.9421 22.0011 10.0001 22.0011C7.11062 22.0011 4.87181 21.3445 3.30894 20.0008C2.48032 19.2884 2.00366 18.25 2.00366 17.1573V16.2499C2.00366 15.0073 3.01102 13.9999 4.25366 13.9999L12.0224 13.9993ZM16.7193 14.5886L16.6501 14.6465L14.1345 17.1628L14.0938 17.2134L14.0592 17.2708L14.0269 17.3488L14.0154 17.392L14.0041 17.4784L14.008 17.5659L14.0269 17.651L14.0589 17.7287L14.0835 17.7711L14.1344 17.8371L16.6501 20.3536C16.8454 20.5488 17.1619 20.5488 17.3572 20.3536C17.5308 20.18 17.5501 19.9106 17.4151 19.7157L17.3572 19.6465L15.7111 18H20.5001C20.7456 18 20.9497 17.8231 20.9921 17.5899L21.0001 17.5C21.0001 17.2546 20.8232 17.0504 20.59 17.0081L20.5001 17H15.7111L17.3572 15.3536C17.5308 15.18 17.5501 14.9106 17.4151 14.7157L17.3572 14.6465C17.1836 14.4729 16.9142 14.4536 16.7193 14.5886ZM10.0001 2.00464C12.7615 2.00464 15.0001 4.24321 15.0001 7.00464C15.0001 9.76606 12.7615 12.0046 10.0001 12.0046C7.2387 12.0046 5.00012 9.76606 5.00012 7.00464C5.00012 4.24321 7.2387 2.00464 10.0001 2.00464ZM10.0001 3.50464C8.06712 3.50464 6.50012 5.07164 6.50012 7.00464C6.50012 8.93764 8.06712 10.5046 10.0001 10.5046C11.9331 10.5046 13.5001 8.93764 13.5001 7.00464C13.5001 5.07164 11.9331 3.50464 10.0001 3.50464Z", fill: "#0E121B" }) }));
+export default IconPersonArrowLeft;

package/components/SVGIcons/IconPersonArrowLeftFilled.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 IconPersonArrowLeftFilled = function IconPersonArrowLeftFilled(_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: "M17.5001 12C20.5377 12 23.0001 14.4624 23.0001 17.5C23.0001 20.5376 20.5377 23 17.5001 23C14.4626 23 12.0001 20.5376 12.0001 17.5C12.0001 14.4624 14.4626 12 17.5001 12ZM12.0224 13.9993C11.3753 15.0098 11.0001 16.2111 11.0001 17.5C11.0001 19.1442 11.6106 20.6458 12.6172 21.7905C11.815 21.9313 10.9421 22.0011 10.0001 22.0011C7.11062 22.0011 4.87181 21.3445 3.30894 20.0008C2.48032 19.2884 2.00366 18.25 2.00366 17.1573V16.2499C2.00366 15.0073 3.01102 13.9999 4.25366 13.9999L12.0224 13.9993ZM16.7193 14.5886L16.6501 14.6465L14.1345 17.1628L14.0938 17.2134L14.0592 17.2708L14.0269 17.3488L14.0154 17.392L14.0041 17.4784L14.008 17.5659L14.0269 17.651L14.0589 17.7287L14.0835 17.7711L14.1344 17.8371L16.6501 20.3536C16.8454 20.5488 17.1619 20.5488 17.3572 20.3536C17.5308 20.18 17.5501 19.9106 17.4151 19.7157L17.3572 19.6465L15.7111 18H20.5001C20.7456 18 20.9497 17.8231 20.9921 17.5899L21.0001 17.5C21.0001 17.2546 20.8232 17.0504 20.59 17.0081L20.5001 17H15.7111L17.3572 15.3536C17.5308 15.18 17.5501 14.9106 17.4151 14.7157L17.3572 14.6465C17.1836 14.4729 16.9142 14.4536 16.7193 14.5886ZM10.0001 2.00464C12.7615 2.00464 15.0001 4.24321 15.0001 7.00464C15.0001 9.76606 12.7615 12.0046 10.0001 12.0046C7.2387 12.0046 5.00012 9.76606 5.00012 7.00464C5.00012 4.24321 7.2387 2.00464 10.0001 2.00464Z",
-    fill: "#0E121B"
-  }));
-};
-
-export { IconPersonArrowLeftFilled, IconPersonArrowLeftFilled as default };
+export const IconPersonArrowLeftFilled = ({ 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: "M17.5001 12C20.5377 12 23.0001 14.4624 23.0001 17.5C23.0001 20.5376 20.5377 23 17.5001 23C14.4626 23 12.0001 20.5376 12.0001 17.5C12.0001 14.4624 14.4626 12 17.5001 12ZM12.0224 13.9993C11.3753 15.0098 11.0001 16.2111 11.0001 17.5C11.0001 19.1442 11.6106 20.6458 12.6172 21.7905C11.815 21.9313 10.9421 22.0011 10.0001 22.0011C7.11062 22.0011 4.87181 21.3445 3.30894 20.0008C2.48032 19.2884 2.00366 18.25 2.00366 17.1573V16.2499C2.00366 15.0073 3.01102 13.9999 4.25366 13.9999L12.0224 13.9993ZM16.7193 14.5886L16.6501 14.6465L14.1345 17.1628L14.0938 17.2134L14.0592 17.2708L14.0269 17.3488L14.0154 17.392L14.0041 17.4784L14.008 17.5659L14.0269 17.651L14.0589 17.7287L14.0835 17.7711L14.1344 17.8371L16.6501 20.3536C16.8454 20.5488 17.1619 20.5488 17.3572 20.3536C17.5308 20.18 17.5501 19.9106 17.4151 19.7157L17.3572 19.6465L15.7111 18H20.5001C20.7456 18 20.9497 17.8231 20.9921 17.5899L21.0001 17.5C21.0001 17.2546 20.8232 17.0504 20.59 17.0081L20.5001 17H15.7111L17.3572 15.3536C17.5308 15.18 17.5501 14.9106 17.4151 14.7157L17.3572 14.6465C17.1836 14.4729 16.9142 14.4536 16.7193 14.5886ZM10.0001 2.00464C12.7615 2.00464 15.0001 4.24321 15.0001 7.00464C15.0001 9.76606 12.7615 12.0046 10.0001 12.0046C7.2387 12.0046 5.00012 9.76606 5.00012 7.00464C5.00012 4.24321 7.2387 2.00464 10.0001 2.00464Z", fill: "#0E121B" }) }));
+export default IconPersonArrowLeftFilled;

package/components/SVGIcons/IconPersonArrowRight.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 IconPersonArrowRight = function IconPersonArrowRight(_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: "M11.3134 15.4999C11.4857 14.9665 11.7252 14.4631 12.0217 13.9999H4.25229C3.01027 13.9999 2.00342 15.0068 2.00342 16.2488V16.8265C2.00342 17.7193 2.32194 18.5828 2.9017 19.2617C4.468 21.0959 6.85401 22.0011 9.99988 22.0011C10.9311 22.0011 11.7958 21.9218 12.5925 21.7625C12.2333 21.3493 11.9254 20.8903 11.6788 20.3954C11.1552 20.4658 10.5958 20.5011 9.99988 20.5011C7.26157 20.5011 5.29569 19.7553 4.04239 18.2876C3.69453 17.8802 3.50342 17.3622 3.50342 16.8265V16.2488C3.50342 15.8352 3.8387 15.4999 4.25229 15.4999H11.3134ZM9.99988 2.00464C12.7613 2.00464 14.9999 4.24321 14.9999 7.00464C14.9999 9.76606 12.7613 12.0046 9.99988 12.0046C7.23845 12.0046 4.99988 9.76606 4.99988 7.00464C4.99988 4.24321 7.23845 2.00464 9.99988 2.00464ZM9.99988 3.50464C8.06688 3.50464 6.49988 5.07164 6.49988 7.00464C6.49988 8.93764 8.06688 10.5046 9.99988 10.5046C11.9329 10.5046 13.4999 8.93764 13.4999 7.00464C13.4999 5.07164 11.9329 3.50464 9.99988 3.50464ZM22.9999 17.5C22.9999 20.5376 20.5374 23 17.4999 23C14.4623 23 11.9999 20.5376 11.9999 17.5C11.9999 14.4624 14.4623 12 17.4999 12C20.5374 12 22.9999 14.4624 22.9999 17.5ZM18.3534 14.6465C18.1582 14.4512 17.8416 14.4512 17.6463 14.6465C17.4511 14.8418 17.4511 15.1583 17.6463 15.3536L19.2927 17H14.9999C14.7237 17 14.4999 17.2239 14.4999 17.5C14.4999 17.7761 14.7237 18 14.9999 18H19.2928L17.6463 19.6465C17.4511 19.8418 17.4511 20.1583 17.6463 20.3536C17.8416 20.5489 18.1582 20.5489 18.3534 20.3536L20.8534 17.8536C20.9066 17.8004 20.9453 17.7383 20.9695 17.672C20.9881 17.6211 20.9988 17.5664 20.9998 17.5093L20.9999 17.5C20.9999 17.4228 20.9824 17.3498 20.9512 17.2845C20.9359 17.2525 20.917 17.2217 20.8944 17.1928C20.8805 17.175 20.8655 17.1582 20.8493 17.1424L18.3534 14.6465Z",
-    fill: "#0E121B"
-  }));
-};
-
-export { IconPersonArrowRight, IconPersonArrowRight as default };
+export const IconPersonArrowRight = ({ 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: "M11.3134 15.4999C11.4857 14.9665 11.7252 14.4631 12.0217 13.9999H4.25229C3.01027 13.9999 2.00342 15.0068 2.00342 16.2488V16.8265C2.00342 17.7193 2.32194 18.5828 2.9017 19.2617C4.468 21.0959 6.85401 22.0011 9.99988 22.0011C10.9311 22.0011 11.7958 21.9218 12.5925 21.7625C12.2333 21.3493 11.9254 20.8903 11.6788 20.3954C11.1552 20.4658 10.5958 20.5011 9.99988 20.5011C7.26157 20.5011 5.29569 19.7553 4.04239 18.2876C3.69453 17.8802 3.50342 17.3622 3.50342 16.8265V16.2488C3.50342 15.8352 3.8387 15.4999 4.25229 15.4999H11.3134ZM9.99988 2.00464C12.7613 2.00464 14.9999 4.24321 14.9999 7.00464C14.9999 9.76606 12.7613 12.0046 9.99988 12.0046C7.23845 12.0046 4.99988 9.76606 4.99988 7.00464C4.99988 4.24321 7.23845 2.00464 9.99988 2.00464ZM9.99988 3.50464C8.06688 3.50464 6.49988 5.07164 6.49988 7.00464C6.49988 8.93764 8.06688 10.5046 9.99988 10.5046C11.9329 10.5046 13.4999 8.93764 13.4999 7.00464C13.4999 5.07164 11.9329 3.50464 9.99988 3.50464ZM22.9999 17.5C22.9999 20.5376 20.5374 23 17.4999 23C14.4623 23 11.9999 20.5376 11.9999 17.5C11.9999 14.4624 14.4623 12 17.4999 12C20.5374 12 22.9999 14.4624 22.9999 17.5ZM18.3534 14.6465C18.1582 14.4512 17.8416 14.4512 17.6463 14.6465C17.4511 14.8418 17.4511 15.1583 17.6463 15.3536L19.2927 17H14.9999C14.7237 17 14.4999 17.2239 14.4999 17.5C14.4999 17.7761 14.7237 18 14.9999 18H19.2928L17.6463 19.6465C17.4511 19.8418 17.4511 20.1583 17.6463 20.3536C17.8416 20.5489 18.1582 20.5489 18.3534 20.3536L20.8534 17.8536C20.9066 17.8004 20.9453 17.7383 20.9695 17.672C20.9881 17.6211 20.9988 17.5664 20.9998 17.5093L20.9999 17.5C20.9999 17.4228 20.9824 17.3498 20.9512 17.2845C20.9359 17.2525 20.917 17.2217 20.8944 17.1928C20.8805 17.175 20.8655 17.1582 20.8493 17.1424L18.3534 14.6465Z", fill: "#0E121B" }) }));
+export default IconPersonArrowRight;

package/components/SVGIcons/IconPersonArrowRightFilled.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 IconPersonArrowRightFilled = function IconPersonArrowRightFilled(_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.9999 17.5C10.9999 16.2113 11.3749 15.0102 12.0217 13.9999H4.25229C3.01027 13.9999 2.00342 15.0068 2.00342 16.2488V17.1688C2.00342 17.7409 2.18182 18.2987 2.51379 18.7646C4.05595 20.9289 6.57891 22.0011 9.99988 22.0011C10.931 22.0011 11.7957 21.9217 12.5924 21.7624C11.6004 20.6213 10.9999 19.1308 10.9999 17.5ZM9.99988 2.00464C12.7613 2.00464 14.9999 4.24321 14.9999 7.00464C14.9999 9.76606 12.7613 12.0046 9.99988 12.0046C7.23845 12.0046 4.99988 9.76606 4.99988 7.00464C4.99988 4.24321 7.23845 2.00464 9.99988 2.00464ZM22.9999 17.5C22.9999 20.5376 20.5374 23 17.4999 23C14.4623 23 11.9999 20.5376 11.9999 17.5C11.9999 14.4624 14.4623 12 17.4999 12C20.5374 12 22.9999 14.4624 22.9999 17.5ZM18.3534 14.6465C18.1582 14.4512 17.8416 14.4512 17.6463 14.6465C17.4511 14.8418 17.4511 15.1583 17.6463 15.3536L19.2927 17H14.9999C14.7237 17 14.4999 17.2239 14.4999 17.5C14.4999 17.7761 14.7237 18 14.9999 18H19.2928L17.6463 19.6465C17.4511 19.8418 17.4511 20.1583 17.6463 20.3536C17.8416 20.5489 18.1582 20.5489 18.3534 20.3536L20.8534 17.8536C20.9066 17.8004 20.9453 17.7383 20.9695 17.672C20.9881 17.6211 20.9988 17.5664 20.9998 17.5093L20.9999 17.5C20.9999 17.4228 20.9824 17.3498 20.9512 17.2845C20.9359 17.2525 20.917 17.2217 20.8944 17.1928C20.8805 17.175 20.8655 17.1582 20.8493 17.1424L18.3534 14.6465Z",
-    fill: "#0E121B"
-  }));
-};
-
-export { IconPersonArrowRightFilled, IconPersonArrowRightFilled as default };
+export const IconPersonArrowRightFilled = ({ 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.9999 17.5C10.9999 16.2113 11.3749 15.0102 12.0217 13.9999H4.25229C3.01027 13.9999 2.00342 15.0068 2.00342 16.2488V17.1688C2.00342 17.7409 2.18182 18.2987 2.51379 18.7646C4.05595 20.9289 6.57891 22.0011 9.99988 22.0011C10.931 22.0011 11.7957 21.9217 12.5924 21.7624C11.6004 20.6213 10.9999 19.1308 10.9999 17.5ZM9.99988 2.00464C12.7613 2.00464 14.9999 4.24321 14.9999 7.00464C14.9999 9.76606 12.7613 12.0046 9.99988 12.0046C7.23845 12.0046 4.99988 9.76606 4.99988 7.00464C4.99988 4.24321 7.23845 2.00464 9.99988 2.00464ZM22.9999 17.5C22.9999 20.5376 20.5374 23 17.4999 23C14.4623 23 11.9999 20.5376 11.9999 17.5C11.9999 14.4624 14.4623 12 17.4999 12C20.5374 12 22.9999 14.4624 22.9999 17.5ZM18.3534 14.6465C18.1582 14.4512 17.8416 14.4512 17.6463 14.6465C17.4511 14.8418 17.4511 15.1583 17.6463 15.3536L19.2927 17H14.9999C14.7237 17 14.4999 17.2239 14.4999 17.5C14.4999 17.7761 14.7237 18 14.9999 18H19.2928L17.6463 19.6465C17.4511 19.8418 17.4511 20.1583 17.6463 20.3536C17.8416 20.5489 18.1582 20.5489 18.3534 20.3536L20.8534 17.8536C20.9066 17.8004 20.9453 17.7383 20.9695 17.672C20.9881 17.6211 20.9988 17.5664 20.9998 17.5093L20.9999 17.5C20.9999 17.4228 20.9824 17.3498 20.9512 17.2845C20.9359 17.2525 20.917 17.2217 20.8944 17.1928C20.8805 17.175 20.8655 17.1582 20.8493 17.1424L18.3534 14.6465Z", fill: "#0E121B" }) }));
+export default IconPersonArrowRightFilled;

package/components/SVGIcons/IconPersonBoard.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 IconPersonBoard = function IconPersonBoard(_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: "M11.4375 9.1875C11.4375 8.46263 10.8499 7.875 10.125 7.875H5.625C4.90013 7.875 4.3125 8.46263 4.3125 9.1875V9.5625C4.3125 10.3717 4.69902 10.804 5.34452 11.2129C5.98137 11.6163 6.86442 11.8125 7.875 11.8125C9.0666 11.8125 9.9562 11.6186 10.552 11.209C11.1618 10.7897 11.4375 10.3509 11.4375 9.5625V9.1875ZM5.4375 9.1875C5.4375 9.08395 5.52145 9 5.625 9H10.125C10.2286 9 10.3125 9.08395 10.3125 9.1875V9.5625C10.3125 9.76231 10.2866 9.80894 10.2359 9.89998C10.2232 9.9229 10.2088 9.94866 10.193 9.98037C10.1153 10.1357 9.99497 10.2635 9.81586 10.367C9.44651 10.5805 8.83424 10.6875 7.875 10.6875C7.11087 10.6875 6.49027 10.5827 6.06736 10.363C5.85835 10.2544 5.70275 10.1204 5.59902 9.96168C5.57492 9.9248 5.55326 9.8963 5.53421 9.87124C5.47183 9.78916 5.4375 9.74399 5.4375 9.5625V9.1875ZM9.75 5.625C9.75 6.66053 8.91053 7.5 7.875 7.5C6.83947 7.5 6 6.66053 6 5.625C6 4.58947 6.83947 3.75 7.875 3.75C8.91053 3.75 9.75 4.58947 9.75 5.625ZM8.625 5.625C8.625 5.21079 8.28921 4.875 7.875 4.875C7.46079 4.875 7.125 5.21079 7.125 5.625C7.125 6.03921 7.46079 6.375 7.875 6.375C8.28921 6.375 8.625 6.03921 8.625 5.625ZM2.25 4.6875C2.25 3.34131 3.34131 2.25 4.6875 2.25H11.0625C12.4087 2.25 13.5 3.34131 13.5 4.6875V11.0625C13.5 12.4087 12.4087 13.5 11.0625 13.5H4.6875C3.34131 13.5 2.25 12.4087 2.25 11.0625V4.6875ZM4.6875 3.375C3.96263 3.375 3.375 3.96263 3.375 4.6875V11.0625C3.375 11.7874 3.96263 12.375 4.6875 12.375H11.0625C11.7874 12.375 12.375 11.7874 12.375 11.0625V4.6875C12.375 3.96263 11.7874 3.375 11.0625 3.375H4.6875ZM6.56249 15.375C5.69954 15.375 4.94132 14.9265 4.50817 14.25H11.4375C12.9908 14.25 14.25 12.9908 14.25 11.4375V4.50815C14.9265 4.9413 15.375 5.69951 15.375 6.56247V11.4375C15.375 13.6121 13.6121 15.375 11.4375 15.375H6.56249Z",
-    fill: "#72BF44"
-  }));
-};
-
-export { IconPersonBoard, IconPersonBoard as default };
+export const IconPersonBoard = ({ 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: "M11.4375 9.1875C11.4375 8.46263 10.8499 7.875 10.125 7.875H5.625C4.90013 7.875 4.3125 8.46263 4.3125 9.1875V9.5625C4.3125 10.3717 4.69902 10.804 5.34452 11.2129C5.98137 11.6163 6.86442 11.8125 7.875 11.8125C9.0666 11.8125 9.9562 11.6186 10.552 11.209C11.1618 10.7897 11.4375 10.3509 11.4375 9.5625V9.1875ZM5.4375 9.1875C5.4375 9.08395 5.52145 9 5.625 9H10.125C10.2286 9 10.3125 9.08395 10.3125 9.1875V9.5625C10.3125 9.76231 10.2866 9.80894 10.2359 9.89998C10.2232 9.9229 10.2088 9.94866 10.193 9.98037C10.1153 10.1357 9.99497 10.2635 9.81586 10.367C9.44651 10.5805 8.83424 10.6875 7.875 10.6875C7.11087 10.6875 6.49027 10.5827 6.06736 10.363C5.85835 10.2544 5.70275 10.1204 5.59902 9.96168C5.57492 9.9248 5.55326 9.8963 5.53421 9.87124C5.47183 9.78916 5.4375 9.74399 5.4375 9.5625V9.1875ZM9.75 5.625C9.75 6.66053 8.91053 7.5 7.875 7.5C6.83947 7.5 6 6.66053 6 5.625C6 4.58947 6.83947 3.75 7.875 3.75C8.91053 3.75 9.75 4.58947 9.75 5.625ZM8.625 5.625C8.625 5.21079 8.28921 4.875 7.875 4.875C7.46079 4.875 7.125 5.21079 7.125 5.625C7.125 6.03921 7.46079 6.375 7.875 6.375C8.28921 6.375 8.625 6.03921 8.625 5.625ZM2.25 4.6875C2.25 3.34131 3.34131 2.25 4.6875 2.25H11.0625C12.4087 2.25 13.5 3.34131 13.5 4.6875V11.0625C13.5 12.4087 12.4087 13.5 11.0625 13.5H4.6875C3.34131 13.5 2.25 12.4087 2.25 11.0625V4.6875ZM4.6875 3.375C3.96263 3.375 3.375 3.96263 3.375 4.6875V11.0625C3.375 11.7874 3.96263 12.375 4.6875 12.375H11.0625C11.7874 12.375 12.375 11.7874 12.375 11.0625V4.6875C12.375 3.96263 11.7874 3.375 11.0625 3.375H4.6875ZM6.56249 15.375C5.69954 15.375 4.94132 14.9265 4.50817 14.25H11.4375C12.9908 14.25 14.25 12.9908 14.25 11.4375V4.50815C14.9265 4.9413 15.375 5.69951 15.375 6.56247V11.4375C15.375 13.6121 13.6121 15.375 11.4375 15.375H6.56249Z", fill: "#72BF44" }) }));
+export default IconPersonBoard;

package/components/SVGIcons/IconPersonFilled.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 IconPersonFilled = function IconPersonFilled(_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: "M17.7542 13.9999C18.9962 13.9999 20.003 15.0068 20.003 16.2488V17.1673C20.003 17.7406 19.8238 18.2997 19.4905 18.7662C17.9446 20.9294 15.4203 22.0011 12 22.0011C8.57903 22.0011 6.05607 20.9289 4.51391 18.7646C4.18195 18.2987 4.00354 17.7409 4.00354 17.1688V16.2488C4.00354 15.0068 5.0104 13.9999 6.25242 13.9999H17.7542ZM12 2.00464C14.7614 2.00464 17 4.24321 17 7.00464C17 9.76606 14.7614 12.0046 12 12.0046C9.23857 12.0046 7 9.76606 7 7.00464C7 4.24321 9.23857 2.00464 12 2.00464Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconPersonFilled, IconPersonFilled as default };
+export const IconPersonFilled = ({ 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: "M17.7542 13.9999C18.9962 13.9999 20.003 15.0068 20.003 16.2488V17.1673C20.003 17.7406 19.8238 18.2997 19.4905 18.7662C17.9446 20.9294 15.4203 22.0011 12 22.0011C8.57903 22.0011 6.05607 20.9289 4.51391 18.7646C4.18195 18.2987 4.00354 17.7409 4.00354 17.1688V16.2488C4.00354 15.0068 5.0104 13.9999 6.25242 13.9999H17.7542ZM12 2.00464C14.7614 2.00464 17 4.24321 17 7.00464C17 9.76606 14.7614 12.0046 12 12.0046C9.23857 12.0046 7 9.76606 7 7.00464C7 4.24321 9.23857 2.00464 12 2.00464Z", fill: "#222222" }) }) }));
+export default IconPersonFilled;

package/components/SVGIcons/IconPersonMinus.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 IconPersonMinus = function IconPersonMinus(_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: "M1.00009 21C1.00009 19.6774 0.988894 18.7943 1.21493 18.0488C1.69969 16.4508 2.95092 15.1996 4.54892 14.7148C5.29437 14.4888 6.1775 14.5 7.50009 14.5H12.0001C12.5524 14.5 13.0001 14.9477 13.0001 15.5C13.0001 16.0523 12.5524 16.5 12.0001 16.5H7.50009C6.03177 16.5 5.51906 16.5106 5.129 16.6289C4.17031 16.9198 3.41986 17.6702 3.129 18.6289C3.01067 19.019 3.00009 19.5317 3.00009 21C3.00009 21.5523 2.55238 22 2.00009 22C1.44781 22 1.00009 21.5523 1.00009 21ZM22.0001 17C22.5524 17 23.0001 17.4477 23.0001 18C23.0001 18.5523 22.5524 19 22.0001 19H16.0001C15.4478 19 15.0001 18.5523 15.0001 18C15.0001 17.4477 15.4478 17 16.0001 17H22.0001ZM13.5001 7.5C13.5001 5.567 11.9331 4 10.0001 4C8.06709 4 6.50009 5.567 6.50009 7.5C6.50009 9.433 8.06709 11 10.0001 11C11.9331 11 13.5001 9.433 13.5001 7.5ZM15.5001 7.5C15.5001 10.5376 13.0377 13 10.0001 13C6.96252 13 4.50009 10.5376 4.50009 7.5C4.50009 4.46243 6.96252 2 10.0001 2C13.0377 2 15.5001 4.46243 15.5001 7.5Z",
-    fill: "#0E121B"
-  }));
-};
-
-export { IconPersonMinus, IconPersonMinus as default };
+export const IconPersonMinus = ({ 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: "M1.00009 21C1.00009 19.6774 0.988894 18.7943 1.21493 18.0488C1.69969 16.4508 2.95092 15.1996 4.54892 14.7148C5.29437 14.4888 6.1775 14.5 7.50009 14.5H12.0001C12.5524 14.5 13.0001 14.9477 13.0001 15.5C13.0001 16.0523 12.5524 16.5 12.0001 16.5H7.50009C6.03177 16.5 5.51906 16.5106 5.129 16.6289C4.17031 16.9198 3.41986 17.6702 3.129 18.6289C3.01067 19.019 3.00009 19.5317 3.00009 21C3.00009 21.5523 2.55238 22 2.00009 22C1.44781 22 1.00009 21.5523 1.00009 21ZM22.0001 17C22.5524 17 23.0001 17.4477 23.0001 18C23.0001 18.5523 22.5524 19 22.0001 19H16.0001C15.4478 19 15.0001 18.5523 15.0001 18C15.0001 17.4477 15.4478 17 16.0001 17H22.0001ZM13.5001 7.5C13.5001 5.567 11.9331 4 10.0001 4C8.06709 4 6.50009 5.567 6.50009 7.5C6.50009 9.433 8.06709 11 10.0001 11C11.9331 11 13.5001 9.433 13.5001 7.5ZM15.5001 7.5C15.5001 10.5376 13.0377 13 10.0001 13C6.96252 13 4.50009 10.5376 4.50009 7.5C4.50009 4.46243 6.96252 2 10.0001 2C13.0377 2 15.5001 4.46243 15.5001 7.5Z", fill: "#0E121B" }) }));
+export default IconPersonMinus;

package/components/SVGIcons/IconPersonStar.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 IconPersonStar = function IconPersonStar(_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: "M11.3079 15.4992C11.4803 14.9657 11.7198 14.4624 12.0165 13.9992H5.24692C4.0049 13.9992 2.99805 15.0061 2.99805 16.2481V16.8258C2.99805 17.7185 3.31657 18.582 3.89633 19.2609C5.46263 21.0952 7.84864 22.0004 10.9945 22.0004C11.5944 22.0004 12.1667 21.9674 12.7111 21.9014C12.32 21.4767 11.9848 20.9997 11.7171 20.4821C11.4825 20.4943 11.2416 20.5004 10.9945 20.5004C8.2562 20.5004 6.29032 19.7546 5.03701 18.2869C4.68916 17.8795 4.49805 17.3614 4.49805 16.8258V16.2481C4.49805 15.8345 4.83333 15.4992 5.24692 15.4992H11.3079ZM10.9945 2.00391C13.7559 2.00391 15.9945 4.24248 15.9945 7.00391C15.9945 9.76533 13.7559 12.0039 10.9945 12.0039C8.23308 12.0039 5.99451 9.76533 5.99451 7.00391C5.99451 4.24248 8.23308 2.00391 10.9945 2.00391ZM10.9945 3.50391C9.06151 3.50391 7.49451 5.07091 7.49451 7.00391C7.49451 8.9369 9.06151 10.5039 10.9945 10.5039C12.9275 10.5039 14.4945 8.9369 14.4945 7.00391C14.4945 5.07091 12.9275 3.50391 10.9945 3.50391ZM22.9941 17.5C22.9941 20.5376 20.5317 23 17.4941 23C14.4566 23 11.9941 20.5376 11.9941 17.5C11.9941 14.4624 14.4566 12 17.4941 12C20.5317 12 22.9941 14.4624 22.9941 17.5ZM18.0495 14.4206C17.8747 13.8598 17.1136 13.8598 16.9388 14.4206L16.3818 16.2077H14.5792C14.0135 16.2077 13.7783 16.9623 14.236 17.3089L15.6943 18.4134L15.1372 20.2004C14.9624 20.7612 15.5782 21.2276 16.0358 20.881L17.4941 19.7766L18.9524 20.881C19.4101 21.2276 20.0258 20.7612 19.851 20.2004L19.294 18.4134L20.7523 17.3089C21.21 16.9623 20.9748 16.2077 20.4091 16.2077H18.6065L18.0495 14.4206Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconPersonStar, IconPersonStar as default };
+export const IconPersonStar = ({ 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: "M11.3079 15.4992C11.4803 14.9657 11.7198 14.4624 12.0165 13.9992H5.24692C4.0049 13.9992 2.99805 15.0061 2.99805 16.2481V16.8258C2.99805 17.7185 3.31657 18.582 3.89633 19.2609C5.46263 21.0952 7.84864 22.0004 10.9945 22.0004C11.5944 22.0004 12.1667 21.9674 12.7111 21.9014C12.32 21.4767 11.9848 20.9997 11.7171 20.4821C11.4825 20.4943 11.2416 20.5004 10.9945 20.5004C8.2562 20.5004 6.29032 19.7546 5.03701 18.2869C4.68916 17.8795 4.49805 17.3614 4.49805 16.8258V16.2481C4.49805 15.8345 4.83333 15.4992 5.24692 15.4992H11.3079ZM10.9945 2.00391C13.7559 2.00391 15.9945 4.24248 15.9945 7.00391C15.9945 9.76533 13.7559 12.0039 10.9945 12.0039C8.23308 12.0039 5.99451 9.76533 5.99451 7.00391C5.99451 4.24248 8.23308 2.00391 10.9945 2.00391ZM10.9945 3.50391C9.06151 3.50391 7.49451 5.07091 7.49451 7.00391C7.49451 8.9369 9.06151 10.5039 10.9945 10.5039C12.9275 10.5039 14.4945 8.9369 14.4945 7.00391C14.4945 5.07091 12.9275 3.50391 10.9945 3.50391ZM22.9941 17.5C22.9941 20.5376 20.5317 23 17.4941 23C14.4566 23 11.9941 20.5376 11.9941 17.5C11.9941 14.4624 14.4566 12 17.4941 12C20.5317 12 22.9941 14.4624 22.9941 17.5ZM18.0495 14.4206C17.8747 13.8598 17.1136 13.8598 16.9388 14.4206L16.3818 16.2077H14.5792C14.0135 16.2077 13.7783 16.9623 14.236 17.3089L15.6943 18.4134L15.1372 20.2004C14.9624 20.7612 15.5782 21.2276 16.0358 20.881L17.4941 19.7766L18.9524 20.881C19.4101 21.2276 20.0258 20.7612 19.851 20.2004L19.294 18.4134L20.7523 17.3089C21.21 16.9623 20.9748 16.2077 20.4091 16.2077H18.6065L18.0495 14.4206Z", fill: "#222222" }) }) }));
+export default IconPersonStar;

package/components/SVGIcons/IconPersonStarFilled.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 IconPersonStarFilled = function IconPersonStarFilled(_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: "M10.9941 17.5C10.9941 16.211 11.3693 15.0097 12.0165 13.9992H5.24692C4.0049 13.9992 2.99805 15.0061 2.99805 16.2481V17.1681C2.99805 17.7401 3.17645 18.298 3.50841 18.7639C5.05058 20.9282 7.57354 22.0004 10.9945 22.0004C11.5944 22.0004 12.1667 21.9674 12.711 21.9014C11.6451 20.7436 10.9941 19.1978 10.9941 17.5ZM10.9945 2.00391C13.7559 2.00391 15.9945 4.24248 15.9945 7.00391C15.9945 9.76533 13.7559 12.0039 10.9945 12.0039C8.23308 12.0039 5.99451 9.76533 5.99451 7.00391C5.99451 4.24248 8.23308 2.00391 10.9945 2.00391ZM22.9941 17.5C22.9941 20.5376 20.5317 23 17.4941 23C14.4566 23 11.9941 20.5376 11.9941 17.5C11.9941 14.4624 14.4566 12 17.4941 12C20.5317 12 22.9941 14.4624 22.9941 17.5ZM18.0495 14.4206C17.8747 13.8598 17.1136 13.8598 16.9388 14.4206L16.3818 16.2077H14.5792C14.0135 16.2077 13.7783 16.9623 14.236 17.3089L15.6943 18.4134L15.1372 20.2004C14.9624 20.7612 15.5782 21.2276 16.0358 20.881L17.4941 19.7766L18.9524 20.881C19.4101 21.2276 20.0258 20.7612 19.851 20.2004L19.294 18.4134L20.7523 17.3089C21.21 16.9623 20.9748 16.2077 20.4091 16.2077H18.6065L18.0495 14.4206Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconPersonStarFilled, IconPersonStarFilled as default };
+export const IconPersonStarFilled = ({ 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: "M10.9941 17.5C10.9941 16.211 11.3693 15.0097 12.0165 13.9992H5.24692C4.0049 13.9992 2.99805 15.0061 2.99805 16.2481V17.1681C2.99805 17.7401 3.17645 18.298 3.50841 18.7639C5.05058 20.9282 7.57354 22.0004 10.9945 22.0004C11.5944 22.0004 12.1667 21.9674 12.711 21.9014C11.6451 20.7436 10.9941 19.1978 10.9941 17.5ZM10.9945 2.00391C13.7559 2.00391 15.9945 4.24248 15.9945 7.00391C15.9945 9.76533 13.7559 12.0039 10.9945 12.0039C8.23308 12.0039 5.99451 9.76533 5.99451 7.00391C5.99451 4.24248 8.23308 2.00391 10.9945 2.00391ZM22.9941 17.5C22.9941 20.5376 20.5317 23 17.4941 23C14.4566 23 11.9941 20.5376 11.9941 17.5C11.9941 14.4624 14.4566 12 17.4941 12C20.5317 12 22.9941 14.4624 22.9941 17.5ZM18.0495 14.4206C17.8747 13.8598 17.1136 13.8598 16.9388 14.4206L16.3818 16.2077H14.5792C14.0135 16.2077 13.7783 16.9623 14.236 17.3089L15.6943 18.4134L15.1372 20.2004C14.9624 20.7612 15.5782 21.2276 16.0358 20.881L17.4941 19.7766L18.9524 20.881C19.4101 21.2276 20.0258 20.7612 19.851 20.2004L19.294 18.4134L20.7523 17.3089C21.21 16.9623 20.9748 16.2077 20.4091 16.2077H18.6065L18.0495 14.4206Z", fill: "#222222" }) }) }));
+export default IconPersonStarFilled;

package/components/SVGIcons/IconPersonSubtract.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 IconPersonSubtract = function IconPersonSubtract(_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: "M11.9942 2.40002C9.34327 2.40002 7.19424 4.54906 7.19424 7.20002C7.19424 9.85099 9.34327 12 11.9942 12C14.6452 12 16.7942 9.85099 16.7942 7.20002C16.7942 4.54906 14.6452 2.40002 11.9942 2.40002ZM8.39424 7.20002C8.39424 5.2118 10.006 3.60002 11.9942 3.60002C13.9825 3.60002 15.5942 5.2118 15.5942 7.20002C15.5942 9.18825 13.9825 10.8 11.9942 10.8C10.006 10.8 8.39424 9.18825 8.39424 7.20002ZM6.00471 13.2C4.67802 13.2 3.59424 14.2643 3.59424 15.6C3.59424 17.6295 4.59361 19.1596 6.15623 20.1559C7.6946 21.1368 9.76855 21.6 11.9942 21.6C12.0966 21.6 12.1987 21.599 12.3004 21.5971C11.9952 21.2271 11.7295 20.8232 11.5098 20.392C9.62936 20.3293 7.98543 19.8991 6.80138 19.1441C5.54096 18.3405 4.79424 17.1706 4.79424 15.6C4.79424 14.9361 5.33167 14.4 6.00471 14.4L11.5139 14.4C11.7334 13.9707 11.9985 13.5686 12.3028 13.2L6.00471 13.2ZM22.7942 17.4C22.7942 20.3824 20.3766 22.8 17.3942 22.8C14.4119 22.8 11.9942 20.3824 11.9942 17.4C11.9942 14.4177 14.4119 12 17.3942 12C20.3766 12 22.7942 14.4177 22.7942 17.4ZM14.3942 17.4C14.3942 17.7314 14.6629 18 14.9942 18H19.7942C20.1256 18 20.3942 17.7314 20.3942 17.4C20.3942 17.0687 20.1256 16.8 19.7942 16.8H14.9942C14.6629 16.8 14.3942 17.0687 14.3942 17.4Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconPersonSubtract, IconPersonSubtract as default };
+export const IconPersonSubtract = ({ 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: "M11.9942 2.40002C9.34327 2.40002 7.19424 4.54906 7.19424 7.20002C7.19424 9.85099 9.34327 12 11.9942 12C14.6452 12 16.7942 9.85099 16.7942 7.20002C16.7942 4.54906 14.6452 2.40002 11.9942 2.40002ZM8.39424 7.20002C8.39424 5.2118 10.006 3.60002 11.9942 3.60002C13.9825 3.60002 15.5942 5.2118 15.5942 7.20002C15.5942 9.18825 13.9825 10.8 11.9942 10.8C10.006 10.8 8.39424 9.18825 8.39424 7.20002ZM6.00471 13.2C4.67802 13.2 3.59424 14.2643 3.59424 15.6C3.59424 17.6295 4.59361 19.1596 6.15623 20.1559C7.6946 21.1368 9.76855 21.6 11.9942 21.6C12.0966 21.6 12.1987 21.599 12.3004 21.5971C11.9952 21.2271 11.7295 20.8232 11.5098 20.392C9.62936 20.3293 7.98543 19.8991 6.80138 19.1441C5.54096 18.3405 4.79424 17.1706 4.79424 15.6C4.79424 14.9361 5.33167 14.4 6.00471 14.4L11.5139 14.4C11.7334 13.9707 11.9985 13.5686 12.3028 13.2L6.00471 13.2ZM22.7942 17.4C22.7942 20.3824 20.3766 22.8 17.3942 22.8C14.4119 22.8 11.9942 20.3824 11.9942 17.4C11.9942 14.4177 14.4119 12 17.3942 12C20.3766 12 22.7942 14.4177 22.7942 17.4ZM14.3942 17.4C14.3942 17.7314 14.6629 18 14.9942 18H19.7942C20.1256 18 20.3942 17.7314 20.3942 17.4C20.3942 17.0687 20.1256 16.8 19.7942 16.8H14.9942C14.6629 16.8 14.3942 17.0687 14.3942 17.4Z", fill: "#222222" }) }) }));
+export default IconPersonSubtract;

package/components/SVGIcons/IconPersonSubtractFilled.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 IconPersonSubtractFilled = function IconPersonSubtractFilled(_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: "M11.9942 2.40002C9.34327 2.40002 7.19424 4.54906 7.19424 7.20002C7.19424 9.85099 9.34327 12 11.9942 12C14.6452 12 16.7942 9.85099 16.7942 7.20002C16.7942 4.54906 14.6452 2.40002 11.9942 2.40002ZM6.00471 13.2C4.67802 13.2 3.59424 14.2643 3.59424 15.6C3.59424 17.6295 4.59361 19.1596 6.15623 20.1559C7.6946 21.1368 9.76855 21.6 11.9942 21.6C12.0966 21.6 12.1987 21.599 12.3004 21.5971C11.3594 20.4564 10.7942 18.9942 10.7942 17.4C10.7942 15.8045 11.3604 14.3412 12.3028 13.2L6.00471 13.2ZM22.7942 17.4C22.7942 20.3824 20.3766 22.8 17.3942 22.8C14.4119 22.8 11.9942 20.3824 11.9942 17.4C11.9942 14.4177 14.4119 12 17.3942 12C20.3766 12 22.7942 14.4177 22.7942 17.4ZM14.3942 17.4C14.3942 17.7314 14.6629 18 14.9942 18H19.7942C20.1256 18 20.3942 17.7314 20.3942 17.4C20.3942 17.0687 20.1256 16.8 19.7942 16.8H14.9942C14.6629 16.8 14.3942 17.0687 14.3942 17.4Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconPersonSubtractFilled, IconPersonSubtractFilled as default };
+export const IconPersonSubtractFilled = ({ 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: "M11.9942 2.40002C9.34327 2.40002 7.19424 4.54906 7.19424 7.20002C7.19424 9.85099 9.34327 12 11.9942 12C14.6452 12 16.7942 9.85099 16.7942 7.20002C16.7942 4.54906 14.6452 2.40002 11.9942 2.40002ZM6.00471 13.2C4.67802 13.2 3.59424 14.2643 3.59424 15.6C3.59424 17.6295 4.59361 19.1596 6.15623 20.1559C7.6946 21.1368 9.76855 21.6 11.9942 21.6C12.0966 21.6 12.1987 21.599 12.3004 21.5971C11.3594 20.4564 10.7942 18.9942 10.7942 17.4C10.7942 15.8045 11.3604 14.3412 12.3028 13.2L6.00471 13.2ZM22.7942 17.4C22.7942 20.3824 20.3766 22.8 17.3942 22.8C14.4119 22.8 11.9942 20.3824 11.9942 17.4C11.9942 14.4177 14.4119 12 17.3942 12C20.3766 12 22.7942 14.4177 22.7942 17.4ZM14.3942 17.4C14.3942 17.7314 14.6629 18 14.9942 18H19.7942C20.1256 18 20.3942 17.7314 20.3942 17.4C20.3942 17.0687 20.1256 16.8 19.7942 16.8H14.9942C14.6629 16.8 14.3942 17.0687 14.3942 17.4Z", fill: "#222222" }) }) }));
+export default IconPersonSubtractFilled;

package/components/SVGIcons/IconPhone.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 IconPhone = function IconPhone(_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: "M15.7441 2C16.9868 2 17.9941 3.00736 17.9941 4.25V19.75C17.9941 20.9926 16.9868 22 15.7441 22H8.24414C7.0015 22 5.99414 20.9926 5.99414 19.75V4.25C5.99414 3.00736 7.0015 2 8.24414 2H15.7441ZM15.7441 3.5H8.24414C7.82993 3.5 7.49414 3.83579 7.49414 4.25V19.75C7.49414 20.1642 7.82993 20.5 8.24414 20.5H15.7441C16.1584 20.5 16.4941 20.1642 16.4941 19.75V4.25C16.4941 3.83579 16.1584 3.5 15.7441 3.5ZM13.243 17.5C13.6572 17.4994 13.9935 17.8347 13.9941 18.2489C13.9948 18.6631 13.6595 18.9994 13.2453 19L10.7453 19.0038C10.3311 19.0044 9.99476 18.6691 9.99414 18.2549C9.99352 17.8407 10.3288 17.5044 10.743 17.5038L13.243 17.5Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconPhone, IconPhone as default };
+export const IconPhone = ({ 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: "M15.7441 2C16.9868 2 17.9941 3.00736 17.9941 4.25V19.75C17.9941 20.9926 16.9868 22 15.7441 22H8.24414C7.0015 22 5.99414 20.9926 5.99414 19.75V4.25C5.99414 3.00736 7.0015 2 8.24414 2H15.7441ZM15.7441 3.5H8.24414C7.82993 3.5 7.49414 3.83579 7.49414 4.25V19.75C7.49414 20.1642 7.82993 20.5 8.24414 20.5H15.7441C16.1584 20.5 16.4941 20.1642 16.4941 19.75V4.25C16.4941 3.83579 16.1584 3.5 15.7441 3.5ZM13.243 17.5C13.6572 17.4994 13.9935 17.8347 13.9941 18.2489C13.9948 18.6631 13.6595 18.9994 13.2453 19L10.7453 19.0038C10.3311 19.0044 9.99476 18.6691 9.99414 18.2549C9.99352 17.8407 10.3288 17.5044 10.743 17.5038L13.243 17.5Z", fill: "#222222" }) }) }));
+export default IconPhone;

package/components/SVGIcons/IconPhoneFilled.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 IconPhoneFilled = function IconPhoneFilled(_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: "M15.7441 2C16.9868 2 17.9941 3.00736 17.9941 4.25V19.75C17.9941 20.9926 16.9868 22 15.7441 22H8.24414C7.0015 22 5.99414 20.9926 5.99414 19.75V4.25C5.99414 3.00736 7.0015 2 8.24414 2H15.7441ZM13.2441 18H10.7441C10.3299 18 9.99414 18.3358 9.99414 18.75C9.99414 19.1642 10.3299 19.5 10.7441 19.5H13.2441C13.6584 19.5 13.9941 19.1642 13.9941 18.75C13.9941 18.3358 13.6584 18 13.2441 18Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconPhoneFilled, IconPhoneFilled as default };
+export const IconPhoneFilled = ({ 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: "M15.7441 2C16.9868 2 17.9941 3.00736 17.9941 4.25V19.75C17.9941 20.9926 16.9868 22 15.7441 22H8.24414C7.0015 22 5.99414 20.9926 5.99414 19.75V4.25C5.99414 3.00736 7.0015 2 8.24414 2H15.7441ZM13.2441 18H10.7441C10.3299 18 9.99414 18.3358 9.99414 18.75C9.99414 19.1642 10.3299 19.5 10.7441 19.5H13.2441C13.6584 19.5 13.9941 19.1642 13.9941 18.75C13.9941 18.3358 13.6584 18 13.2441 18Z", fill: "#222222" }) }) }));
+export default IconPhoneFilled;

package/components/SVGIcons/IconPlugConnected.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 IconPlugConnected = function IconPlugConnected(_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: "M14.6174 4.17813C15.2097 4.94013 15.5624 5.89763 15.5624 6.93751C15.5624 8.64997 14.6059 10.139 13.1979 10.8995C12.7111 11.1625 12.1253 11.0004 11.734 10.6091L7.39079 6.26588C6.99951 5.8746 6.83745 5.28885 7.10042 4.80199C7.8609 3.39406 9.34995 2.43751 11.0624 2.43751C12.1023 2.43751 13.0599 2.79026 13.8219 3.38262L15.5398 1.66475C15.7594 1.44508 16.1156 1.44508 16.3352 1.66475C16.5549 1.88442 16.5549 2.24058 16.3352 2.46025L14.6174 4.17813ZM13.1049 9.62486C13.9151 9.00793 14.4374 8.03296 14.4374 6.93751C14.4374 5.07355 12.9264 3.56251 11.0624 3.56251C9.96697 3.56251 8.99199 4.08486 8.37506 4.89504C8.17562 5.15695 8.23588 5.51998 8.46866 5.75277L12.2472 9.53126C12.4799 9.76405 12.843 9.8243 13.1049 9.62486ZM2.46025 16.3352L4.17804 14.6175C4.94004 15.2098 5.89754 15.5625 6.93742 15.5625C8.64988 15.5625 10.1389 14.6059 10.8994 13.198C11.1624 12.7111 11.0003 12.1254 10.609 11.7341L6.26579 7.39086C5.87451 6.99958 5.28876 6.83753 4.80189 7.1005C3.39396 7.86098 2.43741 9.35003 2.43741 11.0625C2.43741 12.1024 2.79016 13.0599 3.38254 13.822L1.66475 15.5398C1.44508 15.7594 1.44508 16.1156 1.66475 16.3352C1.88442 16.5549 2.24058 16.5549 2.46025 16.3352ZM5.75267 8.46874L9.53117 12.2472C9.76395 12.48 9.82421 12.8431 9.62477 13.105C9.00784 13.9151 8.03287 14.4375 6.93742 14.4375C5.07345 14.4375 3.56242 12.9265 3.56242 11.0625C3.56242 9.96704 4.08477 8.99207 4.89494 8.37514C5.15686 8.1757 5.51989 8.23595 5.75267 8.46874Z",
-    fill: "#72BF44"
-  }));
-};
-
-export { IconPlugConnected, IconPlugConnected as default };
+export const IconPlugConnected = ({ 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: "M14.6174 4.17813C15.2097 4.94013 15.5624 5.89763 15.5624 6.93751C15.5624 8.64997 14.6059 10.139 13.1979 10.8995C12.7111 11.1625 12.1253 11.0004 11.734 10.6091L7.39079 6.26588C6.99951 5.8746 6.83745 5.28885 7.10042 4.80199C7.8609 3.39406 9.34995 2.43751 11.0624 2.43751C12.1023 2.43751 13.0599 2.79026 13.8219 3.38262L15.5398 1.66475C15.7594 1.44508 16.1156 1.44508 16.3352 1.66475C16.5549 1.88442 16.5549 2.24058 16.3352 2.46025L14.6174 4.17813ZM13.1049 9.62486C13.9151 9.00793 14.4374 8.03296 14.4374 6.93751C14.4374 5.07355 12.9264 3.56251 11.0624 3.56251C9.96697 3.56251 8.99199 4.08486 8.37506 4.89504C8.17562 5.15695 8.23588 5.51998 8.46866 5.75277L12.2472 9.53126C12.4799 9.76405 12.843 9.8243 13.1049 9.62486ZM2.46025 16.3352L4.17804 14.6175C4.94004 15.2098 5.89754 15.5625 6.93742 15.5625C8.64988 15.5625 10.1389 14.6059 10.8994 13.198C11.1624 12.7111 11.0003 12.1254 10.609 11.7341L6.26579 7.39086C5.87451 6.99958 5.28876 6.83753 4.80189 7.1005C3.39396 7.86098 2.43741 9.35003 2.43741 11.0625C2.43741 12.1024 2.79016 13.0599 3.38254 13.822L1.66475 15.5398C1.44508 15.7594 1.44508 16.1156 1.66475 16.3352C1.88442 16.5549 2.24058 16.5549 2.46025 16.3352ZM5.75267 8.46874L9.53117 12.2472C9.76395 12.48 9.82421 12.8431 9.62477 13.105C9.00784 13.9151 8.03287 14.4375 6.93742 14.4375C5.07345 14.4375 3.56242 12.9265 3.56242 11.0625C3.56242 9.96704 4.08477 8.99207 4.89494 8.37514C5.15686 8.1757 5.51989 8.23595 5.75267 8.46874Z", fill: "#72BF44" }) }));
+export default IconPlugConnected;