Skip to content

Commit c6cf2b7

Browse files
committed
aria-disabled for Button
1 parent d83a35a commit c6cf2b7

1 file changed

Lines changed: 30 additions & 6 deletions

File tree

lib/ruby_ui/button/button.rb

Lines changed: 30 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -36,42 +36,66 @@ def size_classes
3636

3737
def primary_classes
3838
[
39-
"whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground shadow hover:bg-primary/90",
39+
"whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors bg-primary text-primary-foreground shadow",
40+
"hover:bg-primary/90",
41+
"disabled:pointer-events-none disabled:opacity-50",
42+
"aria-disabled:pointer-events-none aria-disabled:opacity-50",
43+
"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
4044
size_classes
4145
]
4246
end
4347

4448
def link_classes
4549
[
46-
"whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 text-primary underline-offset-4 hover:underline",
50+
"whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors text-primary underline-offset-4",
51+
"hover:underline",
52+
"disabled:pointer-events-none disabled:opacity-50",
53+
"aria-disabled:pointer-events-none aria-disabled:opacity-50",
54+
"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
4755
size_classes
4856
]
4957
end
5058

5159
def secondary_classes
5260
[
53-
"whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-secondary text-secondary-foreground hover:bg-opacity-80",
61+
"whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors bg-secondary text-secondary-foreground",
62+
"hover:bg-opacity-80",
63+
"disabled:pointer-events-none disabled:opacity-50",
64+
"aria-disabled:pointer-events-none aria-disabled:opacity-50",
65+
"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
5466
size_classes
5567
]
5668
end
5769

5870
def destructive_classes
5971
[
60-
"whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
72+
"whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors bg-destructive text-destructive-foreground shadow-sm",
73+
"hover:bg-destructive/90",
74+
"disabled:pointer-events-none disabled:opacity-50",
75+
"aria-disabled:pointer-events-none aria-disabled:opacity-50",
76+
"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
6177
size_classes
6278
]
6379
end
6480

6581
def outline_classes
6682
[
67-
"whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
83+
"whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors border border-input bg-background shadow-sm",
84+
"hover:bg-accent hover:text-accent-foreground",
85+
"disabled:pointer-events-none disabled:opacity-50",
86+
"aria-disabled:pointer-events-none aria-disabled:opacity-50",
87+
"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
6888
size_classes
6989
]
7090
end
7191

7292
def ghost_classes
7393
[
74-
"whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground",
94+
"whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors",
95+
"hover:bg-accent hover:text-accent-foreground",
96+
"disabled:pointer-events-none disabled:opacity-50",
97+
"aria-disabled:pointer-events-none aria-disabled:opacity-50",
98+
"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
7599
size_classes
76100
]
77101
end

0 commit comments

Comments
 (0)