feat: add status style preset in Button

packages/react/components/Button.tsx

@@ -79,6 +79,24 @@ const [buttonVariants, resolveVariants] = vcn({
       decoration: "link",
       size: "md",
     },
+    success: {
+      border: "success",
+      background: "success",
+      decoration: "none",
+      size: "md",
+    },
+    warning: {
+      border: "warning",
+      background: "warning",
+      decoration: "none",
+      size: "md",
+    },
+    danger: {
+      border: "danger",
+      background: "danger",
+      decoration: "none",
+      size: "md",
+    },
   },
 });
 

packages/react/stories/Button.stories.tsx

@@ -16,27 +16,15 @@ export const Link = () => {
 };
 
 export const Success = () => {
-  return (
+  return <Button preset="success">Success Button</Button>;
-    <Button preset="default" background="success" border="success">
-      Success Button
-    </Button>
-  );
 };
 
 export const Warning = () => {
-  return (
+  return <Button preset="warning">Warning Button</Button>;
-    <Button preset="default" background="warning" border="warning">
-      Warning Button
-    </Button>
-  );
 };
 
 export const Danger = () => {
-  return (
+  return <Button preset="danger">Danger Button</Button>;
-    <Button preset="default" background="danger" border="danger">
-      Danger Button
-    </Button>
-  );
 };
 
 export const AsChild = () => {