ariadne_view_components 0.0.40-x86_64-linux → 0.0.42-x86_64-linux

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4cc0c42d004592753dc885e5e4187c65633d96665e8666e4dafc2f66b9684b2c
4
- data.tar.gz: 7ce8b3d5ac6555bfb964f9f483f5020100d50eaffd534c3c1d744a794a35f819
3
+ metadata.gz: b2fc750572f0ed8cef58e2c1e7a3f5ef1af96401371d64931678256554032056
4
+ data.tar.gz: 0d762c237c234b40917e4b702925d14caf3073fda8052937bb6b1a0fbdf654b3
5
5
  SHA512:
6
- metadata.gz: 93ff4b0fc7737c2511a3bed5daf669ebfc8cdd4c5ad8a8ead8582f264cc060fdf671ff5ade129edb108fe70914fcbd01ac2a98e51f768a6c6b5aaa15e401363c
7
- data.tar.gz: 5f6c97502f41f2046f48570982aa750fb0ea407c86e4dfe7893ffa21248605be33b18ea1eef50ab5424fe137caebd2e2654e31dc1121f7c235ca23f8b1fa3cc5
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,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-linux
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-linux/tailwindcss