phlexy_ui 0.2.4 → 0.2.5
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 +24 -0
- data/lib/phlexy_ui/avatar.rb +9 -0
- data/lib/phlexy_ui/badge.rb +42 -0
- data/lib/phlexy_ui/button.rb +69 -0
- data/lib/phlexy_ui/card.rb +53 -2
- data/lib/phlexy_ui/checkbox.rb +33 -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 +8 -0
- data/lib/phlexy_ui/dropdown.rb +21 -0
- data/lib/phlexy_ui/link.rb +51 -0
- data/lib/phlexy_ui/loading.rb +54 -0
- data/lib/phlexy_ui/mask.rb +63 -0
- data/lib/phlexy_ui/menu.rb +51 -0
- data/lib/phlexy_ui/menu_item.rb +9 -0
- data/lib/phlexy_ui/modal.rb +12 -0
- data/lib/phlexy_ui/navbar.rb +33 -0
- data/lib/phlexy_ui/radial_progress.rb +63 -0
- data/lib/phlexy_ui/tab_with_content.rb +6 -0
- data/lib/phlexy_ui/tab_without_content.rb +6 -0
- data/lib/phlexy_ui/table.rb +21 -0
- data/lib/phlexy_ui/table_row.rb +36 -0
- data/lib/phlexy_ui/tabs.rb +21 -0
- data/lib/phlexy_ui/tooltip.rb +36 -0
- data/lib/phlexy_ui/updated_at.rb +1 -1
- data/lib/phlexy_ui/version.rb +1 -1
- metadata +2 -2
data/lib/phlexy_ui/drawer.rb
CHANGED
@@ -63,14 +63,22 @@ module PhlexyUI
|
|
63
63
|
|
64
64
|
register_modifiers(
|
65
65
|
# "sm:drawer-end"
|
66
|
+
# "@sm:drawer-end"
|
66
67
|
# "md:drawer-end"
|
68
|
+
# "@md:drawer-end"
|
67
69
|
# "lg:drawer-end"
|
70
|
+
# "@lg:drawer-end"
|
68
71
|
# "xl:drawer-end"
|
72
|
+
# "@xl:drawer-end"
|
69
73
|
end: "drawer-end",
|
70
74
|
# "sm:drawer-open"
|
75
|
+
# "@sm:drawer-open"
|
71
76
|
# "md:drawer-open"
|
77
|
+
# "@md:drawer-open"
|
72
78
|
# "lg:drawer-open"
|
79
|
+
# "@lg:drawer-open"
|
73
80
|
# "xl:drawer-open"
|
81
|
+
# "@xl:drawer-open"
|
74
82
|
open: "drawer-open"
|
75
83
|
)
|
76
84
|
end
|
data/lib/phlexy_ui/dropdown.rb
CHANGED
@@ -60,32 +60,53 @@ module PhlexyUI
|
|
60
60
|
|
61
61
|
register_modifiers(
|
62
62
|
# "sm:dropdown-end"
|
63
|
+
# "@sm:dropdown-end"
|
63
64
|
# "md:dropdown-end"
|
65
|
+
# "@md:dropdown-end"
|
64
66
|
# "lg:dropdown-end"
|
67
|
+
# "@lg:dropdown-end"
|
65
68
|
end: "dropdown-end",
|
66
69
|
# "sm:dropdown-top"
|
70
|
+
# "@sm:dropdown-top"
|
67
71
|
# "md:dropdown-top"
|
72
|
+
# "@md:dropdown-top"
|
68
73
|
# "lg:dropdown-top"
|
74
|
+
# "@lg:dropdown-top"
|
69
75
|
top: "dropdown-top",
|
70
76
|
# "sm:dropdown-bottom"
|
77
|
+
# "@sm:dropdown-bottom"
|
71
78
|
# "md:dropdown-bottom"
|
79
|
+
# "@md:dropdown-bottom"
|
72
80
|
# "lg:dropdown-bottom"
|
81
|
+
# "@lg:dropdown-bottom"
|
73
82
|
bottom: "dropdown-bottom",
|
74
83
|
# "sm:dropdown-left"
|
84
|
+
# "@sm:dropdown-left"
|
75
85
|
# "md:dropdown-left"
|
86
|
+
# "@md:dropdown-left"
|
76
87
|
# "lg:dropdown-left"
|
88
|
+
# "@lg:dropdown-left"
|
77
89
|
left: "dropdown-left",
|
78
90
|
# "sm:dropdown-right"
|
91
|
+
# "@sm:dropdown-right"
|
79
92
|
# "md:dropdown-right"
|
93
|
+
# "@md:dropdown-right"
|
80
94
|
# "lg:dropdown-right"
|
95
|
+
# "@lg:dropdown-right"
|
81
96
|
right: "dropdown-right",
|
82
97
|
# "sm:dropdown-hover"
|
98
|
+
# "@sm:dropdown-hover"
|
83
99
|
# "md:dropdown-hover"
|
100
|
+
# "@md:dropdown-hover"
|
84
101
|
# "lg:dropdown-hover"
|
102
|
+
# "@lg:dropdown-hover"
|
85
103
|
hover: "dropdown-hover",
|
86
104
|
# "sm:dropdown-open"
|
105
|
+
# "@sm:dropdown-open"
|
87
106
|
# "md:dropdown-open"
|
107
|
+
# "@md:dropdown-open"
|
88
108
|
# "lg:dropdown-open"
|
109
|
+
# "@lg:dropdown-open"
|
89
110
|
open: "dropdown-open"
|
90
111
|
)
|
91
112
|
end
|
data/lib/phlexy_ui/link.rb
CHANGED
@@ -18,72 +18,123 @@ module PhlexyUI
|
|
18
18
|
|
19
19
|
register_modifiers(
|
20
20
|
# "sm:link"
|
21
|
+
# "@sm:link"
|
21
22
|
# "md:link"
|
23
|
+
# "@md:link"
|
22
24
|
# "lg:link"
|
25
|
+
# "@lg:link"
|
23
26
|
underlined: "link",
|
24
27
|
# "sm:link-hover"
|
28
|
+
# "@sm:link-hover"
|
25
29
|
# "md:link-hover"
|
30
|
+
# "@md:link-hover"
|
26
31
|
# "lg:link-hover"
|
32
|
+
# "@lg:link-hover"
|
27
33
|
hover: "link-hover",
|
28
34
|
# "sm:active"
|
35
|
+
# "@sm:active"
|
29
36
|
# "md:active"
|
37
|
+
# "@md:active"
|
30
38
|
# "lg:active"
|
39
|
+
# "@lg:active"
|
31
40
|
active: "active",
|
32
41
|
# "sm:image-full"
|
42
|
+
# "@sm:image-full"
|
33
43
|
# "md:image-full"
|
44
|
+
# "@md:image-full"
|
34
45
|
# "lg:image-full"
|
46
|
+
# "@lg:image-full"
|
35
47
|
image_full: "image-full",
|
36
48
|
# "sm:card-bordered"
|
49
|
+
# "@sm:card-bordered"
|
37
50
|
# "md:card-bordered"
|
51
|
+
# "@md:card-bordered"
|
38
52
|
# "lg:card-bordered"
|
53
|
+
# "@lg:card-bordered"
|
39
54
|
bordered: "card-bordered",
|
40
55
|
# "sm:card-normal"
|
56
|
+
# "@sm:card-normal"
|
41
57
|
# "md:card-normal"
|
58
|
+
# "@md:card-normal"
|
42
59
|
# "lg:card-normal"
|
60
|
+
# "@lg:card-normal"
|
43
61
|
normal: "card-normal",
|
44
62
|
# "sm:card-compact"
|
63
|
+
# "@sm:card-compact"
|
45
64
|
# "md:card-compact"
|
65
|
+
# "@md:card-compact"
|
46
66
|
# "lg:card-compact"
|
67
|
+
# "@lg:card-compact"
|
47
68
|
compact: "card-compact",
|
48
69
|
# "sm:card-side"
|
70
|
+
# "@sm:card-side"
|
49
71
|
# "md:card-side"
|
72
|
+
# "@md:card-side"
|
50
73
|
# "lg:card-side"
|
74
|
+
# "@lg:card-side"
|
51
75
|
side: "card-side",
|
52
76
|
# "sm:glass"
|
77
|
+
# "@sm:glass"
|
53
78
|
# "md:glass"
|
79
|
+
# "@md:glass"
|
54
80
|
# "lg:glass"
|
81
|
+
# "@lg:glass"
|
55
82
|
glass: "glass",
|
56
83
|
# "sm:link-primary"
|
84
|
+
# "@sm:link-primary"
|
57
85
|
# "md:link-primary"
|
86
|
+
# "@md:link-primary"
|
58
87
|
# "lg:link-primary"
|
88
|
+
# "@lg:link-primary"
|
59
89
|
primary: "link-primary",
|
60
90
|
# "sm:link-secondary"
|
91
|
+
# "@sm:link-secondary"
|
61
92
|
# "md:link-secondary"
|
93
|
+
# "@md:link-secondary"
|
62
94
|
# "lg:link-secondary"
|
95
|
+
# "@lg:link-secondary"
|
63
96
|
secondary: "link-secondary",
|
64
97
|
# "sm:link-accent"
|
98
|
+
# "@sm:link-accent"
|
65
99
|
# "md:link-accent"
|
100
|
+
# "@md:link-accent"
|
66
101
|
# "lg:link-accent"
|
102
|
+
# "@lg:link-accent"
|
67
103
|
accent: "link-accent",
|
68
104
|
# "sm:link-neutral"
|
105
|
+
# "@sm:link-neutral"
|
69
106
|
# "md:link-neutral"
|
107
|
+
# "@md:link-neutral"
|
70
108
|
# "lg:link-neutral"
|
109
|
+
# "@lg:link-neutral"
|
71
110
|
neutral: "link-neutral",
|
72
111
|
# "sm:link-info"
|
112
|
+
# "@sm:link-info"
|
73
113
|
# "md:link-info"
|
114
|
+
# "@md:link-info"
|
74
115
|
# "lg:link-info"
|
116
|
+
# "@lg:link-info"
|
75
117
|
info: "link-info",
|
76
118
|
# "sm:link-success"
|
119
|
+
# "@sm:link-success"
|
77
120
|
# "md:link-success"
|
121
|
+
# "@md:link-success"
|
78
122
|
# "lg:link-success"
|
123
|
+
# "@lg:link-success"
|
79
124
|
success: "link-success",
|
80
125
|
# "sm:link-warning"
|
126
|
+
# "@sm:link-warning"
|
81
127
|
# "md:link-warning"
|
128
|
+
# "@md:link-warning"
|
82
129
|
# "lg:link-warning"
|
130
|
+
# "@lg:link-warning"
|
83
131
|
warning: "link-warning",
|
84
132
|
# "sm:link-error"
|
133
|
+
# "@sm:link-error"
|
85
134
|
# "md:link-error"
|
135
|
+
# "@md:link-error"
|
86
136
|
# "lg:link-error"
|
137
|
+
# "@lg:link-error"
|
87
138
|
error: "link-error"
|
88
139
|
).freeze
|
89
140
|
end
|
data/lib/phlexy_ui/loading.rb
CHANGED
@@ -22,76 +22,130 @@ module PhlexyUI
|
|
22
22
|
|
23
23
|
register_modifiers(
|
24
24
|
# "sm:loading-spinner"
|
25
|
+
# "@sm:loading-spinner"
|
25
26
|
# "md:loading-spinner"
|
27
|
+
# "@md:loading-spinner"
|
26
28
|
# "lg:loading-spinner"
|
29
|
+
# "@lg:loading-spinner"
|
27
30
|
spinner: "loading-spinner",
|
28
31
|
# "sm:loading-dots"
|
32
|
+
# "@sm:loading-dots"
|
29
33
|
# "md:loading-dots"
|
34
|
+
# "@md:loading-dots"
|
30
35
|
# "lg:loading-dots"
|
36
|
+
# "@lg:loading-dots"
|
31
37
|
dots: "loading-dots",
|
32
38
|
# "sm:loading-ring"
|
39
|
+
# "@sm:loading-ring"
|
33
40
|
# "md:loading-ring"
|
41
|
+
# "@md:loading-ring"
|
34
42
|
# "lg:loading-ring"
|
43
|
+
# "@lg:loading-ring"
|
35
44
|
ring: "loading-ring",
|
36
45
|
# "sm:loading-ball"
|
46
|
+
# "@sm:loading-ball"
|
37
47
|
# "md:loading-ball"
|
48
|
+
# "@md:loading-ball"
|
38
49
|
# "lg:loading-ball"
|
50
|
+
# "@lg:loading-ball"
|
39
51
|
ball: "loading-ball",
|
40
52
|
# "sm:loading-bars"
|
53
|
+
# "@sm:loading-bars"
|
41
54
|
# "md:loading-bars"
|
55
|
+
# "@md:loading-bars"
|
42
56
|
# "lg:loading-bars"
|
57
|
+
# "@lg:loading-bars"
|
43
58
|
bars: "loading-bars",
|
44
59
|
# "sm:loading-infinity"
|
60
|
+
# "@sm:loading-infinity"
|
45
61
|
# "md:loading-infinity"
|
62
|
+
# "@md:loading-infinity"
|
46
63
|
# "lg:loading-infinity"
|
64
|
+
# "@lg:loading-infinity"
|
47
65
|
infinity: "loading-infinity",
|
48
66
|
# "sm:loading-xs"
|
67
|
+
# "@sm:loading-xs"
|
49
68
|
# "md:loading-xs"
|
69
|
+
# "@md:loading-xs"
|
50
70
|
# "lg:loading-xs"
|
71
|
+
# "@lg:loading-xs"
|
51
72
|
xs: "loading-xs",
|
52
73
|
# "sm:loading-sm"
|
74
|
+
# "@sm:loading-sm"
|
53
75
|
# "md:loading-sm"
|
76
|
+
# "@md:loading-sm"
|
54
77
|
# "lg:loading-sm"
|
78
|
+
# "@lg:loading-sm"
|
55
79
|
sm: "loading-sm",
|
56
80
|
# "sm:loading-md"
|
81
|
+
# "@sm:loading-md"
|
57
82
|
# "md:loading-md"
|
83
|
+
# "@md:loading-md"
|
58
84
|
# "lg:loading-md"
|
85
|
+
# "@lg:loading-md"
|
59
86
|
md: "loading-md",
|
60
87
|
# "sm:loading-lg"
|
88
|
+
# "@sm:loading-lg"
|
61
89
|
# "md:loading-lg"
|
90
|
+
# "@md:loading-lg"
|
62
91
|
# "lg:loading-lg"
|
92
|
+
# "@lg:loading-lg"
|
63
93
|
lg: "loading-lg",
|
64
94
|
# "sm:text-primary"
|
95
|
+
# "@sm:text-primary"
|
65
96
|
# "md:text-primary"
|
97
|
+
# "@md:text-primary"
|
66
98
|
# "lg:text-primary"
|
99
|
+
# "@lg:text-primary"
|
67
100
|
primary: "text-primary",
|
68
101
|
# "sm:text-secondary"
|
102
|
+
# "@sm:text-secondary"
|
69
103
|
# "md:text-secondary"
|
104
|
+
# "@md:text-secondary"
|
70
105
|
# "lg:text-secondary"
|
106
|
+
# "@lg:text-secondary"
|
71
107
|
secondary: "text-secondary",
|
72
108
|
# "sm:text-accent"
|
109
|
+
# "@sm:text-accent"
|
73
110
|
# "md:text-accent"
|
111
|
+
# "@md:text-accent"
|
74
112
|
# "lg:text-accent"
|
113
|
+
# "@lg:text-accent"
|
75
114
|
accent: "text-accent",
|
76
115
|
# "sm:text-neutral"
|
116
|
+
# "@sm:text-neutral"
|
77
117
|
# "md:text-neutral"
|
118
|
+
# "@md:text-neutral"
|
78
119
|
# "lg:text-neutral"
|
120
|
+
# "@lg:text-neutral"
|
79
121
|
neutral: "text-neutral",
|
80
122
|
# "sm:text-info"
|
123
|
+
# "@sm:text-info"
|
81
124
|
# "md:text-info"
|
125
|
+
# "@md:text-info"
|
82
126
|
# "lg:text-info"
|
127
|
+
# "@lg:text-info"
|
83
128
|
info: "text-info",
|
84
129
|
# "sm:text-success"
|
130
|
+
# "@sm:text-success"
|
85
131
|
# "md:text-success"
|
132
|
+
# "@md:text-success"
|
86
133
|
# "lg:text-success"
|
134
|
+
# "@lg:text-success"
|
87
135
|
success: "text-success",
|
88
136
|
# "sm:text-warning"
|
137
|
+
# "@sm:text-warning"
|
89
138
|
# "md:text-warning"
|
139
|
+
# "@md:text-warning"
|
90
140
|
# "lg:text-warning"
|
141
|
+
# "@lg:text-warning"
|
91
142
|
warning: "text-warning",
|
92
143
|
# "sm:text-error"
|
144
|
+
# "@sm:text-error"
|
93
145
|
# "md:text-error"
|
146
|
+
# "@md:text-error"
|
94
147
|
# "lg:text-error"
|
148
|
+
# "@lg:text-error"
|
95
149
|
error: "text-error"
|
96
150
|
).freeze
|
97
151
|
end
|
data/lib/phlexy_ui/mask.rb
CHANGED
@@ -22,88 +22,151 @@ module PhlexyUI
|
|
22
22
|
|
23
23
|
register_modifiers(
|
24
24
|
# "sm:mask-squircle"
|
25
|
+
# "@sm:mask-squircle"
|
25
26
|
# "md:mask-squircle"
|
27
|
+
# "@md:mask-squircle"
|
26
28
|
# "lg:mask-squircle"
|
29
|
+
# "@lg:mask-squircle"
|
27
30
|
squircle: "mask-squircle",
|
28
31
|
# "sm:mask-heart"
|
32
|
+
# "@sm:mask-heart"
|
29
33
|
# "md:mask-heart"
|
34
|
+
# "@md:mask-heart"
|
30
35
|
# "lg:mask-heart"
|
36
|
+
# "@lg:mask-heart"
|
31
37
|
heart: "mask-heart",
|
32
38
|
# "sm:mask-hexagon"
|
39
|
+
# "@sm:mask-hexagon"
|
33
40
|
# "md:mask-hexagon"
|
41
|
+
# "@md:mask-hexagon"
|
34
42
|
# "lg:mask-hexagon"
|
43
|
+
# "@lg:mask-hexagon"
|
35
44
|
hexagon: "mask-hexagon",
|
36
45
|
# "sm:mask-hexagon-2"
|
46
|
+
# "@sm:mask-hexagon-2"
|
37
47
|
# "md:mask-hexagon-2"
|
48
|
+
# "@md:mask-hexagon-2"
|
38
49
|
# "lg:mask-hexagon-2"
|
50
|
+
# "@lg:mask-hexagon-2"
|
39
51
|
hexagon_2: "mask-hexagon-2",
|
40
52
|
# "sm:mask-decagon"
|
53
|
+
# "@sm:mask-decagon"
|
41
54
|
# "md:mask-decagon"
|
55
|
+
# "@md:mask-decagon"
|
42
56
|
# "lg:mask-decagon"
|
57
|
+
# "@lg:mask-decagon"
|
43
58
|
decagon: "mask-decagon",
|
44
59
|
# "sm:mask-pentagon"
|
60
|
+
# "@sm:mask-pentagon"
|
45
61
|
# "md:mask-pentagon"
|
62
|
+
# "@md:mask-pentagon"
|
46
63
|
# "lg:mask-pentagon"
|
64
|
+
# "@lg:mask-pentagon"
|
47
65
|
pentagon: "mask-pentagon",
|
48
66
|
# "sm:mask-diamond"
|
67
|
+
# "@sm:mask-diamond"
|
49
68
|
# "md:mask-diamond"
|
69
|
+
# "@md:mask-diamond"
|
50
70
|
# "lg:mask-diamond"
|
71
|
+
# "@lg:mask-diamond"
|
51
72
|
diamond: "mask-diamond",
|
52
73
|
# "sm:mask-square"
|
74
|
+
# "@sm:mask-square"
|
53
75
|
# "md:mask-square"
|
76
|
+
# "@md:mask-square"
|
54
77
|
# "lg:mask-square"
|
78
|
+
# "@lg:mask-square"
|
55
79
|
square: "mask-square",
|
56
80
|
# "sm:mask-circle"
|
81
|
+
# "@sm:mask-circle"
|
57
82
|
# "md:mask-circle"
|
83
|
+
# "@md:mask-circle"
|
58
84
|
# "lg:mask-circle"
|
85
|
+
# "@lg:mask-circle"
|
59
86
|
circle: "mask-circle",
|
60
87
|
# "sm:mask-parallelogram"
|
88
|
+
# "@sm:mask-parallelogram"
|
61
89
|
# "md:mask-parallelogram"
|
90
|
+
# "@md:mask-parallelogram"
|
62
91
|
# "lg:mask-parallelogram"
|
92
|
+
# "@lg:mask-parallelogram"
|
63
93
|
parallelogram: "mask-parallelogram",
|
64
94
|
# "sm:mask-parallelogram-2"
|
95
|
+
# "@sm:mask-parallelogram-2"
|
65
96
|
# "md:mask-parallelogram-2"
|
97
|
+
# "@md:mask-parallelogram-2"
|
66
98
|
# "lg:mask-parallelogram-2"
|
99
|
+
# "@lg:mask-parallelogram-2"
|
67
100
|
parallelogram_2: "mask-parallelogram-2",
|
68
101
|
# "sm:mask-parallelogram-3"
|
102
|
+
# "@sm:mask-parallelogram-3"
|
69
103
|
# "md:mask-parallelogram-3"
|
104
|
+
# "@md:mask-parallelogram-3"
|
70
105
|
# "lg:mask-parallelogram-3"
|
106
|
+
# "@lg:mask-parallelogram-3"
|
71
107
|
parallelogram_3: "mask-parallelogram-3",
|
72
108
|
# "sm:mask-parallelogram-4"
|
109
|
+
# "@sm:mask-parallelogram-4"
|
73
110
|
# "md:mask-parallelogram-4"
|
111
|
+
# "@md:mask-parallelogram-4"
|
74
112
|
# "lg:mask-parallelogram-4"
|
113
|
+
# "@lg:mask-parallelogram-4"
|
75
114
|
parallelogram_4: "mask-parallelogram-4",
|
76
115
|
# "sm:mask-star"
|
116
|
+
# "@sm:mask-star"
|
77
117
|
# "md:mask-star"
|
118
|
+
# "@md:mask-star"
|
78
119
|
# "lg:mask-star"
|
120
|
+
# "@lg:mask-star"
|
79
121
|
star: "mask-star",
|
80
122
|
# "sm:mask-star-2"
|
123
|
+
# "@sm:mask-star-2"
|
81
124
|
# "md:mask-star-2"
|
125
|
+
# "@md:mask-star-2"
|
82
126
|
# "lg:mask-star-2"
|
127
|
+
# "@lg:mask-star-2"
|
83
128
|
star_2: "mask-star-2",
|
84
129
|
# "sm:mask-triangle"
|
130
|
+
# "@sm:mask-triangle"
|
85
131
|
# "md:mask-triangle"
|
132
|
+
# "@md:mask-triangle"
|
86
133
|
# "lg:mask-triangle"
|
134
|
+
# "@lg:mask-triangle"
|
87
135
|
triangle: "mask-triangle",
|
88
136
|
# "sm:mask-triangle-2"
|
137
|
+
# "@sm:mask-triangle-2"
|
89
138
|
# "md:mask-triangle-2"
|
139
|
+
# "@md:mask-triangle-2"
|
90
140
|
# "lg:mask-triangle-2"
|
141
|
+
# "@lg:mask-triangle-2"
|
91
142
|
triangle_2: "mask-triangle-2",
|
92
143
|
# "sm:mask-triangle-3"
|
144
|
+
# "@sm:mask-triangle-3"
|
93
145
|
# "md:mask-triangle-3"
|
146
|
+
# "@md:mask-triangle-3"
|
94
147
|
# "lg:mask-triangle-3"
|
148
|
+
# "@lg:mask-triangle-3"
|
95
149
|
triangle_3: "mask-triangle-3",
|
96
150
|
# "sm:mask-triangle-4"
|
151
|
+
# "@sm:mask-triangle-4"
|
97
152
|
# "md:mask-triangle-4"
|
153
|
+
# "@md:mask-triangle-4"
|
98
154
|
# "lg:mask-triangle-4"
|
155
|
+
# "@lg:mask-triangle-4"
|
99
156
|
triangle_4: "mask-triangle-4",
|
100
157
|
# "sm:mask-half-1"
|
158
|
+
# "@sm:mask-half-1"
|
101
159
|
# "md:mask-half-1"
|
160
|
+
# "@md:mask-half-1"
|
102
161
|
# "lg:mask-half-1"
|
162
|
+
# "@lg:mask-half-1"
|
103
163
|
half_1: "mask-half-1",
|
104
164
|
# "sm:mask-half-2"
|
165
|
+
# "@sm:mask-half-2"
|
105
166
|
# "md:mask-half-2"
|
167
|
+
# "@md:mask-half-2"
|
106
168
|
# "lg:mask-half-2"
|
169
|
+
# "@lg:mask-half-2"
|
107
170
|
half_2: "mask-half-2"
|
108
171
|
)
|
109
172
|
end
|
data/lib/phlexy_ui/menu.rb
CHANGED
@@ -42,72 +42,123 @@ module PhlexyUI
|
|
42
42
|
|
43
43
|
register_modifiers(
|
44
44
|
# "sm:menu-xs"
|
45
|
+
# "@sm:menu-xs"
|
45
46
|
# "md:menu-xs"
|
47
|
+
# "@md:menu-xs"
|
46
48
|
# "lg:menu-xs"
|
49
|
+
# "@lg:menu-xs"
|
47
50
|
xs: "menu-xs",
|
48
51
|
# "sm:menu-sm"
|
52
|
+
# "@sm:menu-sm"
|
49
53
|
# "md:menu-sm"
|
54
|
+
# "@md:menu-sm"
|
50
55
|
# "lg:menu-sm"
|
56
|
+
# "@lg:menu-sm"
|
51
57
|
sm: "menu-sm",
|
52
58
|
# "sm:menu-md"
|
59
|
+
# "@sm:menu-md"
|
53
60
|
# "md:menu-md"
|
61
|
+
# "@md:menu-md"
|
54
62
|
# "lg:menu-md"
|
63
|
+
# "@lg:menu-md"
|
55
64
|
md: "menu-md",
|
56
65
|
# "sm:menu-lg"
|
66
|
+
# "@sm:menu-lg"
|
57
67
|
# "md:menu-lg"
|
68
|
+
# "@md:menu-lg"
|
58
69
|
# "lg:menu-lg"
|
70
|
+
# "@lg:menu-lg"
|
59
71
|
lg: "menu-lg",
|
60
72
|
# "sm:menu-vertical"
|
73
|
+
# "@sm:menu-vertical"
|
61
74
|
# "md:menu-vertical"
|
75
|
+
# "@md:menu-vertical"
|
62
76
|
# "lg:menu-vertical"
|
77
|
+
# "@lg:menu-vertical"
|
63
78
|
vertical: "menu-vertical",
|
64
79
|
# "sm:menu-horizontal"
|
80
|
+
# "@sm:menu-horizontal"
|
65
81
|
# "md:menu-horizontal"
|
82
|
+
# "@md:menu-horizontal"
|
66
83
|
# "lg:menu-horizontal"
|
84
|
+
# "@lg:menu-horizontal"
|
67
85
|
horizontal: "menu-horizontal",
|
68
86
|
# "sm:bg-primary sm:text-primary-content"
|
87
|
+
# "@sm:bg-primary @sm:text-primary-content"
|
69
88
|
# "md:bg-primary md:text-primary-content"
|
89
|
+
# "@md:bg-primary @md:text-primary-content"
|
70
90
|
# "lg:bg-primary lg:text-primary-content"
|
91
|
+
# "@lg:bg-primary @lg:text-primary-content"
|
71
92
|
primary: "bg-primary text-primary-content",
|
72
93
|
# "sm:bg-secondary sm:text-secondary-content"
|
94
|
+
# "@sm:bg-secondary @sm:text-secondary-content"
|
73
95
|
# "md:bg-secondary md:text-secondary-content"
|
96
|
+
# "@md:bg-secondary @md:text-secondary-content"
|
74
97
|
# "lg:bg-secondary lg:text-secondary-content"
|
98
|
+
# "@lg:bg-secondary @lg:text-secondary-content"
|
75
99
|
secondary: "bg-secondary text-secondary-content",
|
76
100
|
# "sm:bg-accent sm:text-accent-content"
|
101
|
+
# "@sm:bg-accent @sm:text-accent-content"
|
77
102
|
# "md:bg-accent md:text-accent-content"
|
103
|
+
# "@md:bg-accent @md:text-accent-content"
|
78
104
|
# "lg:bg-accent lg:text-accent-content"
|
105
|
+
# "@lg:bg-accent @lg:text-accent-content"
|
79
106
|
accent: "bg-accent text-accent-content",
|
80
107
|
# "sm:bg-neutral sm:text-neutral-content"
|
108
|
+
# "@sm:bg-neutral @sm:text-neutral-content"
|
81
109
|
# "md:bg-neutral md:text-neutral-content"
|
110
|
+
# "@md:bg-neutral @md:text-neutral-content"
|
82
111
|
# "lg:bg-neutral lg:text-neutral-content"
|
112
|
+
# "@lg:bg-neutral @lg:text-neutral-content"
|
83
113
|
neutral: "bg-neutral text-neutral-content",
|
84
114
|
# "sm:bg-base-100 sm:text-base-content"
|
115
|
+
# "@sm:bg-base-100 @sm:text-base-content"
|
85
116
|
# "md:bg-base-100 md:text-base-content"
|
117
|
+
# "@md:bg-base-100 @md:text-base-content"
|
86
118
|
# "lg:bg-base-100 lg:text-base-content"
|
119
|
+
# "@lg:bg-base-100 @lg:text-base-content"
|
87
120
|
base_100: "bg-base-100 text-base-content",
|
88
121
|
# "sm:bg-base-200 sm:text-base-content"
|
122
|
+
# "@sm:bg-base-200 @sm:text-base-content"
|
89
123
|
# "md:bg-base-200 md:text-base-content"
|
124
|
+
# "@md:bg-base-200 @md:text-base-content"
|
90
125
|
# "lg:bg-base-200 lg:text-base-content"
|
126
|
+
# "@lg:bg-base-200 @lg:text-base-content"
|
91
127
|
base_200: "bg-base-200 text-base-content",
|
92
128
|
# "sm:bg-base-300 sm:text-base-content"
|
129
|
+
# "@sm:bg-base-300 @sm:text-base-content"
|
93
130
|
# "md:bg-base-300 md:text-base-content"
|
131
|
+
# "@md:bg-base-300 @md:text-base-content"
|
94
132
|
# "lg:bg-base-300 lg:text-base-content"
|
133
|
+
# "@lg:bg-base-300 @lg:text-base-content"
|
95
134
|
base_300: "bg-base-300 text-base-content",
|
96
135
|
# "sm:bg-info sm:text-info-content"
|
136
|
+
# "@sm:bg-info @sm:text-info-content"
|
97
137
|
# "md:bg-info sm:text-info-content"
|
138
|
+
# "@md:bg-info @sm:text-info-content"
|
98
139
|
# "lg:bg-info sm:text-info-content"
|
140
|
+
# "@lg:bg-info @sm:text-info-content"
|
99
141
|
info: "bg-info text-info-content",
|
100
142
|
# "sm:bg-success sm:text-success-content"
|
143
|
+
# "@sm:bg-success @sm:text-success-content"
|
101
144
|
# "md:bg-success md:text-success-content"
|
145
|
+
# "@md:bg-success @md:text-success-content"
|
102
146
|
# "lg:bg-success lg:text-success-content"
|
147
|
+
# "@lg:bg-success @lg:text-success-content"
|
103
148
|
success: "bg-success text-success-content",
|
104
149
|
# "sm:bg-warning sm:text-warning-content"
|
150
|
+
# "@sm:bg-warning @sm:text-warning-content"
|
105
151
|
# "md:bg-warning md:text-warning-content"
|
152
|
+
# "@md:bg-warning @md:text-warning-content"
|
106
153
|
# "lg:bg-warning lg:text-warning-content"
|
154
|
+
# "@lg:bg-warning @lg:text-warning-content"
|
107
155
|
warning: "bg-warning text-warning-content",
|
108
156
|
# "sm:bg-error sm:text-error-content"
|
157
|
+
# "@sm:bg-error @sm:text-error-content"
|
109
158
|
# "md:bg-error md:text-error-content"
|
159
|
+
# "@md:bg-error @md:text-error-content"
|
110
160
|
# "lg:bg-error lg:text-error-content"
|
161
|
+
# "@lg:bg-error @lg:text-error-content"
|
111
162
|
error: "bg-error text-error-content"
|
112
163
|
)
|
113
164
|
end
|
data/lib/phlexy_ui/menu_item.rb
CHANGED
@@ -34,16 +34,25 @@ module PhlexyUI
|
|
34
34
|
|
35
35
|
register_modifiers(
|
36
36
|
# "sm:disabled"
|
37
|
+
# "@sm:disabled"
|
37
38
|
# "md:disabled"
|
39
|
+
# "@md:disabled"
|
38
40
|
# "lg:disabled"
|
41
|
+
# "@lg:disabled"
|
39
42
|
disabled: "disabled",
|
40
43
|
# "sm:active"
|
44
|
+
# "@sm:active"
|
41
45
|
# "md:active"
|
46
|
+
# "@md:active"
|
42
47
|
# "lg:active"
|
48
|
+
# "@lg:active"
|
43
49
|
active: "active",
|
44
50
|
# "sm:focus"
|
51
|
+
# "@sm:focus"
|
45
52
|
# "md:focus"
|
53
|
+
# "@md:focus"
|
46
54
|
# "lg:focus"
|
55
|
+
# "@lg:focus"
|
47
56
|
focus: "focus"
|
48
57
|
)
|
49
58
|
end
|
data/lib/phlexy_ui/modal.rb
CHANGED
@@ -62,20 +62,32 @@ module PhlexyUI
|
|
62
62
|
|
63
63
|
register_modifiers(
|
64
64
|
# "sm:modal-open"
|
65
|
+
# "@sm:modal-open"
|
65
66
|
# "md:modal-open"
|
67
|
+
# "@md:modal-open"
|
66
68
|
# "lg:modal-open"
|
69
|
+
# "@lg:modal-open"
|
67
70
|
open: "modal-open",
|
68
71
|
# "sm:modal-top"
|
72
|
+
# "@sm:modal-top"
|
69
73
|
# "md:modal-top"
|
74
|
+
# "@md:modal-top"
|
70
75
|
# "lg:modal-top"
|
76
|
+
# "@lg:modal-top"
|
71
77
|
top: "modal-top",
|
72
78
|
# "sm:modal-bottom"
|
79
|
+
# "@sm:modal-bottom"
|
73
80
|
# "md:modal-bottom"
|
81
|
+
# "@md:modal-bottom"
|
74
82
|
# "lg:modal-bottom"
|
83
|
+
# "@lg:modal-bottom"
|
75
84
|
bottom: "modal-bottom",
|
76
85
|
# "sm:modal-middle"
|
86
|
+
# "@sm:modal-middle"
|
77
87
|
# "md:modal-middle"
|
88
|
+
# "@md:modal-middle"
|
78
89
|
# "lg:modal-middle"
|
90
|
+
# "@lg:modal-middle"
|
79
91
|
middle: "modal-middle"
|
80
92
|
)
|
81
93
|
end
|