@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.
package/build/index.js CHANGED
@@ -2700,14 +2700,22 @@ var RadioButton = function (props) {
2700
2700
  };
2701
2701
 
2702
2702
  var useStyles$2 = core.makeStyles(function (theme) { return ({
2703
+ root: {
2704
+ "& .MuiFormHelperText-contained": {
2705
+ marginLeft: 16,
2706
+ marginRight: 16,
2707
+ },
2708
+ },
2703
2709
  inputRoot: function (props) { return ({
2704
2710
  width: props.width,
2705
2711
  height: props.height,
2706
2712
  padding: "0px 16px",
2707
2713
  backgroundColor: "white",
2708
2714
  fontSize: 16,
2709
- lineHeight: 1.4,
2715
+ lineHeight: "unset",
2710
2716
  fontWeight: 400,
2717
+ display: "flex",
2718
+ alignItems: "center",
2711
2719
  "& fieldset": {
2712
2720
  "& legend": {
2713
2721
  width: "0.01px",
@@ -2735,11 +2743,18 @@ var useStyles$2 = core.makeStyles(function (theme) { return ({
2735
2743
  },
2736
2744
  }); },
2737
2745
  input: {
2746
+ fontSize: 16,
2747
+ lineHeight: "unset",
2748
+ fontWeight: 400,
2749
+ display: "flex",
2750
+ alignItems: "center",
2738
2751
  "&:-webkit-autofill": {
2739
2752
  "-webkit-box-shadow": "0 0 0 100px #FFFFFF inset",
2740
2753
  },
2741
2754
  "&::placeholder": { color: theme.black.black700, opacity: 1 },
2742
2755
  padding: 0,
2756
+ margin: 0,
2757
+ height: "fit-content",
2743
2758
  },
2744
2759
  selectRoot: function (props) { return ({
2745
2760
  borderRadius: 8,
@@ -2759,7 +2774,11 @@ var useStyles$2 = core.makeStyles(function (theme) { return ({
2759
2774
  "&.Mui-error": { color: theme.black.black700 },
2760
2775
  },
2761
2776
  shrink: {
2762
- transform: "translate(14px, -6px) !important",
2777
+ transform: "translate(14px, -10px) !important",
2778
+ height: 20,
2779
+ display: "flex",
2780
+ alignItems: "center",
2781
+ justifyContent: "center",
2763
2782
  backgroundColor: "white",
2764
2783
  fontSize: 14,
2765
2784
  fontWeight: 700,
@@ -2781,7 +2800,7 @@ var TextField = function (props) {
2781
2800
  select: select,
2782
2801
  };
2783
2802
  var classes = useStyles$2(styleProps);
2784
- return (React__default.createElement(MaterialTextField, __assign({ fullWidth: fullWidth, select: select }, other, { variant: "outlined", InputProps: __assign({ classes: {
2803
+ return (React__default.createElement(MaterialTextField, __assign({ fullWidth: fullWidth, select: select }, other, { className: classes.root, variant: "outlined", InputProps: __assign({ classes: {
2785
2804
  root: classes.inputRoot,
2786
2805
  input: classes.input,
2787
2806
  } }, InputProps), InputLabelProps: __assign({ classes: {
@@ -7048,7 +7067,7 @@ var Modal = React__default.forwardRef(function (props, ref) {
7048
7067
  return (React__default.createElement(MaterialModal, { open: open, className: classes.root, BackdropComponent: core.Backdrop, BackdropProps: {
7049
7068
  className: classes.backdrop,
7050
7069
  style: { overflow: "auto", WebkitOverflowScrolling: "touch" },
7051
- }, style: { overflow: "auto", WebkitOverflowScrolling: "touch" } },
7070
+ } },
7052
7071
  React__default.createElement(ModalTransitionEffect, { in: open, slide: fullWidth, style: {
7053
7072
  outline: "none",
7054
7073
  transition: "ease-in-out",