@xaypay/tui 0.0.100 → 0.0.102

package/dist/index.es.js

@@ -323,7 +323,6 @@ styleInject(css_248z$d);
 const SvgNext = ({
   title,
   titleId,
-  fillColor,
   ...props
 }) => /*#__PURE__*/React.createElement("svg", _extends({
   width: "24",
@@ -334,17 +333,19 @@ const SvgNext = ({
   "aria-labelledby": titleId
 }, props), title ? /*#__PURE__*/React.createElement("title", {
   id: titleId
-}, title) : null, /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm3.4-11.443a.854.854 0 0 0 .198-.548.855.855 0 0 0-.146-.539l-4.137-5.134a.857.857 0 0 0-1.251-.12.856.856 0 0 0-.129 1.207l3.701 4.586-3.838 4.587a.856.856 0 0 0 .739 1.4.858.858 0 0 0 .58-.305l4.284-5.134Z",
-  fill: fillColor ? fillColor : '#fff'
+}, title) : null, /*#__PURE__*/React.createElement("circle", {
+  cx: 12,
+  cy: 12,
+  r: 12,
+  fill: "#fff"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M15.598 12.01c0 .2-.07.393-.197.547l-4.284 5.134a.858.858 0 0 1-1.319-1.095l3.838-4.587-3.7-4.586a.855.855 0 0 1 .128-1.206.857.857 0 0 1 1.25.12l4.138 5.133a.855.855 0 0 1 .146.54Z",
+  fill: "#3C393E"
 }));
 
 const SvgPrev = ({
   title,
   titleId,
-  fillColor,
   ...props
 }) => /*#__PURE__*/React.createElement("svg", _extends({
   width: "24",
@@ -355,11 +356,15 @@ const SvgPrev = ({
   "aria-labelledby": titleId
 }, props), title ? /*#__PURE__*/React.createElement("title", {
   id: titleId
-}, title) : null, /*#__PURE__*/React.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0ZM8.6 11.443a.855.855 0 0 0-.198.548c-.013.19.038.38.146.539l4.137 5.133a.857.857 0 0 0 1.251.12.856.856 0 0 0 .129-1.206l-3.701-4.586 3.838-4.587a.856.856 0 0 0-.739-1.4.858.858 0 0 0-.58.305l-4.284 5.134Z",
-  fill: fillColor ? fillColor : '#fff'
+}, title) : null, /*#__PURE__*/React.createElement("circle", {
+  cx: 12,
+  cy: 12,
+  r: 12,
+  transform: "rotate(180 12 12)",
+  fill: "#fff"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8.402 11.99c0-.2.07-.393.197-.547l4.284-5.134a.858.858 0 0 1 1.319 1.095l-3.838 4.587 3.7 4.586a.856.856 0 0 1-.128 1.206.856.856 0 0 1-1.25-.12L8.547 12.53a.855.855 0 0 1-.146-.54Z",
+  fill: "#3C393E"
 }));
 
 const SvgCloseIcon = ({
@@ -796,14 +801,7 @@ const Input = ({
       }
     }
     if (type === 'number') {
-      const regNum = /^\d+(\.)?(\d+)?$/;
-      if (!regNum.test(currentValue)) {
-        const newStr = currentValue.replace(/[^\d+]/g, '');
-        setInnerValue(newStr);
-        if (change) {
-          change(newStr);
-        }
-      }
+      const regNum = floatToFix && floatToFix >= 0 ? /^\d+(\.)?(\d+)?$/ : /^\d+$/;
       if (minNumSize && currentValue < minNumSize) {
         setInnerValue(`${minNumSize}`);
         if (change) {
@@ -816,7 +814,7 @@ const Input = ({
           change(`${maxNumSize}`);
         }
       }
-      if (floatToFix && floatToFix > 0) {
+      if (floatToFix > 0) {
         const floatNumParts = typeof currentValue === 'string' ? currentValue.split('.') : currentValue;
         const int = floatNumParts[0];
         const float = floatNumParts[1];
@@ -854,7 +852,7 @@ const Input = ({
             }
           }
         }
-      } else if (floatToFix === 0) {
+      } else {
         const floatNumParts = typeof currentValue === 'string' ? currentValue.split('.') : currentValue;
         const int = floatNumParts[0];
         if (floatNumParts && floatNumParts.length > 0 && floatToFix === 0) {
@@ -864,6 +862,15 @@ const Input = ({
           }
         }
       }
+      if (!regNum.test(currentValue)) {
+        const newStr = currentValue.replace(/[^0-9.]/g, '').replace(/^([^.]*\.)(.*)$/, function (_, b, c) {
+          return b + c.replace(/\./g, '');
+        });
+        setInnerValue(newStr);
+        if (change) {
+          change(newStr);
+        }
+      }
       if (currentValue === '') {
         setInnerValue('');
         if (change) {
@@ -926,14 +933,7 @@ const Input = ({
           }
         }
         if (type === 'number') {
-          const regNum = /^\d+(\.)?(\d+)?$/;
-          if (!regNum.test(value)) {
-            const newStr = value.replace(/[^\d+]/g, '');
-            setInnerValue(newStr);
-            if (change) {
-              change(newStr);
-            }
-          }
+          const regNum = floatToFix && floatToFix >= 0 ? /^\d+(\.)?(\d+)?$/ : /^\d+$/;
           if (minNumSize && value < minNumSize) {
             setInnerValue(`${minNumSize}`);
             if (change) {
@@ -946,7 +946,7 @@ const Input = ({
               change(`${maxNumSize}`);
             }
           }
-          if (floatToFix && floatToFix > 0) {
+          if (floatToFix > 0) {
             const floatNumParts = typeof value === 'string' ? value.split('.') : value;
             const int = floatNumParts[0];
             const float = floatNumParts[1];
@@ -984,7 +984,7 @@ const Input = ({
                 }
               }
             }
-          } else if (floatToFix === 0) {
+          } else {
             const floatNumParts = typeof value === 'string' ? value.split('.') : value;
             const int = floatNumParts[0];
             if (floatNumParts && floatNumParts.length > 0 && floatToFix === 0) {
@@ -994,6 +994,15 @@ const Input = ({
               }
             }
           }
+          if (!regNum.test(value)) {
+            const newStr = value.replace(/[^0-9.]/g, '').replace(/^([^.]*\.)(.*)$/, function (_, b, c) {
+              return b + c.replace(/\./g, '');
+            });
+            setInnerValue(newStr);
+            if (change) {
+              change(newStr);
+            }
+          }
           if (value === '') {
             setInnerValue('');
             if (change) {
@@ -1594,7 +1603,7 @@ const Select = ({
     }
   }) : defaultOption ? defaultOption : ''), /*#__PURE__*/React__default.createElement("div", {
     className: `${styles$8['select-content-top-icon']}`
-  }, !disabled && multiple && newSelected.length > 1 && /*#__PURE__*/React__default.createElement("span", null, newSelected.length), (showCloseIcon ? showCloseIcon : configStyles.SELECT.showCloseIcon) && !disabled && newSelected && newSelected.length > 0 && /*#__PURE__*/React__default.createElement("div", {
+  }, !disabled && multiple && newSelected.length > 1 && /*#__PURE__*/React__default.createElement("span", null, newSelected.length), (showCloseIcon === true || showCloseIcon === false ? showCloseIcon : configStyles.SELECT.showCloseIcon) && !disabled && newSelected && newSelected.length > 0 && /*#__PURE__*/React__default.createElement("div", {
     className: `${styles$8['close-icon']}`,
     onClick: disabled ? _ => _ : handleClearSelect,
     style: {
@@ -1631,10 +1640,10 @@ const Select = ({
         padding: optionItemPadding ? optionItemPadding : configStyles.SELECT.optionItemPadding,
         fontSize: optionItemFontSize ? optionItemFontSize : configStyles.SELECT.optionItemFontSize,
         boxSizing: optionItemBoxSizing ? optionItemBoxSizing : configStyles.SELECT.optionItemBoxSizing,
-        minHeight: !dots && !configStyles.SELECT.dots ? 'auto' : optionItemMinHeight ? optionItemMinHeight : configStyles.SELECT.optionItemMinHeight,
+        minHeight: optionItemMinHeight ? optionItemMinHeight : configStyles.SELECT.optionItemMinHeight,
         fontWeight: optionItemFontWeight ? optionItemFontWeight : configStyles.SELECT.optionItemFontWeight,
         lineHeight: dots || configStyles.SELECT.dots ? '46px' : optionItemLineHeight ? optionItemLineHeight : configStyles.SELECT.optionItemLineHeight,
-        marginBottom: !dots && !configStyles.SELECT.dots ? '10px' : optionItemMarginBottom ? optionItemMarginBottom : configStyles.SELECT.optionItemMarginBottom,
+        marginBottom: optionItemMarginBottom ? optionItemMarginBottom : configStyles.SELECT.optionItemMarginBottom,
         backgroundColor: optionItemBackgroudColor ? optionItemBackgroudColor : configStyles.SELECT.optionItemBackgroudColor
       }
     }, multiple && multipleCheckbox ? /*#__PURE__*/React__default.createElement(SingleCheckbox, {
@@ -1972,7 +1981,7 @@ const createToast = ({
     toastParentBlock = document.createElement('div');
     toastParentBlock.style.position = 'fixed';
     toastParentBlock.style.display = 'flex';
-    toastParentBlock.style.zIndex = 9999999999999999999999999;
+    toastParentBlock.style.zIndex = 999999999999;
     toastParentBlock.style.flexDirection = position === 'top-left' || position === 'top-right' || position === 'top-center' ? 'column-reverse' : 'column';
     toastParentBlock.setAttribute('id', styles$7[position]);
     toastParentBlock.appendChild(toastBlock);

package/dist/index.js

@@ -353,7 +353,6 @@ styleInject(css_248z$d);
 const SvgNext = ({
   title,
   titleId,
-  fillColor,
   ...props
 }) => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   width: "24",
@@ -364,17 +363,19 @@ const SvgNext = ({
   "aria-labelledby": titleId
 }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
   id: titleId
-}, title) : null, /*#__PURE__*/React__namespace.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm3.4-11.443a.854.854 0 0 0 .198-.548.855.855 0 0 0-.146-.539l-4.137-5.134a.857.857 0 0 0-1.251-.12.856.856 0 0 0-.129 1.207l3.701 4.586-3.838 4.587a.856.856 0 0 0 .739 1.4.858.858 0 0 0 .58-.305l4.284-5.134Z",
-  fill: fillColor ? fillColor : '#fff'
+}, title) : null, /*#__PURE__*/React__namespace.createElement("circle", {
+  cx: 12,
+  cy: 12,
+  r: 12,
+  fill: "#fff"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  d: "M15.598 12.01c0 .2-.07.393-.197.547l-4.284 5.134a.858.858 0 0 1-1.319-1.095l3.838-4.587-3.7-4.586a.855.855 0 0 1 .128-1.206.857.857 0 0 1 1.25.12l4.138 5.133a.855.855 0 0 1 .146.54Z",
+  fill: "#3C393E"
 }));
 
 const SvgPrev = ({
   title,
   titleId,
-  fillColor,
   ...props
 }) => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   width: "24",
@@ -385,11 +386,15 @@ const SvgPrev = ({
   "aria-labelledby": titleId
 }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
   id: titleId
-}, title) : null, /*#__PURE__*/React__namespace.createElement("path", {
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0ZM8.6 11.443a.855.855 0 0 0-.198.548c-.013.19.038.38.146.539l4.137 5.133a.857.857 0 0 0 1.251.12.856.856 0 0 0 .129-1.206l-3.701-4.586 3.838-4.587a.856.856 0 0 0-.739-1.4.858.858 0 0 0-.58.305l-4.284 5.134Z",
-  fill: fillColor ? fillColor : '#fff'
+}, title) : null, /*#__PURE__*/React__namespace.createElement("circle", {
+  cx: 12,
+  cy: 12,
+  r: 12,
+  transform: "rotate(180 12 12)",
+  fill: "#fff"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  d: "M8.402 11.99c0-.2.07-.393.197-.547l4.284-5.134a.858.858 0 0 1 1.319 1.095l-3.838 4.587 3.7 4.586a.856.856 0 0 1-.128 1.206.856.856 0 0 1-1.25-.12L8.547 12.53a.855.855 0 0 1-.146-.54Z",
+  fill: "#3C393E"
 }));
 
 const SvgCloseIcon = ({
@@ -826,14 +831,7 @@ const Input = ({
       }
     }
     if (type === 'number') {
-      const regNum = /^\d+(\.)?(\d+)?$/;
-      if (!regNum.test(currentValue)) {
-        const newStr = currentValue.replace(/[^\d+]/g, '');
-        setInnerValue(newStr);
-        if (change) {
-          change(newStr);
-        }
-      }
+      const regNum = floatToFix && floatToFix >= 0 ? /^\d+(\.)?(\d+)?$/ : /^\d+$/;
       if (minNumSize && currentValue < minNumSize) {
         setInnerValue(`${minNumSize}`);
         if (change) {
@@ -846,7 +844,7 @@ const Input = ({
           change(`${maxNumSize}`);
         }
       }
-      if (floatToFix && floatToFix > 0) {
+      if (floatToFix > 0) {
         const floatNumParts = typeof currentValue === 'string' ? currentValue.split('.') : currentValue;
         const int = floatNumParts[0];
         const float = floatNumParts[1];
@@ -884,7 +882,7 @@ const Input = ({
             }
           }
         }
-      } else if (floatToFix === 0) {
+      } else {
         const floatNumParts = typeof currentValue === 'string' ? currentValue.split('.') : currentValue;
         const int = floatNumParts[0];
         if (floatNumParts && floatNumParts.length > 0 && floatToFix === 0) {
@@ -894,6 +892,15 @@ const Input = ({
           }
         }
       }
+      if (!regNum.test(currentValue)) {
+        const newStr = currentValue.replace(/[^0-9.]/g, '').replace(/^([^.]*\.)(.*)$/, function (_, b, c) {
+          return b + c.replace(/\./g, '');
+        });
+        setInnerValue(newStr);
+        if (change) {
+          change(newStr);
+        }
+      }
       if (currentValue === '') {
         setInnerValue('');
         if (change) {
@@ -956,14 +963,7 @@ const Input = ({
           }
         }
         if (type === 'number') {
-          const regNum = /^\d+(\.)?(\d+)?$/;
-          if (!regNum.test(value)) {
-            const newStr = value.replace(/[^\d+]/g, '');
-            setInnerValue(newStr);
-            if (change) {
-              change(newStr);
-            }
-          }
+          const regNum = floatToFix && floatToFix >= 0 ? /^\d+(\.)?(\d+)?$/ : /^\d+$/;
           if (minNumSize && value < minNumSize) {
             setInnerValue(`${minNumSize}`);
             if (change) {
@@ -976,7 +976,7 @@ const Input = ({
               change(`${maxNumSize}`);
             }
           }
-          if (floatToFix && floatToFix > 0) {
+          if (floatToFix > 0) {
             const floatNumParts = typeof value === 'string' ? value.split('.') : value;
             const int = floatNumParts[0];
             const float = floatNumParts[1];
@@ -1014,7 +1014,7 @@ const Input = ({
                 }
               }
             }
-          } else if (floatToFix === 0) {
+          } else {
             const floatNumParts = typeof value === 'string' ? value.split('.') : value;
             const int = floatNumParts[0];
             if (floatNumParts && floatNumParts.length > 0 && floatToFix === 0) {
@@ -1024,6 +1024,15 @@ const Input = ({
               }
             }
           }
+          if (!regNum.test(value)) {
+            const newStr = value.replace(/[^0-9.]/g, '').replace(/^([^.]*\.)(.*)$/, function (_, b, c) {
+              return b + c.replace(/\./g, '');
+            });
+            setInnerValue(newStr);
+            if (change) {
+              change(newStr);
+            }
+          }
           if (value === '') {
             setInnerValue('');
             if (change) {
@@ -1624,7 +1633,7 @@ const Select = ({
     }
   }) : defaultOption ? defaultOption : ''), /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${styles$8['select-content-top-icon']}`
-  }, !disabled && multiple && newSelected.length > 1 && /*#__PURE__*/React__default["default"].createElement("span", null, newSelected.length), (showCloseIcon ? showCloseIcon : configStyles.SELECT.showCloseIcon) && !disabled && newSelected && newSelected.length > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, !disabled && multiple && newSelected.length > 1 && /*#__PURE__*/React__default["default"].createElement("span", null, newSelected.length), (showCloseIcon === true || showCloseIcon === false ? showCloseIcon : configStyles.SELECT.showCloseIcon) && !disabled && newSelected && newSelected.length > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${styles$8['close-icon']}`,
     onClick: disabled ? _ => _ : handleClearSelect,
     style: {
@@ -1661,10 +1670,10 @@ const Select = ({
         padding: optionItemPadding ? optionItemPadding : configStyles.SELECT.optionItemPadding,
         fontSize: optionItemFontSize ? optionItemFontSize : configStyles.SELECT.optionItemFontSize,
         boxSizing: optionItemBoxSizing ? optionItemBoxSizing : configStyles.SELECT.optionItemBoxSizing,
-        minHeight: !dots && !configStyles.SELECT.dots ? 'auto' : optionItemMinHeight ? optionItemMinHeight : configStyles.SELECT.optionItemMinHeight,
+        minHeight: optionItemMinHeight ? optionItemMinHeight : configStyles.SELECT.optionItemMinHeight,
         fontWeight: optionItemFontWeight ? optionItemFontWeight : configStyles.SELECT.optionItemFontWeight,
         lineHeight: dots || configStyles.SELECT.dots ? '46px' : optionItemLineHeight ? optionItemLineHeight : configStyles.SELECT.optionItemLineHeight,
-        marginBottom: !dots && !configStyles.SELECT.dots ? '10px' : optionItemMarginBottom ? optionItemMarginBottom : configStyles.SELECT.optionItemMarginBottom,
+        marginBottom: optionItemMarginBottom ? optionItemMarginBottom : configStyles.SELECT.optionItemMarginBottom,
         backgroundColor: optionItemBackgroudColor ? optionItemBackgroudColor : configStyles.SELECT.optionItemBackgroudColor
       }
     }, multiple && multipleCheckbox ? /*#__PURE__*/React__default["default"].createElement(SingleCheckbox, {
@@ -2002,7 +2011,7 @@ const createToast = ({
     toastParentBlock = document.createElement('div');
     toastParentBlock.style.position = 'fixed';
     toastParentBlock.style.display = 'flex';
-    toastParentBlock.style.zIndex = 9999999999999999999999999;
+    toastParentBlock.style.zIndex = 999999999999;
     toastParentBlock.style.flexDirection = position === 'top-left' || position === 'top-right' || position === 'top-center' ? 'column-reverse' : 'column';
     toastParentBlock.setAttribute('id', styles$7[position]);
     toastParentBlock.appendChild(toastBlock);

package/package.json

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

package/src/components/icon/Next.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-const SvgNext = ({ title, titleId, fillColor, ...props }) => (
+const SvgNext = ({ title, titleId, ...props }) => (
   <svg
     width="24"
     height="24"
@@ -10,11 +10,10 @@ const SvgNext = ({ title, titleId, fillColor, ...props }) => (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
+    <circle cx={12} cy={12} r={12} fill="#fff" />
     <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm3.4-11.443a.854.854 0 0 0 .198-.548.855.855 0 0 0-.146-.539l-4.137-5.134a.857.857 0 0 0-1.251-.12.856.856 0 0 0-.129 1.207l3.701 4.586-3.838 4.587a.856.856 0 0 0 .739 1.4.858.858 0 0 0 .58-.305l4.284-5.134Z"
-      fill={fillColor ? fillColor : '#fff'}
+      d="M15.598 12.01c0 .2-.07.393-.197.547l-4.284 5.134a.858.858 0 0 1-1.319-1.095l3.838-4.587-3.7-4.586a.855.855 0 0 1 .128-1.206.857.857 0 0 1 1.25.12l4.138 5.133a.855.855 0 0 1 .146.54Z"
+      fill="#3C393E"
     />
   </svg>
 );

package/src/components/icon/Prev.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-const SvgPrev = ({ title, titleId, fillColor, ...props }) => (
+const SvgPrev = ({ title, titleId, ...props }) => (
   <svg
     width="24"
     height="24"
@@ -10,11 +10,10 @@ const SvgPrev = ({ title, titleId, fillColor, ...props }) => (
     {...props}
   >
     {title ? <title id={titleId}>{title}</title> : null}
+    <circle cx={12} cy={12} r={12} transform="rotate(180 12 12)" fill="#fff" />
     <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0ZM8.6 11.443a.855.855 0 0 0-.198.548c-.013.19.038.38.146.539l4.137 5.133a.857.857 0 0 0 1.251.12.856.856 0 0 0 .129-1.206l-3.701-4.586 3.838-4.587a.856.856 0 0 0-.739-1.4.858.858 0 0 0-.58.305l-4.284 5.134Z"
-      fill={fillColor ? fillColor : '#fff'}
+      d="M8.402 11.99c0-.2.07-.393.197-.547l4.284-5.134a.858.858 0 0 1 1.319 1.095l-3.838 4.587 3.7 4.586a.856.856 0 0 1-.128 1.206.856.856 0 0 1-1.25-.12L8.547 12.53a.855.855 0 0 1-.146-.54Z"
+      fill="#3C393E"
     />
   </svg>
 );

package/src/components/input/index.js

@@ -136,14 +136,8 @@ export const Input = ({
         }
 
         if (type === 'number') {
-            const regNum = /^\d+(\.)?(\d+)?$/;
-            if (!regNum.test(currentValue)) {
-                const newStr = currentValue.replace(/[^\d+]/g, '');
-                setInnerValue(newStr);
-                if (change) {
-                    change(newStr);
-                }
-            }
+            const regNum = floatToFix && floatToFix >= 0 ? /^\d+(\.)?(\d+)?$/ : /^\d+$/;
+            
             if (minNumSize && currentValue < minNumSize) {
                 setInnerValue(`${minNumSize}`);
                 if (change) {
@@ -156,7 +150,7 @@ export const Input = ({
                     change(`${maxNumSize}`);
                 }
             }
-            if (floatToFix && floatToFix > 0) {
+            if (floatToFix > 0) {
                 const floatNumParts = typeof currentValue === 'string' ? currentValue.split('.') : currentValue;
                 const int = floatNumParts[0];
                 const float = floatNumParts[1];
@@ -195,7 +189,7 @@ export const Input = ({
                         }
                     }
                 }
-            } else if (floatToFix === 0) {
+            } else {
                 const floatNumParts = typeof currentValue === 'string' ? currentValue.split('.') : currentValue;
                 const int = floatNumParts[0];
                 if (floatNumParts && floatNumParts.length > 0 && floatToFix === 0) {
@@ -206,6 +200,15 @@ export const Input = ({
                 }
             }
 
+            if (!regNum.test(currentValue)) {
+                const newStr = currentValue.replace(/[^0-9.]/g, '').replace(/^([^.]*\.)(.*)$/, function (_, b, c) { 
+                    return b + c.replace(/\./g, '');
+                });
+                setInnerValue(newStr);
+                if (change) {
+                    change(newStr);
+                }
+            }
             if (currentValue === '') {
                 setInnerValue('');
                 if (change) {
@@ -276,14 +279,8 @@ export const Input = ({
             }
 
                 if (type === 'number') {
-                    const regNum = /^\d+(\.)?(\d+)?$/;
-                    if (!regNum.test(value)) {
-                        const newStr = value.replace(/[^\d+]/g, '');
-                        setInnerValue(newStr);
-                        if (change) {
-                            change(newStr);
-                        }
-                    }
+                    const regNum = floatToFix && floatToFix >= 0 ? /^\d+(\.)?(\d+)?$/ : /^\d+$/;
+                    
                     if (minNumSize && value < minNumSize) {
                         setInnerValue(`${minNumSize}`);
                         if (change) {
@@ -296,7 +293,7 @@ export const Input = ({
                             change(`${maxNumSize}`);
                         }
                     }
-                    if (floatToFix && floatToFix > 0) {
+                    if (floatToFix > 0) {
                         const floatNumParts = typeof value === 'string' ? value.split('.') : value;
                         const int = floatNumParts[0];
                         const float = floatNumParts[1];
@@ -335,7 +332,7 @@ export const Input = ({
                                 }
                             }
                         }
-                    } else if (floatToFix === 0) {
+                    } else {
                         const floatNumParts = typeof value === 'string' ? value.split('.') : value;
                         const int = floatNumParts[0];
                         if (floatNumParts && floatNumParts.length > 0 && floatToFix === 0) {
@@ -345,6 +342,15 @@ export const Input = ({
                             }
                         }
                     }
+                    if (!regNum.test(value)) {
+                        const newStr = value.replace(/[^0-9.]/g, '').replace(/^([^.]*\.)(.*)$/, function (_, b, c) { 
+                            return b + c.replace(/\./g, '');
+                        });
+                        setInnerValue(newStr);
+                        if (change) {
+                            change(newStr);
+                        }
+                    }
                     if (value === '') {
                         setInnerValue('');
                         if (change) {

package/src/components/select/index.js

@@ -270,7 +270,7 @@ export const Select = ({
                                 !disabled && multiple && newSelected.length > 1 && <span>{newSelected.length}</span>
                             }
 
-                            {(showCloseIcon ? showCloseIcon : configStyles.SELECT.showCloseIcon) && !disabled && newSelected && newSelected.length > 0 && 
+                            {(showCloseIcon === true || showCloseIcon === false ? showCloseIcon : configStyles.SELECT.showCloseIcon) && !disabled && newSelected && newSelected.length > 0 && 
                                 <div
                                     className={`${styles['close-icon']}`}
                                     onClick={disabled ? _ => _ : handleClearSelect}
@@ -326,16 +326,15 @@ export const Select = ({
                                                             padding: optionItemPadding ? optionItemPadding : configStyles.SELECT.optionItemPadding,
                                                             fontSize: optionItemFontSize ? optionItemFontSize : configStyles.SELECT.optionItemFontSize,
                                                             boxSizing: optionItemBoxSizing ? optionItemBoxSizing : configStyles.SELECT.optionItemBoxSizing,
-                                                            minHeight: !dots && !configStyles.SELECT.dots ? 'auto' : optionItemMinHeight ? optionItemMinHeight : configStyles.SELECT.optionItemMinHeight,
+                                                            minHeight: optionItemMinHeight ? optionItemMinHeight : configStyles.SELECT.optionItemMinHeight,
                                                             fontWeight: optionItemFontWeight ? optionItemFontWeight : configStyles.SELECT.optionItemFontWeight,
                                                             lineHeight: dots || configStyles.SELECT.dots ? '46px' : optionItemLineHeight ? optionItemLineHeight : configStyles.SELECT.optionItemLineHeight,
-                                                            marginBottom: !dots && !configStyles.SELECT.dots ? '10px' : optionItemMarginBottom ? optionItemMarginBottom : configStyles.SELECT.optionItemMarginBottom,
+                                                            marginBottom: optionItemMarginBottom ? optionItemMarginBottom : configStyles.SELECT.optionItemMarginBottom,
                                                             backgroundColor: optionItemBackgroudColor ? optionItemBackgroudColor : configStyles.SELECT.optionItemBackgroudColor,
                                                         }}
                                                     >
                                                         {multiple && multipleCheckbox ? <SingleCheckbox checked={option.checked} /> : ''}
                                                         {option[keyNames.name]}
-                                                        
                                                     </div>
                                         })
                                     }

package/src/components/toaster/index.js

@@ -52,7 +52,7 @@ const createToast = ({
     toastParentBlock = document.createElement('div');
     toastParentBlock.style.position = 'fixed';
     toastParentBlock.style.display = 'flex';
-    toastParentBlock.style.zIndex = 9999999999999999999999999;
+    toastParentBlock.style.zIndex = 999999999999;
     toastParentBlock.style.flexDirection = position === 'top-left' || position === 'top-right' || position === 'top-center' ? 'column-reverse' : 'column';
     toastParentBlock.setAttribute('id', styles[position]);
     toastParentBlock.appendChild(toastBlock);

package/src/stories/configuration.stories.mdx

@@ -326,6 +326,7 @@ import StackAlt from './assets/stackalt.svg';
 ```
 {
     dots: false,                                       // for options, cut text and add dots
+    showCloseIcon: false,                              // for select reset icon, when prop exist or true is show, otherwise is hide
     marginTop: '10px',                                 // for error message postion from top
     labelWeight: '500',                                // for label font weight
     labelColor: '#3C393E',                             // for label color

package/tui.config.js

@@ -217,7 +217,7 @@ module.exports = {
         optionItemCursor: 'pointer',                       // for option cursor
         optionItemMinHeight: '46px',                       // for option min height
         optionItemFontWeight: '500',                       // for option font weight
-        optionItemLineHeight: '22px',                      // for option line height
+        optionItemLineHeight: '25px',                      // for option line height
         optionItemPadding: '0px 15px',                     // for option padding
         optionItemMarginBottom: '2px',                     // for option margin bottom
         optionItemColorHover: '#00236A',                   // for option color ( when hover )