ariadne_view_components 0.0.40-x86_64-linux → 0.0.42-x86_64-linux
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/CHANGELOG.md +8 -0
- data/app/assets/stylesheets/ariadne_view_components.css +7 -0
- data/app/assets/stylesheets/dropdown.css +46 -0
- data/app/assets/stylesheets/prosemirror.css +323 -0
- data/app/assets/stylesheets/tooltip-component.css +37 -0
- data/lib/ariadne/view_components/version.rb +1 -1
- data/lib/tasks/coverage.rake +1 -3
- data/lib/tasks/docs.rake +2 -2
- metadata +6 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: b2fc750572f0ed8cef58e2c1e7a3f5ef1af96401371d64931678256554032056
|
4
|
+
data.tar.gz: 0d762c237c234b40917e4b702925d14caf3073fda8052937bb6b1a0fbdf654b3
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 311ff1483363a0a4a5a2dd001951ef420f1ffef3f6febec4cabc0eb0f644c7a24489f57565e5a63613c71bc4ef9b0a9e2ee20e7f023e2d9f837bbfe6c3a254b5
|
7
|
+
data.tar.gz: 4d574004a34eb7dd9736821db7d95f247cac56471d42fbf134f667c94394abc3348b401c0e0f575b5e748500a57f9645511b9c8af75676e05d6907f89aa4d30f
|
data/CHANGELOG.md
CHANGED
@@ -1,5 +1,13 @@
|
|
1
1
|
# Changelog
|
2
2
|
|
3
|
+
## [v0.0.41](https://github.com/yettoapp/ariadne/tree/v0.0.41) (2023-05-01)
|
4
|
+
|
5
|
+
[Full Changelog](https://github.com/yettoapp/ariadne/compare/v0.0.40...v0.0.41)
|
6
|
+
|
7
|
+
## [v0.0.40](https://github.com/yettoapp/ariadne/tree/v0.0.40) (2023-05-01)
|
8
|
+
|
9
|
+
[Full Changelog](https://github.com/yettoapp/ariadne/compare/v0.0.39...v0.0.40)
|
10
|
+
|
3
11
|
## [v0.0.39](https://github.com/yettoapp/ariadne/tree/v0.0.39) (2023-04-28)
|
4
12
|
|
5
13
|
[Full Changelog](https://github.com/yettoapp/ariadne/compare/v0.0.38...v0.0.39)
|
@@ -0,0 +1,46 @@
|
|
1
|
+
.ariadne__details-reset > summary {
|
2
|
+
list-style: none;
|
3
|
+
transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
|
4
|
+
transition-property: color, background-color, box-shadow, border-color;
|
5
|
+
}
|
6
|
+
|
7
|
+
.ariadne__details-reset > summary:focus {
|
8
|
+
outline: 2px solid var(--color-accent-fg);
|
9
|
+
outline-offset: -2px;
|
10
|
+
box-shadow: none;
|
11
|
+
}
|
12
|
+
|
13
|
+
.ariadne__details-reset > summary:focus:not(:focus-visible) {
|
14
|
+
outline: solid 1px transparent;
|
15
|
+
}
|
16
|
+
|
17
|
+
.ariadne__details-reset > summary:focus-visible {
|
18
|
+
outline: 2px solid var(--color-accent-fg);
|
19
|
+
outline-offset: -2px;
|
20
|
+
box-shadow: none;
|
21
|
+
}
|
22
|
+
|
23
|
+
.ariadne__details-reset > summary.btn-primary:focus {
|
24
|
+
outline: 2px solid var(--color-accent-fg);
|
25
|
+
outline-offset: -2px;
|
26
|
+
box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
|
27
|
+
}
|
28
|
+
|
29
|
+
.ariadne__details-reset > summary.btn-primary:focus:not(:focus-visible) {
|
30
|
+
outline: solid 1px transparent;
|
31
|
+
box-shadow: none;
|
32
|
+
}
|
33
|
+
|
34
|
+
.ariadne__details-reset > summary.btn-primary:focus-visible {
|
35
|
+
outline: 2px solid var(--color-accent-fg);
|
36
|
+
outline-offset: -2px;
|
37
|
+
box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
|
38
|
+
}
|
39
|
+
|
40
|
+
.ariadne__details-reset > summary::before {
|
41
|
+
display: none;
|
42
|
+
}
|
43
|
+
|
44
|
+
.ariadne__details-reset > summary::-webkit-details-marker {
|
45
|
+
display: none;
|
46
|
+
}
|
@@ -0,0 +1,323 @@
|
|
1
|
+
.ProseMirror {
|
2
|
+
position: relative;
|
3
|
+
}
|
4
|
+
|
5
|
+
.ProseMirror {
|
6
|
+
word-wrap: break-word;
|
7
|
+
white-space: pre-wrap;
|
8
|
+
-webkit-font-variant-ligatures: none;
|
9
|
+
font-variant-ligatures: none;
|
10
|
+
}
|
11
|
+
|
12
|
+
.ProseMirror pre {
|
13
|
+
white-space: pre-wrap;
|
14
|
+
}
|
15
|
+
|
16
|
+
.ProseMirror li {
|
17
|
+
position: relative;
|
18
|
+
}
|
19
|
+
|
20
|
+
.ProseMirror-hideselection *::selection {
|
21
|
+
background: transparent;
|
22
|
+
}
|
23
|
+
.ProseMirror-hideselection *::-moz-selection {
|
24
|
+
background: transparent;
|
25
|
+
}
|
26
|
+
.ProseMirror-hideselection {
|
27
|
+
caret-color: transparent;
|
28
|
+
}
|
29
|
+
|
30
|
+
.ProseMirror-selectednode {
|
31
|
+
outline: 2px solid #8cf;
|
32
|
+
}
|
33
|
+
|
34
|
+
/* Make sure li selections wrap around markers */
|
35
|
+
|
36
|
+
li.ProseMirror-selectednode {
|
37
|
+
outline: none;
|
38
|
+
}
|
39
|
+
|
40
|
+
li.ProseMirror-selectednode:after {
|
41
|
+
content: '';
|
42
|
+
position: absolute;
|
43
|
+
left: -32px;
|
44
|
+
right: -2px;
|
45
|
+
top: -2px;
|
46
|
+
bottom: -2px;
|
47
|
+
border: 2px solid #8cf;
|
48
|
+
pointer-events: none;
|
49
|
+
}
|
50
|
+
.ProseMirror-textblock-dropdown {
|
51
|
+
min-width: 3em;
|
52
|
+
}
|
53
|
+
|
54
|
+
.ProseMirror-menu {
|
55
|
+
margin: 0 -4px;
|
56
|
+
line-height: 1;
|
57
|
+
}
|
58
|
+
|
59
|
+
.ProseMirror-tooltip .ProseMirror-menu {
|
60
|
+
width: -webkit-fit-content;
|
61
|
+
width: fit-content;
|
62
|
+
white-space: pre;
|
63
|
+
}
|
64
|
+
|
65
|
+
.ProseMirror-menuitem {
|
66
|
+
margin-right: 3px;
|
67
|
+
display: inline-block;
|
68
|
+
}
|
69
|
+
|
70
|
+
.ProseMirror-menuseparator {
|
71
|
+
border-right: 1px solid #ddd;
|
72
|
+
margin-right: 3px;
|
73
|
+
}
|
74
|
+
|
75
|
+
.ProseMirror-menu-dropdown,
|
76
|
+
.ProseMirror-menu-dropdown-menu {
|
77
|
+
font-size: 90%;
|
78
|
+
white-space: nowrap;
|
79
|
+
}
|
80
|
+
|
81
|
+
.ProseMirror-menu-dropdown {
|
82
|
+
vertical-align: 1px;
|
83
|
+
cursor: pointer;
|
84
|
+
position: relative;
|
85
|
+
padding-right: 15px;
|
86
|
+
}
|
87
|
+
|
88
|
+
.ProseMirror-menu-dropdown-wrap {
|
89
|
+
padding: 1px 0 1px 4px;
|
90
|
+
display: inline-block;
|
91
|
+
position: relative;
|
92
|
+
}
|
93
|
+
|
94
|
+
.ProseMirror-menu-dropdown:after {
|
95
|
+
content: '';
|
96
|
+
border-left: 4px solid transparent;
|
97
|
+
border-right: 4px solid transparent;
|
98
|
+
border-top: 4px solid currentColor;
|
99
|
+
opacity: 0.6;
|
100
|
+
position: absolute;
|
101
|
+
right: 4px;
|
102
|
+
top: calc(50% - 2px);
|
103
|
+
}
|
104
|
+
|
105
|
+
.ProseMirror-menu-dropdown-menu,
|
106
|
+
.ProseMirror-menu-submenu {
|
107
|
+
position: absolute;
|
108
|
+
background: white;
|
109
|
+
color: #666;
|
110
|
+
border: 1px solid #aaa;
|
111
|
+
padding: 2px;
|
112
|
+
}
|
113
|
+
|
114
|
+
.ProseMirror-menu-dropdown-menu {
|
115
|
+
z-index: 15;
|
116
|
+
min-width: 6em;
|
117
|
+
}
|
118
|
+
|
119
|
+
.ProseMirror-menu-dropdown-item {
|
120
|
+
cursor: pointer;
|
121
|
+
padding: 2px 8px 2px 4px;
|
122
|
+
}
|
123
|
+
|
124
|
+
.ProseMirror-menu-dropdown-item:hover {
|
125
|
+
background: #f2f2f2;
|
126
|
+
}
|
127
|
+
|
128
|
+
.ProseMirror-menu-submenu-wrap {
|
129
|
+
position: relative;
|
130
|
+
margin-right: -4px;
|
131
|
+
}
|
132
|
+
|
133
|
+
.ProseMirror-menu-submenu-label:after {
|
134
|
+
content: '';
|
135
|
+
border-top: 4px solid transparent;
|
136
|
+
border-bottom: 4px solid transparent;
|
137
|
+
border-left: 4px solid currentColor;
|
138
|
+
opacity: 0.6;
|
139
|
+
position: absolute;
|
140
|
+
right: 4px;
|
141
|
+
top: calc(50% - 4px);
|
142
|
+
}
|
143
|
+
|
144
|
+
.ProseMirror-menu-submenu {
|
145
|
+
display: none;
|
146
|
+
min-width: 4em;
|
147
|
+
left: 100%;
|
148
|
+
top: -3px;
|
149
|
+
}
|
150
|
+
|
151
|
+
.ProseMirror-menu-active {
|
152
|
+
background: #eee;
|
153
|
+
border-radius: 4px;
|
154
|
+
}
|
155
|
+
|
156
|
+
.ProseMirror-menu-active {
|
157
|
+
background: #eee;
|
158
|
+
border-radius: 4px;
|
159
|
+
}
|
160
|
+
|
161
|
+
.ProseMirror-menu-disabled {
|
162
|
+
opacity: 0.3;
|
163
|
+
}
|
164
|
+
|
165
|
+
.ProseMirror-menu-submenu-wrap:hover .ProseMirror-menu-submenu,
|
166
|
+
.ProseMirror-menu-submenu-wrap-active .ProseMirror-menu-submenu {
|
167
|
+
display: block;
|
168
|
+
}
|
169
|
+
|
170
|
+
.ProseMirror-menubar {
|
171
|
+
border-top-left-radius: inherit;
|
172
|
+
border-top-right-radius: inherit;
|
173
|
+
position: relative;
|
174
|
+
min-height: 1em;
|
175
|
+
color: #666;
|
176
|
+
padding: 1px 6px;
|
177
|
+
top: 0;
|
178
|
+
left: 0;
|
179
|
+
right: 0;
|
180
|
+
border-bottom: 1px solid silver;
|
181
|
+
background: white;
|
182
|
+
z-index: 10;
|
183
|
+
-moz-box-sizing: border-box;
|
184
|
+
box-sizing: border-box;
|
185
|
+
overflow: visible;
|
186
|
+
}
|
187
|
+
|
188
|
+
.ProseMirror-icon {
|
189
|
+
display: inline-block;
|
190
|
+
line-height: 0.8;
|
191
|
+
vertical-align: -2px; /* Compensate for padding */
|
192
|
+
padding: 2px 8px;
|
193
|
+
cursor: pointer;
|
194
|
+
}
|
195
|
+
|
196
|
+
.ProseMirror-menu-disabled.ProseMirror-icon {
|
197
|
+
cursor: default;
|
198
|
+
}
|
199
|
+
|
200
|
+
.ProseMirror-icon svg {
|
201
|
+
fill: currentColor;
|
202
|
+
height: 1em;
|
203
|
+
}
|
204
|
+
|
205
|
+
.ProseMirror-icon span {
|
206
|
+
vertical-align: text-top;
|
207
|
+
}
|
208
|
+
/* Add space around the hr to make clicking it easier */
|
209
|
+
|
210
|
+
.ProseMirror-example-setup-style hr {
|
211
|
+
padding: 2px 10px;
|
212
|
+
border: none;
|
213
|
+
margin: 1em 0;
|
214
|
+
}
|
215
|
+
|
216
|
+
.ProseMirror-example-setup-style hr:after {
|
217
|
+
content: '';
|
218
|
+
display: block;
|
219
|
+
height: 1px;
|
220
|
+
background-color: silver;
|
221
|
+
line-height: 2px;
|
222
|
+
}
|
223
|
+
|
224
|
+
.ProseMirror ul,
|
225
|
+
.ProseMirror ol {
|
226
|
+
padding-left: 30px;
|
227
|
+
}
|
228
|
+
|
229
|
+
.ProseMirror blockquote {
|
230
|
+
padding-left: 1em;
|
231
|
+
border-left: 3px solid #eee;
|
232
|
+
margin-left: 0;
|
233
|
+
margin-right: 0;
|
234
|
+
}
|
235
|
+
|
236
|
+
.ProseMirror-example-setup-style img {
|
237
|
+
cursor: default;
|
238
|
+
}
|
239
|
+
|
240
|
+
.ProseMirror-prompt {
|
241
|
+
background: white;
|
242
|
+
padding: 5px 10px 5px 15px;
|
243
|
+
border: 1px solid silver;
|
244
|
+
position: fixed;
|
245
|
+
border-radius: 3px;
|
246
|
+
z-index: 11;
|
247
|
+
box-shadow: -0.5px 2px 5px rgba(0, 0, 0, 0.2);
|
248
|
+
}
|
249
|
+
|
250
|
+
.ProseMirror-prompt h5 {
|
251
|
+
margin: 0;
|
252
|
+
font-weight: normal;
|
253
|
+
font-size: 100%;
|
254
|
+
color: #444;
|
255
|
+
}
|
256
|
+
|
257
|
+
.ProseMirror-prompt input[type='text'],
|
258
|
+
.ProseMirror-prompt textarea {
|
259
|
+
background: #eee;
|
260
|
+
border: none;
|
261
|
+
outline: none;
|
262
|
+
}
|
263
|
+
|
264
|
+
.ProseMirror-prompt input[type='text'] {
|
265
|
+
padding: 0 4px;
|
266
|
+
}
|
267
|
+
|
268
|
+
.ProseMirror-prompt-close {
|
269
|
+
position: absolute;
|
270
|
+
left: 2px;
|
271
|
+
top: 1px;
|
272
|
+
color: #666;
|
273
|
+
border: none;
|
274
|
+
background: transparent;
|
275
|
+
padding: 0;
|
276
|
+
}
|
277
|
+
|
278
|
+
.ProseMirror-prompt-close:after {
|
279
|
+
content: '✕';
|
280
|
+
font-size: 12px;
|
281
|
+
}
|
282
|
+
|
283
|
+
.ProseMirror-invalid {
|
284
|
+
background: #ffc;
|
285
|
+
border: 1px solid #cc7;
|
286
|
+
border-radius: 4px;
|
287
|
+
padding: 5px 10px;
|
288
|
+
position: absolute;
|
289
|
+
min-width: 10em;
|
290
|
+
}
|
291
|
+
|
292
|
+
.ProseMirror-prompt-buttons {
|
293
|
+
margin-top: 5px;
|
294
|
+
display: none;
|
295
|
+
}
|
296
|
+
:root {
|
297
|
+
--validation-color: #3dcde6;
|
298
|
+
--validation-color-hover: #3dcde624;
|
299
|
+
--validation-gray: #a0a0a0;
|
300
|
+
--validation-debug-color-dirty: #f7a85e66;
|
301
|
+
--validation-debug-color-inflight: #f7a85ea1;
|
302
|
+
}
|
303
|
+
|
304
|
+
.Button {
|
305
|
+
padding: 1px 4px;
|
306
|
+
border: 1px solid lightgrey;
|
307
|
+
border-radius: 3px;
|
308
|
+
font-size: 16px;
|
309
|
+
cursor: pointer;
|
310
|
+
}
|
311
|
+
|
312
|
+
.Button:hover {
|
313
|
+
background-color: #eee;
|
314
|
+
}
|
315
|
+
|
316
|
+
.Input[type='checkbox'] {
|
317
|
+
margin-left: calc(var(--gutter-width));
|
318
|
+
}
|
319
|
+
|
320
|
+
.Button:active,
|
321
|
+
.Button:focus {
|
322
|
+
outline: none;
|
323
|
+
}
|
@@ -0,0 +1,37 @@
|
|
1
|
+
.ariadne-tooltip-arrow,
|
2
|
+
.ariadne-tooltip-arrow::before {
|
3
|
+
position: absolute;
|
4
|
+
width: 8px;
|
5
|
+
height: 8px;
|
6
|
+
background: inherit;
|
7
|
+
}
|
8
|
+
|
9
|
+
.ariadne-tooltip-arrow {
|
10
|
+
visibility: hidden;
|
11
|
+
}
|
12
|
+
|
13
|
+
tooltip[data-tooltip-show] .ariadne-tooltip-arrow::before {
|
14
|
+
visibility: visible;
|
15
|
+
content: '';
|
16
|
+
transform: rotate(45deg);
|
17
|
+
}
|
18
|
+
|
19
|
+
tooltip[data-popper-placement^='top'][data-tooltip-show] > .ariadne-tooltip-arrow {
|
20
|
+
bottom: -4px;
|
21
|
+
}
|
22
|
+
|
23
|
+
tooltip[data-popper-placement^='bottom'] > .ariadne-tooltip-arrow {
|
24
|
+
top: -4px;
|
25
|
+
}
|
26
|
+
|
27
|
+
tooltip[data-popper-placement^='left'] > .ariadne-tooltip-arrow {
|
28
|
+
right: -4px;
|
29
|
+
}
|
30
|
+
|
31
|
+
tooltip[data-popper-placement^='right'] > .ariadne-tooltip-arrow {
|
32
|
+
left: -4px;
|
33
|
+
}
|
34
|
+
|
35
|
+
tooltip[data-tooltip-show] {
|
36
|
+
display: block;
|
37
|
+
}
|
data/lib/tasks/coverage.rake
CHANGED
@@ -6,12 +6,10 @@ namespace :coverage do
|
|
6
6
|
require "simplecov"
|
7
7
|
require "simplecov-console"
|
8
8
|
|
9
|
-
SimpleCov.minimum_coverage(100)
|
10
|
-
|
11
9
|
SimpleCov.collate(Dir["coverage/.resultset.json"], "rails") do
|
12
10
|
formatter SimpleCov::Formatter::Console
|
13
11
|
|
14
|
-
minimum_coverage
|
12
|
+
minimum_coverage 100
|
15
13
|
maximum_coverage_drop 2
|
16
14
|
|
17
15
|
add_group "Ignored Code" do |src_file|
|
data/lib/tasks/docs.rake
CHANGED
@@ -9,7 +9,7 @@ require "fileutils"
|
|
9
9
|
|
10
10
|
namespace :docs do
|
11
11
|
desc "Rebuilds docs on change; run via the Procfile"
|
12
|
-
task :
|
12
|
+
task :watch do
|
13
13
|
require "listen"
|
14
14
|
|
15
15
|
Rake::Task["docs:build"].execute
|
@@ -305,7 +305,7 @@ namespace :docs do
|
|
305
305
|
puts "Markdown compiled."
|
306
306
|
|
307
307
|
if components_needing_docs.any?
|
308
|
-
puts "\nThe following components need documentation. Could you add it to them? #{components_needing_docs.map(&:name).join("
|
308
|
+
puts "\nThe following components need documentation. Could you add it to them? \n* #{components_needing_docs.map(&:name).join("\n* ")}"
|
309
309
|
end
|
310
310
|
end
|
311
311
|
|
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.
|
4
|
+
version: 0.0.42
|
5
5
|
platform: x86_64-linux
|
6
6
|
authors:
|
7
7
|
- Garen J. Torikian
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date: 2023-05-
|
11
|
+
date: 2023-05-02 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: tailwind_merge
|
@@ -111,6 +111,10 @@ files:
|
|
111
111
|
- CHANGELOG.md
|
112
112
|
- LICENSE.txt
|
113
113
|
- README.md
|
114
|
+
- app/assets/stylesheets/ariadne_view_components.css
|
115
|
+
- app/assets/stylesheets/dropdown.css
|
116
|
+
- app/assets/stylesheets/prosemirror.css
|
117
|
+
- app/assets/stylesheets/tooltip-component.css
|
114
118
|
- config/importmap.rb
|
115
119
|
- exe/tailwindcss
|
116
120
|
- exe/x86_64-linux/tailwindcss
|