From a6e79ebacbcc06a96a627a94cb8117a2ffe0adbb Mon Sep 17 00:00:00 2001
From: Gildas Garcia <1122076+djhi@users.noreply.github.com>
Date: Wed, 24 Jun 2026 14:14:47 +0200
Subject: [PATCH] chore: delete `Button` `alternative` deprecated variant
 (#47260)

## Problem

The `alternative` variant for `<Button>` has been deprecated but is
still used in a few places.

## Solution

- Migrate usages to the recommended `primary` variant
- Delete the `alternative` variant

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **Style**
* Updated several buttons across forms, logs, recent queries, and
release headers to use the primary visual style.
* Button styling is now more consistent throughout the app, with a
cleaner default emphasis for key actions.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 .../registry/default/example/switch-form.tsx          |  2 +-
 .../registry/default/example/textarea-form.tsx        |  2 +-
 .../components/interfaces/Settings/Logs/LogTable.tsx  |  2 +-
 .../interfaces/Settings/Logs/RecentQueriesItem.tsx    |  2 +-
 .../components/LaunchWeek/11/Releases/LW11Header.tsx  |  2 +-
 packages/ui/src/components/Button/Button.tsx          | 11 -----------
 6 files changed, 5 insertions(+), 16 deletions(-)

diff --git a/apps/design-system/registry/default/example/switch-form.tsx b/apps/design-system/registry/default/example/switch-form.tsx
index 172b5c1f76f..89ce9eb3d2e 100644
--- a/apps/design-system/registry/default/example/switch-form.tsx
+++ b/apps/design-system/registry/default/example/switch-form.tsx
@@ -83,7 +83,7 @@ export default function SwitchForm() {
             />
           </div>
         </div>
-        <Button type="submit" variant="alternative">
+        <Button type="submit" variant="primary">
           Submit
         </Button>
       </form>
diff --git a/apps/design-system/registry/default/example/textarea-form.tsx b/apps/design-system/registry/default/example/textarea-form.tsx
index 56c59f50332..609ad8f0613 100644
--- a/apps/design-system/registry/default/example/textarea-form.tsx
+++ b/apps/design-system/registry/default/example/textarea-form.tsx
@@ -65,7 +65,7 @@ export default function TextareaForm() {
             </FormItem>
           )}
         />
-        <Button type="submit" variant="alternative">
+        <Button type="submit" variant="primary">
           Submit
         </Button>
       </form>
diff --git a/apps/studio/components/interfaces/Settings/Logs/LogTable.tsx b/apps/studio/components/interfaces/Settings/Logs/LogTable.tsx
index 6d10869354f..e7f65e2e3ee 100644
--- a/apps/studio/components/interfaces/Settings/Logs/LogTable.tsx
+++ b/apps/studio/components/interfaces/Settings/Logs/LogTable.tsx
@@ -512,7 +512,7 @@ export const LogTable = ({
         )}
         <Button
           title="run-logs-query"
-          variant={hasEditorValue ? 'primary' : 'alternative'}
+          variant="primary"
           disabled={!hasEditorValue}
           onClick={onRun}
           iconRight={<Play size={12} />}
diff --git a/apps/studio/components/interfaces/Settings/Logs/RecentQueriesItem.tsx b/apps/studio/components/interfaces/Settings/Logs/RecentQueriesItem.tsx
index 02518afc7f4..d0fdb2505ed 100644
--- a/apps/studio/components/interfaces/Settings/Logs/RecentQueriesItem.tsx
+++ b/apps/studio/components/interfaces/Settings/Logs/RecentQueriesItem.tsx
@@ -23,7 +23,7 @@ const RecentQueriesItem: React.FC<Props> = ({ item }) => {
       </Table.td>
       <Table.td className="text-right">
         <Button
-          variant="alternative"
+          variant="primary"
           iconRight={<Play size={10} />}
           onClick={() =>
             router.push(`/project/${ref}/logs/explorer?q=${encodeURIComponent(item.sql)}`)
diff --git a/apps/www/components/LaunchWeek/11/Releases/LW11Header.tsx b/apps/www/components/LaunchWeek/11/Releases/LW11Header.tsx
index 8721a746184..e7844e1d926 100644
--- a/apps/www/components/LaunchWeek/11/Releases/LW11Header.tsx
+++ b/apps/www/components/LaunchWeek/11/Releases/LW11Header.tsx
@@ -34,7 +34,7 @@ const LW11Header = ({ className }: { className?: string }) => {
           . <br className="hidden sm:block" /> Join us in this major milestone and explore{' '}
           <br className="hidden sm:block" /> the exciting features that come with it.
         </p>
-        <Button asChild size="small" variant="alternative">
+        <Button asChild size="small" variant="primary">
           <Link href="/ga">Read full announcement</Link>
         </Button>
       </SectionContainer>
diff --git a/packages/ui/src/components/Button/Button.tsx b/packages/ui/src/components/Button/Button.tsx
index dc0572f1aa2..7cb817bc537 100644
--- a/packages/ui/src/components/Button/Button.tsx
+++ b/packages/ui/src/components/Button/Button.tsx
@@ -58,17 +58,6 @@ const buttonVariants = cva(
           data-[state=open]:border-foreground-lighter
           data-[state=open]:outline-border-strong
         `,
-        /** @deprecated use 'primary' instead */
-        alternative: `
-          text-foreground
-          bg-brand-400 hover:bg-brand-500
-          border-brand-500
-          focus-visible:border-brand-500
-          focus-visible:outline-brand-600
-          data-[state=open]:bg-brand-500
-          data-[state=open]:border-brand-500
-          data-[state=open]:outline-brand-600
-        `,
         outline: `
           text-foreground
           bg-transparent