@xaypay/tui 0.0.11 → 0.0.12

package/dist/index.es.js

@@ -1,5 +1,4 @@
-import * as React$1 from 'react';
-import React__default, { useState, useMemo, useEffect, React as React$2 } from 'react';
+import React$1, { useState, useMemo, useEffect, React as React$2 } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import styled from 'styled-components';
@@ -91,7 +90,7 @@ const Button = ({
   const classProps = classnames(styles$7.btn, styles$7[theme], styles$7[size], outline ? styles$7['type-outline'] : styles$7['type-filled'], className); // className='btn type-outline size-default' 
 
   console.log(classProps);
-  return /*#__PURE__*/React__default.createElement("button", _extends({
+  return /*#__PURE__*/React$1.createElement("button", _extends({
     type: "button",
     className: classProps,
     style: backgroundColor && {
@@ -176,7 +175,7 @@ const Typography = ({
 		${color ? 'color: ' + color + ';' : ''}
 		${bold ? 'font-weight: bold;' : ''}
 	`;
-  return /*#__PURE__*/React__default.createElement(StyledTypograpy, {
+  return /*#__PURE__*/React$1.createElement(StyledTypograpy, {
     className: classProps
   }, " ", children, " ");
 };
@@ -232,9 +231,9 @@ const Autocomplate = ({
 
   if (showOptions && inputValue) {
     if (filteredOptions.length && inputValue.length >= searchCount) {
-      optionList = /*#__PURE__*/React__default.createElement("div", {
+      optionList = /*#__PURE__*/React$1.createElement("div", {
         className: styles$6['autocomplate-content-bottom']
-      }, /*#__PURE__*/React__default.createElement("div", {
+      }, /*#__PURE__*/React$1.createElement("div", {
         className: styles$6['autocomplate-content-bottom-inner']
       }, filteredOptions.map((optionName, index) => {
         let className;
@@ -243,32 +242,32 @@ const Autocomplate = ({
           className = "option-active";
         }
 
-        return /*#__PURE__*/React__default.createElement("div", {
+        return /*#__PURE__*/React$1.createElement("div", {
           className: styles$6[className],
           key: optionName,
           onClick: handleClick
-        }, /*#__PURE__*/React__default.createElement("div", {
+        }, /*#__PURE__*/React$1.createElement("div", {
           className: styles$6['autocomplate-content-bottom-row']
         }, optionName));
       })));
     } else {
-      optionList = /*#__PURE__*/React__default.createElement("div", {
+      optionList = /*#__PURE__*/React$1.createElement("div", {
         className: styles$6['autocomplate-content-bottom']
-      }, /*#__PURE__*/React__default.createElement("div", {
+      }, /*#__PURE__*/React$1.createElement("div", {
         className: styles$6['autocomplate-content-bottom-inner']
-      }, /*#__PURE__*/React__default.createElement("div", {
+      }, /*#__PURE__*/React$1.createElement("div", {
         className: styles$6['autocomplate-content-bottom-row']
-      }, /*#__PURE__*/React__default.createElement("div", {
+      }, /*#__PURE__*/React$1.createElement("div", {
         className: styles$6['no-option']
       }, "No Option!"))));
     }
   }
 
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, label ? /*#__PURE__*/React__default.createElement("label", {
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, label ? /*#__PURE__*/React$1.createElement("label", {
     className: styles$6.labelInput
-  }, label) : "", /*#__PURE__*/React__default.createElement("div", {
+  }, label) : "", /*#__PURE__*/React$1.createElement("div", {
     className: styles$6['autocomplate-content']
-  }, /*#__PURE__*/React__default.createElement("input", _extends({
+  }, /*#__PURE__*/React$1.createElement("input", _extends({
     type: "text",
     className: styles$6['autocomplate-content-top'],
     required: required,
@@ -331,11 +330,11 @@ const Checkbox = ({
     }
   };
 
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, data.map(element => {
-    return /*#__PURE__*/React__default.createElement("label", {
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, data.map(element => {
+    return /*#__PURE__*/React$1.createElement("label", {
       className: styles$5["checkbox-wrap"],
       key: element.value
-    }, /*#__PURE__*/React__default.createElement("input", _extends({
+    }, /*#__PURE__*/React$1.createElement("input", _extends({
       type: "checkbox",
       className: classProps,
       disabled: disabled,
@@ -343,9 +342,9 @@ const Checkbox = ({
       value: value ? value : element.value,
       name: name ? name : element.name,
       onChange: handleChange
-    }, props)), /*#__PURE__*/React__default.createElement("span", {
+    }, props)), /*#__PURE__*/React$1.createElement("span", {
       className: styles$5["checkmark"]
-    }), element.label ? /*#__PURE__*/React__default.createElement("span", {
+    }), element.label ? /*#__PURE__*/React$1.createElement("span", {
       className: styles$5.labelRadio
     }, label ? label : element.label) : "");
   }));
@@ -367,148 +366,21 @@ Checkbox.defaultProps = {
   jsonData: '[{"value":"email", "name":"contact1", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact2", "label":"Phone", "id":"contactChoice2"}]'
 };
 
-const SvgHeartFilled = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React$1.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 511.626 511.627",
-  style: {
-    enableBackground: "new 0 0 511.626 511.627"
-  },
-  xmlSpace: "preserve",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React$1.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React$1.createElement("path", {
-  d: "M475.366 71.951c-24.175-23.606-57.575-35.404-100.215-35.404-11.8 0-23.843 2.046-36.117 6.136-12.279 4.093-23.702 9.615-34.256 16.562-10.568 6.945-19.65 13.467-27.269 19.556a263.828 263.828 0 0 0-21.696 19.414 264.184 264.184 0 0 0-21.698-19.414c-7.616-6.089-16.702-12.607-27.268-19.556-10.564-6.95-21.985-12.468-34.261-16.562-12.275-4.089-24.316-6.136-36.116-6.136-42.637 0-76.039 11.801-100.211 35.404C12.087 95.552 0 128.288 0 170.162c0 12.753 2.24 25.889 6.711 39.398 4.471 13.514 9.566 25.031 15.275 34.546 5.708 9.514 12.181 18.796 19.414 27.837 7.233 9.042 12.519 15.27 15.846 18.699 3.33 3.422 5.948 5.899 7.851 7.419L243.25 469.937c3.427 3.429 7.614 5.144 12.562 5.144s9.138-1.715 12.563-5.137l177.87-171.307c43.588-43.583 65.38-86.41 65.38-128.475.001-41.874-12.088-74.61-36.259-98.211z",
-  fill: "currentColor"
-}));
-
-const SvgHeartOutline = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React$1.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 471.701 471.701",
-  style: {
-    enableBackground: "new 0 0 471.701 471.701"
-  },
-  xmlSpace: "preserve",
-  width: "1em",
-  height: "1em",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React$1.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React$1.createElement("path", {
-  d: "M433.601 67.001c-24.7-24.7-57.4-38.2-92.3-38.2s-67.7 13.6-92.4 38.3l-12.9 12.9-13.1-13.1c-24.7-24.7-57.6-38.4-92.5-38.4-34.8 0-67.6 13.6-92.2 38.2-24.7 24.7-38.3 57.5-38.2 92.4 0 34.9 13.7 67.6 38.4 92.3l187.8 187.8c2.6 2.6 6.1 4 9.5 4 3.4 0 6.9-1.3 9.5-3.9l188.2-187.5c24.7-24.7 38.3-57.5 38.3-92.4.1-34.9-13.4-67.7-38.1-92.4zm-19.2 165.7-178.7 178-178.3-178.3c-19.6-19.6-30.4-45.6-30.4-73.3s10.7-53.7 30.3-73.2c19.5-19.5 45.5-30.3 73.1-30.3 27.7 0 53.8 10.8 73.4 30.4l22.6 22.6c5.3 5.3 13.8 5.3 19.1 0l22.4-22.4c19.6-19.6 45.7-30.4 73.3-30.4 27.6 0 53.6 10.8 73.2 30.3 19.6 19.6 30.3 45.6 30.3 73.3.1 27.7-10.7 53.7-30.3 73.3z",
-  fill: "currentColor"
-}));
-
-const SvgLikeFilled = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React$1.createElement("svg", _extends({
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 23 20",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React$1.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React$1.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React$1.createElement("path", {
-  opacity: 0.87,
-  d: "M-1-1h24v24H-1z"
-}), /*#__PURE__*/React$1.createElement("path", {
-  d: "M12.12 1.06 6.58 6.6c-.37.37-.58.88-.58 1.41V18c0 1.1.9 2 2 2h9c.8 0 1.52-.48 1.84-1.21l3.26-7.61C22.94 9.2 21.49 7 19.34 7h-5.65l.95-4.58c.1-.5-.05-1.01-.41-1.37-.59-.58-1.53-.58-2.11.01ZM2 20c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2s-2 .9-2 2v8c0 1.1.9 2 2 2Z",
-  fill: "currentColor"
-})));
-
-const SvgLikeOutline = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React$1.createElement("svg", _extends({
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 22 20",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React$1.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React$1.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React$1.createElement("path", {
-  opacity: 0.87,
-  d: "M-1-1h24v24H-1z"
-}), /*#__PURE__*/React$1.createElement("path", {
-  d: "M20 7h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L13.17 0 6.59 6.59C6.22 6.95 6 7.45 6 8v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73V9c0-1.1-.9-2-2-2Zm0 4-3 7H8V8l4.34-4.34L11.23 9H20v2ZM0 8h4v12H0V8Z",
-  fill: "currentColor"
-})));
-
-const SvgStarFilled = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React$1.createElement("svg", _extends({
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 18 17",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React$1.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React$1.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React$1.createElement("path", {
-  d: "M-3-3h24v24H-3z"
-}), /*#__PURE__*/React$1.createElement("path", {
-  d: "m9 14.27 4.15 2.51c.76.46 1.69-.22 1.49-1.08l-1.1-4.72 3.67-3.18c.67-.58.31-1.68-.57-1.75l-4.83-.41-1.89-4.46c-.34-.81-1.5-.81-1.84 0L6.19 5.63l-4.83.41C.48 6.11.12 7.21.79 7.79l3.67 3.18-1.1 4.72c-.2.86.73 1.54 1.49 1.08L9 14.27Z",
-  fill: "currentColor"
-})));
-
-const SvgStarOutline = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React$1.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  className: "star-outline_svg__feather star-outline_svg__feather-star",
-  width: "1em",
-  height: "1em",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React$1.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React$1.createElement("path", {
-  d: "m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"
-}));
-
-var css_248z$5 = ".input-module_input-wrap__NunrE{position:relative}.input-module_input__-ipHD{border:none;border-radius:6px;box-shadow:inset 0 0 0 2px #d1d1d1;box-sizing:border-box;color:#3c393e;cursor:pointer;font-size:16px;line-height:20px;outline:none;overflow:hidden;text-transform:capitalize;transition:background-color .24s,color .24s}.input-module_input__-ipHD.input-module_full-size__38YG7{width:100%}.input-module_input__-ipHD.input-module_content-size__rZ5EA{width:auto}.input-module_input__-ipHD.input-module_size-medium__frTDq{min-height:46px;padding:12px 15px}.input-module_input__-ipHD:hover{box-shadow:inset 0 0 0 2px #3c393e}.input-module_input__-ipHD:active{box-shadow:inset 0 0 0 2px #00236a}.input-module_inputErrorMessages__hx490{animation:input-module_error-message-show__OrVSo .24s forwards;bottom:0;color:#e00;font-size:14px;left:0;line-height:19px;position:absolute;transform:scale3d(0,0,0);z-index:1}.input-module_labelInput__sUMKQ{color:#000}.input-module_input__-ipHD.input-module_state-disabled__402v0{background-color:#fbfbfb;pointer-events:none}.input-module_input__-ipHD.input-module_error-message__7NphF{box-shadow:inset 0 0 0 2px #e00}@keyframes input-module_error-message-show__OrVSo{to{bottom:-20px;transform:scaleX(1)}}";
-var styles$4 = {"input-wrap":"input-module_input-wrap__NunrE","input":"input-module_input__-ipHD","full-size":"input-module_full-size__38YG7","content-size":"input-module_content-size__rZ5EA","size-medium":"input-module_size-medium__frTDq","with-icon":"input-module_with-icon__w3jTW","inputErrorMessages":"input-module_inputErrorMessages__hx490","error-message-show":"input-module_error-message-show__OrVSo","labelInput":"input-module_labelInput__sUMKQ","state-disabled":"input-module_state-disabled__402v0","error-message":"input-module_error-message__7NphF"};
+var css_248z$5 = "@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon.eot?b29ky3);src:url(fonts/icomoon.eot?b29ky3#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?b29ky3) format(\"truetype\"),url(fonts/icomoon.woff?b29ky3) format(\"woff\"),url(fonts/icomoon.svg?b29ky3#icomoon) format(\"svg\")}[class*=\" icon-\"],[class^=icon-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-close:before{content:\"\\e907\"}.icon-arrow-up:before{content:\"\\e905\"}.icon-arrow-down:before{content:\"\\e906\"}.icon-arrow:before{content:\"\\e900\"}.icon-arrow-jump-next:before{content:\"\\e901\"}.icon-arrow-jump-back:before{content:\"\\e902\"}.icon-text:before{content:\"\\e903\"}.icon-arrow-back:before{content:\"\\e904\"}";
 styleInject(css_248z$5);
 
+/**
+ * Created by aleksanyan.tigran on 10/7/2022.
+ */
+
+const Icon = props => /*#__PURE__*/React.createElement("i", {
+  className: css_248z$5[props.className]
+});
+
+var css_248z$4 = ".input-module_input-wrap__NunrE{position:relative}.input-module_input__-ipHD{border:none;border-radius:6px;box-shadow:inset 0 0 0 2px #d1d1d1;box-sizing:border-box;color:#3c393e;cursor:pointer;font-size:16px;line-height:20px;outline:none;overflow:hidden;text-transform:capitalize;transition:background-color .24s,color .24s}.input-module_input__-ipHD.input-module_full-size__38YG7{width:100%}.input-module_input__-ipHD.input-module_content-size__rZ5EA{width:auto}.input-module_input__-ipHD.input-module_size-medium__frTDq{min-height:46px;padding:12px 15px}.input-module_input__-ipHD:hover{box-shadow:inset 0 0 0 2px #3c393e}.input-module_input__-ipHD:active{box-shadow:inset 0 0 0 2px #00236a}.input-module_inputErrorMessages__hx490{animation:input-module_error-message-show__OrVSo .24s forwards;bottom:0;color:#e00;font-size:14px;left:0;line-height:19px;position:absolute;transform:scale3d(0,0,0);z-index:1}.input-module_labelInput__sUMKQ{color:#000}.input-module_input__-ipHD.input-module_state-disabled__402v0{background-color:#fbfbfb;pointer-events:none}.input-module_input__-ipHD.input-module_error-message__7NphF{box-shadow:inset 0 0 0 2px #e00}@keyframes input-module_error-message-show__OrVSo{to{bottom:-20px;transform:scaleX(1)}}";
+var styles$4 = {"input-wrap":"input-module_input-wrap__NunrE","input":"input-module_input__-ipHD","full-size":"input-module_full-size__38YG7","content-size":"input-module_content-size__rZ5EA","size-medium":"input-module_size-medium__frTDq","with-icon":"input-module_with-icon__w3jTW","inputErrorMessages":"input-module_inputErrorMessages__hx490","error-message-show":"input-module_error-message-show__OrVSo","labelInput":"input-module_labelInput__sUMKQ","state-disabled":"input-module_state-disabled__402v0","error-message":"input-module_error-message__7NphF"};
+styleInject(css_248z$4);
+
 const InputTypes = {
   TEXT: "text",
   PASSWORD: "password",
@@ -550,11 +422,11 @@ const Input = ({
   }
 
   const classProps = classnames(styles$4.input, styles$4[size], eMessage != '' ? styles$4['error-message'] : "", className);
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React$1.createElement("div", {
     className: styles$4['input-wrap']
-  }, label ? /*#__PURE__*/React__default.createElement("label", {
+  }, label ? /*#__PURE__*/React$1.createElement("label", {
     className: styles$4.labelInput
-  }, label) : "", /*#__PURE__*/React__default.createElement("input", _extends({}, props, {
+  }, label) : "", /*#__PURE__*/React$1.createElement("input", _extends({}, props, {
     type: type,
     className: classProps,
     style: color && {
@@ -563,7 +435,7 @@ const Input = ({
     disabled: disabled ? disabled : "",
     onChange: handleChange,
     value: inputValue
-  })), eMessage ? /*#__PURE__*/React__default.createElement("span", {
+  })), eMessage ? /*#__PURE__*/React$1.createElement("span", {
     className: styles$4.inputErrorMessages
   }, eMessage) : "");
 };
@@ -590,9 +462,9 @@ Input.defaultProps = {
   type: "text"
 };
 
-var css_248z$4 = ".pagination-module_listItem__b1-WN:focus{background-color:#4caf50;color:#fff}.pagination-module_listItem__b1-WN:hover:not(.pagination-module_active__KwBDp){background-color:#ddd}.pagination-module_pagination-bar__MrtYT{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px}.pagination-module_pagination-btn__w8Yh8{border:none;border-radius:6px;outline:none}.pagination-module_pagination-btn__w8Yh8,.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{align-items:center;background-color:#fff;box-shadow:0 0 0 1px #eee;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{border-radius:6px;flex:0 0 auto;font-size:16px;line-height:22px;position:relative;transition:background-color .24s}.pagination-module_pagination-item__t3emS:hover{background-color:#eee}.pagination-module_pagination-item__t3emS.pagination-module_selected__EXzCA{background-color:#00236a;color:#fff}.pagination-module_pagination-jump-next-arrow__aEVD8,.pagination-module_pagination-jump-next-txt__e7nFj{align-items:center;bottom:0;display:flex;font-size:12px;justify-content:center;left:0;line-height:14px;margin:auto;position:absolute;right:0;top:0;transition:opacity .24s,color .24s}.pagination-module_pagination-jump-next-arrow__aEVD8{opacity:0}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-arrow__aEVD8{opacity:1}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-txt__e7nFj{opacity:0}i{color:#3c393e;font-size:12px;line-height:12px}";
+var css_248z$3 = ".pagination-module_listItem__b1-WN:focus{background-color:#4caf50;color:#fff}.pagination-module_listItem__b1-WN:hover:not(.pagination-module_active__KwBDp){background-color:#ddd}.pagination-module_pagination-bar__MrtYT{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px}.pagination-module_pagination-btn__w8Yh8{border:none;border-radius:6px;outline:none}.pagination-module_pagination-btn__w8Yh8,.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{align-items:center;background-color:#fff;box-shadow:0 0 0 1px #eee;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{border-radius:6px;flex:0 0 auto;font-size:16px;line-height:22px;position:relative;transition:background-color .24s}.pagination-module_pagination-item__t3emS:hover{background-color:#eee}.pagination-module_pagination-item__t3emS.pagination-module_selected__EXzCA{background-color:#00236a;color:#fff}.pagination-module_pagination-jump-next-arrow__aEVD8,.pagination-module_pagination-jump-next-txt__e7nFj{align-items:center;bottom:0;display:flex;font-size:12px;justify-content:center;left:0;line-height:14px;margin:auto;position:absolute;right:0;top:0;transition:opacity .24s,color .24s}.pagination-module_pagination-jump-next-arrow__aEVD8{opacity:0}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-arrow__aEVD8{opacity:1}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-txt__e7nFj{opacity:0}i{color:#3c393e;font-size:12px;line-height:12px}";
 var styles$3 = {"listItem":"pagination-module_listItem__b1-WN","active":"pagination-module_active__KwBDp","pagination-bar":"pagination-module_pagination-bar__MrtYT","pagination-btn":"pagination-module_pagination-btn__w8Yh8","pagination-item":"pagination-module_pagination-item__t3emS","pagination-jump-next":"pagination-module_pagination-jump-next__LAb9Z","selected":"pagination-module_selected__EXzCA","pagination-jump-next-txt":"pagination-module_pagination-jump-next-txt__e7nFj","pagination-jump-next-arrow":"pagination-module_pagination-jump-next-arrow__aEVD8"};
-styleInject(css_248z$4);
+styleInject(css_248z$3);
 
 const Dots = "...";
 
@@ -645,17 +517,6 @@ const PaginationRange = ({
   return paginationRange;
 };
 
-var css_248z$3 = "@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon.eot?b29ky3);src:url(fonts/icomoon.eot?b29ky3#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?b29ky3) format(\"truetype\"),url(fonts/icomoon.woff?b29ky3) format(\"woff\"),url(fonts/icomoon.svg?b29ky3#icomoon) format(\"svg\")}[class*=\" icon-\"],[class^=icon-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-close:before{content:\"\\e907\"}.icon-arrow-up:before{content:\"\\e905\"}.icon-arrow-down:before{content:\"\\e906\"}.icon-arrow:before{content:\"\\e900\"}.icon-arrow-jump-next:before{content:\"\\e901\"}.icon-arrow-jump-back:before{content:\"\\e902\"}.icon-text:before{content:\"\\e903\"}.icon-arrow-back:before{content:\"\\e904\"}";
-styleInject(css_248z$3);
-
-/**
- * Created by aleksanyan.tigran on 10/7/2022.
- */
-
-const Icon = props => /*#__PURE__*/React.createElement("i", {
-  className: css_248z$3[props.className]
-});
-
 const Pagination = ({
   onChange,
   totalCount,
@@ -780,11 +641,11 @@ const Radio = ({
 }) => {
   const classProps = classnames(styles$2.checkbox, className);
   const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, parseData.map((element, id) => {
-    return /*#__PURE__*/React__default.createElement("label", {
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, parseData.map((element, id) => {
+    return /*#__PURE__*/React$1.createElement("label", {
       className: styles$2["radio-wrap"],
       key: element.value
-    }, /*#__PURE__*/React__default.createElement("input", _extends({
+    }, /*#__PURE__*/React$1.createElement("input", _extends({
       type: "radio",
       className: classProps,
       disabled: disabled,
@@ -792,9 +653,9 @@ const Radio = ({
       defaultChecked: id === 0 ? defaultChecked : "",
       value: value ? value : element.value,
       name: name ? name : element.name
-    }, props)), /*#__PURE__*/React__default.createElement("span", {
+    }, props)), /*#__PURE__*/React$1.createElement("span", {
       className: styles$2["radio-checkmark"]
-    }), element.label ? /*#__PURE__*/React__default.createElement("span", {
+    }), element.label ? /*#__PURE__*/React$1.createElement("span", {
       className: styles$2.labelRadio
     }, label ? label : element.label) : "");
   }));
@@ -854,23 +715,23 @@ const Captcha = ({
     setRight(rangeCount == e.target.value ? true : false);
   }
 
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("div", {
     className: styles$1.main
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React$1.createElement("div", {
     className: styles$1.range
-  }, "\u25BC"), /*#__PURE__*/React__default.createElement("input", {
+  }, "\u25BC"), /*#__PURE__*/React$1.createElement("input", {
     type: "range",
     className: styles$1.slider,
     onClick: right ? onclick : null,
     onInput: sliderInput,
     onMouseUp: sliderChange
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React$1.createElement("div", {
     className: styles$1.selector
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React$1.createElement("div", {
     className: styles$1.selectBtn
-  })), /*#__PURE__*/React__default.createElement("div", {
+  })), /*#__PURE__*/React$1.createElement("div", {
     className: styles$1.progressBar
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React$1.createElement("div", {
     className: styles$1.range
   }, "\u25B2")));
 };
@@ -894,14 +755,14 @@ const Stepper = ({
   activeSteps
 }) => {
   classnames(className);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (() => {
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, (() => {
     let steppers = [];
 
     for (let step = 1; step <= stepLength; step++) {
-      steppers.push( /*#__PURE__*/React__default.createElement("div", {
+      steppers.push( /*#__PURE__*/React$1.createElement("div", {
         className: classnames(`${step <= activeSteps ? styles.activeRing : styles.bigRing}`),
         key: step
-      }, /*#__PURE__*/React__default.createElement("div", {
+      }, /*#__PURE__*/React$1.createElement("div", {
         className: classnames(`${step <= activeSteps ? styles.smallActiveRing : styles.smallRing}`)
       }, step <= activeSteps ? step : "")));
     }
@@ -916,4 +777,4 @@ Stepper.propTypes = {
   activeSteps: PropTypes.number
 };
 
-export { Autocomplate, Button, ButtonSize, ButtonTheme, ButtonType, Captcha, Checkbox, SvgHeartFilled as HeartFilled, SvgHeartOutline as HeartOutline, Input, InputSizes, InputTypes, SvgLikeFilled as LikeFilled, SvgLikeOutline as LikeOutline, Pagination, Radio, SvgStarFilled as StarFilled, SvgStarOutline as StarOutline, Stepper, Typography, TypographyType };
+export { Autocomplate, Button, ButtonSize, ButtonTheme, ButtonType, Captcha, Checkbox, Input, InputSizes, InputTypes, Pagination, Radio, Stepper, Typography, TypographyType };

package/dist/index.js

@@ -9,26 +9,7 @@ var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
-var React__namespace = /*#__PURE__*/_interopNamespace(React$1);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
@@ -396,148 +377,21 @@ Checkbox.defaultProps = {
   jsonData: '[{"value":"email", "name":"contact1", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact2", "label":"Phone", "id":"contactChoice2"}]'
 };
 
-const SvgHeartFilled = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React__namespace.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 511.626 511.627",
-  style: {
-    enableBackground: "new 0 0 511.626 511.627"
-  },
-  xmlSpace: "preserve",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React__namespace.createElement("path", {
-  d: "M475.366 71.951c-24.175-23.606-57.575-35.404-100.215-35.404-11.8 0-23.843 2.046-36.117 6.136-12.279 4.093-23.702 9.615-34.256 16.562-10.568 6.945-19.65 13.467-27.269 19.556a263.828 263.828 0 0 0-21.696 19.414 264.184 264.184 0 0 0-21.698-19.414c-7.616-6.089-16.702-12.607-27.268-19.556-10.564-6.95-21.985-12.468-34.261-16.562-12.275-4.089-24.316-6.136-36.116-6.136-42.637 0-76.039 11.801-100.211 35.404C12.087 95.552 0 128.288 0 170.162c0 12.753 2.24 25.889 6.711 39.398 4.471 13.514 9.566 25.031 15.275 34.546 5.708 9.514 12.181 18.796 19.414 27.837 7.233 9.042 12.519 15.27 15.846 18.699 3.33 3.422 5.948 5.899 7.851 7.419L243.25 469.937c3.427 3.429 7.614 5.144 12.562 5.144s9.138-1.715 12.563-5.137l177.87-171.307c43.588-43.583 65.38-86.41 65.38-128.475.001-41.874-12.088-74.61-36.259-98.211z",
-  fill: "currentColor"
-}));
-
-const SvgHeartOutline = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React__namespace.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 471.701 471.701",
-  style: {
-    enableBackground: "new 0 0 471.701 471.701"
-  },
-  xmlSpace: "preserve",
-  width: "1em",
-  height: "1em",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React__namespace.createElement("path", {
-  d: "M433.601 67.001c-24.7-24.7-57.4-38.2-92.3-38.2s-67.7 13.6-92.4 38.3l-12.9 12.9-13.1-13.1c-24.7-24.7-57.6-38.4-92.5-38.4-34.8 0-67.6 13.6-92.2 38.2-24.7 24.7-38.3 57.5-38.2 92.4 0 34.9 13.7 67.6 38.4 92.3l187.8 187.8c2.6 2.6 6.1 4 9.5 4 3.4 0 6.9-1.3 9.5-3.9l188.2-187.5c24.7-24.7 38.3-57.5 38.3-92.4.1-34.9-13.4-67.7-38.1-92.4zm-19.2 165.7-178.7 178-178.3-178.3c-19.6-19.6-30.4-45.6-30.4-73.3s10.7-53.7 30.3-73.2c19.5-19.5 45.5-30.3 73.1-30.3 27.7 0 53.8 10.8 73.4 30.4l22.6 22.6c5.3 5.3 13.8 5.3 19.1 0l22.4-22.4c19.6-19.6 45.7-30.4 73.3-30.4 27.6 0 53.6 10.8 73.2 30.3 19.6 19.6 30.3 45.6 30.3 73.3.1 27.7-10.7 53.7-30.3 73.3z",
-  fill: "currentColor"
-}));
-
-const SvgLikeFilled = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React__namespace.createElement("svg", _extends({
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 23 20",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React__namespace.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React__namespace.createElement("path", {
-  opacity: 0.87,
-  d: "M-1-1h24v24H-1z"
-}), /*#__PURE__*/React__namespace.createElement("path", {
-  d: "M12.12 1.06 6.58 6.6c-.37.37-.58.88-.58 1.41V18c0 1.1.9 2 2 2h9c.8 0 1.52-.48 1.84-1.21l3.26-7.61C22.94 9.2 21.49 7 19.34 7h-5.65l.95-4.58c.1-.5-.05-1.01-.41-1.37-.59-.58-1.53-.58-2.11.01ZM2 20c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2s-2 .9-2 2v8c0 1.1.9 2 2 2Z",
-  fill: "currentColor"
-})));
-
-const SvgLikeOutline = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React__namespace.createElement("svg", _extends({
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 22 20",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React__namespace.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React__namespace.createElement("path", {
-  opacity: 0.87,
-  d: "M-1-1h24v24H-1z"
-}), /*#__PURE__*/React__namespace.createElement("path", {
-  d: "M20 7h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L13.17 0 6.59 6.59C6.22 6.95 6 7.45 6 8v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73V9c0-1.1-.9-2-2-2Zm0 4-3 7H8V8l4.34-4.34L11.23 9H20v2ZM0 8h4v12H0V8Z",
-  fill: "currentColor"
-})));
-
-const SvgStarFilled = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React__namespace.createElement("svg", _extends({
-  width: "1em",
-  height: "1em",
-  viewBox: "0 0 18 17",
-  xmlns: "http://www.w3.org/2000/svg",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React__namespace.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd"
-}, /*#__PURE__*/React__namespace.createElement("path", {
-  d: "M-3-3h24v24H-3z"
-}), /*#__PURE__*/React__namespace.createElement("path", {
-  d: "m9 14.27 4.15 2.51c.76.46 1.69-.22 1.49-1.08l-1.1-4.72 3.67-3.18c.67-.58.31-1.68-.57-1.75l-4.83-.41-1.89-4.46c-.34-.81-1.5-.81-1.84 0L6.19 5.63l-4.83.41C.48 6.11.12 7.21.79 7.79l3.67 3.18-1.1 4.72c-.2.86.73 1.54 1.49 1.08L9 14.27Z",
-  fill: "currentColor"
-})));
-
-const SvgStarOutline = ({
-  title,
-  titleId,
-  ...props
-}) => /*#__PURE__*/React__namespace.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  className: "star-outline_svg__feather star-outline_svg__feather-star",
-  width: "1em",
-  height: "1em",
-  role: "img",
-  "aria-labelledby": titleId
-}, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
-  id: titleId
-}, title) : null, /*#__PURE__*/React__namespace.createElement("path", {
-  d: "m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"
-}));
-
-var css_248z$5 = ".input-module_input-wrap__NunrE{position:relative}.input-module_input__-ipHD{border:none;border-radius:6px;box-shadow:inset 0 0 0 2px #d1d1d1;box-sizing:border-box;color:#3c393e;cursor:pointer;font-size:16px;line-height:20px;outline:none;overflow:hidden;text-transform:capitalize;transition:background-color .24s,color .24s}.input-module_input__-ipHD.input-module_full-size__38YG7{width:100%}.input-module_input__-ipHD.input-module_content-size__rZ5EA{width:auto}.input-module_input__-ipHD.input-module_size-medium__frTDq{min-height:46px;padding:12px 15px}.input-module_input__-ipHD:hover{box-shadow:inset 0 0 0 2px #3c393e}.input-module_input__-ipHD:active{box-shadow:inset 0 0 0 2px #00236a}.input-module_inputErrorMessages__hx490{animation:input-module_error-message-show__OrVSo .24s forwards;bottom:0;color:#e00;font-size:14px;left:0;line-height:19px;position:absolute;transform:scale3d(0,0,0);z-index:1}.input-module_labelInput__sUMKQ{color:#000}.input-module_input__-ipHD.input-module_state-disabled__402v0{background-color:#fbfbfb;pointer-events:none}.input-module_input__-ipHD.input-module_error-message__7NphF{box-shadow:inset 0 0 0 2px #e00}@keyframes input-module_error-message-show__OrVSo{to{bottom:-20px;transform:scaleX(1)}}";
-var styles$4 = {"input-wrap":"input-module_input-wrap__NunrE","input":"input-module_input__-ipHD","full-size":"input-module_full-size__38YG7","content-size":"input-module_content-size__rZ5EA","size-medium":"input-module_size-medium__frTDq","with-icon":"input-module_with-icon__w3jTW","inputErrorMessages":"input-module_inputErrorMessages__hx490","error-message-show":"input-module_error-message-show__OrVSo","labelInput":"input-module_labelInput__sUMKQ","state-disabled":"input-module_state-disabled__402v0","error-message":"input-module_error-message__7NphF"};
+var css_248z$5 = "@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon.eot?b29ky3);src:url(fonts/icomoon.eot?b29ky3#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?b29ky3) format(\"truetype\"),url(fonts/icomoon.woff?b29ky3) format(\"woff\"),url(fonts/icomoon.svg?b29ky3#icomoon) format(\"svg\")}[class*=\" icon-\"],[class^=icon-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-close:before{content:\"\\e907\"}.icon-arrow-up:before{content:\"\\e905\"}.icon-arrow-down:before{content:\"\\e906\"}.icon-arrow:before{content:\"\\e900\"}.icon-arrow-jump-next:before{content:\"\\e901\"}.icon-arrow-jump-back:before{content:\"\\e902\"}.icon-text:before{content:\"\\e903\"}.icon-arrow-back:before{content:\"\\e904\"}";
 styleInject(css_248z$5);
 
+/**
+ * Created by aleksanyan.tigran on 10/7/2022.
+ */
+
+const Icon = props => /*#__PURE__*/React.createElement("i", {
+  className: css_248z$5[props.className]
+});
+
+var css_248z$4 = ".input-module_input-wrap__NunrE{position:relative}.input-module_input__-ipHD{border:none;border-radius:6px;box-shadow:inset 0 0 0 2px #d1d1d1;box-sizing:border-box;color:#3c393e;cursor:pointer;font-size:16px;line-height:20px;outline:none;overflow:hidden;text-transform:capitalize;transition:background-color .24s,color .24s}.input-module_input__-ipHD.input-module_full-size__38YG7{width:100%}.input-module_input__-ipHD.input-module_content-size__rZ5EA{width:auto}.input-module_input__-ipHD.input-module_size-medium__frTDq{min-height:46px;padding:12px 15px}.input-module_input__-ipHD:hover{box-shadow:inset 0 0 0 2px #3c393e}.input-module_input__-ipHD:active{box-shadow:inset 0 0 0 2px #00236a}.input-module_inputErrorMessages__hx490{animation:input-module_error-message-show__OrVSo .24s forwards;bottom:0;color:#e00;font-size:14px;left:0;line-height:19px;position:absolute;transform:scale3d(0,0,0);z-index:1}.input-module_labelInput__sUMKQ{color:#000}.input-module_input__-ipHD.input-module_state-disabled__402v0{background-color:#fbfbfb;pointer-events:none}.input-module_input__-ipHD.input-module_error-message__7NphF{box-shadow:inset 0 0 0 2px #e00}@keyframes input-module_error-message-show__OrVSo{to{bottom:-20px;transform:scaleX(1)}}";
+var styles$4 = {"input-wrap":"input-module_input-wrap__NunrE","input":"input-module_input__-ipHD","full-size":"input-module_full-size__38YG7","content-size":"input-module_content-size__rZ5EA","size-medium":"input-module_size-medium__frTDq","with-icon":"input-module_with-icon__w3jTW","inputErrorMessages":"input-module_inputErrorMessages__hx490","error-message-show":"input-module_error-message-show__OrVSo","labelInput":"input-module_labelInput__sUMKQ","state-disabled":"input-module_state-disabled__402v0","error-message":"input-module_error-message__7NphF"};
+styleInject(css_248z$4);
+
 const InputTypes = {
   TEXT: "text",
   PASSWORD: "password",
@@ -619,9 +473,9 @@ Input.defaultProps = {
   type: "text"
 };
 
-var css_248z$4 = ".pagination-module_listItem__b1-WN:focus{background-color:#4caf50;color:#fff}.pagination-module_listItem__b1-WN:hover:not(.pagination-module_active__KwBDp){background-color:#ddd}.pagination-module_pagination-bar__MrtYT{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px}.pagination-module_pagination-btn__w8Yh8{border:none;border-radius:6px;outline:none}.pagination-module_pagination-btn__w8Yh8,.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{align-items:center;background-color:#fff;box-shadow:0 0 0 1px #eee;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{border-radius:6px;flex:0 0 auto;font-size:16px;line-height:22px;position:relative;transition:background-color .24s}.pagination-module_pagination-item__t3emS:hover{background-color:#eee}.pagination-module_pagination-item__t3emS.pagination-module_selected__EXzCA{background-color:#00236a;color:#fff}.pagination-module_pagination-jump-next-arrow__aEVD8,.pagination-module_pagination-jump-next-txt__e7nFj{align-items:center;bottom:0;display:flex;font-size:12px;justify-content:center;left:0;line-height:14px;margin:auto;position:absolute;right:0;top:0;transition:opacity .24s,color .24s}.pagination-module_pagination-jump-next-arrow__aEVD8{opacity:0}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-arrow__aEVD8{opacity:1}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-txt__e7nFj{opacity:0}i{color:#3c393e;font-size:12px;line-height:12px}";
+var css_248z$3 = ".pagination-module_listItem__b1-WN:focus{background-color:#4caf50;color:#fff}.pagination-module_listItem__b1-WN:hover:not(.pagination-module_active__KwBDp){background-color:#ddd}.pagination-module_pagination-bar__MrtYT{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px}.pagination-module_pagination-btn__w8Yh8{border:none;border-radius:6px;outline:none}.pagination-module_pagination-btn__w8Yh8,.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{align-items:center;background-color:#fff;box-shadow:0 0 0 1px #eee;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{border-radius:6px;flex:0 0 auto;font-size:16px;line-height:22px;position:relative;transition:background-color .24s}.pagination-module_pagination-item__t3emS:hover{background-color:#eee}.pagination-module_pagination-item__t3emS.pagination-module_selected__EXzCA{background-color:#00236a;color:#fff}.pagination-module_pagination-jump-next-arrow__aEVD8,.pagination-module_pagination-jump-next-txt__e7nFj{align-items:center;bottom:0;display:flex;font-size:12px;justify-content:center;left:0;line-height:14px;margin:auto;position:absolute;right:0;top:0;transition:opacity .24s,color .24s}.pagination-module_pagination-jump-next-arrow__aEVD8{opacity:0}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-arrow__aEVD8{opacity:1}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-txt__e7nFj{opacity:0}i{color:#3c393e;font-size:12px;line-height:12px}";
 var styles$3 = {"listItem":"pagination-module_listItem__b1-WN","active":"pagination-module_active__KwBDp","pagination-bar":"pagination-module_pagination-bar__MrtYT","pagination-btn":"pagination-module_pagination-btn__w8Yh8","pagination-item":"pagination-module_pagination-item__t3emS","pagination-jump-next":"pagination-module_pagination-jump-next__LAb9Z","selected":"pagination-module_selected__EXzCA","pagination-jump-next-txt":"pagination-module_pagination-jump-next-txt__e7nFj","pagination-jump-next-arrow":"pagination-module_pagination-jump-next-arrow__aEVD8"};
-styleInject(css_248z$4);
+styleInject(css_248z$3);
 
 const Dots = "...";
 
@@ -674,17 +528,6 @@ const PaginationRange = ({
   return paginationRange;
 };
 
-var css_248z$3 = "@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon.eot?b29ky3);src:url(fonts/icomoon.eot?b29ky3#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?b29ky3) format(\"truetype\"),url(fonts/icomoon.woff?b29ky3) format(\"woff\"),url(fonts/icomoon.svg?b29ky3#icomoon) format(\"svg\")}[class*=\" icon-\"],[class^=icon-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-close:before{content:\"\\e907\"}.icon-arrow-up:before{content:\"\\e905\"}.icon-arrow-down:before{content:\"\\e906\"}.icon-arrow:before{content:\"\\e900\"}.icon-arrow-jump-next:before{content:\"\\e901\"}.icon-arrow-jump-back:before{content:\"\\e902\"}.icon-text:before{content:\"\\e903\"}.icon-arrow-back:before{content:\"\\e904\"}";
-styleInject(css_248z$3);
-
-/**
- * Created by aleksanyan.tigran on 10/7/2022.
- */
-
-const Icon = props => /*#__PURE__*/React.createElement("i", {
-  className: css_248z$3[props.className]
-});
-
 const Pagination = ({
   onChange,
   totalCount,
@@ -952,17 +795,11 @@ exports.ButtonTheme = ButtonTheme;
 exports.ButtonType = ButtonType;
 exports.Captcha = Captcha;
 exports.Checkbox = Checkbox;
-exports.HeartFilled = SvgHeartFilled;
-exports.HeartOutline = SvgHeartOutline;
 exports.Input = Input;
 exports.InputSizes = InputSizes;
 exports.InputTypes = InputTypes;
-exports.LikeFilled = SvgLikeFilled;
-exports.LikeOutline = SvgLikeOutline;
 exports.Pagination = Pagination;
 exports.Radio = Radio;
-exports.StarFilled = SvgStarFilled;
-exports.StarOutline = SvgStarOutline;
 exports.Stepper = Stepper;
 exports.Typography = Typography;
 exports.TypographyType = TypographyType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaypay/tui",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/index.js

@@ -2,7 +2,7 @@ export * from './components/button';
 export * from './components/typography';
 export * from './components/autocomplate';
 export * from './components/checkbox';
-export * from './components/icon';
+export * from './components/icon/Icon';
 export * from './components/input';
 export * from './components/pagination';
 export * from './components/radio';