hrm_ui_lib 2.0.3 → 2.1.1

package/components/SVGIcons/IconChatMultipleFilled.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 IconChatMultipleFilled = function IconChatMultipleFilled(_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.0938 3C5.95161 3 2.59375 6.35786 2.59375 10.5C2.59375 11.6335 2.84568 12.71 3.29711 13.6749C2.99499 14.9 2.73329 16.2085 2.61549 16.8173C2.48219 17.5063 3.08109 18.1099 3.76869 17.9875C4.392 17.8765 5.7469 17.6267 7.00518 17.3363C7.94787 17.7628 8.99402 18 10.0938 18C14.2359 18 17.5937 14.6421 17.5937 10.5C17.5937 6.35786 14.2359 3 10.0938 3ZM10.0557 18.9996C11.3939 20.2411 13.186 21.0002 15.1554 21.0002C16.2548 21.0002 17.3008 20.7631 18.2433 20.3368C19.2871 20.5811 20.4296 20.8249 21.1567 20.9769C22.0492 21.1634 22.8286 20.3624 22.6241 19.4775C22.4616 18.7741 22.2054 17.6822 21.9524 16.6742C22.4036 15.7095 22.6553 14.6333 22.6553 13.5002C22.6553 10.2172 20.546 7.42696 17.6087 6.41064C17.959 7.04768 18.23 7.73448 18.4084 8.45773C20.0613 9.52629 21.1553 11.3855 21.1553 13.5002C21.1553 14.4916 20.9155 15.4248 20.4913 16.247L20.3607 16.5L20.4309 16.7758C20.6587 17.6713 20.8975 18.6758 21.0724 19.4264C20.2983 19.2627 19.2548 19.0362 18.3332 18.8168L18.0687 18.7539L17.8253 18.875C17.0221 19.2749 16.1161 19.5002 15.1554 19.5002C14.0958 19.5002 13.1004 19.2255 12.2365 18.7436C11.5705 18.9112 10.8733 19.0002 10.1554 19.0002C10.1221 19.0002 10.0889 19 10.0557 18.9996Z",
-    fill: "#222222"
-  }));
-};
-
-export { IconChatMultipleFilled, IconChatMultipleFilled as default };
+export const IconChatMultipleFilled = ({ 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.0938 3C5.95161 3 2.59375 6.35786 2.59375 10.5C2.59375 11.6335 2.84568 12.71 3.29711 13.6749C2.99499 14.9 2.73329 16.2085 2.61549 16.8173C2.48219 17.5063 3.08109 18.1099 3.76869 17.9875C4.392 17.8765 5.7469 17.6267 7.00518 17.3363C7.94787 17.7628 8.99402 18 10.0938 18C14.2359 18 17.5937 14.6421 17.5937 10.5C17.5937 6.35786 14.2359 3 10.0938 3ZM10.0557 18.9996C11.3939 20.2411 13.186 21.0002 15.1554 21.0002C16.2548 21.0002 17.3008 20.7631 18.2433 20.3368C19.2871 20.5811 20.4296 20.8249 21.1567 20.9769C22.0492 21.1634 22.8286 20.3624 22.6241 19.4775C22.4616 18.7741 22.2054 17.6822 21.9524 16.6742C22.4036 15.7095 22.6553 14.6333 22.6553 13.5002C22.6553 10.2172 20.546 7.42696 17.6087 6.41064C17.959 7.04768 18.23 7.73448 18.4084 8.45773C20.0613 9.52629 21.1553 11.3855 21.1553 13.5002C21.1553 14.4916 20.9155 15.4248 20.4913 16.247L20.3607 16.5L20.4309 16.7758C20.6587 17.6713 20.8975 18.6758 21.0724 19.4264C20.2983 19.2627 19.2548 19.0362 18.3332 18.8168L18.0687 18.7539L17.8253 18.875C17.0221 19.2749 16.1161 19.5002 15.1554 19.5002C14.0958 19.5002 13.1004 19.2255 12.2365 18.7436C11.5705 18.9112 10.8733 19.0002 10.1554 19.0002C10.1221 19.0002 10.0889 19 10.0557 18.9996Z", fill: "#222222" }) }));
+export default IconChatMultipleFilled;

package/components/SVGIcons/IconCheckboxArrowRight.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 IconCheckboxArrowRight = function IconCheckboxArrowRight(_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: "M5.92188 2C4.12695 2 2.67188 3.45507 2.67188 5.25V16.75C2.67188 18.5449 4.12695 20 5.92187 20H12.17C11.9723 19.5258 11.8291 19.0232 11.7483 18.5H5.92187C4.95538 18.5 4.17188 17.7165 4.17188 16.75V5.25C4.17188 4.2835 4.95538 3.5 5.92188 3.5H17.4219C18.3884 3.5 19.1719 4.2835 19.1719 5.25V11.0764C19.6951 11.1572 20.1977 11.3004 20.6719 11.4982V5.25C20.6719 3.45507 19.2168 2 17.4219 2H5.92188ZM16.9519 8.28064C17.245 7.98791 17.2452 7.51304 16.9525 7.21998C16.6598 6.92691 16.1849 6.92664 15.8919 7.21936L9.66845 13.4356L7.45271 11.2197C7.15983 10.9268 6.68495 10.9268 6.39205 11.2196C6.09915 11.5125 6.09913 11.9874 6.39202 12.2803L9.13778 15.0262C9.43055 15.319 9.9052 15.3192 10.1982 15.0266L16.9519 8.28064ZM18.1719 12C21.2094 12 23.6719 14.4624 23.6719 17.5C23.6719 20.5376 21.2094 23 18.1719 23C15.1343 23 12.6719 20.5376 12.6719 17.5C12.6719 14.4624 15.1343 12 18.1719 12ZM15.1719 17C14.8957 17 14.6719 17.2239 14.6719 17.5C14.6719 17.7761 14.8957 18 15.1719 18H19.9648L18.3183 19.6464C18.1231 19.8417 18.1231 20.1583 18.3183 20.3536C18.5136 20.5488 18.8302 20.5488 19.0254 20.3536L21.5254 17.8536C21.7207 17.6583 21.7207 17.3417 21.5254 17.1464L19.0254 14.6464C18.8302 14.4512 18.5136 14.4512 18.3183 14.6464C18.1231 14.8417 18.1231 15.1583 18.3183 15.3536L19.9648 17H15.1719Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconCheckboxArrowRight, IconCheckboxArrowRight as default };
+export const IconCheckboxArrowRight = ({ 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: "M5.92188 2C4.12695 2 2.67188 3.45507 2.67188 5.25V16.75C2.67188 18.5449 4.12695 20 5.92187 20H12.17C11.9723 19.5258 11.8291 19.0232 11.7483 18.5H5.92187C4.95538 18.5 4.17188 17.7165 4.17188 16.75V5.25C4.17188 4.2835 4.95538 3.5 5.92188 3.5H17.4219C18.3884 3.5 19.1719 4.2835 19.1719 5.25V11.0764C19.6951 11.1572 20.1977 11.3004 20.6719 11.4982V5.25C20.6719 3.45507 19.2168 2 17.4219 2H5.92188ZM16.9519 8.28064C17.245 7.98791 17.2452 7.51304 16.9525 7.21998C16.6598 6.92691 16.1849 6.92664 15.8919 7.21936L9.66845 13.4356L7.45271 11.2197C7.15983 10.9268 6.68495 10.9268 6.39205 11.2196C6.09915 11.5125 6.09913 11.9874 6.39202 12.2803L9.13778 15.0262C9.43055 15.319 9.9052 15.3192 10.1982 15.0266L16.9519 8.28064ZM18.1719 12C21.2094 12 23.6719 14.4624 23.6719 17.5C23.6719 20.5376 21.2094 23 18.1719 23C15.1343 23 12.6719 20.5376 12.6719 17.5C12.6719 14.4624 15.1343 12 18.1719 12ZM15.1719 17C14.8957 17 14.6719 17.2239 14.6719 17.5C14.6719 17.7761 14.8957 18 15.1719 18H19.9648L18.3183 19.6464C18.1231 19.8417 18.1231 20.1583 18.3183 20.3536C18.5136 20.5488 18.8302 20.5488 19.0254 20.3536L21.5254 17.8536C21.7207 17.6583 21.7207 17.3417 21.5254 17.1464L19.0254 14.6464C18.8302 14.4512 18.5136 14.4512 18.3183 14.6464C18.1231 14.8417 18.1231 15.1583 18.3183 15.3536L19.9648 17H15.1719Z", fill: "#222222" }) }) }));
+export default IconCheckboxArrowRight;

package/components/SVGIcons/IconCheckboxArrowRightFilled.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 IconCheckboxArrowRightFilled = function IconCheckboxArrowRightFilled(_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: "M5.92188 2C4.12695 2 2.67188 3.45508 2.67188 5.25V16.75C2.67188 18.5449 4.12695 20 5.92188 20H12.17C11.8491 19.2304 11.6719 18.3859 11.6719 17.5C11.6719 13.9101 14.582 11 18.1719 11C19.0578 11 19.9023 11.1772 20.6719 11.4982V5.25C20.6719 3.45507 19.2168 2 17.4219 2H5.92188ZM16.9519 8.28064L10.1982 15.0266C9.9052 15.3192 9.43055 15.319 9.13778 15.0262L6.39202 12.2803C6.09913 11.9874 6.09915 11.5125 6.39205 11.2196C6.68495 10.9268 7.15983 10.9268 7.45271 11.2197L9.66845 13.4356L15.8919 7.21936C16.1849 6.92664 16.6598 6.92691 16.9525 7.21998C17.2452 7.51304 17.245 7.98791 16.9519 8.28064ZM18.1719 12C21.2094 12 23.6719 14.4624 23.6719 17.5C23.6719 20.5376 21.2094 23 18.1719 23C15.1343 23 12.6719 20.5376 12.6719 17.5C12.6719 14.4624 15.1343 12 18.1719 12ZM15.1719 17C14.8957 17 14.6719 17.2239 14.6719 17.5C14.6719 17.7761 14.8957 18 15.1719 18H19.9648L18.3183 19.6464C18.1231 19.8417 18.1231 20.1583 18.3183 20.3536C18.5136 20.5488 18.8302 20.5488 19.0254 20.3536L21.5254 17.8536C21.7207 17.6583 21.7207 17.3417 21.5254 17.1464L19.0254 14.6464C18.8302 14.4512 18.5136 14.4512 18.3183 14.6464C18.1231 14.8417 18.1231 15.1583 18.3183 15.3536L19.9648 17H15.1719Z",
-    fill: "#222222"
-  })));
-};
-
-export { IconCheckboxArrowRightFilled, IconCheckboxArrowRightFilled as default };
+export const IconCheckboxArrowRightFilled = ({ 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: "M5.92188 2C4.12695 2 2.67188 3.45508 2.67188 5.25V16.75C2.67188 18.5449 4.12695 20 5.92188 20H12.17C11.8491 19.2304 11.6719 18.3859 11.6719 17.5C11.6719 13.9101 14.582 11 18.1719 11C19.0578 11 19.9023 11.1772 20.6719 11.4982V5.25C20.6719 3.45507 19.2168 2 17.4219 2H5.92188ZM16.9519 8.28064L10.1982 15.0266C9.9052 15.3192 9.43055 15.319 9.13778 15.0262L6.39202 12.2803C6.09913 11.9874 6.09915 11.5125 6.39205 11.2196C6.68495 10.9268 7.15983 10.9268 7.45271 11.2197L9.66845 13.4356L15.8919 7.21936C16.1849 6.92664 16.6598 6.92691 16.9525 7.21998C17.2452 7.51304 17.245 7.98791 16.9519 8.28064ZM18.1719 12C21.2094 12 23.6719 14.4624 23.6719 17.5C23.6719 20.5376 21.2094 23 18.1719 23C15.1343 23 12.6719 20.5376 12.6719 17.5C12.6719 14.4624 15.1343 12 18.1719 12ZM15.1719 17C14.8957 17 14.6719 17.2239 14.6719 17.5C14.6719 17.7761 14.8957 18 15.1719 18H19.9648L18.3183 19.6464C18.1231 19.8417 18.1231 20.1583 18.3183 20.3536C18.5136 20.5488 18.8302 20.5488 19.0254 20.3536L21.5254 17.8536C21.7207 17.6583 21.7207 17.3417 21.5254 17.1464L19.0254 14.6464C18.8302 14.4512 18.5136 14.4512 18.3183 14.6464C18.1231 14.8417 18.1231 15.1583 18.3183 15.3536L19.9648 17H15.1719Z", fill: "#222222" }) }) }));
+export default IconCheckboxArrowRightFilled;

package/components/SVGIcons/IconCheckmark.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 IconCheckmark = function IconCheckmark(_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: "M5.01471 12.9697C4.72181 12.6768 4.24694 12.6768 3.95404 12.9697C3.66115 13.2626 3.66115 13.7374 3.95404 14.0303L8.45404 18.5303C8.74694 18.8232 9.22181 18.8232 9.5147 18.5303L20.5147 7.53033C20.8076 7.23744 20.8076 6.76256 20.5147 6.46967C20.2218 6.17678 19.7469 6.17678 19.454 6.46967L8.98438 16.9393L5.01471 12.9697Z",
-    fill: "#222222"
-  }));
-};
-
-export { IconCheckmark, IconCheckmark as default };
+export const IconCheckmark = ({ 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: "M5.01471 12.9697C4.72181 12.6768 4.24694 12.6768 3.95404 12.9697C3.66115 13.2626 3.66115 13.7374 3.95404 14.0303L8.45404 18.5303C8.74694 18.8232 9.22181 18.8232 9.5147 18.5303L20.5147 7.53033C20.8076 7.23744 20.8076 6.76256 20.5147 6.46967C20.2218 6.17678 19.7469 6.17678 19.454 6.46967L8.98438 16.9393L5.01471 12.9697Z", fill: "#222222" }) }));
+export default IconCheckmark;

package/components/SVGIcons/IconCheckmarkCircle.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 IconCheckmarkCircle = function IconCheckmarkCircle(_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: "M12.9375 2C18.4603 2 22.9375 6.47715 22.9375 12C22.9375 17.5228 18.4603 22 12.9375 22C7.41465 22 2.9375 17.5228 2.9375 12C2.9375 6.47715 7.41465 2 12.9375 2ZM12.9375 3.5C8.24308 3.5 4.4375 7.30558 4.4375 12C4.4375 16.6944 8.24308 20.5 12.9375 20.5C17.6319 20.5 21.4375 16.6944 21.4375 12C21.4375 7.30558 17.6319 3.5 12.9375 3.5ZM11.6875 13.4393L16.1572 8.96967C16.4501 8.67678 16.9249 8.67678 17.2178 8.96967C17.4841 9.23594 17.5083 9.6526 17.2904 9.94621L17.2178 10.0303L12.2178 15.0303C11.9516 15.2966 11.5349 15.3208 11.2413 15.1029L11.1572 15.0303L8.65717 12.5303C8.36428 12.2374 8.36428 11.7626 8.65717 11.4697C8.92344 11.2034 9.3401 11.1792 9.63371 11.3971L9.71783 11.4697L11.6875 13.4393L16.1572 8.96967L11.6875 13.4393Z",
-    fill: "#222222"
-  }));
-};
-
-export { IconCheckmarkCircle, IconCheckmarkCircle as default };
+export const IconCheckmarkCircle = ({ 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: "M12.9375 2C18.4603 2 22.9375 6.47715 22.9375 12C22.9375 17.5228 18.4603 22 12.9375 22C7.41465 22 2.9375 17.5228 2.9375 12C2.9375 6.47715 7.41465 2 12.9375 2ZM12.9375 3.5C8.24308 3.5 4.4375 7.30558 4.4375 12C4.4375 16.6944 8.24308 20.5 12.9375 20.5C17.6319 20.5 21.4375 16.6944 21.4375 12C21.4375 7.30558 17.6319 3.5 12.9375 3.5ZM11.6875 13.4393L16.1572 8.96967C16.4501 8.67678 16.9249 8.67678 17.2178 8.96967C17.4841 9.23594 17.5083 9.6526 17.2904 9.94621L17.2178 10.0303L12.2178 15.0303C11.9516 15.2966 11.5349 15.3208 11.2413 15.1029L11.1572 15.0303L8.65717 12.5303C8.36428 12.2374 8.36428 11.7626 8.65717 11.4697C8.92344 11.2034 9.3401 11.1792 9.63371 11.3971L9.71783 11.4697L11.6875 13.4393L16.1572 8.96967L11.6875 13.4393Z", fill: "#222222" }) }));
+export default IconCheckmarkCircle;

package/components/SVGIcons/IconCheckmarkCircleFilled.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 IconCheckmarkCircleFilled = function IconCheckmarkCircleFilled(_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: "M12.9375 2C18.4603 2 22.9375 6.47715 22.9375 12C22.9375 17.5228 18.4603 22 12.9375 22C7.41465 22 2.9375 17.5228 2.9375 12C2.9375 6.47715 7.41465 2 12.9375 2ZM16.1572 8.96967L11.6875 13.4393L9.71783 11.4697C9.42494 11.1768 8.95006 11.1768 8.65717 11.4697C8.36428 11.7626 8.36428 12.2374 8.65717 12.5303L11.1572 15.0303C11.4501 15.3232 11.9249 15.3232 12.2178 15.0303L17.2178 10.0303C17.5107 9.73744 17.5107 9.26256 17.2178 8.96967C16.9249 8.67678 16.4501 8.67678 16.1572 8.96967Z",
-    fill: "#222222"
-  }));
-};
-
-export { IconCheckmarkCircleFilled, IconCheckmarkCircleFilled as default };
+export const IconCheckmarkCircleFilled = ({ 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: "M12.9375 2C18.4603 2 22.9375 6.47715 22.9375 12C22.9375 17.5228 18.4603 22 12.9375 22C7.41465 22 2.9375 17.5228 2.9375 12C2.9375 6.47715 7.41465 2 12.9375 2ZM16.1572 8.96967L11.6875 13.4393L9.71783 11.4697C9.42494 11.1768 8.95006 11.1768 8.65717 11.4697C8.36428 11.7626 8.36428 12.2374 8.65717 12.5303L11.1572 15.0303C11.4501 15.3232 11.9249 15.3232 12.2178 15.0303L17.2178 10.0303C17.5107 9.73744 17.5107 9.26256 17.2178 8.96967C16.9249 8.67678 16.4501 8.67678 16.1572 8.96967Z", fill: "#222222" }) }));
+export default IconCheckmarkCircleFilled;

package/components/SVGIcons/IconCheckmarkFilled.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 IconCheckmarkFilled = function IconCheckmarkFilled(_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: "M8.98438 16.5858L5.19148 12.7929C4.80096 12.4024 4.16779 12.4024 3.77727 12.7929C3.38674 13.1834 3.38674 13.8166 3.77727 14.2071L8.27727 18.7071C8.66779 19.0976 9.30096 19.0976 9.69148 18.7071L20.6915 7.70711C21.082 7.31658 21.082 6.68342 20.6915 6.29289C20.301 5.90237 19.6678 5.90237 19.2773 6.29289L8.98438 16.5858Z",
-    fill: "#222222"
-  }));
-};
-
-export { IconCheckmarkFilled, IconCheckmarkFilled as default };
+export const IconCheckmarkFilled = ({ 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: "M8.98438 16.5858L5.19148 12.7929C4.80096 12.4024 4.16779 12.4024 3.77727 12.7929C3.38674 13.1834 3.38674 13.8166 3.77727 14.2071L8.27727 18.7071C8.66779 19.0976 9.30096 19.0976 9.69148 18.7071L20.6915 7.70711C21.082 7.31658 21.082 6.68342 20.6915 6.29289C20.301 5.90237 19.6678 5.90237 19.2773 6.29289L8.98438 16.5858Z", fill: "#222222" }) }));
+export default IconCheckmarkFilled;

package/components/SVGIcons/IconChevronDoubleLeft.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconChevronDoubleLeft: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconChevronDoubleLeft;

package/components/SVGIcons/IconChevronDoubleLeft.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+export const IconChevronDoubleLeft = ({ 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.1367 19.0233C13.9028 19.258 13.5229 19.2587 13.2882 19.0248L6.70684 12.4668C6.44798 12.2089 6.44798 11.7897 6.70684 11.5318L13.2882 4.97381C13.5229 4.73991 13.9028 4.74059 14.1367 4.97532C14.3706 5.21005 14.37 5.58995 14.1352 5.82385L7.93773 11.9993L14.1352 18.1748C14.37 18.4087 14.3706 18.7886 14.1367 19.0233ZM18.9356 19.0233C18.7017 19.258 18.3218 19.2587 18.087 19.0248L11.5057 12.4668C11.2468 12.2089 11.2468 11.7897 11.5057 11.5318L18.087 4.97381C18.3218 4.73991 18.7017 4.74059 18.9356 4.97532C19.1695 5.21005 19.1688 5.58995 18.9341 5.82385L12.7366 11.9993L18.9341 18.1748C19.1688 18.4087 19.1695 18.7886 18.9356 19.0233Z", fill: "#222222" }) }));
+export default IconChevronDoubleLeft;

package/components/SVGIcons/IconChevronDoubleRight.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconChevronDoubleRight: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconChevronDoubleRight;

package/components/SVGIcons/IconChevronDoubleRight.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+export const IconChevronDoubleRight = ({ 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.9904 5.04814C11.3503 4.70531 11.92 4.71915 12.2628 5.07906L18.2644 11.3796C18.5955 11.7272 18.5955 12.2735 18.2644 12.6211L12.2628 18.9217C11.92 19.2816 11.3503 19.2954 10.9904 18.9526C10.6305 18.6098 10.6166 18.0401 10.9595 17.6802L16.3698 12.0004L10.9595 6.32055C10.6166 5.96065 10.6305 5.39097 10.9904 5.04814ZM6.19039 5.04814C6.55029 4.70531 7.11997 4.71915 7.4628 5.07906L13.4644 11.3796C13.7955 11.7272 13.7955 12.2735 13.4644 12.6211L7.4628 18.9217C7.11997 19.2816 6.55029 19.2954 6.19039 18.9526C5.83048 18.6098 5.81664 18.0401 6.15947 17.6802L11.5698 12.0004L6.15947 6.32055C5.81664 5.96065 5.83048 5.39097 6.19039 5.04814Z", fill: "#222222" }) }));
+export default IconChevronDoubleRight;

package/components/SVGIcons/IconChevronDown.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 IconChevronDown = function IconChevronDown(_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: "M12.1097 12.55C12.3334 12.7737 12.696 12.7737 12.9197 12.55L16.3334 9.1363C16.6848 8.78488 17.2546 8.78488 17.606 9.1363C17.9574 9.48772 17.9574 10.0575 17.606 10.4089L13.0354 14.9795C12.7478 15.2671 12.2816 15.2671 11.994 14.9795L7.42341 10.4089C7.07199 10.0575 7.07199 9.48772 7.42341 9.1363C7.77483 8.78488 8.34459 8.78488 8.69601 9.1363L12.1097 12.55Z",
-    fill: "#0E121B"
-  }));
-};
-
-export { IconChevronDown, IconChevronDown as default };
+export const IconChevronDown = ({ 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: "M12.1097 12.55C12.3334 12.7737 12.696 12.7737 12.9197 12.55L16.3334 9.1363C16.6848 8.78488 17.2546 8.78488 17.606 9.1363C17.9574 9.48772 17.9574 10.0575 17.606 10.4089L13.0354 14.9795C12.7478 15.2671 12.2816 15.2671 11.994 14.9795L7.42341 10.4089C7.07199 10.0575 7.07199 9.48772 7.42341 9.1363C7.77483 8.78488 8.34459 8.78488 8.69601 9.1363L12.1097 12.55Z", fill: "#0E121B" }) }));
+export default IconChevronDown;

package/components/SVGIcons/IconChevronDownFilled.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 IconChevronDownFilled = function IconChevronDownFilled(_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: "M4.40227 8.29289C4.79279 7.90237 5.42596 7.90237 5.81648 8.29289L12.1094 14.5858L18.4023 8.29289C18.7928 7.90237 19.426 7.90237 19.8165 8.29289C20.207 8.68342 20.207 9.31658 19.8165 9.70711L12.8165 16.7071C12.426 17.0976 11.7928 17.0976 11.4023 16.7071L4.40227 9.70711C4.01174 9.31658 4.01174 8.68342 4.40227 8.29289Z",
-    fill: "#222222"
-  }));
-};
-
-export { IconChevronDownFilled, IconChevronDownFilled as default };
+export const IconChevronDownFilled = ({ 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: "M4.40227 8.29289C4.79279 7.90237 5.42596 7.90237 5.81648 8.29289L12.1094 14.5858L18.4023 8.29289C18.7928 7.90237 19.426 7.90237 19.8165 8.29289C20.207 8.68342 20.207 9.31658 19.8165 9.70711L12.8165 16.7071C12.426 17.0976 11.7928 17.0976 11.4023 16.7071L4.40227 9.70711C4.01174 9.31658 4.01174 8.68342 4.40227 8.29289Z", fill: "#222222" }) }));
+export default IconChevronDownFilled;

package/components/SVGIcons/IconChevronLeft.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 IconChevronLeft = function IconChevronLeft(_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.9502 11.3226C11.7265 11.5463 11.7265 11.9089 11.9502 12.1326L15.3639 15.5463C15.7153 15.8977 15.7153 16.4675 15.3639 16.8189C15.0125 17.1703 14.4427 17.1703 14.0913 16.8189L9.52069 12.2483C9.23312 11.9607 9.23312 11.4945 9.52069 11.2069L14.0913 6.6363C14.4427 6.28488 15.0125 6.28488 15.3639 6.6363C15.7153 6.98772 15.7153 7.55748 15.3639 7.9089L11.9502 11.3226Z",
-    fill: "#0E121B"
-  }));
-};
-
-export { IconChevronLeft, IconChevronLeft as default };
+export const IconChevronLeft = ({ 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.9502 11.3226C11.7265 11.5463 11.7265 11.9089 11.9502 12.1326L15.3639 15.5463C15.7153 15.8977 15.7153 16.4675 15.3639 16.8189C15.0125 17.1703 14.4427 17.1703 14.0913 16.8189L9.52069 12.2483C9.23312 11.9607 9.23312 11.4945 9.52069 11.2069L14.0913 6.6363C14.4427 6.28488 15.0125 6.28488 15.3639 6.6363C15.7153 6.98772 15.7153 7.55748 15.3639 7.9089L11.9502 11.3226Z", fill: "#0E121B" }) }));
+export default IconChevronLeft;

package/components/SVGIcons/IconChevronLeftFilled.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 IconChevronLeftFilled = function IconChevronLeftFilled(_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: "M15.8165 4.29289C16.207 4.68342 16.207 5.31658 15.8165 5.70711L9.52359 12L15.8165 18.2929C16.207 18.6834 16.207 19.3166 15.8165 19.7071C15.426 20.0976 14.7928 20.0976 14.4023 19.7071L7.40227 12.7071C7.01174 12.3166 7.01174 11.6834 7.40227 11.2929L14.4023 4.29289C14.7928 3.90237 15.426 3.90237 15.8165 4.29289Z",
-    fill: "#222222"
-  }));
-};
-
-export { IconChevronLeftFilled, IconChevronLeftFilled as default };
+export const IconChevronLeftFilled = ({ 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: "M15.8165 4.29289C16.207 4.68342 16.207 5.31658 15.8165 5.70711L9.52359 12L15.8165 18.2929C16.207 18.6834 16.207 19.3166 15.8165 19.7071C15.426 20.0976 14.7928 20.0976 14.4023 19.7071L7.40227 12.7071C7.01174 12.3166 7.01174 11.6834 7.40227 11.2929L14.4023 4.29289C14.7928 3.90237 15.426 3.90237 15.8165 4.29289Z", fill: "#222222" }) }));
+export default IconChevronLeftFilled;

package/components/SVGIcons/IconChevronRight.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 IconChevronRight = function IconChevronRight(_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.05 12.1326C13.2737 11.9089 13.2737 11.5463 13.05 11.3226L9.6363 7.9089C9.28488 7.55748 9.28488 6.98772 9.6363 6.6363C9.98772 6.28488 10.5575 6.28488 10.9089 6.6363L15.4795 11.2069C15.7671 11.4945 15.7671 11.9607 15.4795 12.2483L10.9089 16.8189C10.5575 17.1703 9.98772 17.1703 9.6363 16.8189C9.28488 16.4675 9.28488 15.8977 9.6363 15.5463L13.05 12.1326Z",
-    fill: "#0E121B"
-  }));
-};
-
-export { IconChevronRight, IconChevronRight as default };
+export const IconChevronRight = ({ 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.05 12.1326C13.2737 11.9089 13.2737 11.5463 13.05 11.3226L9.6363 7.9089C9.28488 7.55748 9.28488 6.98772 9.6363 6.6363C9.98772 6.28488 10.5575 6.28488 10.9089 6.6363L15.4795 11.2069C15.7671 11.4945 15.7671 11.9607 15.4795 12.2483L10.9089 16.8189C10.5575 17.1703 9.98772 17.1703 9.6363 16.8189C9.28488 16.4675 9.28488 15.8977 9.6363 15.5463L13.05 12.1326Z", fill: "#0E121B" }) }));
+export default IconChevronRight;

package/components/SVGIcons/IconChevronRightFilled.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 IconChevronRightFilled = function IconChevronRightFilled(_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: "M8.40227 4.29289C8.01174 4.68342 8.01174 5.31658 8.40227 5.70711L14.6952 12L8.40227 18.2929C8.01174 18.6834 8.01174 19.3166 8.40227 19.7071C8.79279 20.0976 9.42596 20.0976 9.81648 19.7071L16.8165 12.7071C17.207 12.3166 17.207 11.6834 16.8165 11.2929L9.81648 4.29289C9.42596 3.90237 8.79279 3.90237 8.40227 4.29289Z",
-    fill: "#222222"
-  }));
-};
-
-export { IconChevronRightFilled, IconChevronRightFilled as default };
+export const IconChevronRightFilled = ({ 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: "M8.40227 4.29289C8.01174 4.68342 8.01174 5.31658 8.40227 5.70711L14.6952 12L8.40227 18.2929C8.01174 18.6834 8.01174 19.3166 8.40227 19.7071C8.79279 20.0976 9.42596 20.0976 9.81648 19.7071L16.8165 12.7071C17.207 12.3166 17.207 11.6834 16.8165 11.2929L9.81648 4.29289C9.42596 3.90237 8.79279 3.90237 8.40227 4.29289Z", fill: "#222222" }) }));
+export default IconChevronRightFilled;

package/components/SVGIcons/IconChevronUp.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 IconChevronUp = function IconChevronUp(_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.1326 11.4502C12.9089 11.2265 12.5463 11.2265 12.3226 11.4502L8.9089 14.8639C8.55748 15.2153 7.98772 15.2153 7.6363 14.8639C7.28488 14.5125 7.28488 13.9427 7.6363 13.5913L12.2069 9.02069C12.4945 8.73312 12.9607 8.73312 13.2483 9.02069L17.8189 13.5913C18.1703 13.9427 18.1703 14.5125 17.8189 14.8639C17.4675 15.2153 16.8977 15.2153 16.5463 14.8639L13.1326 11.4502Z",
-    fill: "#0E121B"
-  }));
-};
-
-export { IconChevronUp, IconChevronUp as default };
+export const IconChevronUp = ({ 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.1326 11.4502C12.9089 11.2265 12.5463 11.2265 12.3226 11.4502L8.9089 14.8639C8.55748 15.2153 7.98772 15.2153 7.6363 14.8639C7.28488 14.5125 7.28488 13.9427 7.6363 13.5913L12.2069 9.02069C12.4945 8.73312 12.9607 8.73312 13.2483 9.02069L17.8189 13.5913C18.1703 13.9427 18.1703 14.5125 17.8189 14.8639C17.4675 15.2153 16.8977 15.2153 16.5463 14.8639L13.1326 11.4502Z", fill: "#0E121B" }) }));
+export default IconChevronUp;