Align destructive button and link variants with shadcn styles (#288)

karinevieira · web-flow · commit f5a275f191c3 · 2025-05-09T08:12:53.000-04:00
diff --git a/lib/ruby_ui/button/button.rb b/lib/ruby_ui/button/button.rb
@@ -72,8 +72,9 @@ def destructive_classes
       [
         BASE_CLASSES,
         size_classes,
-        "bg-destructive text-destructive-foreground shadow-sm",
-        "hover:bg-destructive/90"
+        "bg-destructive text-white shadow-sm",
+        "[a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20",
+        "dark:focus-visible:ring-destructive/40 dark:bg-destructive/60"
       ]
     end
 
diff --git a/lib/ruby_ui/link/link.rb b/lib/ruby_ui/link/link.rb
@@ -72,8 +72,9 @@ def destructive_classes
       [
         BASE_CLASSES,
         size_classes,
-        "bg-destructive text-destructive-foreground shadow-sm",
-        "hover:bg-destructive/90"
+        "bg-destructive text-white shadow-sm",
+        "[a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20",
+        "dark:focus-visible:ring-destructive/40 dark:bg-destructive/60"
       ]
     end
 

Original file line number	Diff line number	Diff line change
`@@ -72,8 +72,9 @@ def destructive_classes`
`72`	`72`	`[`
`73`	`73`	`BASE_CLASSES,`
`74`	`74`	`size_classes,`
`75`		`- "bg-destructive text-destructive-foreground shadow-sm",`
`76`		`- "hover:bg-destructive/90"`
	`75`	`+ "bg-destructive text-white shadow-sm",`
	`76`	`+ "[a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20",`
	`77`	`+ "dark:focus-visible:ring-destructive/40 dark:bg-destructive/60"`
`77`	`78`	`]`
`78`	`79`	`end`
`79`	`80`