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
@@ -58,48 +58,81 @@ module PhlexyUI
|
|
58
58
|
|
59
59
|
register_modifiers(
|
60
60
|
# "sm:bg-primary sm:text-primary-content"
|
61
|
+
# "@sm:bg-primary @sm:text-primary-content"
|
61
62
|
# "md:bg-primary md:text-primary-content"
|
63
|
+
# "@md:bg-primary @md:text-primary-content"
|
62
64
|
# "lg:bg-primary lg:text-primary-content"
|
65
|
+
# "@lg:bg-primary @lg:text-primary-content"
|
63
66
|
primary: "bg-primary text-primary-content",
|
64
67
|
# "sm:bg-secondary sm:text-secondary-content"
|
68
|
+
# "@sm:bg-secondary @sm:text-secondary-content"
|
65
69
|
# "md:bg-secondary md:text-secondary-content"
|
70
|
+
# "@md:bg-secondary @md:text-secondary-content"
|
66
71
|
# "lg:bg-secondary lg:text-secondary-content"
|
72
|
+
# "@lg:bg-secondary @lg:text-secondary-content"
|
67
73
|
secondary: "bg-secondary text-secondary-content",
|
68
74
|
# "sm:bg-accent sm:text-accent-content"
|
75
|
+
# "@sm:bg-accent @sm:text-accent-content"
|
69
76
|
# "md:bg-accent md:text-accent-content"
|
77
|
+
# "@md:bg-accent @md:text-accent-content"
|
70
78
|
# "lg:bg-accent lg:text-accent-content"
|
79
|
+
# "@lg:bg-accent @lg:text-accent-content"
|
71
80
|
accent: "bg-accent text-accent-content",
|
72
81
|
# "sm:bg-neutral sm:text-neutral-content"
|
82
|
+
# "@sm:bg-neutral @sm:text-neutral-content"
|
73
83
|
# "md:bg-neutral md:text-neutral-content"
|
84
|
+
# "@md:bg-neutral @md:text-neutral-content"
|
74
85
|
# "lg:bg-neutral lg:text-neutral-content"
|
86
|
+
# "@lg:bg-neutral @lg:text-neutral-content"
|
75
87
|
neutral: "bg-neutral text-neutral-content",
|
76
88
|
# "sm:bg-base-100 sm:text-base-content"
|
89
|
+
# "@sm:bg-base-100 @sm:text-base-content"
|
77
90
|
# "md:bg-base-100 md:text-base-content"
|
91
|
+
# "@md:bg-base-100 @md:text-base-content"
|
78
92
|
# "lg:bg-base-100 lg:text-base-content"
|
93
|
+
# "@lg:bg-base-100 @lg:text-base-content"
|
79
94
|
base_100: "bg-base-100 text-base-content",
|
80
95
|
# "sm:bg-base-200 sm:text-base-content"
|
96
|
+
# "@sm:bg-base-200 @sm:text-base-content"
|
81
97
|
# "md:bg-base-200 md:text-base-content"
|
98
|
+
# "@md:bg-base-200 @md:text-base-content"
|
82
99
|
# "lg:bg-base-200 lg:text-base-content"
|
100
|
+
# "@lg:bg-base-200 @lg:text-base-content"
|
83
101
|
base_200: "bg-base-200 text-base-content",
|
84
102
|
# "sm:bg-base-300 sm:text-base-content"
|
103
|
+
# "@sm:bg-base-300 @sm:text-base-content"
|
85
104
|
# "md:bg-base-300 md:text-base-content"
|
105
|
+
# "@md:bg-base-300 @md:text-base-content"
|
86
106
|
# "lg:bg-base-300 lg:text-base-content"
|
107
|
+
# "@lg:bg-base-300 @lg:text-base-content"
|
87
108
|
base_300: "bg-base-300 text-base-content",
|
88
109
|
# "sm:bg-info sm:text-info-content"
|
110
|
+
# "@sm:bg-info @sm:text-info-content"
|
89
111
|
# "md:bg-info sm:text-info-content"
|
112
|
+
# "@md:bg-info @sm:text-info-content"
|
90
113
|
# "lg:bg-info sm:text-info-content"
|
114
|
+
# "@lg:bg-info @sm:text-info-content"
|
91
115
|
info: "bg-info text-info-content",
|
92
116
|
# "sm:bg-success sm:text-success-content"
|
117
|
+
# "@sm:bg-success @sm:text-success-content"
|
93
118
|
# "md:bg-success md:text-success-content"
|
119
|
+
# "@md:bg-success @md:text-success-content"
|
94
120
|
# "lg:bg-success lg:text-success-content"
|
121
|
+
# "@lg:bg-success @lg:text-success-content"
|
95
122
|
success: "bg-success text-success-content",
|
96
123
|
# "sm:bg-warning sm:text-warning-content"
|
124
|
+
# "@sm:bg-warning @sm:text-warning-content"
|
97
125
|
# "md:bg-warning md:text-warning-content"
|
126
|
+
# "@md:bg-warning @md:text-warning-content"
|
98
127
|
# "lg:bg-warning lg:text-warning-content"
|
128
|
+
# "@lg:bg-warning @lg:text-warning-content"
|
99
129
|
warning: "bg-warning text-warning-content",
|
100
130
|
# "sm:bg-error sm:text-error-content"
|
131
|
+
# "@sm:bg-error @sm:text-error-content"
|
101
132
|
# "md:bg-error md:text-error-content"
|
133
|
+
# "@md:bg-error @md:text-error-content"
|
102
134
|
# "lg:bg-error lg:text-error-content"
|
135
|
+
# "@lg:bg-error @lg:text-error-content"
|
103
136
|
error: "bg-error text-error-content"
|
104
137
|
)
|
105
138
|
end
|
data/lib/phlexy_ui/drawer.rb
CHANGED
@@ -10,6 +10,7 @@ module PhlexyUI
|
|
10
10
|
|
11
11
|
def view_template(&)
|
12
12
|
generate_classes!(
|
13
|
+
# "drawer"
|
13
14
|
component_html_class: :drawer,
|
14
15
|
modifiers_map: modifiers,
|
15
16
|
base_modifiers:,
|
@@ -21,6 +22,7 @@ module PhlexyUI
|
|
21
22
|
|
22
23
|
def toggle(**options, &)
|
23
24
|
generate_classes!(
|
25
|
+
# "drawer-toggle"
|
24
26
|
component_html_class: :"drawer-toggle",
|
25
27
|
options:
|
26
28
|
).then do |classes|
|
@@ -30,6 +32,7 @@ module PhlexyUI
|
|
30
32
|
|
31
33
|
def content(as: :div, **options, &)
|
32
34
|
generate_classes!(
|
35
|
+
# "drawer-content"
|
33
36
|
component_html_class: :"drawer-content",
|
34
37
|
options:
|
35
38
|
).then do |classes|
|
@@ -39,6 +42,7 @@ module PhlexyUI
|
|
39
42
|
|
40
43
|
def side(as: :div, **options, &)
|
41
44
|
generate_classes!(
|
45
|
+
# "drawer-side"
|
42
46
|
component_html_class: :"drawer-side",
|
43
47
|
options:
|
44
48
|
).then do |classes|
|
@@ -48,6 +52,7 @@ module PhlexyUI
|
|
48
52
|
|
49
53
|
def overlay(**options, &)
|
50
54
|
generate_classes!(
|
55
|
+
# "drawer-overlay"
|
51
56
|
component_html_class: :"drawer-overlay",
|
52
57
|
options:
|
53
58
|
).then do |classes|
|
@@ -63,14 +68,22 @@ module PhlexyUI
|
|
63
68
|
|
64
69
|
register_modifiers(
|
65
70
|
# "sm:drawer-end"
|
71
|
+
# "@sm:drawer-end"
|
66
72
|
# "md:drawer-end"
|
73
|
+
# "@md:drawer-end"
|
67
74
|
# "lg:drawer-end"
|
75
|
+
# "@lg:drawer-end"
|
68
76
|
# "xl:drawer-end"
|
77
|
+
# "@xl:drawer-end"
|
69
78
|
end: "drawer-end",
|
70
79
|
# "sm:drawer-open"
|
80
|
+
# "@sm:drawer-open"
|
71
81
|
# "md:drawer-open"
|
82
|
+
# "@md:drawer-open"
|
72
83
|
# "lg:drawer-open"
|
84
|
+
# "@lg:drawer-open"
|
73
85
|
# "xl:drawer-open"
|
86
|
+
# "@xl:drawer-open"
|
74
87
|
open: "drawer-open"
|
75
88
|
)
|
76
89
|
end
|
data/lib/phlexy_ui/dropdown.rb
CHANGED
@@ -9,6 +9,7 @@ module PhlexyUI
|
|
9
9
|
|
10
10
|
def view_template(&)
|
11
11
|
generate_classes!(
|
12
|
+
# "dropdown"
|
12
13
|
component_html_class: :dropdown,
|
13
14
|
modifiers_map: modifiers,
|
14
15
|
base_modifiers:,
|
@@ -32,6 +33,7 @@ module PhlexyUI
|
|
32
33
|
|
33
34
|
def content(*, as: :div, **options, &)
|
34
35
|
generate_classes!(
|
36
|
+
# "dropdown-content"
|
35
37
|
component_html_class: :"dropdown-content",
|
36
38
|
options:
|
37
39
|
).then do |classes|
|
@@ -45,6 +47,7 @@ module PhlexyUI
|
|
45
47
|
|
46
48
|
def menu(*, **options, &)
|
47
49
|
generate_classes!(
|
50
|
+
# "dropdown-content"
|
48
51
|
component_html_class: :"dropdown-content",
|
49
52
|
options:
|
50
53
|
).then do |classes|
|
@@ -60,32 +63,53 @@ module PhlexyUI
|
|
60
63
|
|
61
64
|
register_modifiers(
|
62
65
|
# "sm:dropdown-end"
|
66
|
+
# "@sm:dropdown-end"
|
63
67
|
# "md:dropdown-end"
|
68
|
+
# "@md:dropdown-end"
|
64
69
|
# "lg:dropdown-end"
|
70
|
+
# "@lg:dropdown-end"
|
65
71
|
end: "dropdown-end",
|
66
72
|
# "sm:dropdown-top"
|
73
|
+
# "@sm:dropdown-top"
|
67
74
|
# "md:dropdown-top"
|
75
|
+
# "@md:dropdown-top"
|
68
76
|
# "lg:dropdown-top"
|
77
|
+
# "@lg:dropdown-top"
|
69
78
|
top: "dropdown-top",
|
70
79
|
# "sm:dropdown-bottom"
|
80
|
+
# "@sm:dropdown-bottom"
|
71
81
|
# "md:dropdown-bottom"
|
82
|
+
# "@md:dropdown-bottom"
|
72
83
|
# "lg:dropdown-bottom"
|
84
|
+
# "@lg:dropdown-bottom"
|
73
85
|
bottom: "dropdown-bottom",
|
74
86
|
# "sm:dropdown-left"
|
87
|
+
# "@sm:dropdown-left"
|
75
88
|
# "md:dropdown-left"
|
89
|
+
# "@md:dropdown-left"
|
76
90
|
# "lg:dropdown-left"
|
91
|
+
# "@lg:dropdown-left"
|
77
92
|
left: "dropdown-left",
|
78
93
|
# "sm:dropdown-right"
|
94
|
+
# "@sm:dropdown-right"
|
79
95
|
# "md:dropdown-right"
|
96
|
+
# "@md:dropdown-right"
|
80
97
|
# "lg:dropdown-right"
|
98
|
+
# "@lg:dropdown-right"
|
81
99
|
right: "dropdown-right",
|
82
100
|
# "sm:dropdown-hover"
|
101
|
+
# "@sm:dropdown-hover"
|
83
102
|
# "md:dropdown-hover"
|
103
|
+
# "@md:dropdown-hover"
|
84
104
|
# "lg:dropdown-hover"
|
105
|
+
# "@lg:dropdown-hover"
|
85
106
|
hover: "dropdown-hover",
|
86
107
|
# "sm:dropdown-open"
|
108
|
+
# "@sm:dropdown-open"
|
87
109
|
# "md:dropdown-open"
|
110
|
+
# "@md:dropdown-open"
|
88
111
|
# "lg:dropdown-open"
|
112
|
+
# "@lg:dropdown-open"
|
89
113
|
open: "dropdown-open"
|
90
114
|
)
|
91
115
|
end
|
data/lib/phlexy_ui/label.rb
CHANGED
@@ -4,6 +4,7 @@ module PhlexyUI
|
|
4
4
|
class Label < Base
|
5
5
|
def view_template(&)
|
6
6
|
generate_classes!(
|
7
|
+
# "label"
|
7
8
|
component_html_class: :label,
|
8
9
|
options:
|
9
10
|
).then do |classes|
|
@@ -13,6 +14,7 @@ module PhlexyUI
|
|
13
14
|
|
14
15
|
def text(as: :span, **options, &)
|
15
16
|
generate_classes!(
|
17
|
+
# "label-text"
|
16
18
|
component_html_class: :"label-text",
|
17
19
|
options:
|
18
20
|
).then do |classes|
|
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
@@ -9,6 +9,7 @@ module PhlexyUI
|
|
9
9
|
|
10
10
|
def view_template(&)
|
11
11
|
generate_classes!(
|
12
|
+
# "loading"
|
12
13
|
component_html_class: :loading,
|
13
14
|
modifiers_map: modifiers,
|
14
15
|
base_modifiers:,
|
@@ -22,76 +23,130 @@ module PhlexyUI
|
|
22
23
|
|
23
24
|
register_modifiers(
|
24
25
|
# "sm:loading-spinner"
|
26
|
+
# "@sm:loading-spinner"
|
25
27
|
# "md:loading-spinner"
|
28
|
+
# "@md:loading-spinner"
|
26
29
|
# "lg:loading-spinner"
|
30
|
+
# "@lg:loading-spinner"
|
27
31
|
spinner: "loading-spinner",
|
28
32
|
# "sm:loading-dots"
|
33
|
+
# "@sm:loading-dots"
|
29
34
|
# "md:loading-dots"
|
35
|
+
# "@md:loading-dots"
|
30
36
|
# "lg:loading-dots"
|
37
|
+
# "@lg:loading-dots"
|
31
38
|
dots: "loading-dots",
|
32
39
|
# "sm:loading-ring"
|
40
|
+
# "@sm:loading-ring"
|
33
41
|
# "md:loading-ring"
|
42
|
+
# "@md:loading-ring"
|
34
43
|
# "lg:loading-ring"
|
44
|
+
# "@lg:loading-ring"
|
35
45
|
ring: "loading-ring",
|
36
46
|
# "sm:loading-ball"
|
47
|
+
# "@sm:loading-ball"
|
37
48
|
# "md:loading-ball"
|
49
|
+
# "@md:loading-ball"
|
38
50
|
# "lg:loading-ball"
|
51
|
+
# "@lg:loading-ball"
|
39
52
|
ball: "loading-ball",
|
40
53
|
# "sm:loading-bars"
|
54
|
+
# "@sm:loading-bars"
|
41
55
|
# "md:loading-bars"
|
56
|
+
# "@md:loading-bars"
|
42
57
|
# "lg:loading-bars"
|
58
|
+
# "@lg:loading-bars"
|
43
59
|
bars: "loading-bars",
|
44
60
|
# "sm:loading-infinity"
|
61
|
+
# "@sm:loading-infinity"
|
45
62
|
# "md:loading-infinity"
|
63
|
+
# "@md:loading-infinity"
|
46
64
|
# "lg:loading-infinity"
|
65
|
+
# "@lg:loading-infinity"
|
47
66
|
infinity: "loading-infinity",
|
48
67
|
# "sm:loading-xs"
|
68
|
+
# "@sm:loading-xs"
|
49
69
|
# "md:loading-xs"
|
70
|
+
# "@md:loading-xs"
|
50
71
|
# "lg:loading-xs"
|
72
|
+
# "@lg:loading-xs"
|
51
73
|
xs: "loading-xs",
|
52
74
|
# "sm:loading-sm"
|
75
|
+
# "@sm:loading-sm"
|
53
76
|
# "md:loading-sm"
|
77
|
+
# "@md:loading-sm"
|
54
78
|
# "lg:loading-sm"
|
79
|
+
# "@lg:loading-sm"
|
55
80
|
sm: "loading-sm",
|
56
81
|
# "sm:loading-md"
|
82
|
+
# "@sm:loading-md"
|
57
83
|
# "md:loading-md"
|
84
|
+
# "@md:loading-md"
|
58
85
|
# "lg:loading-md"
|
86
|
+
# "@lg:loading-md"
|
59
87
|
md: "loading-md",
|
60
88
|
# "sm:loading-lg"
|
89
|
+
# "@sm:loading-lg"
|
61
90
|
# "md:loading-lg"
|
91
|
+
# "@md:loading-lg"
|
62
92
|
# "lg:loading-lg"
|
93
|
+
# "@lg:loading-lg"
|
63
94
|
lg: "loading-lg",
|
64
95
|
# "sm:text-primary"
|
96
|
+
# "@sm:text-primary"
|
65
97
|
# "md:text-primary"
|
98
|
+
# "@md:text-primary"
|
66
99
|
# "lg:text-primary"
|
100
|
+
# "@lg:text-primary"
|
67
101
|
primary: "text-primary",
|
68
102
|
# "sm:text-secondary"
|
103
|
+
# "@sm:text-secondary"
|
69
104
|
# "md:text-secondary"
|
105
|
+
# "@md:text-secondary"
|
70
106
|
# "lg:text-secondary"
|
107
|
+
# "@lg:text-secondary"
|
71
108
|
secondary: "text-secondary",
|
72
109
|
# "sm:text-accent"
|
110
|
+
# "@sm:text-accent"
|
73
111
|
# "md:text-accent"
|
112
|
+
# "@md:text-accent"
|
74
113
|
# "lg:text-accent"
|
114
|
+
# "@lg:text-accent"
|
75
115
|
accent: "text-accent",
|
76
116
|
# "sm:text-neutral"
|
117
|
+
# "@sm:text-neutral"
|
77
118
|
# "md:text-neutral"
|
119
|
+
# "@md:text-neutral"
|
78
120
|
# "lg:text-neutral"
|
121
|
+
# "@lg:text-neutral"
|
79
122
|
neutral: "text-neutral",
|
80
123
|
# "sm:text-info"
|
124
|
+
# "@sm:text-info"
|
81
125
|
# "md:text-info"
|
126
|
+
# "@md:text-info"
|
82
127
|
# "lg:text-info"
|
128
|
+
# "@lg:text-info"
|
83
129
|
info: "text-info",
|
84
130
|
# "sm:text-success"
|
131
|
+
# "@sm:text-success"
|
85
132
|
# "md:text-success"
|
133
|
+
# "@md:text-success"
|
86
134
|
# "lg:text-success"
|
135
|
+
# "@lg:text-success"
|
87
136
|
success: "text-success",
|
88
137
|
# "sm:text-warning"
|
138
|
+
# "@sm:text-warning"
|
89
139
|
# "md:text-warning"
|
140
|
+
# "@md:text-warning"
|
90
141
|
# "lg:text-warning"
|
142
|
+
# "@lg:text-warning"
|
91
143
|
warning: "text-warning",
|
92
144
|
# "sm:text-error"
|
145
|
+
# "@sm:text-error"
|
93
146
|
# "md:text-error"
|
147
|
+
# "@md:text-error"
|
94
148
|
# "lg:text-error"
|
149
|
+
# "@lg:text-error"
|
95
150
|
error: "text-error"
|
96
151
|
).freeze
|
97
152
|
end
|
data/lib/phlexy_ui/mask.rb
CHANGED
@@ -9,6 +9,7 @@ module PhlexyUI
|
|
9
9
|
|
10
10
|
def view_template(&)
|
11
11
|
generate_classes!(
|
12
|
+
# "mask"
|
12
13
|
component_html_class: :mask,
|
13
14
|
modifiers_map: modifiers,
|
14
15
|
base_modifiers:,
|
@@ -22,88 +23,151 @@ module PhlexyUI
|
|
22
23
|
|
23
24
|
register_modifiers(
|
24
25
|
# "sm:mask-squircle"
|
26
|
+
# "@sm:mask-squircle"
|
25
27
|
# "md:mask-squircle"
|
28
|
+
# "@md:mask-squircle"
|
26
29
|
# "lg:mask-squircle"
|
30
|
+
# "@lg:mask-squircle"
|
27
31
|
squircle: "mask-squircle",
|
28
32
|
# "sm:mask-heart"
|
33
|
+
# "@sm:mask-heart"
|
29
34
|
# "md:mask-heart"
|
35
|
+
# "@md:mask-heart"
|
30
36
|
# "lg:mask-heart"
|
37
|
+
# "@lg:mask-heart"
|
31
38
|
heart: "mask-heart",
|
32
39
|
# "sm:mask-hexagon"
|
40
|
+
# "@sm:mask-hexagon"
|
33
41
|
# "md:mask-hexagon"
|
42
|
+
# "@md:mask-hexagon"
|
34
43
|
# "lg:mask-hexagon"
|
44
|
+
# "@lg:mask-hexagon"
|
35
45
|
hexagon: "mask-hexagon",
|
36
46
|
# "sm:mask-hexagon-2"
|
47
|
+
# "@sm:mask-hexagon-2"
|
37
48
|
# "md:mask-hexagon-2"
|
49
|
+
# "@md:mask-hexagon-2"
|
38
50
|
# "lg:mask-hexagon-2"
|
51
|
+
# "@lg:mask-hexagon-2"
|
39
52
|
hexagon_2: "mask-hexagon-2",
|
40
53
|
# "sm:mask-decagon"
|
54
|
+
# "@sm:mask-decagon"
|
41
55
|
# "md:mask-decagon"
|
56
|
+
# "@md:mask-decagon"
|
42
57
|
# "lg:mask-decagon"
|
58
|
+
# "@lg:mask-decagon"
|
43
59
|
decagon: "mask-decagon",
|
44
60
|
# "sm:mask-pentagon"
|
61
|
+
# "@sm:mask-pentagon"
|
45
62
|
# "md:mask-pentagon"
|
63
|
+
# "@md:mask-pentagon"
|
46
64
|
# "lg:mask-pentagon"
|
65
|
+
# "@lg:mask-pentagon"
|
47
66
|
pentagon: "mask-pentagon",
|
48
67
|
# "sm:mask-diamond"
|
68
|
+
# "@sm:mask-diamond"
|
49
69
|
# "md:mask-diamond"
|
70
|
+
# "@md:mask-diamond"
|
50
71
|
# "lg:mask-diamond"
|
72
|
+
# "@lg:mask-diamond"
|
51
73
|
diamond: "mask-diamond",
|
52
74
|
# "sm:mask-square"
|
75
|
+
# "@sm:mask-square"
|
53
76
|
# "md:mask-square"
|
77
|
+
# "@md:mask-square"
|
54
78
|
# "lg:mask-square"
|
79
|
+
# "@lg:mask-square"
|
55
80
|
square: "mask-square",
|
56
81
|
# "sm:mask-circle"
|
82
|
+
# "@sm:mask-circle"
|
57
83
|
# "md:mask-circle"
|
84
|
+
# "@md:mask-circle"
|
58
85
|
# "lg:mask-circle"
|
86
|
+
# "@lg:mask-circle"
|
59
87
|
circle: "mask-circle",
|
60
88
|
# "sm:mask-parallelogram"
|
89
|
+
# "@sm:mask-parallelogram"
|
61
90
|
# "md:mask-parallelogram"
|
91
|
+
# "@md:mask-parallelogram"
|
62
92
|
# "lg:mask-parallelogram"
|
93
|
+
# "@lg:mask-parallelogram"
|
63
94
|
parallelogram: "mask-parallelogram",
|
64
95
|
# "sm:mask-parallelogram-2"
|
96
|
+
# "@sm:mask-parallelogram-2"
|
65
97
|
# "md:mask-parallelogram-2"
|
98
|
+
# "@md:mask-parallelogram-2"
|
66
99
|
# "lg:mask-parallelogram-2"
|
100
|
+
# "@lg:mask-parallelogram-2"
|
67
101
|
parallelogram_2: "mask-parallelogram-2",
|
68
102
|
# "sm:mask-parallelogram-3"
|
103
|
+
# "@sm:mask-parallelogram-3"
|
69
104
|
# "md:mask-parallelogram-3"
|
105
|
+
# "@md:mask-parallelogram-3"
|
70
106
|
# "lg:mask-parallelogram-3"
|
107
|
+
# "@lg:mask-parallelogram-3"
|
71
108
|
parallelogram_3: "mask-parallelogram-3",
|
72
109
|
# "sm:mask-parallelogram-4"
|
110
|
+
# "@sm:mask-parallelogram-4"
|
73
111
|
# "md:mask-parallelogram-4"
|
112
|
+
# "@md:mask-parallelogram-4"
|
74
113
|
# "lg:mask-parallelogram-4"
|
114
|
+
# "@lg:mask-parallelogram-4"
|
75
115
|
parallelogram_4: "mask-parallelogram-4",
|
76
116
|
# "sm:mask-star"
|
117
|
+
# "@sm:mask-star"
|
77
118
|
# "md:mask-star"
|
119
|
+
# "@md:mask-star"
|
78
120
|
# "lg:mask-star"
|
121
|
+
# "@lg:mask-star"
|
79
122
|
star: "mask-star",
|
80
123
|
# "sm:mask-star-2"
|
124
|
+
# "@sm:mask-star-2"
|
81
125
|
# "md:mask-star-2"
|
126
|
+
# "@md:mask-star-2"
|
82
127
|
# "lg:mask-star-2"
|
128
|
+
# "@lg:mask-star-2"
|
83
129
|
star_2: "mask-star-2",
|
84
130
|
# "sm:mask-triangle"
|
131
|
+
# "@sm:mask-triangle"
|
85
132
|
# "md:mask-triangle"
|
133
|
+
# "@md:mask-triangle"
|
86
134
|
# "lg:mask-triangle"
|
135
|
+
# "@lg:mask-triangle"
|
87
136
|
triangle: "mask-triangle",
|
88
137
|
# "sm:mask-triangle-2"
|
138
|
+
# "@sm:mask-triangle-2"
|
89
139
|
# "md:mask-triangle-2"
|
140
|
+
# "@md:mask-triangle-2"
|
90
141
|
# "lg:mask-triangle-2"
|
142
|
+
# "@lg:mask-triangle-2"
|
91
143
|
triangle_2: "mask-triangle-2",
|
92
144
|
# "sm:mask-triangle-3"
|
145
|
+
# "@sm:mask-triangle-3"
|
93
146
|
# "md:mask-triangle-3"
|
147
|
+
# "@md:mask-triangle-3"
|
94
148
|
# "lg:mask-triangle-3"
|
149
|
+
# "@lg:mask-triangle-3"
|
95
150
|
triangle_3: "mask-triangle-3",
|
96
151
|
# "sm:mask-triangle-4"
|
152
|
+
# "@sm:mask-triangle-4"
|
97
153
|
# "md:mask-triangle-4"
|
154
|
+
# "@md:mask-triangle-4"
|
98
155
|
# "lg:mask-triangle-4"
|
156
|
+
# "@lg:mask-triangle-4"
|
99
157
|
triangle_4: "mask-triangle-4",
|
100
158
|
# "sm:mask-half-1"
|
159
|
+
# "@sm:mask-half-1"
|
101
160
|
# "md:mask-half-1"
|
161
|
+
# "@md:mask-half-1"
|
102
162
|
# "lg:mask-half-1"
|
163
|
+
# "@lg:mask-half-1"
|
103
164
|
half_1: "mask-half-1",
|
104
165
|
# "sm:mask-half-2"
|
166
|
+
# "@sm:mask-half-2"
|
105
167
|
# "md:mask-half-2"
|
168
|
+
# "@md:mask-half-2"
|
106
169
|
# "lg:mask-half-2"
|
170
|
+
# "@lg:mask-half-2"
|
107
171
|
half_2: "mask-half-2"
|
108
172
|
)
|
109
173
|
end
|