fix: button styles

hyperweb-io · Apr 24, 2024 · 14b1e93 · 14b1e93
1 parent 2d9d25d
commit 14b1e93
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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"];