From 14b1e938d1402d29617fc1af192e243c42236e5a Mon Sep 17 00:00:00 2001
From: yyyyaaa <phatghaa@gmail.com>
Date: Wed, 24 Apr 2024 11:56:35 +0700
Subject: [PATCH] fix: button styles

---
 src/ui/button/button.lite.tsx      | 1 -
 src/ui/noble/noble-button.lite.tsx | 7 +++++++
 src/ui/noble/noble.css.ts          | 3 +--
 src/ui/noble/noble.types.tsx       | 2 +-
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/ui/button/button.lite.tsx b/src/ui/button/button.lite.tsx
index 3f33dced..c9da4935 100644
--- a/src/ui/button/button.lite.tsx
+++ b/src/ui/button/button.lite.tsx
@@ -122,7 +122,6 @@ export default function Button(props: ButtonProps) {
         onMouseEnter: (event) => props.onHoverStart?.(event),
         onMouseLeave: (event) => props.onHoverEnd?.(event),
         disabled: props.disabled,
-        style: state.getVars(),
         ...props.domAttributes,
       }}
     >
diff --git a/src/ui/noble/noble-button.lite.tsx b/src/ui/noble/noble-button.lite.tsx
index b6fd7377..fc64b951 100644
--- a/src/ui/noble/noble-button.lite.tsx
+++ b/src/ui/noble/noble-button.lite.tsx
@@ -151,6 +151,13 @@ export default function NobleButton(props: NobleButtonProps) {
           borderRadius: "$base",
           fontSize: "$sm",
         },
+        md: {
+          height: "70px",
+          px: "$10",
+          py: "$10",
+          borderRadius: "$base",
+          fontSize: "$md",
+        },
         lg: {
           height: "$17",
           width: "$full",
diff --git a/src/ui/noble/noble.css.ts b/src/ui/noble/noble.css.ts
index 55d5d72a..5b023d74 100644
--- a/src/ui/noble/noble.css.ts
+++ b/src/ui/noble/noble.css.ts
@@ -1,4 +1,4 @@
-import { style, styleVariants, keyframes } from "@vanilla-extract/css";
+import { style, keyframes } from "@vanilla-extract/css";
 import { themeVars } from "../../styles/themes.css";
 
 const rotate = keyframes({
@@ -20,7 +20,6 @@ export const walletImgContainer = style({
   selectors: {
     "&[data-disabled='true']::after": {
       position: "absolute",
-      borderRadius: "100%",
       content: '""',
       top: 0,
       bottom: 0,
diff --git a/src/ui/noble/noble.types.tsx b/src/ui/noble/noble.types.tsx
index 01a8a02f..9f48b60a 100644
--- a/src/ui/noble/noble.types.tsx
+++ b/src/ui/noble/noble.types.tsx
@@ -35,7 +35,7 @@ type BaseButtonProps = Omit<
 >;
 
 export type NobleButtonVariant = "text" | "solid" | "outlined" | "tag";
-export type NobleButtonSize = "xs" | "sm" | "lg" | "xl";
+export type NobleButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
 
 export interface NobleButtonProps extends BaseButtonProps {
   color?: BoxProps["color"];