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
data/lib/phlexy_ui/menu.rb
CHANGED
@@ -4,6 +4,7 @@ module PhlexyUI
|
|
4
4
|
class Menu < Base
|
5
5
|
def view_template(&)
|
6
6
|
generate_classes!(
|
7
|
+
# "menu"
|
7
8
|
component_html_class: :menu,
|
8
9
|
modifiers_map: modifiers,
|
9
10
|
base_modifiers:,
|
@@ -15,6 +16,7 @@ module PhlexyUI
|
|
15
16
|
|
16
17
|
def title(*, as: :li, **options, &)
|
17
18
|
generate_classes!(
|
19
|
+
# "menu-title"
|
18
20
|
component_html_class: :"menu-title",
|
19
21
|
options:
|
20
22
|
).then do |classes|
|
@@ -42,72 +44,123 @@ module PhlexyUI
|
|
42
44
|
|
43
45
|
register_modifiers(
|
44
46
|
# "sm:menu-xs"
|
47
|
+
# "@sm:menu-xs"
|
45
48
|
# "md:menu-xs"
|
49
|
+
# "@md:menu-xs"
|
46
50
|
# "lg:menu-xs"
|
51
|
+
# "@lg:menu-xs"
|
47
52
|
xs: "menu-xs",
|
48
53
|
# "sm:menu-sm"
|
54
|
+
# "@sm:menu-sm"
|
49
55
|
# "md:menu-sm"
|
56
|
+
# "@md:menu-sm"
|
50
57
|
# "lg:menu-sm"
|
58
|
+
# "@lg:menu-sm"
|
51
59
|
sm: "menu-sm",
|
52
60
|
# "sm:menu-md"
|
61
|
+
# "@sm:menu-md"
|
53
62
|
# "md:menu-md"
|
63
|
+
# "@md:menu-md"
|
54
64
|
# "lg:menu-md"
|
65
|
+
# "@lg:menu-md"
|
55
66
|
md: "menu-md",
|
56
67
|
# "sm:menu-lg"
|
68
|
+
# "@sm:menu-lg"
|
57
69
|
# "md:menu-lg"
|
70
|
+
# "@md:menu-lg"
|
58
71
|
# "lg:menu-lg"
|
72
|
+
# "@lg:menu-lg"
|
59
73
|
lg: "menu-lg",
|
60
74
|
# "sm:menu-vertical"
|
75
|
+
# "@sm:menu-vertical"
|
61
76
|
# "md:menu-vertical"
|
77
|
+
# "@md:menu-vertical"
|
62
78
|
# "lg:menu-vertical"
|
79
|
+
# "@lg:menu-vertical"
|
63
80
|
vertical: "menu-vertical",
|
64
81
|
# "sm:menu-horizontal"
|
82
|
+
# "@sm:menu-horizontal"
|
65
83
|
# "md:menu-horizontal"
|
84
|
+
# "@md:menu-horizontal"
|
66
85
|
# "lg:menu-horizontal"
|
86
|
+
# "@lg:menu-horizontal"
|
67
87
|
horizontal: "menu-horizontal",
|
68
88
|
# "sm:bg-primary sm:text-primary-content"
|
89
|
+
# "@sm:bg-primary @sm:text-primary-content"
|
69
90
|
# "md:bg-primary md:text-primary-content"
|
91
|
+
# "@md:bg-primary @md:text-primary-content"
|
70
92
|
# "lg:bg-primary lg:text-primary-content"
|
93
|
+
# "@lg:bg-primary @lg:text-primary-content"
|
71
94
|
primary: "bg-primary text-primary-content",
|
72
95
|
# "sm:bg-secondary sm:text-secondary-content"
|
96
|
+
# "@sm:bg-secondary @sm:text-secondary-content"
|
73
97
|
# "md:bg-secondary md:text-secondary-content"
|
98
|
+
# "@md:bg-secondary @md:text-secondary-content"
|
74
99
|
# "lg:bg-secondary lg:text-secondary-content"
|
100
|
+
# "@lg:bg-secondary @lg:text-secondary-content"
|
75
101
|
secondary: "bg-secondary text-secondary-content",
|
76
102
|
# "sm:bg-accent sm:text-accent-content"
|
103
|
+
# "@sm:bg-accent @sm:text-accent-content"
|
77
104
|
# "md:bg-accent md:text-accent-content"
|
105
|
+
# "@md:bg-accent @md:text-accent-content"
|
78
106
|
# "lg:bg-accent lg:text-accent-content"
|
107
|
+
# "@lg:bg-accent @lg:text-accent-content"
|
79
108
|
accent: "bg-accent text-accent-content",
|
80
109
|
# "sm:bg-neutral sm:text-neutral-content"
|
110
|
+
# "@sm:bg-neutral @sm:text-neutral-content"
|
81
111
|
# "md:bg-neutral md:text-neutral-content"
|
112
|
+
# "@md:bg-neutral @md:text-neutral-content"
|
82
113
|
# "lg:bg-neutral lg:text-neutral-content"
|
114
|
+
# "@lg:bg-neutral @lg:text-neutral-content"
|
83
115
|
neutral: "bg-neutral text-neutral-content",
|
84
116
|
# "sm:bg-base-100 sm:text-base-content"
|
117
|
+
# "@sm:bg-base-100 @sm:text-base-content"
|
85
118
|
# "md:bg-base-100 md:text-base-content"
|
119
|
+
# "@md:bg-base-100 @md:text-base-content"
|
86
120
|
# "lg:bg-base-100 lg:text-base-content"
|
121
|
+
# "@lg:bg-base-100 @lg:text-base-content"
|
87
122
|
base_100: "bg-base-100 text-base-content",
|
88
123
|
# "sm:bg-base-200 sm:text-base-content"
|
124
|
+
# "@sm:bg-base-200 @sm:text-base-content"
|
89
125
|
# "md:bg-base-200 md:text-base-content"
|
126
|
+
# "@md:bg-base-200 @md:text-base-content"
|
90
127
|
# "lg:bg-base-200 lg:text-base-content"
|
128
|
+
# "@lg:bg-base-200 @lg:text-base-content"
|
91
129
|
base_200: "bg-base-200 text-base-content",
|
92
130
|
# "sm:bg-base-300 sm:text-base-content"
|
131
|
+
# "@sm:bg-base-300 @sm:text-base-content"
|
93
132
|
# "md:bg-base-300 md:text-base-content"
|
133
|
+
# "@md:bg-base-300 @md:text-base-content"
|
94
134
|
# "lg:bg-base-300 lg:text-base-content"
|
135
|
+
# "@lg:bg-base-300 @lg:text-base-content"
|
95
136
|
base_300: "bg-base-300 text-base-content",
|
96
137
|
# "sm:bg-info sm:text-info-content"
|
138
|
+
# "@sm:bg-info @sm:text-info-content"
|
97
139
|
# "md:bg-info sm:text-info-content"
|
140
|
+
# "@md:bg-info @sm:text-info-content"
|
98
141
|
# "lg:bg-info sm:text-info-content"
|
142
|
+
# "@lg:bg-info @sm:text-info-content"
|
99
143
|
info: "bg-info text-info-content",
|
100
144
|
# "sm:bg-success sm:text-success-content"
|
145
|
+
# "@sm:bg-success @sm:text-success-content"
|
101
146
|
# "md:bg-success md:text-success-content"
|
147
|
+
# "@md:bg-success @md:text-success-content"
|
102
148
|
# "lg:bg-success lg:text-success-content"
|
149
|
+
# "@lg:bg-success @lg:text-success-content"
|
103
150
|
success: "bg-success text-success-content",
|
104
151
|
# "sm:bg-warning sm:text-warning-content"
|
152
|
+
# "@sm:bg-warning @sm:text-warning-content"
|
105
153
|
# "md:bg-warning md:text-warning-content"
|
154
|
+
# "@md:bg-warning @md:text-warning-content"
|
106
155
|
# "lg:bg-warning lg:text-warning-content"
|
156
|
+
# "@lg:bg-warning @lg:text-warning-content"
|
107
157
|
warning: "bg-warning text-warning-content",
|
108
158
|
# "sm:bg-error sm:text-error-content"
|
159
|
+
# "@sm:bg-error @sm:text-error-content"
|
109
160
|
# "md:bg-error md:text-error-content"
|
161
|
+
# "@md:bg-error @md:text-error-content"
|
110
162
|
# "lg:bg-error lg:text-error-content"
|
163
|
+
# "@lg:bg-error @lg:text-error-content"
|
111
164
|
error: "bg-error text-error-content"
|
112
165
|
)
|
113
166
|
end
|
data/lib/phlexy_ui/menu_item.rb
CHANGED
@@ -15,6 +15,7 @@ module PhlexyUI
|
|
15
15
|
|
16
16
|
def title(*, **options, &block)
|
17
17
|
generate_classes!(
|
18
|
+
# "menu-title"
|
18
19
|
component_html_class: :"menu-title",
|
19
20
|
options:
|
20
21
|
).then do |classes|
|
@@ -34,16 +35,25 @@ module PhlexyUI
|
|
34
35
|
|
35
36
|
register_modifiers(
|
36
37
|
# "sm:disabled"
|
38
|
+
# "@sm:disabled"
|
37
39
|
# "md:disabled"
|
40
|
+
# "@md:disabled"
|
38
41
|
# "lg:disabled"
|
42
|
+
# "@lg:disabled"
|
39
43
|
disabled: "disabled",
|
40
44
|
# "sm:active"
|
45
|
+
# "@sm:active"
|
41
46
|
# "md:active"
|
47
|
+
# "@md:active"
|
42
48
|
# "lg:active"
|
49
|
+
# "@lg:active"
|
43
50
|
active: "active",
|
44
51
|
# "sm:focus"
|
52
|
+
# "@sm:focus"
|
45
53
|
# "md:focus"
|
54
|
+
# "@md:focus"
|
46
55
|
# "lg:focus"
|
56
|
+
# "@lg:focus"
|
47
57
|
focus: "focus"
|
48
58
|
)
|
49
59
|
end
|
data/lib/phlexy_ui/modal.rb
CHANGED
@@ -9,6 +9,7 @@ module PhlexyUI
|
|
9
9
|
|
10
10
|
def view_template(&)
|
11
11
|
generate_classes!(
|
12
|
+
# "modal"
|
12
13
|
component_html_class: :modal,
|
13
14
|
modifiers_map: modifiers,
|
14
15
|
base_modifiers:,
|
@@ -20,6 +21,7 @@ module PhlexyUI
|
|
20
21
|
|
21
22
|
def body(*, as: :div, **options, &)
|
22
23
|
generate_classes!(
|
24
|
+
# "modal-box"
|
23
25
|
component_html_class: :"modal-box",
|
24
26
|
options:
|
25
27
|
).then do |classes|
|
@@ -34,6 +36,7 @@ module PhlexyUI
|
|
34
36
|
|
35
37
|
def action(*, as: :div, **options, &)
|
36
38
|
generate_classes!(
|
39
|
+
# "modal-action"
|
37
40
|
component_html_class: :"modal-action",
|
38
41
|
options:
|
39
42
|
).then do |classes|
|
@@ -43,6 +46,7 @@ module PhlexyUI
|
|
43
46
|
|
44
47
|
def backdrop(*, **options, &)
|
45
48
|
generate_classes!(
|
49
|
+
# "modal-backdrop"
|
46
50
|
component_html_class: :"modal-backdrop",
|
47
51
|
options:
|
48
52
|
).then do |classes|
|
@@ -62,20 +66,32 @@ module PhlexyUI
|
|
62
66
|
|
63
67
|
register_modifiers(
|
64
68
|
# "sm:modal-open"
|
69
|
+
# "@sm:modal-open"
|
65
70
|
# "md:modal-open"
|
71
|
+
# "@md:modal-open"
|
66
72
|
# "lg:modal-open"
|
73
|
+
# "@lg:modal-open"
|
67
74
|
open: "modal-open",
|
68
75
|
# "sm:modal-top"
|
76
|
+
# "@sm:modal-top"
|
69
77
|
# "md:modal-top"
|
78
|
+
# "@md:modal-top"
|
70
79
|
# "lg:modal-top"
|
80
|
+
# "@lg:modal-top"
|
71
81
|
top: "modal-top",
|
72
82
|
# "sm:modal-bottom"
|
83
|
+
# "@sm:modal-bottom"
|
73
84
|
# "md:modal-bottom"
|
85
|
+
# "@md:modal-bottom"
|
74
86
|
# "lg:modal-bottom"
|
87
|
+
# "@lg:modal-bottom"
|
75
88
|
bottom: "modal-bottom",
|
76
89
|
# "sm:modal-middle"
|
90
|
+
# "@sm:modal-middle"
|
77
91
|
# "md:modal-middle"
|
92
|
+
# "@md:modal-middle"
|
78
93
|
# "lg:modal-middle"
|
94
|
+
# "@lg:modal-middle"
|
79
95
|
middle: "modal-middle"
|
80
96
|
)
|
81
97
|
end
|
data/lib/phlexy_ui/navbar.rb
CHANGED
@@ -9,6 +9,7 @@ module PhlexyUI
|
|
9
9
|
|
10
10
|
def view_template(&)
|
11
11
|
generate_classes!(
|
12
|
+
# "navbar"
|
12
13
|
component_html_class: :navbar,
|
13
14
|
modifiers_map: modifiers,
|
14
15
|
base_modifiers:,
|
@@ -20,6 +21,7 @@ module PhlexyUI
|
|
20
21
|
|
21
22
|
def start(*, as: :div, **options, &)
|
22
23
|
generate_classes!(
|
24
|
+
# "navbar-start"
|
23
25
|
component_html_class: :"navbar-start",
|
24
26
|
options:
|
25
27
|
).then do |classes|
|
@@ -29,6 +31,7 @@ module PhlexyUI
|
|
29
31
|
|
30
32
|
def center(*, as: :div, **options, &)
|
31
33
|
generate_classes!(
|
34
|
+
# "navbar-center"
|
32
35
|
component_html_class: :"navbar-center",
|
33
36
|
options:
|
34
37
|
).then do |classes|
|
@@ -38,6 +41,7 @@ module PhlexyUI
|
|
38
41
|
|
39
42
|
def end(*, as: :div, **options, &)
|
40
43
|
generate_classes!(
|
44
|
+
# "navbar-end"
|
41
45
|
component_html_class: :"navbar-end",
|
42
46
|
options:
|
43
47
|
).then do |classes|
|
@@ -47,48 +51,81 @@ module PhlexyUI
|
|
47
51
|
|
48
52
|
register_modifiers(
|
49
53
|
# "sm:bg-primary sm:text-primary-content"
|
54
|
+
# "@sm:bg-primary @sm:text-primary-content"
|
50
55
|
# "md:bg-primary md:text-primary-content"
|
56
|
+
# "@md:bg-primary @md:text-primary-content"
|
51
57
|
# "lg:bg-primary lg:text-primary-content"
|
58
|
+
# "@lg:bg-primary @lg:text-primary-content"
|
52
59
|
primary: "bg-primary text-primary-content",
|
53
60
|
# "sm:bg-secondary sm:text-secondary-content"
|
61
|
+
# "@sm:bg-secondary @sm:text-secondary-content"
|
54
62
|
# "md:bg-secondary md:text-secondary-content"
|
63
|
+
# "@md:bg-secondary @md:text-secondary-content"
|
55
64
|
# "lg:bg-secondary lg:text-secondary-content"
|
65
|
+
# "@lg:bg-secondary @lg:text-secondary-content"
|
56
66
|
secondary: "bg-secondary text-secondary-content",
|
57
67
|
# "sm:bg-accent sm:text-accent-content"
|
68
|
+
# "@sm:bg-accent @sm:text-accent-content"
|
58
69
|
# "md:bg-accent md:text-accent-content"
|
70
|
+
# "@md:bg-accent @md:text-accent-content"
|
59
71
|
# "lg:bg-accent lg:text-accent-content"
|
72
|
+
# "@lg:bg-accent @lg:text-accent-content"
|
60
73
|
accent: "bg-accent text-accent-content",
|
61
74
|
# "sm:bg-neutral sm:text-neutral-content"
|
75
|
+
# "@sm:bg-neutral @sm:text-neutral-content"
|
62
76
|
# "md:bg-neutral md:text-neutral-content"
|
77
|
+
# "@md:bg-neutral @md:text-neutral-content"
|
63
78
|
# "lg:bg-neutral lg:text-neutral-content"
|
79
|
+
# "@lg:bg-neutral @lg:text-neutral-content"
|
64
80
|
neutral: "bg-neutral text-neutral-content",
|
65
81
|
# "sm:bg-base-100 sm:text-base-content"
|
82
|
+
# "@sm:bg-base-100 @sm:text-base-content"
|
66
83
|
# "md:bg-base-100 md:text-base-content"
|
84
|
+
# "@md:bg-base-100 @md:text-base-content"
|
67
85
|
# "lg:bg-base-100 lg:text-base-content"
|
86
|
+
# "@lg:bg-base-100 @lg:text-base-content"
|
68
87
|
base_100: "bg-base-100 text-base-content",
|
69
88
|
# "sm:bg-base-200 sm:text-base-content"
|
89
|
+
# "@sm:bg-base-200 @sm:text-base-content"
|
70
90
|
# "md:bg-base-200 md:text-base-content"
|
91
|
+
# "@md:bg-base-200 @md:text-base-content"
|
71
92
|
# "lg:bg-base-200 lg:text-base-content"
|
93
|
+
# "@lg:bg-base-200 @lg:text-base-content"
|
72
94
|
base_200: "bg-base-200 text-base-content",
|
73
95
|
# "sm:bg-base-300 sm:text-base-content"
|
96
|
+
# "@sm:bg-base-300 @sm:text-base-content"
|
74
97
|
# "md:bg-base-300 md:text-base-content"
|
98
|
+
# "@md:bg-base-300 @md:text-base-content"
|
75
99
|
# "lg:bg-base-300 lg:text-base-content"
|
100
|
+
# "@lg:bg-base-300 @lg:text-base-content"
|
76
101
|
base_300: "bg-base-300 text-base-content",
|
77
102
|
# "sm:bg-info sm:text-info-content"
|
103
|
+
# "@sm:bg-info @sm:text-info-content"
|
78
104
|
# "md:bg-info sm:text-info-content"
|
105
|
+
# "@md:bg-info @sm:text-info-content"
|
79
106
|
# "lg:bg-info sm:text-info-content"
|
107
|
+
# "@lg:bg-info @sm:text-info-content"
|
80
108
|
info: "bg-info text-info-content",
|
81
109
|
# "sm:bg-success sm:text-success-content"
|
110
|
+
# "@sm:bg-success @sm:text-success-content"
|
82
111
|
# "md:bg-success md:text-success-content"
|
112
|
+
# "@md:bg-success @md:text-success-content"
|
83
113
|
# "lg:bg-success lg:text-success-content"
|
114
|
+
# "@lg:bg-success @lg:text-success-content"
|
84
115
|
success: "bg-success text-success-content",
|
85
116
|
# "sm:bg-warning sm:text-warning-content"
|
117
|
+
# "@sm:bg-warning @sm:text-warning-content"
|
86
118
|
# "md:bg-warning md:text-warning-content"
|
119
|
+
# "@md:bg-warning @md:text-warning-content"
|
87
120
|
# "lg:bg-warning lg:text-warning-content"
|
121
|
+
# "@lg:bg-warning @lg:text-warning-content"
|
88
122
|
warning: "bg-warning text-warning-content",
|
89
123
|
# "sm:bg-error sm:text-error-content"
|
124
|
+
# "@sm:bg-error @sm:text-error-content"
|
90
125
|
# "md:bg-error md:text-error-content"
|
126
|
+
# "@md:bg-error @md:text-error-content"
|
91
127
|
# "lg:bg-error lg:text-error-content"
|
128
|
+
# "@lg:bg-error @lg:text-error-content"
|
92
129
|
error: "bg-error text-error-content"
|
93
130
|
)
|
94
131
|
end
|
@@ -12,6 +12,7 @@ module PhlexyUI
|
|
12
12
|
|
13
13
|
def view_template(&)
|
14
14
|
generate_classes!(
|
15
|
+
# "radial-progress"
|
15
16
|
component_html_class: :"radial-progress",
|
16
17
|
modifiers_map: modifiers,
|
17
18
|
base_modifiers:,
|
@@ -51,88 +52,151 @@ module PhlexyUI
|
|
51
52
|
|
52
53
|
register_modifiers(
|
53
54
|
# "sm:bg-primary sm:text-primary-content border-primary"
|
55
|
+
# "@sm:bg-primary @sm:text-primary-content @sm:border-primary"
|
54
56
|
# "md:bg-primary md:text-primary-content border-primary"
|
57
|
+
# "@md:bg-primary @md:text-primary-content @md:border-primary"
|
55
58
|
# "lg:bg-primary lg:text-primary-content border-primary"
|
59
|
+
# "@lg:bg-primary @lg:text-primary-content @lg:border-primary"
|
56
60
|
primary: "bg-primary text-primary-content border-primary",
|
57
61
|
# "sm:text-primary"
|
62
|
+
# "@sm:text-primary"
|
58
63
|
# "md:text-primary"
|
64
|
+
# "@md:text-primary"
|
59
65
|
# "lg:text-primary"
|
66
|
+
# "@lg:text-primary"
|
60
67
|
primary_outline: "text-primary",
|
61
68
|
# "sm:bg-secondary sm:text-secondary-content border-secondary"
|
69
|
+
# "@sm:bg-secondary @sm:text-secondary-content @sm:border-secondary"
|
62
70
|
# "md:bg-secondary md:text-secondary-content border-secondary"
|
71
|
+
# "@md:bg-secondary @md:text-secondary-content @md:border-secondary"
|
63
72
|
# "lg:bg-secondary lg:text-secondary-content border-secondary"
|
73
|
+
# "@lg:bg-secondary @lg:text-secondary-content @lg:border-secondary"
|
64
74
|
secondary: "bg-secondary text-secondary-content border-secondary",
|
65
75
|
# "sm:text-secondary"
|
76
|
+
# "@sm:text-secondary"
|
66
77
|
# "md:text-secondary"
|
78
|
+
# "@md:text-secondary"
|
67
79
|
# "lg:text-secondary"
|
80
|
+
# "@lg:text-secondary"
|
68
81
|
secondary_outline: "text-secondary",
|
69
82
|
# "sm:bg-accent sm:text-accent-content border-accent"
|
83
|
+
# "@sm:bg-accent @sm:text-accent-content @sm:border-accent"
|
70
84
|
# "md:bg-accent md:text-accent-content border-accent"
|
85
|
+
# "@md:bg-accent @md:text-accent-content @md:border-accent"
|
71
86
|
# "lg:bg-accent lg:text-accent-content border-accent"
|
87
|
+
# "@lg:bg-accent @lg:text-accent-content @lg:border-accent"
|
72
88
|
accent: "bg-accent text-accent-content border-accent",
|
73
89
|
# "sm:text-accent"
|
90
|
+
# "@sm:text-accent"
|
74
91
|
# "md:text-accent"
|
92
|
+
# "@md:text-accent"
|
75
93
|
# "lg:text-accent"
|
94
|
+
# "@lg:text-accent"
|
76
95
|
accent_outline: "text-accent",
|
77
96
|
# "sm:bg-neutral sm:text-neutral-content border-neutral"
|
97
|
+
# "@sm:bg-neutral @sm:text-neutral-content @sm:border-neutral"
|
78
98
|
# "md:bg-neutral md:text-neutral-content border-neutral"
|
99
|
+
# "@md:bg-neutral @md:text-neutral-content @md:border-neutral"
|
79
100
|
# "lg:bg-neutral lg:text-neutral-content border-neutral"
|
101
|
+
# "@lg:bg-neutral @lg:text-neutral-content @lg:border-neutral"
|
80
102
|
neutral: "bg-neutral text-neutral-content border-neutral",
|
81
103
|
# "sm:text-neutral"
|
104
|
+
# "@sm:text-neutral"
|
82
105
|
# "md:text-neutral"
|
106
|
+
# "@md:text-neutral"
|
83
107
|
# "lg:text-neutral"
|
108
|
+
# "@lg:text-neutral"
|
84
109
|
neutral_outline: "text-neutral",
|
85
110
|
# "sm:bg-base-100 sm:text-base-content border-base-100"
|
111
|
+
# "@sm:bg-base-100 @sm:text-base-content @sm:border-base-100"
|
86
112
|
# "md:bg-base-100 md:text-base-content border-base-100"
|
113
|
+
# "@md:bg-base-100 @md:text-base-content @md:border-base-100"
|
87
114
|
# "lg:bg-base-100 lg:text-base-content border-base-100"
|
115
|
+
# "@lg:bg-base-100 @lg:text-base-content @lg:border-base-100"
|
88
116
|
base_100: "bg-base-100 text-base-content border-base-100",
|
89
117
|
# "sm:text-base-100"
|
118
|
+
# "@sm:text-base-100"
|
90
119
|
# "md:text-base-100"
|
120
|
+
# "@md:text-base-100"
|
91
121
|
# "lg:text-base-100"
|
122
|
+
# "@lg:text-base-100"
|
92
123
|
base_100_outline: "text-base-100",
|
93
124
|
# "sm:bg-base-200 sm:text-base-content border-base-200"
|
125
|
+
# "@sm:bg-base-200 @sm:text-base-content @sm:border-base-200"
|
94
126
|
# "md:bg-base-200 md:text-base-content border-base-200"
|
127
|
+
# "@md:bg-base-200 @md:text-base-content @md:border-base-200"
|
95
128
|
# "lg:bg-base-200 lg:text-base-content border-base-200"
|
129
|
+
# "@lg:bg-base-200 @lg:text-base-content @lg:border-base-200"
|
96
130
|
base_200: "bg-base-200 text-base-content border-base-200",
|
97
131
|
# "sm:text-base-200"
|
132
|
+
# "@sm:text-base-200"
|
98
133
|
# "md:text-base-200"
|
134
|
+
# "@md:text-base-200"
|
99
135
|
# "lg:text-base-200"
|
136
|
+
# "@lg:text-base-200"
|
100
137
|
base_200_outline: "text-base-200",
|
101
138
|
# "sm:bg-base-300 sm:text-base-content border-base-300"
|
139
|
+
# "@sm:bg-base-300 @sm:text-base-content @sm:border-base-300"
|
102
140
|
# "md:bg-base-300 md:text-base-content border-base-300"
|
141
|
+
# "@md:bg-base-300 @md:text-base-content @md:border-base-300"
|
103
142
|
# "lg:bg-base-300 lg:text-base-content border-base-300"
|
143
|
+
# "@lg:bg-base-300 @lg:text-base-content @lg:border-base-300"
|
104
144
|
base_300: "bg-base-300 text-base-content border-base-300",
|
105
145
|
# "sm:text-base-300"
|
146
|
+
# "@sm:text-base-300"
|
106
147
|
# "md:text-base-300"
|
148
|
+
# "@md:text-base-300"
|
107
149
|
# "lg:text-base-300"
|
150
|
+
# "@lg:text-base-300"
|
108
151
|
base_300_outline: "text-base-300",
|
109
152
|
# "sm:bg-info sm:text-info-content border-info"
|
153
|
+
# "@sm:bg-info @sm:text-info-content @sm:border-info"
|
110
154
|
# "md:bg-info md:text-info-content border-info"
|
155
|
+
# "@md:bg-info @md:text-info-content @md:border-info"
|
111
156
|
# "lg:bg-info lg:text-info-content border-info"
|
157
|
+
# "@lg:bg-info @lg:text-info-content @lg:border-info"
|
112
158
|
info: "bg-info text-info-content border-info",
|
113
159
|
# "sm:text-info"
|
160
|
+
# "@sm:text-info"
|
114
161
|
# "md:text-info"
|
162
|
+
# "@md:text-info"
|
115
163
|
# "lg:text-info"
|
164
|
+
# "@lg:text-info"
|
116
165
|
info_outline: "text-info",
|
117
166
|
# "sm:bg-success sm:text-success-content border-success"
|
167
|
+
# "@sm:bg-success @sm:text-success-content @sm:border-success"
|
118
168
|
# "md:bg-success md:text-success-content border-success"
|
169
|
+
# "@md:bg-success @md:text-success-content @md:border-success"
|
119
170
|
# "lg:bg-success lg:text-success-content border-success"
|
171
|
+
# "@lg:bg-success @lg:text-success-content @lg:border-success"
|
120
172
|
success: "bg-success text-success-content border-success",
|
121
173
|
# "sm:text-success"
|
174
|
+
# "@sm:text-success"
|
122
175
|
# "md:text-success"
|
176
|
+
# "@md:text-success"
|
123
177
|
# "lg:text-success"
|
178
|
+
# "@lg:text-success"
|
124
179
|
success_outline: "text-success",
|
125
180
|
# "sm:bg-warning sm:text-warning-content border-warning"
|
181
|
+
# "@sm:bg-warning @sm:text-warning-content @sm:border-warning"
|
126
182
|
# "md:bg-warning md:text-warning-content border-warning"
|
183
|
+
# "@md:bg-warning @md:text-warning-content @md:border-warning"
|
127
184
|
# "lg:bg-warning lg:text-warning-content border-warning"
|
185
|
+
# "@lg:bg-warning @lg:text-warning-content @lg:border-warning"
|
128
186
|
warning: "bg-warning text-warning-content border-warning",
|
129
187
|
# "sm:text-warning"
|
188
|
+
# "@sm:text-warning"
|
130
189
|
# "md:text-warning"
|
190
|
+
# "@md:text-warning"
|
131
191
|
# "lg:text-warning"
|
192
|
+
# "@lg:text-warning"
|
132
193
|
warning_outline: "text-warning",
|
133
194
|
# "sm:bg-error sm:text-error-content border-error"
|
195
|
+
# "@sm:bg-error @sm:text-error-content @sm:border-error"
|
134
196
|
# "md:bg-error md:text-error-content border-error"
|
197
|
+
# "@md:bg-error @md:text-error-content @md:border-error"
|
135
198
|
# "lg:bg-error lg:text-error-content border-error"
|
199
|
+
# "@lg:bg-error @lg:text-error-content @lg:border-error"
|
136
200
|
error: "bg-error text-error-content border-error"
|
137
201
|
)
|
138
202
|
end
|
data/lib/phlexy_ui/skeleton.rb
CHANGED
data/lib/phlexy_ui/tab.rb
CHANGED
@@ -20,6 +20,7 @@ module PhlexyUI
|
|
20
20
|
)
|
21
21
|
|
22
22
|
generate_classes!(
|
23
|
+
# "tab"
|
23
24
|
component_html_class: :tab,
|
24
25
|
modifiers_map: modifiers,
|
25
26
|
base_modifiers:,
|
@@ -50,12 +51,18 @@ module PhlexyUI
|
|
50
51
|
|
51
52
|
register_modifiers(
|
52
53
|
# "sm:tab-active"
|
54
|
+
# "@sm:tab-active"
|
53
55
|
# "md:tab-active"
|
56
|
+
# "@md:tab-active"
|
54
57
|
# "lg:tab-active"
|
58
|
+
# "@lg:tab-active"
|
55
59
|
active: "tab-active",
|
56
60
|
# "sm:tab-disabled"
|
61
|
+
# "@sm:tab-disabled"
|
57
62
|
# "md:tab-disabled"
|
63
|
+
# "@md:tab-disabled"
|
58
64
|
# "lg:tab-disabled"
|
65
|
+
# "@lg:tab-disabled"
|
59
66
|
disabled: "tab-disabled"
|
60
67
|
)
|
61
68
|
end
|
@@ -5,6 +5,7 @@ module PhlexyUI
|
|
5
5
|
class TabWithoutContent < Base
|
6
6
|
def view_template(&)
|
7
7
|
generate_classes!(
|
8
|
+
# "tab"
|
8
9
|
component_html_class: :tab,
|
9
10
|
modifiers_map: modifiers,
|
10
11
|
base_modifiers:,
|
@@ -20,12 +21,18 @@ module PhlexyUI
|
|
20
21
|
|
21
22
|
register_modifiers(
|
22
23
|
# "sm:tab-active"
|
24
|
+
# "@sm:tab-active"
|
23
25
|
# "md:tab-active"
|
26
|
+
# "@md:tab-active"
|
24
27
|
# "lg:tab-active"
|
28
|
+
# "@lg:tab-active"
|
25
29
|
active: "tab-active",
|
26
30
|
# "sm:tab-disabled"
|
31
|
+
# "@sm:tab-disabled"
|
27
32
|
# "md:tab-disabled"
|
33
|
+
# "@md:tab-disabled"
|
28
34
|
# "lg:tab-disabled"
|
35
|
+
# "@lg:tab-disabled"
|
29
36
|
disabled: "tab-disabled"
|
30
37
|
)
|
31
38
|
end
|
data/lib/phlexy_ui/table.rb
CHANGED
@@ -4,6 +4,7 @@ module PhlexyUI
|
|
4
4
|
class Table < Base
|
5
5
|
def view_template(&)
|
6
6
|
generate_classes!(
|
7
|
+
# "table"
|
7
8
|
component_html_class: :table,
|
8
9
|
modifiers_map: modifiers,
|
9
10
|
base_modifiers:,
|
@@ -33,32 +34,53 @@ module PhlexyUI
|
|
33
34
|
|
34
35
|
register_modifiers(
|
35
36
|
# "sm:table-zebra"
|
37
|
+
# "@sm:table-zebra"
|
36
38
|
# "md:table-zebra"
|
39
|
+
# "@md:table-zebra"
|
37
40
|
# "lg:table-zebra"
|
41
|
+
# "@lg:table-zebra"
|
38
42
|
zebra: "table-zebra",
|
39
43
|
# "sm:table-pin-rows"
|
44
|
+
# "@sm:table-pin-rows"
|
40
45
|
# "md:table-pin-rows"
|
46
|
+
# "@md:table-pin-rows"
|
41
47
|
# "lg:table-pin-rows"
|
48
|
+
# "@lg:table-pin-rows"
|
42
49
|
pin_rows: "table-pin-rows",
|
43
50
|
# "sm:table-pin-cols"
|
51
|
+
# "@sm:table-pin-cols"
|
44
52
|
# "md:table-pin-cols"
|
53
|
+
# "@md:table-pin-cols"
|
45
54
|
# "lg:table-pin-cols"
|
55
|
+
# "@lg:table-pin-cols"
|
46
56
|
pin_cols: "table-pin-cols",
|
47
57
|
# "sm:table-xs"
|
58
|
+
# "@sm:table-xs"
|
48
59
|
# "md:table-xs"
|
60
|
+
# "@md:table-xs"
|
49
61
|
# "lg:table-xs"
|
62
|
+
# "@lg:table-xs"
|
50
63
|
xs: "table-xs",
|
51
64
|
# "sm:table-sm"
|
65
|
+
# "@sm:table-sm"
|
52
66
|
# "md:table-sm"
|
67
|
+
# "@md:table-sm"
|
53
68
|
# "lg:table-sm"
|
69
|
+
# "@lg:table-sm"
|
54
70
|
sm: "table-sm",
|
55
71
|
# "sm:table-md"
|
72
|
+
# "@sm:table-md"
|
56
73
|
# "md:table-md"
|
74
|
+
# "@md:table-md"
|
57
75
|
# "lg:table-md"
|
76
|
+
# "@lg:table-md"
|
58
77
|
md: "table-md",
|
59
78
|
# "sm:table-lg"
|
79
|
+
# "@sm:table-lg"
|
60
80
|
# "md:table-lg"
|
81
|
+
# "@md:table-lg"
|
61
82
|
# "lg:table-lg"
|
83
|
+
# "@lg:table-lg"
|
62
84
|
lg: "table-lg"
|
63
85
|
)
|
64
86
|
end
|