refactor(ButtonTertiary): reduce ring contrast

kripod · Jul 18, 2024 · 3d66ee8 · 3d66ee8
1 parent 746f85a
commit 3d66ee8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/ButtonTertiary.tsx b/src/components/ButtonTertiary.tsx
@@ -19,7 +19,7 @@ export const ButtonTertiary = forwardRef(function ButtonTertiary(
       size={size}
       className={clsx(
         className,
-        "font-medium ring-1 ring-inset ring-ui-neutral-600",
+        "font-medium ring-1 ring-inset ring-ui-neutral-300",
         size === "sm" && "px-2.5",
         size === "md" && "px-4",
         size === "lg" && "px-6",

diff --git a/src/docs/sample.mdx b/src/docs/sample.mdx
@@ -2,7 +2,7 @@ import { Unstyled } from "@storybook/blocks";
 
 import { Alert } from "../components/Alert";
 import { ButtonPrimary } from "../components/ButtonPrimary";
-import { ButtonSecondary } from "../components/ButtonSecondary";
+import { ButtonTertiary } from "../components/ButtonTertiary";
 import { Input } from "../components/Input";
 
 <Unstyled>
@@ -24,15 +24,15 @@ import { Input } from "../components/Input";
     <div>This is just a block of text.</div>
     <div className="flex gap-2">
       <Input size="sm" placeholder="Placeholder" />
-      <ButtonSecondary size="sm">Submit</ButtonSecondary>
+      <ButtonTertiary size="sm">Submit</ButtonTertiary>
     </div>
     <div className="flex gap-2">
       <Input size="md" placeholder="Placeholder" />
-      <ButtonSecondary size="md">Submit</ButtonSecondary>
+      <ButtonTertiary size="md">Submit</ButtonTertiary>
     </div>
     <div className="flex gap-2">
       <Input size="lg" placeholder="Placeholder" />
-      <ButtonSecondary size="lg">Submit</ButtonSecondary>
+      <ButtonTertiary size="lg">Submit</ButtonTertiary>
     </div>
   </div>
 </Unstyled>