@yosgo/swap-ui 1.0.121 → 1.0.125

package/build/index.js

@@ -2700,14 +2700,22 @@ var RadioButton = function (props) {
 };
 
 var useStyles$2 = core.makeStyles(function (theme) { return ({
+    root: {
+        "& .MuiFormHelperText-contained": {
+            marginLeft: 16,
+            marginRight: 16,
+        },
+    },
     inputRoot: function (props) { return ({
         width: props.width,
         height: props.height,
         padding: "0px 16px",
         backgroundColor: "white",
         fontSize: 16,
-        lineHeight: 1.4,
+        lineHeight: "unset",
         fontWeight: 400,
+        display: "flex",
+        alignItems: "center",
         "& fieldset": {
             "& legend": {
                 width: "0.01px",
@@ -2735,11 +2743,18 @@ var useStyles$2 = core.makeStyles(function (theme) { return ({
         },
     }); },
     input: {
+        fontSize: 16,
+        lineHeight: "unset",
+        fontWeight: 400,
+        display: "flex",
+        alignItems: "center",
         "&:-webkit-autofill": {
             "-webkit-box-shadow": "0 0 0 100px #FFFFFF inset",
         },
         "&::placeholder": { color: theme.black.black700, opacity: 1 },
         padding: 0,
+        margin: 0,
+        height: "fit-content",
     },
     selectRoot: function (props) { return ({
         borderRadius: 8,
@@ -2759,7 +2774,11 @@ var useStyles$2 = core.makeStyles(function (theme) { return ({
         "&.Mui-error": { color: theme.black.black700 },
     },
     shrink: {
-        transform: "translate(14px, -6px) !important",
+        transform: "translate(14px, -10px) !important",
+        height: 20,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
         backgroundColor: "white",
         fontSize: 14,
         fontWeight: 700,
@@ -2781,7 +2800,7 @@ var TextField = function (props) {
         select: select,
     };
     var classes = useStyles$2(styleProps);
-    return (React__default.createElement(MaterialTextField, __assign({ fullWidth: fullWidth, select: select }, other, { variant: "outlined", InputProps: __assign({ classes: {
+    return (React__default.createElement(MaterialTextField, __assign({ fullWidth: fullWidth, select: select }, other, { className: classes.root, variant: "outlined", InputProps: __assign({ classes: {
                 root: classes.inputRoot,
                 input: classes.input,
             } }, InputProps), InputLabelProps: __assign({ classes: {
@@ -7048,7 +7067,7 @@ var Modal = React__default.forwardRef(function (props, ref) {
     return (React__default.createElement(MaterialModal, { open: open, className: classes.root, BackdropComponent: core.Backdrop, BackdropProps: {
             className: classes.backdrop,
             style: { overflow: "auto", WebkitOverflowScrolling: "touch" },
-        }, style: { overflow: "auto", WebkitOverflowScrolling: "touch" } },
+        } },
         React__default.createElement(ModalTransitionEffect, { in: open, slide: fullWidth, style: {
                 outline: "none",
                 transition: "ease-in-out",
@@ -7230,6 +7249,10 @@ var useStyles$b = core.makeStyles(function () { return ({
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
+        fontSize: "0.75rem",
+        lineHeight: "17px",
+        fontWeight: 700,
+        color: props.color,
     }); },
 }); });
 var Chip = function (props) {
@@ -7261,18 +7284,19 @@ var Chip = function (props) {
                             : "1px solid " + theme.primary.primary800
             : null,
         padding: outlined || !contained ? "0px 8px" : "0px 9px",
+        color: variant === "neutral"
+            ? theme.black.black800
+            : variant === "primary"
+                ? theme.primary.primary800
+                : variant === "success"
+                    ? theme.success.success800
+                    : variant === "danger"
+                        ? theme.danger.danger800
+                        : theme.primary.primary800,
     };
     var classes = useStyles$b(styleProps);
     return (React__default.createElement("div", __assign({ className: classes.root }, other),
-        React__default.createElement(Typography, { variant: "caption1", color: variant === "neutral"
-                ? "black800"
-                : variant === "primary"
-                    ? "primary800"
-                    : variant === "success"
-                        ? "success800"
-                        : variant === "danger"
-                            ? "danger800"
-                            : "primary800", style: { marginRight: variant === "success" ? 4 : 0 } }, label),
+        React__default.createElement("span", { style: { marginRight: variant === "success" ? 4 : 0 } }, label),
         variant === "success" && !icon ? icon_success : icon));
 };
 var icon_success = (React__default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },