@yosgo/swap-ui 1.0.121 → 1.0.122

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2695,14 +2695,22 @@ var RadioButton = function (props) {
2695
2695
  };
2696
2696
 
2697
2697
  var useStyles$2 = makeStyles$1(function (theme) { return ({
2698
+ root: {
2699
+ "& .MuiFormHelperText-contained": {
2700
+ marginLeft: 16,
2701
+ marginRight: 16,
2702
+ },
2703
+ },
2698
2704
  inputRoot: function (props) { return ({
2699
2705
  width: props.width,
2700
2706
  height: props.height,
2701
2707
  padding: "0px 16px",
2702
2708
  backgroundColor: "white",
2703
2709
  fontSize: 16,
2704
- lineHeight: 1.4,
2710
+ lineHeight: "unset",
2705
2711
  fontWeight: 400,
2712
+ display: "flex",
2713
+ alignItems: "center",
2706
2714
  "& fieldset": {
2707
2715
  "& legend": {
2708
2716
  width: "0.01px",
@@ -2730,11 +2738,18 @@ var useStyles$2 = makeStyles$1(function (theme) { return ({
2730
2738
  },
2731
2739
  }); },
2732
2740
  input: {
2741
+ fontSize: 16,
2742
+ lineHeight: "unset",
2743
+ fontWeight: 400,
2744
+ display: "flex",
2745
+ alignItems: "center",
2733
2746
  "&:-webkit-autofill": {
2734
2747
  "-webkit-box-shadow": "0 0 0 100px #FFFFFF inset",
2735
2748
  },
2736
2749
  "&::placeholder": { color: theme.black.black700, opacity: 1 },
2737
2750
  padding: 0,
2751
+ margin: 0,
2752
+ height: "fit-content",
2738
2753
  },
2739
2754
  selectRoot: function (props) { return ({
2740
2755
  borderRadius: 8,
@@ -2754,7 +2769,11 @@ var useStyles$2 = makeStyles$1(function (theme) { return ({
2754
2769
  "&.Mui-error": { color: theme.black.black700 },
2755
2770
  },
2756
2771
  shrink: {
2757
- transform: "translate(14px, -6px) !important",
2772
+ transform: "translate(14px, -10px) !important",
2773
+ height: 20,
2774
+ display: "flex",
2775
+ alignItems: "center",
2776
+ justifyContent: "center",
2758
2777
  backgroundColor: "white",
2759
2778
  fontSize: 14,
2760
2779
  fontWeight: 700,
@@ -2776,7 +2795,7 @@ var TextField = function (props) {
2776
2795
  select: select,
2777
2796
  };
2778
2797
  var classes = useStyles$2(styleProps);
2779
- return (React__default.createElement(MaterialTextField, __assign({ fullWidth: fullWidth, select: select }, other, { variant: "outlined", InputProps: __assign({ classes: {
2798
+ return (React__default.createElement(MaterialTextField, __assign({ fullWidth: fullWidth, select: select }, other, { className: classes.root, variant: "outlined", InputProps: __assign({ classes: {
2780
2799
  root: classes.inputRoot,
2781
2800
  input: classes.input,
2782
2801
  } }, InputProps), InputLabelProps: __assign({ classes: {
@@ -7043,7 +7062,7 @@ var Modal = React__default.forwardRef(function (props, ref) {
7043
7062
  return (React__default.createElement(MaterialModal, { open: open, className: classes.root, BackdropComponent: Backdrop, BackdropProps: {
7044
7063
  className: classes.backdrop,
7045
7064
  style: { overflow: "auto", WebkitOverflowScrolling: "touch" },
7046
- }, style: { overflow: "auto", WebkitOverflowScrolling: "touch" } },
7065
+ } },
7047
7066
  React__default.createElement(ModalTransitionEffect, { in: open, slide: fullWidth, style: {
7048
7067
  outline: "none",
7049
7068
  transition: "ease-in-out",