ariadne_view_components 0.0.96.12 → 0.0.96.14

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.
Files changed (14) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +13 -0
  3. data/app/assets/javascripts/ariadne_view_components.js +14 -14
  4. data/app/assets/javascripts/ariadne_view_components.js.br +0 -0
  5. data/app/assets/javascripts/ariadne_view_components.js.gz +0 -0
  6. data/app/assets/javascripts/ariadne_view_components.js.map +1 -1
  7. data/app/assets/stylesheets/ariadne_view_components.css +1 -1
  8. data/app/assets/stylesheets/ariadne_view_components.css.br +0 -0
  9. data/app/assets/stylesheets/ariadne_view_components.css.gz +0 -0
  10. data/app/components/ariadne/form/label_helper.rb +2 -4
  11. data/app/components/ariadne/form/select/component.rb +3 -7
  12. data/app/components/ariadne/form/text_field/component.rb +36 -62
  13. data/lib/ariadne/view_components/version.rb +1 -1
  14. metadata +2 -2
data/app/components/ariadne/form/text_field/component.rb CHANGED
@@ -57,59 +57,49 @@ module Ariadne
57
57
  style do
58
58
  base do
59
59
  [
60
- "ariadne:placeholder:text-zinc-600",
61
- "ariadne:dark:placeholder:text-zinc-400",
62
-
63
- "ariadne:disabled:bg-zinc-100",
64
- "ariadne:disabled:text-zinc-600",
65
- "ariadne:dark:disabled:bg-zinc-800",
66
- "ariadne:dark:disabled:text-zinc-600",
60
+ "ariadne:placeholder:text-muted-foreground",
61
+ "ariadne:disabled:bg-muted",
62
+ "ariadne:disabled:text-muted-foreground",
67
63
  "ariadne:disabled:cursor-not-allowed",
68
-
69
- "ariadne:bg-slate-50",
70
- "ariadne:dark:bg-foreground-dark",
64
+ "ariadne:flex",
65
+ "ariadne:h-10",
66
+ "ariadne:w-full",
67
+ "ariadne:rounded-md",
68
+ "ariadne:border",
69
+ "ariadne:border-input",
70
+ "ariadne:bg-background",
71
+ "ariadne:px-3",
72
+ "ariadne:py-2",
73
+ "ariadne:text-base",
74
+ "ariadne:ring-offset-background",
75
+
76
+ "ariadne:focus-visible:outline-none",
77
+ "ariadne:focus-visible:ring-2",
78
+ "ariadne:focus-visible:ring-ring",
79
+ "ariadne:focus-visible:ring-offset-2",
80
+
81
+ "ariadne:sm:text-sm",
71
82
  ]
72
83
  end
73
84
 
74
85
  variants do
75
86
  theme do
76
87
  primary do
77
- [
78
- "ariadne:border",
79
- "ariadne:border-solid",
80
- "ariadne:border-zinc-200",
81
- "ariadne:dark:border-zinc-700",
82
-
83
- "ariadne:not-focus:enabled:hover:border-zinc-300",
84
- "ariadne:not-focus:enabled:hover:bg-zinc-200/20",
85
- "ariadne:dark:not-focus:enabled:hover:border-zinc-600",
86
- "ariadne:dark:not-focus:enabled:hover:bg-zinc-700/20",
87
-
88
- "ariadne:focus:border-blue-300",
89
- "ariadne:focus:bg-blue-300/20",
90
- "ariadne:dark:focus:border-blue-600",
91
- "ariadne:dark:focus:bg-blue-600/20",
92
- ]
88
+ []
93
89
  end
94
90
 
95
91
  error do
96
92
  [
97
- "ariadne:border",
98
- "ariadne:border-solid",
99
- "ariadne:border-red-600",
100
- "ariadne:bg-red-200",
101
- "ariadne:dark:bg-red-700",
102
- "ariadne:not-focus:enabled:hover:border-red-700",
103
- "ariadne:not-focus:enabled:hover:bg-red-300/80",
104
- "ariadne:dark:not-focus:enabled:hover:border-red-700",
105
- "ariadne:dark:not-focus:enabled:hover:bg-red-700/80",
93
+ "ariadne:border-danger",
94
+ "ariadne:focus-visible:ring-danger",
95
+ "ariadne:not-focus:enabled:hover:border-danger",
106
96
  ]
107
97
  end
108
98
 
109
99
  nude do
110
100
  [
111
101
  "ariadne:bg-transparent",
112
- "ariadne:not-focus:enabled:hover:bg-zinc-200/20",
102
+ "ariadne:not-focus:enabled:hover:bg-muted/20",
113
103
  "ariadne:not-focus:border-none",
114
104
  "ariadne:disabled:bg-transparent!",
115
105
  ]
@@ -117,9 +107,9 @@ module Ariadne
117
107
  end
118
108
 
119
109
  size do
120
- sm { "ariadne:text-sm ariadne:px-1 ariadne:leading-5 ariadne:rounded" }
121
- base { "ariadne:text-base ariadne:px-1.5 ariadne:rounded-md" }
122
- lg { "ariadne:text-lg ariadne:leading-10 ariadne:px-2.5 ariadne:rounded-lg" }
110
+ sm { "ariadne:text-sm ariadne:px-2 ariadne:py-1.5 ariadne:rounded" }
111
+ base { "ariadne:px-3 ariadne:py-2 ariadne:rounded-md" }
112
+ lg { "ariadne:text-lg ariadne:px-4 ariadne:py-2.5 ariadne:rounded-lg" }
123
113
  end
124
114
 
125
115
  width do
@@ -129,7 +119,7 @@ module Ariadne
129
119
 
130
120
  with_leading_item do
131
121
  no { "" }
132
- yes { "ariadne:py-1.5 ariadne:pl-10" }
122
+ yes { "ariadne:pl-10" }
133
123
  end
134
124
 
135
125
  type do
@@ -137,35 +127,19 @@ module Ariadne
137
127
  text_area do
138
128
  [
139
129
  "ariadne:relative",
140
- "ariadne:px-[calc(--spacing(3.5)-1px)]",
141
- "ariadne:py-[calc(--spacing(2.5)-1px)]",
142
- "ariadne:sm:px-[calc(--spacing(3)-1px)]",
143
- "ariadne:sm:py-[calc(--spacing(1.5)-1px)]",
144
130
  "ariadne:block",
145
131
  "ariadne:h-full",
146
132
  "ariadne:w-full",
147
133
  "ariadne:appearance-none",
148
134
  "ariadne:rounded-lg",
149
135
  "ariadne:text-base/6",
150
- "ariadne:text-zinc-950",
151
- "ariadne:placeholder:text-zinc-500",
136
+ "ariadne:text-foreground",
137
+ "ariadne:placeholder:text-muted-foreground",
152
138
  "ariadne:sm:text-sm/6",
153
- "ariadne:dark:text-white",
154
- "ariadne:border",
155
- "ariadne:border-zinc-950/10",
156
- "ariadne:data-hover:border-zinc-950/20",
157
- "ariadne:dark:border-white/10",
158
- "ariadne:dark:data-hover:border-white/20",
159
- "ariadne:bg-transparent",
160
- "ariadne:dark:bg-white/5",
161
- "ariadne:focus:outline-hidden",
162
- "ariadne:data-invalid:border-red-500",
163
- "ariadne:data-invalid:data-hover:border-red-500",
164
- "ariadne:dark:data-invalid:border-red-600",
165
- "ariadne:dark:data-invalid:data-hover:border-red-600",
166
- "ariadne:disabled:border-zinc-950/20",
167
- "ariadne:dark:disabled:border-white/15",
168
- "ariadne:dark:data-hover:disabled:border-white/15",
139
+ "ariadne:data-hover:border-muted",
140
+ "ariadne:data-invalid:border-danger",
141
+ "ariadne:data-invalid:data-hover:border-danger",
142
+ "ariadne:disabled:border-muted",
169
143
  "ariadne:resize-y",
170
144
  ]
171
145
  end
data/lib/ariadne/view_components/version.rb CHANGED
@@ -3,6 +3,6 @@
3
3
  # :nocov:
4
4
  module Ariadne
5
5
  module ViewComponents
6
- VERSION = "0.0.96.12"
6
+ VERSION = "0.0.96.14"
7
7
  end
8
8
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: ariadne_view_components
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.96.12
4
+ version: 0.0.96.14
5
5
  platform: ruby
6
6
  authors:
7
7
  - Garen J. Torikian
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2025-04-07 00:00:00.000000000 Z
11
+ date: 2025-04-08 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: tailwind_merge