phlexy_ui 0.2.4 → 0.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/lib/phlexy_ui/alert.rb +25 -0
- data/lib/phlexy_ui/avatar.rb +10 -0
- data/lib/phlexy_ui/avatar_group.rb +1 -0
- data/lib/phlexy_ui/badge.rb +43 -0
- data/lib/phlexy_ui/breadcrumbs.rb +1 -0
- data/lib/phlexy_ui/button.rb +70 -0
- data/lib/phlexy_ui/card.rb +57 -2
- data/lib/phlexy_ui/checkbox.rb +34 -0
- data/lib/phlexy_ui/class_list.rb +1 -1
- data/lib/phlexy_ui/collapsible_sub_menu.rb +33 -0
- data/lib/phlexy_ui/drawer.rb +13 -0
- data/lib/phlexy_ui/dropdown.rb +24 -0
- data/lib/phlexy_ui/label.rb +2 -0
- data/lib/phlexy_ui/link.rb +51 -0
- data/lib/phlexy_ui/loading.rb +55 -0
- data/lib/phlexy_ui/mask.rb +64 -0
- data/lib/phlexy_ui/menu.rb +53 -0
- data/lib/phlexy_ui/menu_item.rb +10 -0
- data/lib/phlexy_ui/modal.rb +16 -0
- data/lib/phlexy_ui/navbar.rb +37 -0
- data/lib/phlexy_ui/radial_progress.rb +64 -0
- data/lib/phlexy_ui/skeleton.rb +1 -0
- data/lib/phlexy_ui/tab.rb +1 -0
- data/lib/phlexy_ui/tab_with_content.rb +7 -0
- data/lib/phlexy_ui/tab_without_content.rb +7 -0
- data/lib/phlexy_ui/table.rb +22 -0
- data/lib/phlexy_ui/table_row.rb +36 -0
- data/lib/phlexy_ui/tabs.rb +22 -0
- data/lib/phlexy_ui/tooltip.rb +37 -0
- data/lib/phlexy_ui/updated_at.rb +1 -1
- data/lib/phlexy_ui/version.rb +1 -1
- metadata +6 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: e4e24ec3bd57e85f42626d76d1abf0e757c1d089b7415661687bec77c646e725
|
|
4
|
+
data.tar.gz: 60cada4bd2e57466dcd3f33ef8ba051f18cf773479bd6e3f7b5ba0be1e99461c
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: abbb0b8a9647a909bffc7b793a210aa02c70ad22f302033429cf6446c13abf390948109588fed0dda8eea28e8d1066c7d7a88b9d9fb87c505911349f1be319ca
|
|
7
|
+
data.tar.gz: 0cc6292ddf4d35835fec30e969967330d4447a36c8ec3506534a2980c705098775ef343714bf7712c4db687e3b95c3d840920904055f2d17a24f656f8705b630
|
data/lib/phlexy_ui/alert.rb
CHANGED
|
@@ -9,6 +9,7 @@ module PhlexyUI
|
|
|
9
9
|
|
|
10
10
|
def view_template(&)
|
|
11
11
|
generate_classes!(
|
|
12
|
+
# "alert"
|
|
12
13
|
component_html_class: :alert,
|
|
13
14
|
modifiers_map: modifiers,
|
|
14
15
|
base_modifiers:,
|
|
@@ -22,36 +23,60 @@ module PhlexyUI
|
|
|
22
23
|
|
|
23
24
|
register_modifiers(
|
|
24
25
|
# "sm:alert-info"
|
|
26
|
+
# "@sm:alert-info"
|
|
25
27
|
# "md:alert-info"
|
|
28
|
+
# "@md:alert-info"
|
|
26
29
|
# "lg:alert-info"
|
|
30
|
+
# "@lg:alert-info"
|
|
27
31
|
info: "alert-info",
|
|
28
32
|
# "sm:alert-success"
|
|
33
|
+
# "@sm:alert-success"
|
|
29
34
|
# "md:alert-success"
|
|
35
|
+
# "@md:alert-success"
|
|
30
36
|
# "lg:alert-success"
|
|
37
|
+
# "@lg:alert-success"
|
|
31
38
|
success: "alert-success",
|
|
32
39
|
# "sm:alert-warning"
|
|
40
|
+
# "@sm:alert-warning"
|
|
33
41
|
# "md:alert-warning"
|
|
42
|
+
# "@md:alert-warning"
|
|
34
43
|
# "lg:alert-warning"
|
|
44
|
+
# "@lg:alert-warning"
|
|
35
45
|
warning: "alert-warning",
|
|
36
46
|
# "sm:alert-error"
|
|
47
|
+
# "@sm:alert-error"
|
|
37
48
|
# "md:alert-error"
|
|
49
|
+
# "@md:alert-error"
|
|
38
50
|
# "lg:alert-error"
|
|
51
|
+
# "@lg:alert-error"
|
|
39
52
|
error: "alert-error",
|
|
40
53
|
# "sm:alert-neutral"
|
|
54
|
+
# "@sm:alert-neutral"
|
|
41
55
|
# "md:alert-neutral"
|
|
56
|
+
# "@md:alert-neutral"
|
|
42
57
|
# "lg:alert-neutral"
|
|
58
|
+
# "@lg:alert-neutral"
|
|
43
59
|
neutral: "alert-neutral",
|
|
44
60
|
# "sm:alert-primary"
|
|
61
|
+
# "@sm:alert-primary"
|
|
45
62
|
# "md:alert-primary"
|
|
63
|
+
# "@md:alert-primary"
|
|
46
64
|
# "lg:alert-primary"
|
|
65
|
+
# "@lg:alert-primary"
|
|
47
66
|
primary: "alert-primary",
|
|
48
67
|
# "sm:alert-secondary"
|
|
68
|
+
# "@sm:alert-secondary"
|
|
49
69
|
# "md:alert-secondary"
|
|
70
|
+
# "@md:alert-secondary"
|
|
50
71
|
# "lg:alert-secondary"
|
|
72
|
+
# "@lg:alert-secondary"
|
|
51
73
|
secondary: "alert-secondary",
|
|
52
74
|
# "sm:alert-accent"
|
|
75
|
+
# "@sm:alert-accent"
|
|
53
76
|
# "md:alert-accent"
|
|
77
|
+
# "@md:alert-accent"
|
|
54
78
|
# "lg:alert-accent"
|
|
79
|
+
# "@lg:alert-accent"
|
|
55
80
|
accent: "alert-accent"
|
|
56
81
|
)
|
|
57
82
|
end
|
data/lib/phlexy_ui/avatar.rb
CHANGED
|
@@ -9,6 +9,7 @@ module PhlexyUI
|
|
|
9
9
|
|
|
10
10
|
def view_template(&)
|
|
11
11
|
generate_classes!(
|
|
12
|
+
# "avatar"
|
|
12
13
|
component_html_class: :avatar,
|
|
13
14
|
modifiers_map: modifiers,
|
|
14
15
|
base_modifiers:,
|
|
@@ -22,16 +23,25 @@ module PhlexyUI
|
|
|
22
23
|
|
|
23
24
|
register_modifiers(
|
|
24
25
|
# "sm:online"
|
|
26
|
+
# "@sm:online"
|
|
25
27
|
# "md:online"
|
|
28
|
+
# "@md:online"
|
|
26
29
|
# "lg:online"
|
|
30
|
+
# "@lg:online"
|
|
27
31
|
online: "online",
|
|
28
32
|
# "sm:offline"
|
|
33
|
+
# "@sm:offline"
|
|
29
34
|
# "md:offline"
|
|
35
|
+
# "@md:offline"
|
|
30
36
|
# "lg:offline"
|
|
37
|
+
# "@lg:offline"
|
|
31
38
|
offline: "offline",
|
|
32
39
|
# "sm:placeholder"
|
|
40
|
+
# "@sm:placeholder"
|
|
33
41
|
# "md:placeholder"
|
|
42
|
+
# "@md:placeholder"
|
|
34
43
|
# "lg:placeholder"
|
|
44
|
+
# "@lg:placeholder"
|
|
35
45
|
placeholder: "placeholder"
|
|
36
46
|
)
|
|
37
47
|
end
|
data/lib/phlexy_ui/badge.rb
CHANGED
|
@@ -9,6 +9,7 @@ module PhlexyUI
|
|
|
9
9
|
|
|
10
10
|
def view_template(&)
|
|
11
11
|
generate_classes!(
|
|
12
|
+
# "badge"
|
|
12
13
|
component_html_class: :badge,
|
|
13
14
|
modifiers_map: modifiers,
|
|
14
15
|
base_modifiers:,
|
|
@@ -22,60 +23,102 @@ module PhlexyUI
|
|
|
22
23
|
|
|
23
24
|
register_modifiers(
|
|
24
25
|
# "sm:badge-neutral"
|
|
26
|
+
# "@sm:badge-neutral"
|
|
25
27
|
# "md:badge-neutral"
|
|
28
|
+
# "@md:badge-neutral"
|
|
26
29
|
# "lg:badge-neutral"
|
|
30
|
+
# "@lg:badge-neutral"
|
|
27
31
|
neutral: "badge-neutral",
|
|
28
32
|
# "sm:badge-primary"
|
|
33
|
+
# "@sm:badge-primary"
|
|
29
34
|
# "md:badge-primary"
|
|
35
|
+
# "@md:badge-primary"
|
|
30
36
|
# "lg:badge-primary"
|
|
37
|
+
# "@lg:badge-primary"
|
|
31
38
|
primary: "badge-primary",
|
|
32
39
|
# "sm:badge-secondary"
|
|
40
|
+
# "@sm:badge-secondary"
|
|
33
41
|
# "md:badge-secondary"
|
|
42
|
+
# "@md:badge-secondary"
|
|
34
43
|
# "lg:badge-secondary"
|
|
44
|
+
# "@lg:badge-secondary"
|
|
35
45
|
secondary: "badge-secondary",
|
|
36
46
|
# "sm:badge-accent"
|
|
47
|
+
# "@sm:badge-accent"
|
|
37
48
|
# "md:badge-accent"
|
|
49
|
+
# "@md:badge-accent"
|
|
38
50
|
# "lg:badge-accent"
|
|
51
|
+
# "@lg:badge-accent"
|
|
39
52
|
accent: "badge-accent",
|
|
40
53
|
# "sm:badge-ghost"
|
|
54
|
+
# "@sm:badge-ghost"
|
|
41
55
|
# "md:badge-ghost"
|
|
56
|
+
# "@md:badge-ghost"
|
|
42
57
|
# "lg:badge-ghost"
|
|
58
|
+
# "@lg:badge-ghost"
|
|
43
59
|
ghost: "badge-ghost",
|
|
44
60
|
# "sm:badge-info"
|
|
61
|
+
# "@sm:badge-info"
|
|
45
62
|
# "md:badge-info"
|
|
63
|
+
# "@md:badge-info"
|
|
46
64
|
# "lg:badge-info"
|
|
65
|
+
# "@lg:badge-info"
|
|
47
66
|
info: "badge-info",
|
|
48
67
|
# "sm:badge-success"
|
|
68
|
+
# "@sm:badge-success"
|
|
49
69
|
# "md:badge-success"
|
|
70
|
+
# "@md:badge-success"
|
|
50
71
|
# "lg:badge-success"
|
|
72
|
+
# "@lg:badge-success"
|
|
51
73
|
success: "badge-success",
|
|
52
74
|
# "sm:badge-warning"
|
|
75
|
+
# "@sm:badge-warning"
|
|
53
76
|
# "md:badge-warning"
|
|
77
|
+
# "@md:badge-warning"
|
|
54
78
|
# "lg:badge-warning"
|
|
79
|
+
# "@lg:badge-warning"
|
|
55
80
|
warning: "badge-warning",
|
|
56
81
|
# "sm:badge-error"
|
|
82
|
+
# "@sm:badge-error"
|
|
57
83
|
# "md:badge-error"
|
|
84
|
+
# "@md:badge-error"
|
|
58
85
|
# "lg:badge-error"
|
|
86
|
+
# "@lg:badge-error"
|
|
59
87
|
error: "badge-error",
|
|
60
88
|
# "sm:badge-outline"
|
|
89
|
+
# "@sm:badge-outline"
|
|
61
90
|
# "md:badge-outline"
|
|
91
|
+
# "@md:badge-outline"
|
|
62
92
|
# "lg:badge-outline"
|
|
93
|
+
# "@lg:badge-outline"
|
|
63
94
|
outline: "badge-outline",
|
|
64
95
|
# "sm:badge-lg"
|
|
96
|
+
# "@sm:badge-lg"
|
|
65
97
|
# "md:badge-lg"
|
|
98
|
+
# "@md:badge-lg"
|
|
66
99
|
# "lg:badge-lg"
|
|
100
|
+
# "@lg:badge-lg"
|
|
67
101
|
lg: "badge-lg",
|
|
68
102
|
# "sm:badge-md"
|
|
103
|
+
# "@sm:badge-md"
|
|
69
104
|
# "md:badge-md"
|
|
105
|
+
# "@md:badge-md"
|
|
70
106
|
# "lg:badge-md"
|
|
107
|
+
# "@lg:badge-md"
|
|
71
108
|
md: "badge-md",
|
|
72
109
|
# "sm:badge-sm"
|
|
110
|
+
# "@sm:badge-sm"
|
|
73
111
|
# "md:badge-sm"
|
|
112
|
+
# "@md:badge-sm"
|
|
74
113
|
# "lg:badge-sm"
|
|
114
|
+
# "@lg:badge-sm"
|
|
75
115
|
sm: "badge-sm",
|
|
76
116
|
# "sm:badge-xs"
|
|
117
|
+
# "@sm:badge-xs"
|
|
77
118
|
# "md:badge-xs"
|
|
119
|
+
# "@md:badge-xs"
|
|
78
120
|
# "lg:badge-xs"
|
|
121
|
+
# "@lg:badge-xs"
|
|
79
122
|
xs: "badge-xs"
|
|
80
123
|
)
|
|
81
124
|
end
|
data/lib/phlexy_ui/button.rb
CHANGED
|
@@ -12,6 +12,7 @@ module PhlexyUI
|
|
|
12
12
|
|
|
13
13
|
def view_template(&)
|
|
14
14
|
generate_classes!(
|
|
15
|
+
# "btn"
|
|
15
16
|
component_html_class: :btn,
|
|
16
17
|
modifiers_map: modifiers,
|
|
17
18
|
base_modifiers:,
|
|
@@ -72,97 +73,166 @@ module PhlexyUI
|
|
|
72
73
|
|
|
73
74
|
register_modifiers(
|
|
74
75
|
# "sm:no-animation"
|
|
76
|
+
# "@sm:no-animation"
|
|
75
77
|
# "md:no-animation"
|
|
78
|
+
# "@md:no-animation"
|
|
76
79
|
# "lg:no-animation"
|
|
80
|
+
# "@lg:no-animation"
|
|
77
81
|
no_animation: "no-animation",
|
|
78
82
|
# "sm:glass"
|
|
83
|
+
# "@sm:glass"
|
|
79
84
|
# "md:glass"
|
|
85
|
+
# "@md:glass"
|
|
80
86
|
# "lg:glass"
|
|
87
|
+
# "@lg:glass"
|
|
81
88
|
glass: "glass",
|
|
82
89
|
# "sm:btn-ghost"
|
|
90
|
+
# "@sm:btn-ghost"
|
|
83
91
|
# "md:btn-ghost"
|
|
92
|
+
# "@md:btn-ghost"
|
|
84
93
|
# "lg:btn-ghost"
|
|
94
|
+
# "@lg:btn-ghost"
|
|
85
95
|
ghost: "btn-ghost",
|
|
86
96
|
# "sm:btn-link"
|
|
97
|
+
# "@sm:btn-link"
|
|
87
98
|
# "md:btn-link"
|
|
99
|
+
# "@md:btn-link"
|
|
88
100
|
# "lg:btn-link"
|
|
101
|
+
# "@lg:btn-link"
|
|
89
102
|
link: "btn-link",
|
|
90
103
|
# "sm:btn-outline"
|
|
104
|
+
# "@sm:btn-outline"
|
|
91
105
|
# "md:btn-outline"
|
|
106
|
+
# "@md:btn-outline"
|
|
92
107
|
# "lg:btn-outline"
|
|
108
|
+
# "@lg:btn-outline"
|
|
93
109
|
outline: "btn-outline",
|
|
94
110
|
# "sm:btn-active"
|
|
111
|
+
# "@sm:btn-active"
|
|
95
112
|
# "md:btn-active"
|
|
113
|
+
# "@md:btn-active"
|
|
96
114
|
# "lg:btn-active"
|
|
115
|
+
# "@lg:btn-active"
|
|
97
116
|
active: "btn-active",
|
|
98
117
|
# "sm:btn-disabled"
|
|
118
|
+
# "@sm:btn-disabled"
|
|
99
119
|
# "md:btn-disabled"
|
|
120
|
+
# "@md:btn-disabled"
|
|
100
121
|
# "lg:btn-disabled"
|
|
122
|
+
# "@lg:btn-disabled"
|
|
101
123
|
disabled: "btn-disabled",
|
|
102
124
|
# "sm:btn-lg"
|
|
125
|
+
# "@sm:btn-lg"
|
|
103
126
|
# "md:btn-lg"
|
|
127
|
+
# "@md:btn-lg"
|
|
104
128
|
# "lg:btn-lg"
|
|
129
|
+
# "@lg:btn-lg"
|
|
105
130
|
lg: "btn-lg",
|
|
106
131
|
# "sm:btn-md"
|
|
132
|
+
# "@sm:btn-md"
|
|
107
133
|
# "md:btn-md"
|
|
134
|
+
# "@md:btn-md"
|
|
108
135
|
# "lg:btn-md"
|
|
136
|
+
# "@lg:btn-md"
|
|
109
137
|
md: "btn-md",
|
|
110
138
|
# "sm:btn-sm"
|
|
139
|
+
# "@sm:btn-sm"
|
|
111
140
|
# "md:btn-sm"
|
|
141
|
+
# "@md:btn-sm"
|
|
112
142
|
# "lg:btn-sm"
|
|
143
|
+
# "@lg:btn-sm"
|
|
113
144
|
sm: "btn-sm",
|
|
114
145
|
# "sm:btn-xs"
|
|
146
|
+
# "@sm:btn-xs"
|
|
115
147
|
# "md:btn-xs"
|
|
148
|
+
# "@md:btn-xs"
|
|
116
149
|
# "lg:btn-xs"
|
|
150
|
+
# "@lg:btn-xs"
|
|
117
151
|
xs: "btn-xs",
|
|
118
152
|
# "sm:btn-wide"
|
|
153
|
+
# "@sm:btn-wide"
|
|
119
154
|
# "md:btn-wide"
|
|
155
|
+
# "@md:btn-wide"
|
|
120
156
|
# "lg:btn-wide"
|
|
157
|
+
# "@lg:btn-wide"
|
|
121
158
|
wide: "btn-wide",
|
|
122
159
|
# "sm:btn-block"
|
|
160
|
+
# "@sm:btn-block"
|
|
123
161
|
# "md:btn-block"
|
|
162
|
+
# "@md:btn-block"
|
|
124
163
|
# "lg:btn-block"
|
|
164
|
+
# "@lg:btn-block"
|
|
125
165
|
block: "btn-block",
|
|
126
166
|
# "sm:btn-circle"
|
|
167
|
+
# "@sm:btn-circle"
|
|
127
168
|
# "md:btn-circle"
|
|
169
|
+
# "@md:btn-circle"
|
|
128
170
|
# "lg:btn-circle"
|
|
171
|
+
# "@lg:btn-circle"
|
|
129
172
|
circle: "btn-circle",
|
|
130
173
|
# "sm:btn-square"
|
|
174
|
+
# "@sm:btn-square"
|
|
131
175
|
# "md:btn-square"
|
|
176
|
+
# "@md:btn-square"
|
|
132
177
|
# "lg:btn-square"
|
|
178
|
+
# "@lg:btn-square"
|
|
133
179
|
square: "btn-square",
|
|
134
180
|
# Colors
|
|
135
181
|
# "sm:btn-neutral"
|
|
182
|
+
# "@sm:btn-neutral"
|
|
136
183
|
# "md:btn-neutral"
|
|
184
|
+
# "@md:btn-neutral"
|
|
137
185
|
# "lg:btn-neutral"
|
|
186
|
+
# "@lg:btn-neutral"
|
|
138
187
|
neutral: "btn-neutral",
|
|
139
188
|
# "sm:btn-primary"
|
|
189
|
+
# "@sm:btn-primary"
|
|
140
190
|
# "md:btn-primary"
|
|
191
|
+
# "@md:btn-primary"
|
|
141
192
|
# "lg:btn-primary"
|
|
193
|
+
# "@lg:btn-primary"
|
|
142
194
|
primary: "btn-primary",
|
|
143
195
|
# "sm:btn-secondary"
|
|
196
|
+
# "@sm:btn-secondary"
|
|
144
197
|
# "md:btn-secondary"
|
|
198
|
+
# "@md:btn-secondary"
|
|
145
199
|
# "lg:btn-secondary"
|
|
200
|
+
# "@lg:btn-secondary"
|
|
146
201
|
secondary: "btn-secondary",
|
|
147
202
|
# "sm:btn-accent"
|
|
203
|
+
# "@sm:btn-accent"
|
|
148
204
|
# "md:btn-accent"
|
|
205
|
+
# "@md:btn-accent"
|
|
149
206
|
# "lg:btn-accent"
|
|
207
|
+
# "@lg:btn-accent"
|
|
150
208
|
accent: "btn-accent",
|
|
151
209
|
# "sm:btn-info"
|
|
210
|
+
# "@sm:btn-info"
|
|
152
211
|
# "md:btn-info"
|
|
212
|
+
# "@md:btn-info"
|
|
153
213
|
# "lg:btn-info"
|
|
214
|
+
# "@lg:btn-info"
|
|
154
215
|
info: "btn-info",
|
|
155
216
|
# "sm:btn-success"
|
|
217
|
+
# "@sm:btn-success"
|
|
156
218
|
# "md:btn-success"
|
|
219
|
+
# "@md:btn-success"
|
|
157
220
|
# "lg:btn-success"
|
|
221
|
+
# "@lg:btn-success"
|
|
158
222
|
success: "btn-success",
|
|
159
223
|
# "sm:btn-warning"
|
|
224
|
+
# "@sm:btn-warning"
|
|
160
225
|
# "md:btn-warning"
|
|
226
|
+
# "@md:btn-warning"
|
|
161
227
|
# "lg:btn-warning"
|
|
228
|
+
# "@lg:btn-warning"
|
|
162
229
|
warning: "btn-warning",
|
|
163
230
|
# "sm:btn-error"
|
|
231
|
+
# "@sm:btn-error"
|
|
164
232
|
# "md:btn-error"
|
|
233
|
+
# "@md:btn-error"
|
|
165
234
|
# "lg:btn-error"
|
|
235
|
+
# "@lg:btn-error"
|
|
166
236
|
error: "btn-error"
|
|
167
237
|
).freeze
|
|
168
238
|
end
|
data/lib/phlexy_ui/card.rb
CHANGED
|
@@ -9,6 +9,7 @@ module PhlexyUI
|
|
|
9
9
|
|
|
10
10
|
def view_template(&)
|
|
11
11
|
generate_classes!(
|
|
12
|
+
# "card"
|
|
12
13
|
component_html_class: :card,
|
|
13
14
|
modifiers_map: modifiers,
|
|
14
15
|
base_modifiers:,
|
|
@@ -20,6 +21,7 @@ module PhlexyUI
|
|
|
20
21
|
|
|
21
22
|
def body(**options, &)
|
|
22
23
|
generate_classes!(
|
|
24
|
+
# "card-body"
|
|
23
25
|
component_html_class: :"card-body",
|
|
24
26
|
options:
|
|
25
27
|
).then do |classes|
|
|
@@ -29,6 +31,7 @@ module PhlexyUI
|
|
|
29
31
|
|
|
30
32
|
def title(**options, &)
|
|
31
33
|
generate_classes!(
|
|
34
|
+
# "card-title"
|
|
32
35
|
component_html_class: :"card-title",
|
|
33
36
|
options:
|
|
34
37
|
).then do |classes|
|
|
@@ -38,6 +41,7 @@ module PhlexyUI
|
|
|
38
41
|
|
|
39
42
|
def actions(**options, &)
|
|
40
43
|
generate_classes!(
|
|
44
|
+
# "card-actions"
|
|
41
45
|
component_html_class: :"card-actions",
|
|
42
46
|
options:
|
|
43
47
|
).then do |classes|
|
|
@@ -47,72 +51,123 @@ module PhlexyUI
|
|
|
47
51
|
|
|
48
52
|
register_modifiers(
|
|
49
53
|
# "sm:image-full"
|
|
54
|
+
# "@sm:image-full"
|
|
50
55
|
# "md:image-full"
|
|
56
|
+
# "@md:image-full"
|
|
51
57
|
# "lg:image-full"
|
|
58
|
+
# "@lg:image-full"
|
|
52
59
|
image_full: "image-full",
|
|
53
60
|
# "sm:card-bordered"
|
|
61
|
+
# "@sm:card-bordered"
|
|
54
62
|
# "md:card-bordered"
|
|
63
|
+
# "@md:card-bordered"
|
|
55
64
|
# "lg:card-bordered"
|
|
65
|
+
# "@lg:card-bordered"
|
|
56
66
|
bordered: "card-bordered",
|
|
57
67
|
# "sm:card-normal"
|
|
68
|
+
# "@sm:card-normal"
|
|
58
69
|
# "md:card-normal"
|
|
70
|
+
# "@md:card-normal"
|
|
59
71
|
# "lg:card-normal"
|
|
72
|
+
# "@lg:card-normal"
|
|
60
73
|
normal: "card-normal",
|
|
61
74
|
# "sm:card-compact"
|
|
75
|
+
# "@sm:card-compact"
|
|
62
76
|
# "md:card-compact"
|
|
77
|
+
# "@md:card-compact"
|
|
63
78
|
# "lg:card-compact"
|
|
79
|
+
# "@lg:card-compact"
|
|
64
80
|
compact: "card-compact",
|
|
65
81
|
# "sm:card-side"
|
|
82
|
+
# "@sm:card-side"
|
|
66
83
|
# "md:card-side"
|
|
84
|
+
# "@md:card-side"
|
|
67
85
|
# "lg:card-side"
|
|
86
|
+
# "@lg:card-side"
|
|
68
87
|
side: "card-side",
|
|
69
88
|
# "sm:glass"
|
|
89
|
+
# "@sm:glass"
|
|
70
90
|
# "md:glass"
|
|
91
|
+
# "@md:glass"
|
|
71
92
|
# "lg:glass"
|
|
93
|
+
# "@lg:glass"
|
|
72
94
|
glass: "glass",
|
|
73
95
|
# "sm:bg-primary sm:text-primary-content"
|
|
96
|
+
# "@sm:bg-primary @sm:text-primary-content"
|
|
74
97
|
# "md:bg-primary md:text-primary-content"
|
|
98
|
+
# "@md:bg-primary @md:text-primary-content"
|
|
75
99
|
# "lg:bg-primary lg:text-primary-content"
|
|
100
|
+
# "@lg:bg-primary @lg:text-primary-content"
|
|
76
101
|
primary: "bg-primary text-primary-content",
|
|
77
102
|
# "sm:bg-secondary sm:text-secondary-content"
|
|
103
|
+
# "@sm:bg-secondary @sm:text-secondary-content"
|
|
78
104
|
# "md:bg-secondary md:text-secondary-content"
|
|
105
|
+
# "@md:bg-secondary @md:text-secondary-content"
|
|
79
106
|
# "lg:bg-secondary lg:text-secondary-content"
|
|
107
|
+
# "@lg:bg-secondary @lg:text-secondary-content"
|
|
80
108
|
secondary: "bg-secondary text-secondary-content",
|
|
81
109
|
# "sm:bg-accent sm:text-accent-content"
|
|
110
|
+
# "@sm:bg-accent @sm:text-accent-content"
|
|
82
111
|
# "md:bg-accent md:text-accent-content"
|
|
112
|
+
# "@md:bg-accent @md:text-accent-content"
|
|
83
113
|
# "lg:bg-accent lg:text-accent-content"
|
|
114
|
+
# "@lg:bg-accent @lg:text-accent-content"
|
|
84
115
|
accent: "bg-accent text-accent-content",
|
|
85
116
|
# "sm:bg-neutral sm:text-neutral-content"
|
|
117
|
+
# "@sm:bg-neutral @sm:text-neutral-content"
|
|
86
118
|
# "md:bg-neutral md:text-neutral-content"
|
|
119
|
+
# "@md:bg-neutral @md:text-neutral-content"
|
|
87
120
|
# "lg:bg-neutral lg:text-neutral-content"
|
|
121
|
+
# "@lg:bg-neutral @lg:text-neutral-content"
|
|
88
122
|
neutral: "bg-neutral text-neutral-content",
|
|
89
123
|
# "sm:bg-base-100 sm:text-base-content"
|
|
124
|
+
# "@sm:bg-base-100 @sm:text-base-content"
|
|
90
125
|
# "md:bg-base-100 md:text-base-content"
|
|
126
|
+
# "@md:bg-base-100 @md:text-base-content"
|
|
91
127
|
# "lg:bg-base-100 lg:text-base-content"
|
|
128
|
+
# "@lg:bg-base-100 @lg:text-base-content"
|
|
92
129
|
base_100: "bg-base-100 text-base-content",
|
|
93
130
|
# "sm:bg-base-200 sm:text-base-content"
|
|
131
|
+
# "@sm:bg-base-200 @sm:text-base-content"
|
|
94
132
|
# "md:bg-base-200 md:text-base-content"
|
|
133
|
+
# "@md:bg-base-200 @md:text-base-content"
|
|
95
134
|
# "lg:bg-base-200 lg:text-base-content"
|
|
135
|
+
# "@lg:bg-base-200 @lg:text-base-content"
|
|
96
136
|
base_200: "bg-base-200 text-base-content",
|
|
97
137
|
# "sm:bg-base-300 sm:text-base-content"
|
|
138
|
+
# "@sm:bg-base-300 @sm:text-base-content"
|
|
98
139
|
# "md:bg-base-300 md:text-base-content"
|
|
140
|
+
# "@md:bg-base-300 @md:text-base-content"
|
|
99
141
|
# "lg:bg-base-300 lg:text-base-content"
|
|
142
|
+
# "@lg:bg-base-300 @lg:text-base-content"
|
|
100
143
|
base_300: "bg-base-300 text-base-content",
|
|
101
144
|
# "sm:bg-info sm:text-info-content"
|
|
102
|
-
# "
|
|
103
|
-
# "
|
|
145
|
+
# "@sm:bg-info @sm:text-info-content"
|
|
146
|
+
# "md:bg-info md:text-info-content"
|
|
147
|
+
# "@md:bg-info @md:text-info-content"
|
|
148
|
+
# "lg:bg-info lg:text-info-content"
|
|
149
|
+
# "@lg:bg-info @lg:text-info-content"
|
|
104
150
|
info: "bg-info text-info-content",
|
|
105
151
|
# "sm:bg-success sm:text-success-content"
|
|
152
|
+
# "@sm:bg-success @sm:text-success-content"
|
|
106
153
|
# "md:bg-success md:text-success-content"
|
|
154
|
+
# "@md:bg-success @md:text-success-content"
|
|
107
155
|
# "lg:bg-success lg:text-success-content"
|
|
156
|
+
# "@lg:bg-success @lg:text-success-content"
|
|
108
157
|
success: "bg-success text-success-content",
|
|
109
158
|
# "sm:bg-warning sm:text-warning-content"
|
|
159
|
+
# "@sm:bg-warning @sm:text-warning-content"
|
|
110
160
|
# "md:bg-warning md:text-warning-content"
|
|
161
|
+
# "@md:bg-warning @md:text-warning-content"
|
|
111
162
|
# "lg:bg-warning lg:text-warning-content"
|
|
163
|
+
# "@lg:bg-warning @lg:text-warning-content"
|
|
112
164
|
warning: "bg-warning text-warning-content",
|
|
113
165
|
# "sm:bg-error sm:text-error-content"
|
|
166
|
+
# "@sm:bg-error @sm:text-error-content"
|
|
114
167
|
# "md:bg-error md:text-error-content"
|
|
168
|
+
# "@md:bg-error @md:text-error-content"
|
|
115
169
|
# "lg:bg-error lg:text-error-content"
|
|
170
|
+
# "@lg:bg-error @lg:text-error-content"
|
|
116
171
|
error: "bg-error text-error-content"
|
|
117
172
|
)
|
|
118
173
|
end
|
data/lib/phlexy_ui/checkbox.rb
CHANGED
|
@@ -6,6 +6,7 @@ module PhlexyUI
|
|
|
6
6
|
attributes = generate_attributes(base_modifiers, options, ATTRIBUTES_MAP)
|
|
7
7
|
|
|
8
8
|
generate_classes!(
|
|
9
|
+
# "checkbox"
|
|
9
10
|
component_html_class: :checkbox,
|
|
10
11
|
modifiers_map: modifiers,
|
|
11
12
|
base_modifiers:,
|
|
@@ -30,48 +31,81 @@ module PhlexyUI
|
|
|
30
31
|
|
|
31
32
|
register_modifiers(
|
|
32
33
|
# "sm:checkbox-primary"
|
|
34
|
+
# "@sm:checkbox-primary"
|
|
33
35
|
# "md:checkbox-primary"
|
|
36
|
+
# "@md:checkbox-primary"
|
|
34
37
|
# "lg:checkbox-primary"
|
|
38
|
+
# "@lg:checkbox-primary"
|
|
35
39
|
primary: "checkbox-primary",
|
|
36
40
|
# "sm:checkbox-secondary"
|
|
41
|
+
# "@sm:checkbox-secondary"
|
|
37
42
|
# "md:checkbox-secondary"
|
|
43
|
+
# "@md:checkbox-secondary"
|
|
38
44
|
# "lg:checkbox-secondary"
|
|
45
|
+
# "@lg:checkbox-secondary"
|
|
39
46
|
secondary: "checkbox-secondary",
|
|
40
47
|
# "sm:checkbox-accent"
|
|
48
|
+
# "@sm:checkbox-accent"
|
|
41
49
|
# "md:checkbox-accent"
|
|
50
|
+
# "@md:checkbox-accent"
|
|
42
51
|
# "lg:checkbox-accent"
|
|
52
|
+
# "@lg:checkbox-accent"
|
|
43
53
|
accent: "checkbox-accent",
|
|
44
54
|
# "sm:checkbox-success"
|
|
55
|
+
# "@sm:checkbox-success"
|
|
45
56
|
# "md:checkbox-success"
|
|
57
|
+
# "@md:checkbox-success"
|
|
46
58
|
# "lg:checkbox-success"
|
|
59
|
+
# "@lg:checkbox-success"
|
|
47
60
|
success: "checkbox-success",
|
|
48
61
|
# "sm:checkbox-warning"
|
|
62
|
+
# "@sm:checkbox-warning"
|
|
49
63
|
# "md:checkbox-warning"
|
|
64
|
+
# "@md:checkbox-warning"
|
|
50
65
|
# "lg:checkbox-warning"
|
|
66
|
+
# "@lg:checkbox-warning"
|
|
51
67
|
warning: "checkbox-warning",
|
|
52
68
|
# "sm:checkbox-info"
|
|
69
|
+
# "@sm:checkbox-info"
|
|
53
70
|
# "md:checkbox-info"
|
|
71
|
+
# "@md:checkbox-info"
|
|
54
72
|
# "lg:checkbox-info"
|
|
73
|
+
# "@lg:checkbox-info"
|
|
55
74
|
info: "checkbox-info",
|
|
56
75
|
# "sm:checkbox-error"
|
|
76
|
+
# "@sm:checkbox-error"
|
|
57
77
|
# "md:checkbox-error"
|
|
78
|
+
# "@md:checkbox-error"
|
|
58
79
|
# "lg:checkbox-error"
|
|
80
|
+
# "@lg:checkbox-error"
|
|
59
81
|
error: "checkbox-error",
|
|
60
82
|
# "sm:checkbox-lg"
|
|
83
|
+
# "@sm:checkbox-lg"
|
|
61
84
|
# "md:checkbox-lg"
|
|
85
|
+
# "@md:checkbox-lg"
|
|
62
86
|
# "lg:checkbox-lg"
|
|
87
|
+
# "@lg:checkbox-lg"
|
|
63
88
|
lg: "checkbox-lg",
|
|
64
89
|
# "sm:checkbox-md"
|
|
90
|
+
# "@sm:checkbox-md"
|
|
65
91
|
# "md:checkbox-md"
|
|
92
|
+
# "@md:checkbox-md"
|
|
66
93
|
# "lg:checkbox-md"
|
|
94
|
+
# "@lg:checkbox-md"
|
|
67
95
|
md: "checkbox-md",
|
|
68
96
|
# "sm:checkbox-sm"
|
|
97
|
+
# "@sm:checkbox-sm"
|
|
69
98
|
# "md:checkbox-sm"
|
|
99
|
+
# "@md:checkbox-sm"
|
|
70
100
|
# "lg:checkbox-sm"
|
|
101
|
+
# "@lg:checkbox-sm"
|
|
71
102
|
sm: "checkbox-sm",
|
|
72
103
|
# "sm:checkbox-xs"
|
|
104
|
+
# "@sm:checkbox-xs"
|
|
73
105
|
# "md:checkbox-xs"
|
|
106
|
+
# "@md:checkbox-xs"
|
|
74
107
|
# "lg:checkbox-xs"
|
|
108
|
+
# "@lg:checkbox-xs"
|
|
75
109
|
xs: "checkbox-xs"
|
|
76
110
|
)
|
|
77
111
|
end
|