ariadne_view_components 0.0.40-x86_64-darwin → 0.0.42-x86_64-darwin

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: af217e8bd5784030632262c353c7fda1b45db69eeef79b779b09fce605477b5a
4
- data.tar.gz: 1baf2e0d2d2a700c728d9ef99a9ab0156ead8dc75bcf71376fe7b7bc88c53e8f
3
+ metadata.gz: 355980e8f1d195fe8722d59a5c4321d7e4fa7fa73e00923564adbbb9e8323abb
4
+ data.tar.gz: 4eb39568798cebd8f034410fa9941c8fb759159aeae5bf60a72af87af2ace3d6
5
5
  SHA512:
6
- metadata.gz: c49b171f3c19abab963c867ba6fb98346d376b7405d525c2a1a3d84288b55a3128e520f4d11d3c3d0b85bdb51edecd0bafc526b3937f4ff58b857ba5c6419628
7
- data.tar.gz: d7c235d5aa7e0a61bc30846067fbec03cb003fc0e8af185c884070376e9f30ff0e57e977eb36dd9ab58c21a5b58603be4516ca88c9501d94260f5aa0f5f1efbe
6
+ metadata.gz: e69c9e58374fe40a1a5df041e65ec55488edeb1a24682d5239fa41b9770d73cc6c87692f76826f01192fd31d467648a2de576774230a9332a87dcada595509ac
7
+ data.tar.gz: 64d41aee3c9ed992c1887748af073c69f8e5169194c1074720ebde39f133fd2e7aad1180e784dd1956f3d360661f15f9ebddc3f63944b006e61a1dee5748803d
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,7 @@
1
+ @import 'tailwindcss/base';
2
+ @import 'tailwindcss/components';
3
+ @import 'tailwindcss/utilities';
4
+
5
+ @import 'tooltip-component.css';
6
+ @import 'prosemirror.css';
7
+ @import 'dropdown.css';
@@ -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
+ }
@@ -3,6 +3,6 @@
3
3
  # :nocov:
4
4
  module Ariadne
5
5
  module ViewComponents
6
- VERSION = "0.0.40"
6
+ VERSION = "0.0.42"
7
7
  end
8
8
  end
@@ -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 90
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 :livereload do
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.40
4
+ version: 0.0.42
5
5
  platform: x86_64-darwin
6
6
  authors:
7
7
  - Garen J. Torikian
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2023-05-01 00:00:00.000000000 Z
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-darwin/tailwindcss