ariadne_view_components 0.0.12-x86_64-linux → 0.0.13-x86_64-linux

Sign up to get free protection for your applications and to get access to all the features.
Files changed (64) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/ariadne.d.ts +1 -0
  3. data/app/assets/javascripts/ariadne_view_components.js +2 -2
  4. data/app/assets/javascripts/ariadne_view_components.js.map +1 -1
  5. data/app/assets/javascripts/tab-container-component.d.ts +1 -0
  6. data/app/assets/javascripts/tab-nav-component.d.ts +9 -0
  7. data/app/components/ariadne/ariadne.ts +3 -0
  8. data/app/components/ariadne/body_component.rb +1 -1
  9. data/app/components/ariadne/button_component.rb +2 -2
  10. data/app/components/ariadne/comment_component.html.erb +2 -6
  11. data/app/components/ariadne/comment_component.rb +1 -1
  12. data/app/components/ariadne/component.rb +3 -5
  13. data/app/components/ariadne/container_component.rb +1 -1
  14. data/app/components/ariadne/counter_component.rb +1 -1
  15. data/app/components/ariadne/flash_component.rb +1 -1
  16. data/app/components/ariadne/flex_component.rb +1 -1
  17. data/app/components/ariadne/footer_component.rb +1 -1
  18. data/app/components/ariadne/grid_component.html.erb +2 -2
  19. data/app/components/ariadne/grid_component.rb +10 -8
  20. data/app/components/ariadne/header_component.rb +1 -1
  21. data/app/components/ariadne/heroicon_component.html.erb +1 -1
  22. data/app/components/ariadne/heroicon_component.rb +1 -2
  23. data/app/components/ariadne/list_component.html.erb +3 -5
  24. data/app/components/ariadne/list_component.rb +5 -5
  25. data/app/components/ariadne/main_component.rb +1 -1
  26. data/app/components/ariadne/narrow_container_component.rb +1 -1
  27. data/app/components/ariadne/panel_bar_component.rb +2 -2
  28. data/app/components/ariadne/pill_component.rb +1 -1
  29. data/app/components/ariadne/rich_text_area_component.html.erb +1 -1
  30. data/app/components/ariadne/rich_text_area_component.rb +1 -1
  31. data/app/components/ariadne/slideover_component.rb +2 -2
  32. data/app/components/ariadne/tab-container-component.ts +24 -0
  33. data/app/components/ariadne/tab-nav-component.ts +34 -0
  34. data/app/components/ariadne/tab_component.html.erb +2 -6
  35. data/app/components/ariadne/tab_component.rb +77 -18
  36. data/app/components/ariadne/tab_container_component.erb +12 -0
  37. data/app/components/ariadne/tab_container_component.rb +61 -0
  38. data/app/components/ariadne/tab_nav_component.html.erb +7 -0
  39. data/app/components/ariadne/tab_nav_component.rb +72 -0
  40. data/app/components/ariadne/table_component.html.erb +17 -0
  41. data/app/components/ariadne/table_component.rb +281 -0
  42. data/app/components/ariadne/time_ago_component.rb +1 -1
  43. data/app/components/ariadne/timeline_component.rb +1 -1
  44. data/app/lib/ariadne/fetch_or_fallback_helper.rb +11 -3
  45. data/app/lib/ariadne/icon_helper.rb +17 -13
  46. data/lib/ariadne/view_components/constants.rb +2 -2
  47. data/lib/ariadne/view_components/statuses.rb +2 -2
  48. data/lib/ariadne/view_components/version.rb +1 -1
  49. data/lib/rubocop/config/default.yml +1 -1
  50. data/lib/tasks/docs.rake +5 -96
  51. data/static/arguments.yml +51 -15
  52. data/static/audited_at.json +9 -1
  53. data/static/classes.yml +157 -269
  54. data/static/constants.json +55 -15
  55. data/static/statuses.json +9 -1
  56. data/tailwind.config.js +11 -26
  57. metadata +13 -10
  58. data/app/components/ariadne/tab_bar_component.html.erb +0 -3
  59. data/app/components/ariadne/tab_bar_component.rb +0 -45
  60. data/app/lib/ariadne/join_style_arguments_helper.rb +0 -14
  61. data/app/lib/ariadne/tab_nav_helper.rb +0 -35
  62. data/app/lib/ariadne/tabbed_component_helper.rb +0 -39
  63. data/app/lib/ariadne/test_selector_helper.rb +0 -20
  64. data/app/lib/ariadne/underline_nav_helper.rb +0 -44
data/static/classes.yml CHANGED
@@ -1,291 +1,179 @@
1
1
  ---
2
- - ".-"
3
- - ".a"
4
- - ".all"
5
- - ".alt:"
6
- - ".and"
7
- - ".ariadne--mb-8"
8
- - ".ariadne--mb-px"
9
- - ".ariadne--mr-px"
10
- - ".ariadne--mx-1.5"
11
- - ".ariadne--mx-2"
12
- - ".ariadne--my-1.5"
13
- - ".ariadne-absolute"
14
- - ".ariadne-antialiased"
15
- - ".ariadne-bg-blue-50"
16
- - ".ariadne-bg-button-bg-color"
17
- - ".ariadne-bg-green-50"
18
- - ".ariadne-bg-purple-50"
19
- - ".ariadne-bg-red-50"
20
- - ".ariadne-bg-slate-900"
21
- - ".ariadne-bg-transparent"
22
- - ".ariadne-bg-white"
23
- - ".ariadne-bg-yellow-50"
24
- - ".ariadne-block"
25
- - ".ariadne-border"
26
- - ".ariadne-border-0"
27
- - ".ariadne-border-b"
28
- - ".ariadne-border-b-2"
29
- - ".ariadne-border-black"
30
- - ".ariadne-border-blue-300"
31
- - ".ariadne-border-gray-200"
32
- - ".ariadne-border-gray-300"
33
- - ".ariadne-border-green-300"
34
- - ".ariadne-border-purple-300"
35
- - ".ariadne-border-red-300"
36
- - ".ariadne-border-transparent"
37
- - ".ariadne-border-x"
38
- - ".ariadne-border-yellow-300"
39
- - ".ariadne-cursor-pointer"
40
- - ".ariadne-decoration-double"
41
- - ".ariadne-divide-gray-200"
42
- - ".ariadne-divide-gray-300"
43
- - ".ariadne-divide-y"
44
- - ".ariadne-duration-500"
45
- - ".ariadne-flex"
46
- - ".ariadne-flex-1"
47
- - ".ariadne-flex-auto"
48
- - ".ariadne-flex-col"
49
- - ".ariadne-flex-shrink-0"
50
- - ".ariadne-flow-root"
51
- - ".ariadne-font-bold"
52
- - ".ariadne-font-extrabold"
53
- - ".ariadne-font-medium"
54
- - ".ariadne-font-semibold"
55
- - ".ariadne-gap-6"
56
- - ".ariadne-grid"
57
- - ".ariadne-h-10"
58
- - ".ariadne-h-full"
59
- - ".ariadne-h-screen"
60
- - ".ariadne-hidden"
61
- - ".ariadne-inline-block"
62
2
  - ".ariadne-inline-flex"
63
- - ".ariadne-invisible"
64
- - ".ariadne-items-baseline"
65
3
  - ".ariadne-items-center"
66
- - ".ariadne-justify-between"
67
- - ".ariadne-justify-center"
68
- - ".ariadne-justify-end"
69
- - ".ariadne-leading-4"
70
- - ".ariadne-leading-5"
71
- - ".ariadne-leading-7"
72
- - ".ariadne-max-w-7xl"
73
- - ".ariadne-max-w-xs"
74
- - ".ariadne-min-h-screen"
75
- - ".ariadne-ml-3"
76
- - ".ariadne-mt-2"
77
- - ".ariadne-mt-4"
78
- - ".ariadne-mt-6"
79
- - ".ariadne-mt-8"
80
- - ".ariadne-mx-auto"
81
- - ".ariadne-my-4"
82
- - ".ariadne-overflow-hidden"
83
- - ".ariadne-p-1"
84
- - ".ariadne-p-1.5"
85
- - ".ariadne-p-4"
86
- - ".ariadne-p-8"
87
- - ".ariadne-pb-2"
88
- - ".ariadne-pb-4"
89
- - ".ariadne-pl-2"
90
- - ".ariadne-pl-3"
91
- - ".ariadne-pt-5"
92
- - ".ariadne-pt-6"
93
- - ".ariadne-px-1"
94
- - ".ariadne-px-2"
4
+ - ".ariadne-border"
5
+ - ".ariadne-shadow-sm"
6
+ - ".focus:ariadne-outline-none"
7
+ - ".focus:ariadne-ring-2"
8
+ - ".focus:ariadne-ring-offset-2"
95
9
  - ".ariadne-px-2.5"
96
- - ".ariadne-px-3"
97
- - ".ariadne-px-4"
98
- - ".ariadne-px-5"
99
- - ".ariadne-px-6"
100
- - ".ariadne-py-0.5"
101
- - ".ariadne-py-1"
102
10
  - ".ariadne-py-1.5"
103
- - ".ariadne-py-12"
104
- - ".ariadne-py-2"
105
- - ".ariadne-py-3"
106
- - ".ariadne-py-4"
107
- - ".ariadne-py-5"
108
- - ".ariadne-relative"
11
+ - ".ariadne-text-xs"
12
+ - ".ariadne-font-medium"
109
13
  - ".ariadne-rounded"
110
- - ".ariadne-rounded-bl-lg"
111
- - ".ariadne-rounded-full"
112
- - ".ariadne-rounded-lg"
14
+ - ".ariadne-px-3"
15
+ - ".ariadne-py-2"
16
+ - ".ariadne-text-sm"
17
+ - ".ariadne-leading-4"
113
18
  - ".ariadne-rounded-m"
19
+ - ".ariadne-px-4"
114
20
  - ".ariadne-rounded-md"
115
- - ".ariadne-shadow"
116
- - ".ariadne-shadow-sm"
117
- - ".ariadne-space-x-8"
118
- - ".ariadne-sr-only"
119
- - ".ariadne-sticky"
120
- - ".ariadne-stroke-state-open"
121
- - ".ariadne-text-2xl"
122
- - ".ariadne-text-3xl"
123
21
  - ".ariadne-text-base"
124
- - ".ariadne-text-blue-500"
125
- - ".ariadne-text-blue-700"
126
- - ".ariadne-text-blue-800"
127
- - ".ariadne-text-button-text-color"
22
+ - ".ariadne-px-6"
23
+ - ".ariadne-py-3"
24
+ - ".ariadne-max-w-7xl"
25
+ - ".ariadne-mx-auto"
26
+ - ".ariadne-py-12"
27
+ - ".sm:ariadne-px-6"
28
+ - ".lg:ariadne-py-16"
29
+ - ".lg:ariadne-px-8"
128
30
  - ".ariadne-text-center"
129
- - ".ariadne-text-gray-900"
130
- - ".ariadne-text-green-500"
131
- - ".ariadne-text-green-600"
132
- - ".ariadne-text-green-700"
133
- - ".ariadne-text-green-800"
134
- - ".ariadne-text-lg"
31
+ - ".ariadne-text-3xl"
32
+ - ".ariadne-font-extrabold"
33
+ - ".text-3xl"
34
+ - ".font-extrabold"
35
+ - ".tracking-tight"
36
+ - ".text-gray-900"
37
+ - ".sm:text-4xl"
38
+ - ".ariadne-mt-8"
39
+ - ".ariadne-flex"
40
+ - ".ariadne-justify-center"
41
+ - ".ariadne-flex-col"
42
+ - ".ariadne-min-h-screen"
135
43
  - ".ariadne-text-purple-800"
136
- - ".ariadne-text-red-500"
137
- - ".ariadne-text-red-700"
44
+ - ".ariadne-bg-purple-50"
45
+ - ".hover:ariadne-bg-purple-100"
46
+ - ".ariadne-border-purple-300"
47
+ - ".focus:ariadne-ring-offset-purple-50"
48
+ - ".focus:ariadne-ring-purple-600"
49
+ - ".ariadne-text-blue-800"
50
+ - ".ariadne-bg-blue-50"
51
+ - ".hover:ariadne-bg-blue-100"
52
+ - ".ariadne-border-blue-300"
53
+ - ".focus:ariadne-ring-offset-blue-50"
54
+ - ".focus:ariadne-ring-blue-600"
55
+ - ".ariadne-text-green-800"
56
+ - ".ariadne-bg-green-50"
57
+ - ".hover:ariadne-bg-green-100"
58
+ - ".ariadne-border-green-300"
59
+ - ".focus:ariadne-ring-offset-green-50"
60
+ - ".focus:ariadne-ring-green-600"
61
+ - ".ariadne-text-yellow-800"
62
+ - ".ariadne-bg-yellow-50"
63
+ - ".hover:ariadne-bg-yellow-100"
64
+ - ".ariadne-border-yellow-300"
65
+ - ".focus:ariadne-ring-offset-yellow-50"
66
+ - ".focus:ariadne-ring-yellow-600"
138
67
  - ".ariadne-text-red-800"
139
- - ".ariadne-text-sm"
140
- - ".ariadne-text-state-closed"
141
- - ".ariadne-text-state-open"
68
+ - ".ariadne-bg-red-50"
69
+ - ".hover:ariadne-bg-red-100"
70
+ - ".ariadne-border-red-300"
71
+ - ".focus:ariadne-ring-offset-red-50"
72
+ - ".focus:ariadne-ring-red-600"
73
+ - ".ariadne-text-yellow-600"
74
+ - ".ariadne-p-1"
75
+ - ".ariadne-border-transparent"
76
+ - ".ariadne-rounded-full"
77
+ - ".ariadne-invisible"
78
+ - ".ariadne-absolute"
79
+ - ".ariadne-bg-slate-900"
142
80
  - ".ariadne-text-white"
143
- - ".ariadne-text-xl"
144
- - ".ariadne-text-xs"
145
- - ".ariadne-text-yellow-500"
146
- - ".ariadne-text-yellow-700"
147
- - ".ariadne-text-yellow-800"
148
- - ".ariadne-top-0"
149
- - ".ariadne-transition"
81
+ - ".ariadne-font-semibold"
82
+ - ".ariadne-max-w-xs"
83
+ - ".ariadne-py-1"
84
+ - ".ariadne-px-2"
85
+ - ".z-max"
86
+ - ".tooltip-arrow"
87
+ - ".ariadne-block"
88
+ - ".ariadne-cursor-pointer"
150
89
  - ".ariadne-underline"
151
- - ".ariadne-w-0"
152
- - ".ariadne-w-auto"
153
- - ".ariadne-w-full"
154
- - ".ariadne-whitespace-nowrap"
155
- - ".ariadne-z-10"
156
- - ".ariadne-z-50"
157
- - ".as"
158
- - ".attributes:"
159
- - ".bell"
160
- - ".bg-billy-purple"
161
- - ".bg-filter-panel"
162
- - ".bg-state-closed"
163
- - ".bg-state-open"
164
- - ".billion:"
165
- - ".bold"
166
- - ".bold-button-0"
167
- - ".border-billy-purple"
168
- - ".border-state-closed"
169
- - ".border-state-open"
170
- - ".button-with-tooltip"
171
- - ".check"
172
- - ".chevron-down"
173
- - ".classes:"
174
- - ".clipboard"
175
- - ".clipboard-copy-component"
176
- - ".clock"
177
- - ".delivery"
178
- - ".divide-gray-200"
90
+ - ".ariadne-decoration-double"
91
+ - ".hover:ariadne-text-button-text-color"
92
+ - ".focus:ariadne-ring-purple-500"
93
+ - ".ariadne-text-green-600"
94
+ - ".ariadne-bg-white"
95
+ - ".ariadne-border-gray-300"
96
+ - ".ariadne-shadow"
97
+ - ".ariadne-py-5"
98
+ - ".ariadne-px-5"
99
+ - ".ariadne-hidden"
100
+ - ".sm:ariadne-block"
101
+ - ".ariadne-border-b"
102
+ - ".ariadne-border-gray-200"
103
+ - ".space-y-8"
179
104
  - ".divide-y"
180
- - ".dots-horizontal"
181
- - ".fill-billy-purple"
182
- - ".fill-state-closed"
183
- - ".fill-state-open"
184
- - ".flex"
185
- - ".flex-auto"
186
- - ".focus-visible:outline-2"
187
- - ".focus-visible:outline-offset-2"
105
+ - ".divide-gray-200"
106
+ - ".sm:space-y-5"
107
+ - ".ariadne-overflow-hidden"
108
+ - ".ariadne-border-x"
188
109
  - ".focus-within:ariadne-border-indigo-500"
189
110
  - ".focus-within:ariadne-ring-1"
190
111
  - ".focus-within:ariadne-ring-indigo-500"
191
- - ".focus:ariadne-outline-none"
112
+ - ".ariadne-w-full"
113
+ - ".ariadne-border-0"
192
114
  - ".focus:ariadne-ring-0"
193
- - ".focus:ariadne-ring-2"
194
- - ".focus:ariadne-ring-blue-600"
195
- - ".focus:ariadne-ring-green-600"
196
- - ".focus:ariadne-ring-offset-2"
197
- - ".focus:ariadne-ring-offset-blue-50"
198
- - ".focus:ariadne-ring-offset-green-50"
199
- - ".focus:ariadne-ring-offset-purple-50"
200
- - ".focus:ariadne-ring-offset-red-50"
201
- - ".focus:ariadne-ring-offset-yellow-50"
202
- - ".focus:ariadne-ring-purple-500"
203
- - ".focus:ariadne-ring-purple-600"
204
- - ".focus:ariadne-ring-red-600"
205
- - ".focus:ariadne-ring-yellow-600"
206
- - ".font-extrabold"
207
- - ".full"
208
- - ".group"
209
- - ".hover:ariadne-bg-blue-100"
115
+ - ".sm:ariadne-text-sm"
116
+ - ".tiptap-editor"
117
+ - ".ariadne-mt-2"
118
+ - ".ariadne-justify-end"
119
+ - ".ariadne-text-blue-700"
120
+ - ".ariadne-p-4"
121
+ - ".ariadne-flex-shrink-0"
122
+ - ".ariadne-ml-3"
123
+ - ".ariadne-text-yellow-700"
124
+ - ".ariadne-text-red-700"
125
+ - ".ariadne-text-green-700"
126
+ - ".ariadne-pl-3"
127
+ - ".ariadne--mx-1.5"
128
+ - ".ariadne--my-1.5"
129
+ - ".ariadne-p-1.5"
130
+ - ".ariadne-text-blue-500"
131
+ - ".ariadne-sr-only"
132
+ - ".ariadne-mt-4"
133
+ - ".ariadne-pt-5"
134
+ - ".ariadne--mx-2"
135
+ - ".flex"
136
+ - ".ariadne-mt-6"
137
+ - ".text-slate-500"
138
+ - ".sm:ariadne-mt-0"
139
+ - ".ariadne-grid"
140
+ - ".ariadne-gap-6"
141
+ - ".sm:ariadne-grid-cols-2"
142
+ - ".lg:ariadne-grid-cols-3"
143
+ - ".ariadne-font-bold"
144
+ - ".ariadne-leading-7"
145
+ - ".sm:ariadne-text-3xl"
146
+ - ".ariadne-text-2xl"
147
+ - ".ariadne-items-baseline"
148
+ - ".ariadne-stroke-state-open"
149
+ - ".ariadne-pl-2"
150
+ - ".ariadne-text-gray-900"
151
+ - ".ariadne-divide-y"
152
+ - ".ariadne-divide-gray-300"
153
+ - ".ariadne-relative"
210
154
  - ".hover:ariadne-bg-button-hover-color"
211
- - ".hover:ariadne-bg-green-100"
212
- - ".hover:ariadne-bg-purple-100"
213
- - ".hover:ariadne-bg-red-100"
214
- - ".hover:ariadne-bg-yellow-100"
215
- - ".hover:ariadne-text-button-text-color"
216
155
  - ".hover:ariadne-text-gray-500"
217
- - ".hover:bg-slate-100"
218
- - ".hover:text-slate-900"
219
- - ".id:"
220
- - ".immediately"
221
- - ".impact"
222
- - ".information-circle"
223
- - ".is"
224
- - ".lg:ariadne-grid-cols-3"
225
- - ".lg:ariadne-px-8"
226
- - ".lg:ariadne-py-16"
227
- - ".link"
228
- - ".list"
229
- - ".lock-closed"
230
- - ".m:"
231
- - ".mail"
232
- - ".md:ariadne-divide-y-0"
156
+ - ".flex-auto"
233
157
  - ".md:ariadne-flex"
234
- - ".md:ariadne-flex-1"
235
- - ".members"
236
- - ".menu"
237
- - ".message"
238
- - ".method:"
239
- - ".million:"
240
- - ".organization"
241
- - ".pencil"
242
- - ".plus-sm"
243
- - ".pt:"
244
- - ".question-mark-circle"
245
- - ".scheme:"
246
- - ".scroll-smooth"
247
- - ".search"
248
- - ".secure"
249
- - ".should"
250
- - ".sm:ariadne-block"
251
- - ".sm:ariadne-grid-cols-2"
252
- - ".sm:ariadne-mt-0"
253
- - ".sm:ariadne-px-6"
254
- - ".sm:ariadne-text-3xl"
255
- - ".sm:ariadne-text-sm"
256
- - ".sm:space-y-5"
257
- - ".sm:text-4xl"
258
- - ".space-y-8"
259
- - ".stroke-billy-purple"
260
- - ".stroke-state-closed"
261
- - ".stroke-state-open"
262
- - ".system"
263
- - ".take"
264
- - ".text"
265
- - ".text-3xl"
266
- - ".text-billy-purple"
267
- - ".text-black-700"
268
- - ".text-button-text-color"
269
- - ".text-gray-900"
270
- - ".text-slate-500"
271
- - ".text-slate-700"
272
- - ".text-state-closed"
273
- - ".text-state-open"
274
- - ".text-yellow-600"
275
- - ".text:"
276
- - ".the"
277
- - ".tiptap-editor"
278
- - ".to"
279
- - ".tooltip"
280
- - ".tooltip-arrow"
281
- - ".tooltip-component"
282
- - ".tracking-tight"
283
- - ".trash"
284
- - ".trigger"
285
- - ".type:"
286
- - ".up"
287
- - ".vault"
288
- - ".width"
289
- - ".will"
290
- - ".x-mark"
291
- - ".z-max"
158
+ - ".md:ariadne-divide-y-0"
159
+ - ".ariadne-inline-block"
160
+ - ".ariadne-py-0.5"
161
+ - ".ariadne-z-10"
162
+ - ".bg-filter-panel"
163
+ - ".ariadne-pb-4"
164
+ - ".ariadne-text-gray-500"
165
+ - ".hover:ariadne-text-gray-700"
166
+ - ".hover:ariadne-border-gray-300"
167
+ - ".ariadne-whitespace-nowrap"
168
+ - ".ariadne-py-4"
169
+ - ".ariadne-px-1"
170
+ - ".ariadne-border-b-2"
171
+ - ".ariadne-list-none"
172
+ - ".inline-flex"
173
+ - ".ariadne-border-indigo-500"
174
+ - ".ariadne-text-indigo-600"
175
+ - ".ariadne-divide-gray-200"
176
+ - ".ariadne-text-lg"
177
+ - ".ariadne-pt-6"
178
+ - ".ariadne-flow-root"
179
+ - ".ariadne--mb-8"
@@ -173,13 +173,14 @@
173
173
  },
174
174
  "Ariadne::GridComponent": {
175
175
  "DEFAULT_CLASSES": "ariadne-grid ariadne-gap-6 sm:ariadne-grid-cols-2 lg:ariadne-grid-cols-3",
176
- "DEFAULT_LINK_COLOR_CLASSES": "ariadne-text-button-text-color ariadne-bg-button-bg-color focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500",
176
+ "DEFAULT_LINK_COLOR_CLASSES": "focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500",
177
177
  "GridItem": "Ariadne::GridComponent::GridItem"
178
178
  },
179
179
  "Ariadne::GridComponent::GridItem": {
180
- "DEFAULT_ACTION_LINK_CLASSES": "text-button-text-color ariadne-relative ariadne--mr-px ariadne-w-0 ariadne-flex-1 ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-py-4 ariadne-text-sm ariadne-font-medium ariadne-border ariadne-border-transparent ariadne-rounded-bl-lg ariadne-rounded-lg",
181
- "DEFAULT_ENTRY_CLASSES": "group ariadne-flex-1 ariadne-flex ariadne-flex-col ariadne-p-8 hover:ariadne-bg-button-hover-color hover:ariadne-text-gray-500 ariadne-rounded-lg",
182
- "DEFAULT_ITEM_CLASSES": "ariadne-flex ariadne-flex-col ariadne-text-center ariadne-rounded-lg ariadne-shadow ariadne-my-4 text-black-700 ariadne-border-black"
180
+ "DEFAULT_ACTION_LINK_CLASSES": "ariadne-relative ariadne--mr-px ariadne-w-0 ariadne-flex-1 ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-py-4 ariadne-text-sm ariadne-font-medium ariadne-border ariadne-border-transparent",
181
+ "DEFAULT_ACTION_LINK_COLORS": "hover:ariadne-text-gray-500",
182
+ "DEFAULT_ENTRY_CLASSES": "ariadne-group ariadne-flex-1 ariadne-flex ariadne-flex-col ariadne-p-8 hover:ariadne-text-gray-500",
183
+ "DEFAULT_ITEM_CLASSES": "ariadne-flex ariadne-flex-col ariadne-text-center ariadne-rounded-lg ariadne-shadow text-black-700 ariadne-border-black"
183
184
  },
184
185
  "Ariadne::HeaderComponent": {
185
186
  "DEFAULT_CLASSES": "ariadne-sticky ariadne-top-0 ariadne-z-50 ariadne-px-4 ariadne-py-5 ariadne-bg-white ariadne-shadow-sm shadow-slate-900/5 ariadne-transition ariadne-duration-500",
@@ -327,6 +328,7 @@
327
328
  "ListItem": "Ariadne::ListComponent::ListItem"
328
329
  },
329
330
  "Ariadne::ListComponent::ListItem": {
331
+ "DEFAULT_ENTRY_CLASSES": "hover:ariadne-text-gray-500",
330
332
  "DEFAULT_ITEM_CLASSES": "ariadne-relative ariadne-p-1.5 focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500 hover:ariadne-bg-button-hover-color"
331
333
  },
332
334
  "Ariadne::MainComponent": {
@@ -376,20 +378,58 @@
376
378
  "xl"
377
379
  ]
378
380
  },
379
- "Ariadne::TabBarComponent": {
380
- "DEFAULT_CLASSES": "ariadne--mb-px ariadne-flex ariadne-space-x-8 ariadne-bg-transparent",
381
+ "Ariadne::TabComponent": {
382
+ "ARIA_CURRENT_OPTIONS_FOR_ANCHOR": [
383
+ true,
384
+ "page"
385
+ ],
386
+ "DEFAULT_ARIA_CURRENT_FOR_ANCHOR": "page",
387
+ "DEFAULT_CLASSES": "ariadne-border-transparent ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300 ariadne-whitespace-nowrap ariadne-py-4 ariadne-px-1 ariadne-border-b-2 ariadne-font-medium ariadne-text-sm"
388
+ },
389
+ "Ariadne::TabContainerComponent": {
390
+ "DEFAULT_CLASSES": "",
391
+ "DEFAULT_TAG": "tab-container"
392
+ },
393
+ "Ariadne::TabNavComponent": {
394
+ "BODY_TAG_DEFAULT": "ul",
395
+ "DEFAULT_CLASSES": "",
381
396
  "DEFAULT_TAG": "nav",
397
+ "SELECTED_CLASSES": "ariadne-border-indigo-500 ariadne-text-indigo-600",
382
398
  "TAG_OPTIONS": [
383
- "nav"
384
- ]
399
+ "nav",
400
+ "div"
401
+ ],
402
+ "UNSELECTED_CLASSES": "ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300"
385
403
  },
386
- "Ariadne::TabComponent": {
387
- "BASE_TAB_CLASSES": "ariadne-whitespace-nowrap ariadne-py-4 ariadne-px-1 ariadne-border-b-2 ariadne-font-medium ariadne-text-sm",
388
- "DEFAULT_CLASSES": "ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-py-5 ariadne-px-5 ariadne-rounded-md",
389
- "DEFAULT_TAG": "button",
390
- "TAG_OPTIONS": [
391
- "button"
392
- ]
404
+ "Ariadne::TableComponent": {
405
+ "DEFAULT_CLASSES": "ariadne-min-w-full ariadne-divide-y ariadne-divide-gray-300 flex flex-col",
406
+ "FooterItem": "Ariadne::TableComponent::FooterItem",
407
+ "HeaderRowItem": "Ariadne::TableComponent::HeaderRowItem",
408
+ "PaginationBarItem": "Ariadne::TableComponent::PaginationBarItem",
409
+ "RowItem": "Ariadne::TableComponent::RowItem"
410
+ },
411
+ "Ariadne::TableComponent::FooterItem": {
412
+ "DEFAULT_CLASSES": "ariadne-border-none ariadne-flex ariadne-items-center ariadne-justify-between ariadne-px-4 ariadne-py-3 sm:ariadne-px-6",
413
+ "DEFAULT_RESULT_CLASSES": "ariadne-text-sm ariadne-text-gray-700"
414
+ },
415
+ "Ariadne::TableComponent::HeaderRowItem": {
416
+ "DEFAULT_HEADER_CLASSES": "ariadne-bg-gray-50 flex flex-row"
417
+ },
418
+ "Ariadne::TableComponent::PaginationBarItem": {
419
+ "DEFAULT_NEXT_PAGE_CLASSES": " ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-rounded-r-md ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-2 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-500 focus:ariadne-z-20",
420
+ "DEFAULT_PAGINATOR_CLASSES": "ariadne-flex ariadne-items-center ariadne-justify-between ariadne-m-10",
421
+ "DEFAULT_PREV_PAGE_CLASSES": "ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-rounded-l-md ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-2 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-500 focus:ariadne-z-20"
422
+ },
423
+ "Ariadne::TableComponent::RowItem": {
424
+ "CellItem": "Ariadne::TableComponent::RowItem::CellItem",
425
+ "DEFAULT_ROW_CLASSES": "ariadne-whitespace-nowrap ariadne-py-4 ariadne-pl-4 ariadne-pr-3 ariadne-text-sm sm:ariadne-pl-6 flex flex-row",
426
+ "HeaderCellItem": "Ariadne::TableComponent::RowItem::HeaderCellItem"
427
+ },
428
+ "Ariadne::TableComponent::RowItem::CellItem": {
429
+ "DEFAULT_CELL_CLASSES": ""
430
+ },
431
+ "Ariadne::TableComponent::RowItem::HeaderCellItem": {
432
+ "DEFAULT_HEADER_CELL_CLASSES": "ariadne-py-3.5 ariadne-pl-4 pr-3 ariadne-text-left ariadne-text-sm ariadne-font-semibold ariadne-text-gray-900 ariadne-sm:pl-6"
393
433
  },
394
434
  "Ariadne::Text": {
395
435
  "DEFAULT_TAG": "span"
data/static/statuses.json CHANGED
@@ -29,8 +29,16 @@
29
29
  "Ariadne::PillComponent": "stable",
30
30
  "Ariadne::RichTextAreaComponent": "stable",
31
31
  "Ariadne::SlideoverComponent": "stable",
32
- "Ariadne::TabBarComponent": "stable",
33
32
  "Ariadne::TabComponent": "stable",
33
+ "Ariadne::TabContainerComponent": "stable",
34
+ "Ariadne::TabNavComponent": "stable",
35
+ "Ariadne::TableComponent": "stable",
36
+ "Ariadne::TableComponent::FooterItem": "stable",
37
+ "Ariadne::TableComponent::HeaderRowItem": "stable",
38
+ "Ariadne::TableComponent::PaginationBarItem": "stable",
39
+ "Ariadne::TableComponent::RowItem": "stable",
40
+ "Ariadne::TableComponent::RowItem::CellItem": "stable",
41
+ "Ariadne::TableComponent::RowItem::HeaderCellItem": "stable",
34
42
  "Ariadne::Text": "stable",
35
43
  "Ariadne::TimeAgoComponent": "stable",
36
44
  "Ariadne::TimelineComponent": "stable",
data/tailwind.config.js CHANGED
@@ -1,13 +1,12 @@
1
1
  const defaultTheme = require('tailwindcss/defaultTheme')
2
- const colors = require('tailwindcss/colors')
3
2
 
4
3
  const CLASS_YML_REGEX = /^- "\.([\S-]+)"$/
5
4
 
6
- // for classes in hashes
5
+ // for classes in hashes, eg. `SCHEME_CLASS_MAPPINGS`
7
6
  const CLASS_MAPPINGS = '(?:\\S+|:\\"[\\S-]+\\"): \\"([\\S -]+)\\"'
8
7
  // for classes in constants
9
8
  const CLASS_CONSTANT = '[A-Z_]+ = \\"([\\S -]+)\\"'
10
- const CLASS_RB_REGEX = new RegExp(`(?:${CLASS_MAPPINGS}|${CLASS_CONSTANT})'`, 'g')
9
+ const CLASS_RB_REGEX = new RegExp(`(?:${CLASS_MAPPINGS}|${CLASS_CONSTANT})`, 'g')
11
10
 
12
11
  const resolve = require('path').resolve
13
12
  module.exports = {
@@ -28,39 +27,25 @@ module.exports = {
28
27
  },
29
28
  rb: content => {
30
29
  const matches = content.match(CLASS_RB_REGEX)
31
- return matches ? matches[1].split(/\s+/) : []
30
+ return matches ? matches[0].split(/\s+/) : []
32
31
  }
33
32
  }
34
33
  },
34
+ plugins: [
35
+ require('@tailwindcss/aspect-ratio'),
36
+ require('@tailwindcss/line-clamp'),
37
+ require('@tailwindcss/forms'),
38
+ require('@tailwindcss/typography')
39
+ ],
35
40
  theme: {
36
41
  extend: {
37
42
  colors: {
38
- 'billy-purple': '#a700a0',
39
-
40
43
  'state-closed': '#da1e28',
41
- 'state-open': '#198038',
42
-
43
- 'list-hover': colors.indigo['50'],
44
- 'filter-panel': colors.amber['100'],
45
-
46
- 'button-text-color': colors.indigo['700'],
47
- 'button-bg-color': colors.indigo['100'],
48
- 'button-hover-color': colors.indigo['200'],
49
-
50
- 'internal-message': colors.amber['100']
44
+ 'state-open': '#198038'
51
45
  },
52
46
  fontFamily: {
53
47
  sans: ['Inter var', ...defaultTheme.fontFamily.sans]
54
- },
55
- zIndex: {
56
- max: '9999'
57
48
  }
58
49
  }
59
- },
60
- plugins: [
61
- require('@tailwindcss/aspect-ratio'),
62
- require('@tailwindcss/line-clamp'),
63
- require('@tailwindcss/forms'),
64
- require('@tailwindcss/typography')
65
- ]
50
+ }
66
51
  }