@yosgo/swap-ui 1.0.122 → 1.0.126

package/build/index.esm.js

@@ -7244,6 +7244,10 @@ var useStyles$b = makeStyles$1(function () { return ({
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
+        fontSize: "0.75rem",
+        lineHeight: "17px",
+        fontWeight: 700,
+        color: props.color,
     }); },
 }); });
 var Chip = function (props) {
@@ -7275,18 +7279,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" },
@@ -12735,10 +12740,15 @@ var DatePicker = function (props) {
     var open = props.open, onClose = props.onClose, format = props.format, mobile = props.mobile, min = props.min, max = props.max, ModalProps = props.ModalProps, defaultValue = props.defaultValue, getValue = props.getValue, value = props.value, other = __rest(props, ["open", "onClose", "format", "mobile", "min", "max", "ModalProps", "defaultValue", "getValue", "value"]);
     var _a = useState(Number(new Date().getFullYear())), year = _a[0], setYear = _a[1];
     var _b = useState(Number(new Date().getMonth() + 1)), month = _b[0], setMonth = _b[1];
-    var _c = useState(1), nextMonth = _c[0], setNextMonth = _c[1];
+    var _c = useState(Number(new Date().getMonth() + 2)), nextMonth = _c[0], setNextMonth = _c[1];
     var _d = useState(""), date = _d[0], setDate = _d[1];
     var _e = useState(false), isOpenMonthSelector = _e[0], setIsOpenMonthSelector = _e[1];
     var _f = useState(false), isClicked = _f[0], setIsClicked = _f[1];
+    useEffect(function () {
+        if (month === 12) {
+            setNextMonth(1);
+        }
+    }, []);
     useEffect(function () {
         if (format === "month") {
             if (month % 2 === 0) {