phlexy_ui 0.1.13 → 0.1.15
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/radial_progress.rb +102 -46
- data/lib/phlexy_ui/skeleton.rb +25 -0
- data/lib/phlexy_ui/version.rb +1 -1
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 54f0cc8b2a831ce17e7db2594b848d14c374e2d59d057a0fea04c9695cc3d059
|
4
|
+
data.tar.gz: f3c4226ae079c44c46ba49da6ca0e0b53709414f4022264bca190d23de3e05e4
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 6bc67b1c3b0321b1f4c3d78b7e1e7524d5fad019b97925f226be89a27721d90cc13f904f26797f72bc42e169ffc0b18dfc5e4128f23431c668fabbdb63943dac
|
7
|
+
data.tar.gz: 246e8df27ac5d8c48377e05fb91be4513fcfcdcb9aa4da3e1bfb40af1c62cfe5ce9a95930ca1fb4f90e8202bed4310732dc171df5ae742a6cbfbc4b2633199c0
|
@@ -20,9 +20,25 @@ module PhlexyUI
|
|
20
20
|
style = options.delete(:style)
|
21
21
|
|
22
22
|
if style.nil?
|
23
|
-
style = "--value: #{value};
|
23
|
+
style = "--value: #{value};"
|
24
|
+
|
25
|
+
if size && !size.empty?
|
26
|
+
style += " --size: #{size};"
|
27
|
+
end
|
28
|
+
|
29
|
+
if thickness && !thickness.empty?
|
30
|
+
style += " --thickness: #{thickness};"
|
31
|
+
end
|
24
32
|
elsif style.is_a?(String)
|
25
|
-
style = "#{style} --value: #{value};
|
33
|
+
style = "#{style} --value: #{value};"
|
34
|
+
|
35
|
+
if size && !size.empty?
|
36
|
+
style += " --size: #{size};"
|
37
|
+
end
|
38
|
+
|
39
|
+
if thickness && !thickness.empty?
|
40
|
+
style += " --thickness: #{thickness};"
|
41
|
+
end
|
26
42
|
end
|
27
43
|
|
28
44
|
public_send(as, role: :progressbar, class: classes, style:, **options, &)
|
@@ -34,50 +50,90 @@ module PhlexyUI
|
|
34
50
|
attr_reader :value, :size, :thickness
|
35
51
|
|
36
52
|
register_modifiers(
|
37
|
-
# "sm:bg-primary sm:text-primary-content"
|
38
|
-
# "md:bg-primary md:text-primary-content"
|
39
|
-
# "lg:bg-primary lg:text-primary-content"
|
40
|
-
primary: "bg-primary text-primary-content",
|
41
|
-
# "sm:
|
42
|
-
# "md:
|
43
|
-
# "lg:
|
44
|
-
|
45
|
-
# "sm:bg-
|
46
|
-
# "md:bg-
|
47
|
-
# "lg:bg-
|
48
|
-
|
49
|
-
# "sm:
|
50
|
-
# "md:
|
51
|
-
# "lg:
|
52
|
-
|
53
|
-
# "sm:bg-
|
54
|
-
# "md:bg-
|
55
|
-
# "lg:bg-
|
56
|
-
|
57
|
-
# "sm:
|
58
|
-
# "md:
|
59
|
-
# "lg:
|
60
|
-
|
61
|
-
# "sm:bg-
|
62
|
-
# "md:bg-
|
63
|
-
# "lg:bg-
|
64
|
-
|
65
|
-
# "sm:
|
66
|
-
# "md:
|
67
|
-
# "lg:
|
68
|
-
|
69
|
-
# "sm:bg-
|
70
|
-
# "md:bg-
|
71
|
-
# "lg:bg-
|
72
|
-
|
73
|
-
# "sm:
|
74
|
-
# "md:
|
75
|
-
# "lg:
|
76
|
-
|
77
|
-
# "sm:bg-
|
78
|
-
# "md:bg-
|
79
|
-
# "lg:bg-
|
80
|
-
|
53
|
+
# "sm:bg-primary sm:text-primary-content border-primary"
|
54
|
+
# "md:bg-primary md:text-primary-content border-primary"
|
55
|
+
# "lg:bg-primary lg:text-primary-content border-primary"
|
56
|
+
primary: "bg-primary text-primary-content border-primary",
|
57
|
+
# "sm:text-primary"
|
58
|
+
# "md:text-primary"
|
59
|
+
# "lg:text-primary"
|
60
|
+
primary_outline: "text-primary",
|
61
|
+
# "sm:bg-secondary sm:text-secondary-content border-secondary"
|
62
|
+
# "md:bg-secondary md:text-secondary-content border-secondary"
|
63
|
+
# "lg:bg-secondary lg:text-secondary-content border-secondary"
|
64
|
+
secondary: "bg-secondary text-secondary-content border-secondary",
|
65
|
+
# "sm:text-secondary"
|
66
|
+
# "md:text-secondary"
|
67
|
+
# "lg:text-secondary"
|
68
|
+
secondary_outline: "text-secondary",
|
69
|
+
# "sm:bg-accent sm:text-accent-content border-accent"
|
70
|
+
# "md:bg-accent md:text-accent-content border-accent"
|
71
|
+
# "lg:bg-accent lg:text-accent-content border-accent"
|
72
|
+
accent: "bg-accent text-accent-content border-accent",
|
73
|
+
# "sm:text-accent"
|
74
|
+
# "md:text-accent"
|
75
|
+
# "lg:text-accent"
|
76
|
+
accent_outline: "text-accent",
|
77
|
+
# "sm:bg-neutral sm:text-neutral-content border-neutral"
|
78
|
+
# "md:bg-neutral md:text-neutral-content border-neutral"
|
79
|
+
# "lg:bg-neutral lg:text-neutral-content border-neutral"
|
80
|
+
neutral: "bg-neutral text-neutral-content border-neutral",
|
81
|
+
# "sm:text-neutral"
|
82
|
+
# "md:text-neutral"
|
83
|
+
# "lg:text-neutral"
|
84
|
+
neutral_outline: "text-neutral",
|
85
|
+
# "sm:bg-base-100 sm:text-base-content border-base-100"
|
86
|
+
# "md:bg-base-100 md:text-base-content border-base-100"
|
87
|
+
# "lg:bg-base-100 lg:text-base-content border-base-100"
|
88
|
+
base_100: "bg-base-100 text-base-content border-base-100",
|
89
|
+
# "sm:text-base-100"
|
90
|
+
# "md:text-base-100"
|
91
|
+
# "lg:text-base-100"
|
92
|
+
base_100_outline: "text-base-100",
|
93
|
+
# "sm:bg-base-200 sm:text-base-content border-base-200"
|
94
|
+
# "md:bg-base-200 md:text-base-content border-base-200"
|
95
|
+
# "lg:bg-base-200 lg:text-base-content border-base-200"
|
96
|
+
base_200: "bg-base-200 text-base-content border-base-200",
|
97
|
+
# "sm:text-base-200"
|
98
|
+
# "md:text-base-200"
|
99
|
+
# "lg:text-base-200"
|
100
|
+
base_200_outline: "text-base-200",
|
101
|
+
# "sm:bg-base-300 sm:text-base-content border-base-300"
|
102
|
+
# "md:bg-base-300 md:text-base-content border-base-300"
|
103
|
+
# "lg:bg-base-300 lg:text-base-content border-base-300"
|
104
|
+
base_300: "bg-base-300 text-base-content border-base-300",
|
105
|
+
# "sm:text-base-300"
|
106
|
+
# "md:text-base-300"
|
107
|
+
# "lg:text-base-300"
|
108
|
+
base_300_outline: "text-base-300",
|
109
|
+
# "sm:bg-info sm:text-info-content border-info"
|
110
|
+
# "md:bg-info md:text-info-content border-info"
|
111
|
+
# "lg:bg-info lg:text-info-content border-info"
|
112
|
+
info: "bg-info text-info-content border-info",
|
113
|
+
# "sm:text-info"
|
114
|
+
# "md:text-info"
|
115
|
+
# "lg:text-info"
|
116
|
+
info_outline: "text-info",
|
117
|
+
# "sm:bg-success sm:text-success-content border-success"
|
118
|
+
# "md:bg-success md:text-success-content border-success"
|
119
|
+
# "lg:bg-success lg:text-success-content border-success"
|
120
|
+
success: "bg-success text-success-content border-success",
|
121
|
+
# "sm:text-success"
|
122
|
+
# "md:text-success"
|
123
|
+
# "lg:text-success"
|
124
|
+
success_outline: "text-success",
|
125
|
+
# "sm:bg-warning sm:text-warning-content border-warning"
|
126
|
+
# "md:bg-warning md:text-warning-content border-warning"
|
127
|
+
# "lg:bg-warning lg:text-warning-content border-warning"
|
128
|
+
warning: "bg-warning text-warning-content border-warning",
|
129
|
+
# "sm:text-warning"
|
130
|
+
# "md:text-warning"
|
131
|
+
# "lg:text-warning"
|
132
|
+
warning_outline: "text-warning",
|
133
|
+
# "sm:bg-error sm:text-error-content border-error"
|
134
|
+
# "md:bg-error md:text-error-content border-error"
|
135
|
+
# "lg:bg-error lg:text-error-content border-error"
|
136
|
+
error: "bg-error text-error-content border-error"
|
81
137
|
)
|
82
138
|
end
|
83
139
|
end
|
@@ -0,0 +1,25 @@
|
|
1
|
+
# frozen_string_literal: true
|
2
|
+
|
3
|
+
module PhlexyUI
|
4
|
+
class Skeleton < Base
|
5
|
+
def initialize(*, as: :div, **)
|
6
|
+
super(*, **)
|
7
|
+
@as = as
|
8
|
+
end
|
9
|
+
|
10
|
+
def view_template(&)
|
11
|
+
generate_classes!(
|
12
|
+
component_html_class: :skeleton,
|
13
|
+
modifiers_map: modifiers,
|
14
|
+
base_modifiers:,
|
15
|
+
options:
|
16
|
+
).then do |classes|
|
17
|
+
public_send(as, class: classes, **options, &)
|
18
|
+
end
|
19
|
+
end
|
20
|
+
|
21
|
+
private
|
22
|
+
|
23
|
+
register_modifiers({})
|
24
|
+
end
|
25
|
+
end
|
data/lib/phlexy_ui/version.rb
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: phlexy_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.15
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- David Alejandro Aguilar Ramos
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2024-10-
|
11
|
+
date: 2024-10-26 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: phlex
|
@@ -117,6 +117,7 @@ files:
|
|
117
117
|
- lib/phlexy_ui/modal.rb
|
118
118
|
- lib/phlexy_ui/navbar.rb
|
119
119
|
- lib/phlexy_ui/radial_progress.rb
|
120
|
+
- lib/phlexy_ui/skeleton.rb
|
120
121
|
- lib/phlexy_ui/sub_menu.rb
|
121
122
|
- lib/phlexy_ui/tab.rb
|
122
123
|
- lib/phlexy_ui/tab_with_content.rb
|