refactor(Button): neutral variants

kripod · Jul 13, 2024 · 43c06de · 43c06de
1 parent 72d9e76
commit 43c06de
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/ButtonPrimary.tsx b/src/components/ButtonPrimary.tsx
@@ -25,7 +25,7 @@ export const ButtonPrimary = forwardRef(function ButtonPrimary(
         className,
         "font-medium",
         sentiment === "neutral" &&
-          "bg-ui-accent-600 text-ui-accent-50 active:bg-ui-accent-700",
+          "bg-ui-neutral-900 text-ui-neutral-50 active:bg-ui-neutral-800",
         sentiment === "danger" &&
           "bg-ui-danger-600 text-ui-danger-50 active:bg-ui-danger-700",
       )}

diff --git a/src/components/ButtonSecondary.tsx b/src/components/ButtonSecondary.tsx
@@ -25,7 +25,7 @@ export const ButtonSecondary = forwardRef(function ButtonSecondary(
         className,
         "bg-ui-neutral-50 font-medium ring-1 ring-inset",
         sentiment === "neutral" &&
-          "text-ui-accent-700 ring-ui-accent-600 active:bg-ui-accent-100",
+          "text-ui-neutral-950 ring-ui-neutral-600 active:bg-ui-neutral-100",
         sentiment === "danger" &&
           "text-ui-danger-700 ring-ui-danger-600 active:bg-ui-danger-100",
       )}

diff --git a/src/docs/sample.mdx b/src/docs/sample.mdx
@@ -6,7 +6,7 @@ import { ButtonSecondary } from "../components/ButtonSecondary";
 import { Input } from "../components/Input";
 
 <Unstyled>
-  <div className="flex flex-col gap-4 text-base text-ui-neutral-800">
+  <div className="flex flex-col gap-4 bg-ui-neutral-50 p-4 text-base text-ui-neutral-800">
     <Alert>
       <div className="flex flex-col gap-4">
         An alert displays a brief, important message, usually at the top of a