refactor(ButtonTertiary): remove background

kripod · Jul 16, 2024 · 86d00d5 · 86d00d5
1 parent 4f8417d
commit 86d00d5
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 3 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,
-        "bg-ui-neutral-50 font-medium ring-1 ring-inset ring-ui-neutral-600",
+        "font-medium ring-1 ring-inset ring-ui-neutral-600",
         color === "neutral" && "text-ui-neutral-950 active:bg-ui-neutral-100",
         color === "accent" && "text-ui-accent-700 active:bg-ui-accent-100",
         color === "danger" && "text-ui-danger-700 active:bg-ui-danger-100",

diff --git a/src/docs/sample.mdx b/src/docs/sample.mdx
@@ -3,7 +3,6 @@ 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>
@@ -16,7 +15,6 @@ import { Input } from "../components/Input";
         <div className="flex flex-wrap gap-2">
           <Input size="sm" placeholder="Placeholder" />
           <ButtonPrimary size="sm">Ok</ButtonPrimary>
-          <ButtonTertiary size="sm">Cancel</ButtonTertiary>
         </div>
       </div>
     </Alert>