ariadne_view_components 0.0.3 → 0.0.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (56) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +7 -6
  3. data/app/assets/config/manifest.js +2 -0
  4. data/app/assets/javascripts/ariadne_view_components.js +1 -1
  5. data/app/assets/javascripts/ariadne_view_components.js.map +1 -1
  6. data/app/assets/stylesheets/{application.tailwind.css → application.ariadne_view_components.css} +0 -0
  7. data/app/components/ariadne/ariadne.ts +5 -9
  8. data/app/components/ariadne/base_button.rb +1 -0
  9. data/app/components/ariadne/blankslate_component.html.erb +26 -0
  10. data/app/components/ariadne/blankslate_component.rb +151 -0
  11. data/app/components/ariadne/button_component.html.erb +1 -1
  12. data/app/components/ariadne/button_component.rb +4 -1
  13. data/app/components/ariadne/{clipboard_copy_component.ts → clipboard-copy-component.ts} +0 -0
  14. data/app/components/ariadne/clipboard_copy_component.rb +5 -3
  15. data/app/components/ariadne/component.rb +5 -1
  16. data/app/components/ariadne/container_component.html.erb +3 -0
  17. data/app/components/ariadne/container_component.rb +25 -0
  18. data/app/components/ariadne/flash_component.rb +8 -8
  19. data/app/components/ariadne/footer_component.html.erb +7 -0
  20. data/app/components/ariadne/footer_component.rb +23 -0
  21. data/app/components/ariadne/grid_component.html.erb +17 -0
  22. data/app/components/ariadne/grid_component.rb +55 -0
  23. data/app/components/ariadne/header_component.html.erb +29 -0
  24. data/app/components/ariadne/header_component.rb +114 -0
  25. data/app/components/ariadne/heading_component.rb +1 -1
  26. data/app/components/ariadne/heroicon_component.html.erb +4 -5
  27. data/app/components/ariadne/heroicon_component.rb +5 -3
  28. data/app/components/ariadne/image_component.rb +5 -3
  29. data/app/components/ariadne/inline_flex_component.html.erb +5 -0
  30. data/app/components/ariadne/inline_flex_component.rb +63 -0
  31. data/app/components/ariadne/link_component.rb +60 -0
  32. data/app/components/ariadne/list_component.html.erb +17 -0
  33. data/app/components/ariadne/list_component.rb +97 -0
  34. data/app/components/ariadne/pill_component.html.erb +3 -0
  35. data/app/components/ariadne/pill_component.rb +30 -0
  36. data/app/components/ariadne/slideover-component.ts +26 -0
  37. data/app/components/ariadne/slideover_component.html.erb +14 -0
  38. data/app/components/ariadne/slideover_component.rb +77 -0
  39. data/app/components/ariadne/time_ago_component.rb +56 -0
  40. data/app/components/ariadne/time_ago_component.ts +1 -0
  41. data/app/components/ariadne/timeline_component.html.erb +19 -0
  42. data/app/components/ariadne/timeline_component.rb +34 -0
  43. data/app/lib/ariadne/action_view_extensions/form_helper.rb +23 -0
  44. data/app/lib/ariadne/form_builder.rb +71 -0
  45. data/lib/ariadne/classify.rb +9 -1
  46. data/lib/ariadne/view_components/engine.rb +6 -0
  47. data/lib/ariadne/view_components/version.rb +1 -1
  48. data/lib/rubocop/cop/ariadne/ariadne_heroicon.rb +2 -2
  49. data/lib/tasks/docs.rake +48 -58
  50. data/static/arguments.yml +204 -7
  51. data/static/audited_at.json +14 -0
  52. data/static/classes.yml +157 -1
  53. data/static/constants.json +171 -10
  54. data/static/statuses.json +14 -0
  55. metadata +31 -5
  56. data/lib/tasks/tailwind.rake +0 -31
data/static/classes.yml CHANGED
@@ -1,23 +1,70 @@
1
1
  ---
2
+ - ".-"
3
+ - ".-mb-8"
2
4
  - ".-mx-1.5"
3
5
  - ".-mx-2"
4
6
  - ".-my-1.5"
7
+ - ".a"
8
+ - ".all"
9
+ - ".alt:"
10
+ - ".and"
11
+ - ".antialiased"
12
+ - ".as"
13
+ - ".attributes:"
14
+ - ".bell"
15
+ - ".bg-billy-purple"
5
16
  - ".bg-blue-50"
17
+ - ".bg-button-bg-color"
18
+ - ".bg-filter-panel"
6
19
  - ".bg-gray-600"
7
20
  - ".bg-green-50"
21
+ - ".bg-purple-50"
8
22
  - ".bg-red-50"
23
+ - ".bg-state-closed"
24
+ - ".bg-state-open"
9
25
  - ".bg-white"
10
26
  - ".bg-yellow-50"
27
+ - ".billion:"
28
+ - ".bold"
29
+ - ".bold-button-0"
11
30
  - ".border"
31
+ - ".border-billy-purple"
12
32
  - ".border-blue-300"
13
33
  - ".border-gray-300"
14
34
  - ".border-green-300"
35
+ - ".border-our-purple-300"
36
+ - ".border-purple-300"
15
37
  - ".border-red-300"
38
+ - ".border-state-closed"
39
+ - ".border-state-open"
40
+ - ".border-t"
16
41
  - ".border-transparent"
17
42
  - ".border-yellow-300"
43
+ - ".button-with-tooltip"
44
+ - ".check"
45
+ - ".chevron-down"
46
+ - ".classes:"
47
+ - ".clipboard"
48
+ - ".clipboard-copy-component"
49
+ - ".clock"
18
50
  - ".color-fg-success"
51
+ - ".cursor-pointer"
52
+ - ".divide-gray-200"
53
+ - ".divide-gray-300"
54
+ - ".divide-y"
55
+ - ".dots-horizontal"
56
+ - ".duration-500"
57
+ - ".fill-billy-purple"
58
+ - ".fill-state-closed"
59
+ - ".fill-state-open"
19
60
  - ".flex"
61
+ - ".flex-auto"
62
+ - ".flex-col"
63
+ - ".flex-row"
20
64
  - ".flex-shrink-0"
65
+ - ".flow-root"
66
+ - ".focus-visible:outline-2"
67
+ - ".focus-visible:outline-offset-2"
21
68
  - ".focus:outline-none"
22
69
  - ".focus:ring-2"
23
70
  - ".focus:ring-blue-600"
@@ -27,63 +74,172 @@
27
74
  - ".focus:ring-offset-2"
28
75
  - ".focus:ring-offset-blue-50"
29
76
  - ".focus:ring-offset-green-50"
77
+ - ".focus:ring-offset-purple-50"
30
78
  - ".focus:ring-offset-red-50"
31
79
  - ".focus:ring-offset-yellow-50"
80
+ - ".focus:ring-purple-500"
81
+ - ".focus:ring-purple-600"
32
82
  - ".focus:ring-red-600"
33
83
  - ".focus:ring-yellow-600"
34
84
  - ".font-bold"
35
85
  - ".font-extrabold"
36
86
  - ".font-medium"
87
+ - ".font-semibold"
88
+ - ".foo"
89
+ - ".full"
90
+ - ".gap-6"
91
+ - ".grid"
92
+ - ".grid-cols-1"
93
+ - ".group"
94
+ - ".h-10"
95
+ - ".h-full"
96
+ - ".hidden"
37
97
  - ".hover:bg-blue-100"
98
+ - ".hover:bg-button-hover-color"
38
99
  - ".hover:bg-gray-50"
39
100
  - ".hover:bg-gray-700"
40
101
  - ".hover:bg-green-100"
102
+ - ".hover:bg-purple-100"
41
103
  - ".hover:bg-red-100"
104
+ - ".hover:bg-slate-100"
42
105
  - ".hover:bg-yellow-100"
106
+ - ".hover:text-slate-900"
107
+ - ".id:"
108
+ - ".immediately"
109
+ - ".impact"
110
+ - ".information-circle"
111
+ - ".inline-block"
43
112
  - ".inline-flex"
113
+ - ".inset-0"
114
+ - ".is"
115
+ - ".items-baseline"
44
116
  - ".items-center"
117
+ - ".justify-between"
118
+ - ".justify-center"
45
119
  - ".leading-4"
120
+ - ".leading-5"
46
121
  - ".leading-7"
122
+ - ".lg:grid-cols-4"
123
+ - ".lg:px-8"
124
+ - ".lg:py-16"
125
+ - ".link"
126
+ - ".list"
127
+ - ".lock-closed"
47
128
  - ".m-2"
129
+ - ".m:"
130
+ - ".mail"
131
+ - ".max-w-7xl"
132
+ - ".md:grid-cols-3"
133
+ - ".members"
134
+ - ".menu"
135
+ - ".million:"
136
+ - ".min-h-screen"
48
137
  - ".ml-2"
49
138
  - ".ml-3"
139
+ - ".mt-1"
50
140
  - ".mt-2"
51
141
  - ".mt-4"
142
+ - ".mt-6"
143
+ - ".mt-8"
144
+ - ".mx-auto"
145
+ - ".organization"
52
146
  - ".p-1"
53
147
  - ".p-1.5"
54
148
  - ".p-4"
149
+ - ".pb-4"
150
+ - ".pencil"
151
+ - ".pl-2"
55
152
  - ".pl-3"
153
+ - ".plus-sm"
56
154
  - ".pt-5"
155
+ - ".pt-6"
156
+ - ".pt:"
157
+ - ".px-2"
57
158
  - ".px-2.5"
58
159
  - ".px-3"
59
160
  - ".px-4"
60
161
  - ".px-6"
162
+ - ".py-0.5"
163
+ - ".py-1"
61
164
  - ".py-1.5"
165
+ - ".py-12"
62
166
  - ".py-2"
63
167
  - ".py-3"
168
+ - ".py-5"
169
+ - ".question-mark-circle"
170
+ - ".relative"
64
171
  - ".rounded"
65
172
  - ".rounded-full"
173
+ - ".rounded-lg"
66
174
  - ".rounded-m"
67
175
  - ".rounded-md"
176
+ - ".scheme:"
177
+ - ".scroll-smooth"
178
+ - ".search"
179
+ - ".secure"
68
180
  - ".shadow-sm"
181
+ - ".should"
182
+ - ".sm:grid-cols-2"
183
+ - ".sm:mt-0"
184
+ - ".sm:px-6"
69
185
  - ".sm:text-3xl"
70
- - ".sm:truncate"
186
+ - ".sm:text-4xl"
71
187
  - ".sr-only"
188
+ - ".sticky"
189
+ - ".stroke-billy-purple"
190
+ - ".stroke-state-closed"
191
+ - ".stroke-state-open"
192
+ - ".system"
193
+ - ".take"
194
+ - ".text"
72
195
  - ".text-2xl"
73
196
  - ".text-3xl"
74
197
  - ".text-base"
198
+ - ".text-billy-purple"
75
199
  - ".text-blue-500"
76
200
  - ".text-blue-700"
77
201
  - ".text-blue-800"
202
+ - ".text-button-text-color"
203
+ - ".text-center"
78
204
  - ".text-gray-700"
79
205
  - ".text-gray-900"
206
+ - ".text-green-500"
80
207
  - ".text-green-700"
81
208
  - ".text-green-800"
209
+ - ".text-lg"
210
+ - ".text-purple-800"
211
+ - ".text-red-500"
82
212
  - ".text-red-700"
83
213
  - ".text-red-800"
214
+ - ".text-slate-500"
215
+ - ".text-slate-700"
84
216
  - ".text-sm"
217
+ - ".text-state-closed"
218
+ - ".text-state-open"
85
219
  - ".text-white"
220
+ - ".text-xl"
86
221
  - ".text-xs"
222
+ - ".text-yellow-500"
87
223
  - ".text-yellow-600"
88
224
  - ".text-yellow-700"
89
225
  - ".text-yellow-800"
226
+ - ".text:"
227
+ - ".the"
228
+ - ".to"
229
+ - ".tooltip"
230
+ - ".top-0"
231
+ - ".top-4"
232
+ - ".tracking-tight"
233
+ - ".transition"
234
+ - ".trash"
235
+ - ".type:"
236
+ - ".up"
237
+ - ".vault"
238
+ - ".w-auto"
239
+ - ".w-full"
240
+ - ".whitespace-nowrap"
241
+ - ".width"
242
+ - ".will"
243
+ - ".x"
244
+ - ".z-10"
245
+ - ".z-50"
@@ -47,11 +47,20 @@
47
47
  "wbr"
48
48
  ]
49
49
  },
50
+ "Ariadne::BlankslateComponent": {
51
+ "DEFAULT_CLASSES": "max-w-7xl mx-auto text-center py-12 px-4 sm:px-6 lg:py-16 lg:px-8",
52
+ "DEFAULT_HEADING_CLASSES": "text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl",
53
+ "DEFAULT_IMAGE_SIZE": 56,
54
+ "DEFAULT_TAG": "div",
55
+ "TAG_OPTIONS": [
56
+ "div"
57
+ ]
58
+ },
50
59
  "Ariadne::ButtonComponent": {
51
60
  "DEFAULT_SCHEME": "default",
52
61
  "LINK_SCHEME": "link",
53
62
  "SCHEME_CLASS_MAPPINGS": {
54
- "default": "text-blue-800 bg-blue-50 hover:bg-blue-100 border-blue-300 focus:ring-offset-blue-50 focus:ring-blue-600",
63
+ "default": "text-purple-800 bg-purple-50 hover:bg-purple-100 border-purple-300 focus:ring-offset-purple-50 focus:ring-purple-600",
55
64
  "info": "text-blue-800 bg-blue-50 hover:bg-blue-100 border-blue-300 focus:ring-offset-blue-50 focus:ring-blue-600",
56
65
  "success": "text-green-800 bg-green-50 hover:bg-green-100 border-green-300 focus:ring-offset-green-50 focus:ring-green-600",
57
66
  "warning": "text-yellow-800 bg-yellow-50 hover:bg-yellow-100 border-yellow-300 focus:ring-offset-yellow-50 focus:ring-yellow-600",
@@ -66,10 +75,14 @@
66
75
  ]
67
76
  },
68
77
  "Ariadne::ClipboardCopyComponent": {
69
- "DATA_ACTION": "click->clipboard_copy_component#copy",
70
- "DATA_CONTROLLER": "clipboard_copy_component",
78
+ "DATA_ACTION": "click->clipboard-copy-component#copy",
79
+ "DATA_CONTROLLER": "clipboard-copy-component",
80
+ "DEFAULT_CLASSES": "cursor-pointer",
71
81
  "DEFAULT_TAG": "clipboard-copy"
72
82
  },
83
+ "Ariadne::ContainerComponent": {
84
+ "DEFAULT_CLASSES": "px-4 py-5 sm:px-6 lg:px-8"
85
+ },
73
86
  "Ariadne::Content": {
74
87
  },
75
88
  "Ariadne::CounterComponent": {
@@ -120,6 +133,91 @@
120
133
  "danger"
121
134
  ]
122
135
  },
136
+ "Ariadne::FooterComponent": {
137
+ "DEFAULT_CLASSES": "py-5"
138
+ },
139
+ "Ariadne::FormComponent": {
140
+ "CheckboxField": "Ariadne::FormComponent::CheckboxField",
141
+ "DEFAULT_CLASSES": "space-y-8 divide-y divide-gray-200 sm:space-y-5",
142
+ "DEFAULT_TAG": "form",
143
+ "EmailField": "Ariadne::FormComponent::EmailField",
144
+ "FORM_TYPE_CHECKBOX": "checkbox",
145
+ "FORM_TYPE_EMAIL": "email",
146
+ "FORM_TYPE_HIDDEN": "hidden",
147
+ "FORM_TYPE_PASSWORD": "password",
148
+ "FORM_TYPE_RADIO": "radio",
149
+ "FORM_TYPE_TEXT": "text",
150
+ "FORM_TYPE_TEXTAREA": "textarea",
151
+ "HiddenField": "Ariadne::FormComponent::HiddenField",
152
+ "PasswordField": "Ariadne::FormComponent::PasswordField",
153
+ "RadioField": "Ariadne::FormComponent::RadioField",
154
+ "Section": "Ariadne::FormComponent::Section",
155
+ "TAG_OPTIONS": [
156
+ "form"
157
+ ],
158
+ "TextField": "Ariadne::FormComponent::TextField",
159
+ "TextareaField": "Ariadne::FormComponent::TextareaField",
160
+ "VALID_FORM_TYPES": [
161
+ "text",
162
+ "checkbox",
163
+ "radio",
164
+ "textarea",
165
+ "hidden",
166
+ "password",
167
+ "email"
168
+ ],
169
+ "VALID_METHODS": [
170
+ "get",
171
+ "post",
172
+ "put",
173
+ "delete",
174
+ "patch"
175
+ ]
176
+ },
177
+ "Ariadne::FormComponent::CheckboxField": {
178
+ "DEFAULT_CHECKBOX_CLASSES": "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
179
+ },
180
+ "Ariadne::FormComponent::EmailField": {
181
+ "AUTOCOMPLETE": "email",
182
+ "DEFAULT_EMAIL_CLASSES": "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md"
183
+ },
184
+ "Ariadne::FormComponent::HiddenField": {
185
+ },
186
+ "Ariadne::FormComponent::PasswordField": {
187
+ "AUTOCOMPLETE": "current-password",
188
+ "DEFAULT_PASSWORD_CLASSES": "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
189
+ },
190
+ "Ariadne::FormComponent::RadioField": {
191
+ "DEFAULT_RADIO_CLASSES": "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded"
192
+ },
193
+ "Ariadne::FormComponent::Section": {
194
+ "DEFAULT_SECTION_CLASSES": "divide-y divide-gray-200 pt-8 space-y-6 sm:pt-10 sm:space-y-5",
195
+ "DEFAULT_SECTION_HEADING_CLASSES": "text-lg leading-6 font-medium text-gray-900",
196
+ "DEFAULT_SECTION_SUBHEADING_CLASSES": "mt-1 max-w-2xl text-sm text-gray-500",
197
+ "ITEMS_LAMBDA": "#<Proc:0x00007f117916e6a8 /home/runner/work/ariadne/ariadne/ruby/ariadne_view_components/app/components/ariadne/form_component.rb:71 (lambda)>"
198
+ },
199
+ "Ariadne::FormComponent::TextField": {
200
+ "DEFAULT_TEXT_CLASSES": "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md"
201
+ },
202
+ "Ariadne::FormComponent::TextareaField": {
203
+ "DEFAULT_TEXTAREA_CLASSES": "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border border-gray-300 rounded-md"
204
+ },
205
+ "Ariadne::GridComponent": {
206
+ "DEFAULT_CLASSES": "grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
207
+ "DEFAULT_LINK_COLOR_CLASSES": "text-button-text-color bg-button-bg-color hover:bg-button-hover-color focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500",
208
+ "Item": "Ariadne::GridComponent::Item"
209
+ },
210
+ "Ariadne::GridComponent::Item": {
211
+ },
212
+ "Ariadne::HeaderComponent": {
213
+ "DEFAULT_CLASSES": "sticky top-0 z-50 px-4 py-2 bg-white shadow-sm shadow-slate-900/5 transition duration-500",
214
+ "DEFAULT_IMAGE_LOGO_CLASSES": "h-10 w-auto",
215
+ "DEFAULT_NAV_LINK_CLASSES": "inline-block rounded-lg py-1 px-2 text-sm text-slate-700 hover:bg-slate-100 hover:text-slate-900",
216
+ "DEFAULT_PROFILE_LINK_CLASSES": "group inline-flex items-center justify-center rounded-full py-2 px-4 text-sm font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
217
+ "DEFAULT_SIGNUP_LINK_CLASSES": "group inline-flex items-center justify-center rounded-full py-2 px-4 text-sm font-semibold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
218
+ "DEFAULT_TEXT_LOGO_CLASSES": "flex items-center font-bold text-xl",
219
+ "LINK_CLASSES": "rounded-lg py-1 px-2 text-slate-700 hover:bg-slate-100 hover:text-slate-900"
220
+ },
123
221
  "Ariadne::HeadingComponent": {
124
222
  "TAG_OPTIONS": [
125
223
  "h1",
@@ -130,7 +228,7 @@
130
228
  "h6"
131
229
  ],
132
230
  "TAG_TO_CLASSES": {
133
- "h1": "font-bold leading-7 sm:text-3xl sm:truncate",
231
+ "h1": "font-bold leading-7 sm:text-3xl",
134
232
  "h2": "text-3xl font-extrabold text-gray-900",
135
233
  "h3": "text-2xl font-extrabold text-gray-900"
136
234
  }
@@ -177,6 +275,10 @@
177
275
  "name": "mail",
178
276
  "variant": "outline"
179
277
  },
278
+ {
279
+ "name": "menu",
280
+ "variant": "outline"
281
+ },
180
282
  {
181
283
  "name": "pencil",
182
284
  "variant": "outline"
@@ -206,22 +308,81 @@
206
308
  "variant": "outline"
207
309
  }
208
310
  ],
209
- "SIZE_DEFAULT": "small",
311
+ "SIZE_DEFAULT": "s",
210
312
  "SIZE_MAPPINGS": {
211
- "small": 16,
212
- "medium": 24
313
+ "s": 16,
314
+ "m": 24
213
315
  },
214
- "SIZE_MEDIUM": "medium",
316
+ "SIZE_MEDIUM": "m",
215
317
  "SIZE_OPTIONS": [
216
- "small",
217
- "medium"
318
+ "s",
319
+ "m"
218
320
  ]
219
321
  },
220
322
  "Ariadne::ImageComponent": {
323
+ "DEFAULT_TAG": "img"
324
+ },
325
+ "Ariadne::InlineFlexComponent": {
326
+ "DEFAULT_CLASSES": "inline-flex items-baseline",
327
+ "DEFAULT_TAG": "span",
328
+ "DEFAULT_TEXT_CLASSES": "pl-2 text-sm font-medium text-gray-900 text-sm",
329
+ "DEFAULT_TEXT_CLOSED_CLASSES": "text-state-closed",
330
+ "DEFAULT_TEXT_OPEN_CLASSES": "text-state-open",
331
+ "STATE_CLOSED_SVG": "<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" class=\"stroke-state-closed fill-state-closed \" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n</svg>\n",
332
+ "STATE_OPEN_SVG": "<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" class=\"stroke-state-open\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n</svg>\n",
333
+ "STATE_OPTIONS": [
334
+ "closed",
335
+ "open"
336
+ ]
337
+ },
338
+ "Ariadne::LinkComponent": {
339
+ "DEFAULT_TAG": "a",
340
+ "TAG_OPTIONS": [
341
+ "a",
342
+ "span"
343
+ ]
344
+ },
345
+ "Ariadne::ListComponent": {
346
+ "DEFAULT_UL_CLASSES": "divide-y divide-gray-300",
347
+ "Item": "Ariadne::ListComponent::Item"
348
+ },
349
+ "Ariadne::ListComponent::Item": {
350
+ },
351
+ "Ariadne::PillComponent": {
352
+ "DEFAULT_CLASSES": "flex-shrink-0 inline-block px-2 py-0.5 text-xs font-medium rounded-full",
353
+ "DEFAULT_TAG": "span",
354
+ "TAG_OPTIONS": [
355
+ "span"
356
+ ]
357
+ },
358
+ "Ariadne::SlideoverComponent": {
359
+ "DEFAULT_BUTTON_CLASSES": "inline-flex items-center shadow-sm px-4 py-1.5 border border-our-purple-300 z-50 text-sm leading-5 font-medium rounded-full text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500",
360
+ "DEFAULT_CLASSES": "",
361
+ "DEFAULT_TAG": "div",
362
+ "DIRECTION_X": "x",
363
+ "DIRECTION_Y": "y",
364
+ "TAG_OPTIONS": [
365
+ "div"
366
+ ],
367
+ "VALID_DIRECTIONS": [
368
+ "y",
369
+ "x"
370
+ ]
221
371
  },
222
372
  "Ariadne::Text": {
223
373
  "DEFAULT_TAG": "span"
224
374
  },
375
+ "Ariadne::TimeAgoComponent": {
376
+ "DEFAULT_CLASSES": "whitespace-nowrap",
377
+ "DEFAULT_TAG": "time-ago",
378
+ "TAG_OPTIONS": [
379
+ "time-ago"
380
+ ]
381
+ },
382
+ "Ariadne::TimelineComponent": {
383
+ "DEFAULT_CLASSES": "",
384
+ "DEFAULT_TAG": "div"
385
+ },
225
386
  "Ariadne::TooltipComponent": {
226
387
  "DIRECTION_DEFAULT": "s",
227
388
  "DIRECTION_OPTIONS": [
data/static/statuses.json CHANGED
@@ -1,14 +1,28 @@
1
1
  {
2
2
  "Ariadne::BaseButton": "stable",
3
3
  "Ariadne::BaseComponent": "stable",
4
+ "Ariadne::BlankslateComponent": "stable",
4
5
  "Ariadne::ButtonComponent": "stable",
5
6
  "Ariadne::ClipboardCopyComponent": "stable",
7
+ "Ariadne::ContainerComponent": "stable",
6
8
  "Ariadne::Content": "stable",
7
9
  "Ariadne::CounterComponent": "stable",
8
10
  "Ariadne::FlashComponent": "stable",
11
+ "Ariadne::FooterComponent": "stable",
12
+ "Ariadne::GridComponent": "stable",
13
+ "Ariadne::GridComponent::Item": "stable",
14
+ "Ariadne::HeaderComponent": "stable",
9
15
  "Ariadne::HeadingComponent": "stable",
10
16
  "Ariadne::HeroiconComponent": "stable",
11
17
  "Ariadne::ImageComponent": "stable",
18
+ "Ariadne::InlineFlexComponent": "stable",
19
+ "Ariadne::LinkComponent": "stable",
20
+ "Ariadne::ListComponent": "stable",
21
+ "Ariadne::ListComponent::Item": "stable",
22
+ "Ariadne::PillComponent": "stable",
23
+ "Ariadne::SlideoverComponent": "stable",
12
24
  "Ariadne::Text": "stable",
25
+ "Ariadne::TimeAgoComponent": "stable",
26
+ "Ariadne::TimelineComponent": "stable",
13
27
  "Ariadne::TooltipComponent": "stable"
14
28
  }
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.3
4
+ version: 0.0.4
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: 2022-06-27 00:00:00.000000000 Z
11
+ date: 2022-07-25 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: actionview
@@ -93,31 +93,58 @@ extra_rdoc_files: []
93
93
  files:
94
94
  - LICENSE.txt
95
95
  - README.md
96
+ - app/assets/config/manifest.js
96
97
  - app/assets/javascripts/ariadne_view_components.js
97
98
  - app/assets/javascripts/ariadne_view_components.js.map
98
- - app/assets/stylesheets/application.tailwind.css
99
+ - app/assets/stylesheets/application.ariadne_view_components.css
99
100
  - app/components/ariadne/ariadne.ts
100
101
  - app/components/ariadne/base_button.rb
101
102
  - app/components/ariadne/base_component.rb
103
+ - app/components/ariadne/blankslate_component.html.erb
104
+ - app/components/ariadne/blankslate_component.rb
102
105
  - app/components/ariadne/button_component.html.erb
103
106
  - app/components/ariadne/button_component.rb
107
+ - app/components/ariadne/clipboard-copy-component.ts
104
108
  - app/components/ariadne/clipboard_copy_component.html.erb
105
109
  - app/components/ariadne/clipboard_copy_component.rb
106
- - app/components/ariadne/clipboard_copy_component.ts
107
110
  - app/components/ariadne/component.rb
111
+ - app/components/ariadne/container_component.html.erb
112
+ - app/components/ariadne/container_component.rb
108
113
  - app/components/ariadne/content.rb
109
114
  - app/components/ariadne/counter_component.rb
110
115
  - app/components/ariadne/flash_component.html.erb
111
116
  - app/components/ariadne/flash_component.rb
117
+ - app/components/ariadne/footer_component.html.erb
118
+ - app/components/ariadne/footer_component.rb
119
+ - app/components/ariadne/grid_component.html.erb
120
+ - app/components/ariadne/grid_component.rb
121
+ - app/components/ariadne/header_component.html.erb
122
+ - app/components/ariadne/header_component.rb
112
123
  - app/components/ariadne/heading_component.rb
113
124
  - app/components/ariadne/heroicon_component.html.erb
114
125
  - app/components/ariadne/heroicon_component.rb
115
126
  - app/components/ariadne/image_component.rb
127
+ - app/components/ariadne/inline_flex_component.html.erb
128
+ - app/components/ariadne/inline_flex_component.rb
129
+ - app/components/ariadne/link_component.rb
130
+ - app/components/ariadne/list_component.html.erb
131
+ - app/components/ariadne/list_component.rb
132
+ - app/components/ariadne/pill_component.html.erb
133
+ - app/components/ariadne/pill_component.rb
134
+ - app/components/ariadne/slideover-component.ts
135
+ - app/components/ariadne/slideover_component.html.erb
136
+ - app/components/ariadne/slideover_component.rb
116
137
  - app/components/ariadne/text.rb
138
+ - app/components/ariadne/time_ago_component.rb
139
+ - app/components/ariadne/time_ago_component.ts
140
+ - app/components/ariadne/timeline_component.html.erb
141
+ - app/components/ariadne/timeline_component.rb
117
142
  - app/components/ariadne/tooltip_component.rb
143
+ - app/lib/ariadne/action_view_extensions/form_helper.rb
118
144
  - app/lib/ariadne/audited/dsl.rb
119
145
  - app/lib/ariadne/class_name_helper.rb
120
146
  - app/lib/ariadne/fetch_or_fallback_helper.rb
147
+ - app/lib/ariadne/form_builder.rb
121
148
  - app/lib/ariadne/icon_helper.rb
122
149
  - app/lib/ariadne/join_style_arguments_helper.rb
123
150
  - app/lib/ariadne/logger_helper.rb
@@ -151,7 +178,6 @@ files:
151
178
  - lib/tasks/helpers/ast_processor.rb
152
179
  - lib/tasks/helpers/ast_traverser.rb
153
180
  - lib/tasks/static.rake
154
- - lib/tasks/tailwind.rake
155
181
  - lib/tasks/utilities.rake
156
182
  - lib/yard/docs_helper.rb
157
183
  - lib/yard/renders_many_handler.rb
@@ -1,31 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- # "Hacks, but they work" ™
4
- if !defined?(Rails) || ENV.fetch("DOCS_BUILD", false).blank?
5
-
6
- # Spoof the Rails environment
7
- module Rails
8
- def self.root
9
- Pathname.new(File.join(File.dirname(__FILE__), "..", ".."))
10
- end
11
- end
12
-
13
- rule "" do |t|
14
- task_name = t.name
15
- if task_name == "assets:precompile"
16
- puts "Stubbing non-existent #{task_name}"
17
- else
18
- raise "No task named #{task_name}"
19
- end
20
- end
21
- end
22
-
23
- spec = Gem::Specification.find_by_name("tailwindcss-rails")
24
- load "#{spec.gem_dir}/lib/tasks/build.rake"
25
-
26
- Rake::Task["tailwindcss:build"].enhance do
27
- if File.exist?("app/assets/builds/tailwind.css")
28
- puts "Renaming tailwind.css to ariadne_view_components.css..."
29
- File.rename("app/assets/builds/tailwind.css", "app/assets/builds/ariadne_view_components.css")
30
- end
31
- end