@khanacademy/wonder-blocks-link 6.1.7 → 6.1.9
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.
- package/CHANGELOG.md +19 -0
- package/package.json +5 -5
- package/src/__tests__/__snapshots__/custom-snapshot.test.tsx.snap +0 -820
- package/src/__tests__/custom-snapshot.test.tsx +0 -79
- package/src/components/__tests__/link.test.tsx +0 -559
- package/src/components/__tests__/link.typestest.tsx +0 -40
- package/src/components/link-core.tsx +0 -289
- package/src/components/link.tsx +0 -291
- package/src/index.ts +0 -3
- package/tsconfig-build.json +0 -15
- package/tsconfig-build.tsbuildinfo +0 -1
|
@@ -1,820 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Link <Link tabIndex={-1}> 1`] = `
|
|
4
|
-
<div>
|
|
5
|
-
<a
|
|
6
|
-
class=""
|
|
7
|
-
href="#"
|
|
8
|
-
style="cursor: pointer; text-decoration: none; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
9
|
-
tabindex="-1"
|
|
10
|
-
>
|
|
11
|
-
Click me
|
|
12
|
-
</a>
|
|
13
|
-
</div>
|
|
14
|
-
`;
|
|
15
|
-
|
|
16
|
-
exports[`Link <Link tabIndex={0}> 1`] = `
|
|
17
|
-
<div>
|
|
18
|
-
<a
|
|
19
|
-
class=""
|
|
20
|
-
href="#"
|
|
21
|
-
style="cursor: pointer; text-decoration: none; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
22
|
-
tabindex="0"
|
|
23
|
-
>
|
|
24
|
-
Click me
|
|
25
|
-
</a>
|
|
26
|
-
</div>
|
|
27
|
-
`;
|
|
28
|
-
|
|
29
|
-
exports[`Link <Link tabIndex={1}> 1`] = `
|
|
30
|
-
<div>
|
|
31
|
-
<a
|
|
32
|
-
class=""
|
|
33
|
-
href="#"
|
|
34
|
-
style="cursor: pointer; text-decoration: none; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
35
|
-
tabindex="1"
|
|
36
|
-
>
|
|
37
|
-
Click me
|
|
38
|
-
</a>
|
|
39
|
-
</div>
|
|
40
|
-
`;
|
|
41
|
-
|
|
42
|
-
exports[`LinkCore kind:primary href:# light:false visitable:false focused 1`] = `
|
|
43
|
-
<div>
|
|
44
|
-
<a
|
|
45
|
-
class=""
|
|
46
|
-
href="#"
|
|
47
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
48
|
-
tabindex="0"
|
|
49
|
-
>
|
|
50
|
-
Click me
|
|
51
|
-
</a>
|
|
52
|
-
</div>
|
|
53
|
-
`;
|
|
54
|
-
|
|
55
|
-
exports[`LinkCore kind:primary href:# light:false visitable:false focused 2`] = `
|
|
56
|
-
<div>
|
|
57
|
-
<a
|
|
58
|
-
class=""
|
|
59
|
-
href="#"
|
|
60
|
-
style="cursor: pointer; text-decoration: none; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
61
|
-
tabindex="0"
|
|
62
|
-
>
|
|
63
|
-
Click me
|
|
64
|
-
</a>
|
|
65
|
-
</div>
|
|
66
|
-
`;
|
|
67
|
-
|
|
68
|
-
exports[`LinkCore kind:primary href:# light:false visitable:false hovered 1`] = `
|
|
69
|
-
<div>
|
|
70
|
-
<a
|
|
71
|
-
class=""
|
|
72
|
-
href="#"
|
|
73
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
74
|
-
tabindex="0"
|
|
75
|
-
>
|
|
76
|
-
Click me
|
|
77
|
-
</a>
|
|
78
|
-
</div>
|
|
79
|
-
`;
|
|
80
|
-
|
|
81
|
-
exports[`LinkCore kind:primary href:# light:false visitable:false hovered 2`] = `
|
|
82
|
-
<div>
|
|
83
|
-
<a
|
|
84
|
-
class=""
|
|
85
|
-
href="#"
|
|
86
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
87
|
-
tabindex="0"
|
|
88
|
-
>
|
|
89
|
-
Click me
|
|
90
|
-
</a>
|
|
91
|
-
</div>
|
|
92
|
-
`;
|
|
93
|
-
|
|
94
|
-
exports[`LinkCore kind:primary href:# light:false visitable:false pressed 1`] = `
|
|
95
|
-
<div>
|
|
96
|
-
<a
|
|
97
|
-
class=""
|
|
98
|
-
href="#"
|
|
99
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(27, 80, 179);"
|
|
100
|
-
tabindex="0"
|
|
101
|
-
>
|
|
102
|
-
Click me
|
|
103
|
-
</a>
|
|
104
|
-
</div>
|
|
105
|
-
`;
|
|
106
|
-
|
|
107
|
-
exports[`LinkCore kind:primary href:# light:false visitable:false pressed 2`] = `
|
|
108
|
-
<div>
|
|
109
|
-
<a
|
|
110
|
-
class=""
|
|
111
|
-
href="#"
|
|
112
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(27, 80, 179);"
|
|
113
|
-
tabindex="0"
|
|
114
|
-
>
|
|
115
|
-
Click me
|
|
116
|
-
</a>
|
|
117
|
-
</div>
|
|
118
|
-
`;
|
|
119
|
-
|
|
120
|
-
exports[`LinkCore kind:primary href:# light:false visitable:true focused 1`] = `
|
|
121
|
-
<div>
|
|
122
|
-
<a
|
|
123
|
-
class=""
|
|
124
|
-
href="#"
|
|
125
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
126
|
-
tabindex="0"
|
|
127
|
-
>
|
|
128
|
-
Click me
|
|
129
|
-
</a>
|
|
130
|
-
</div>
|
|
131
|
-
`;
|
|
132
|
-
|
|
133
|
-
exports[`LinkCore kind:primary href:# light:false visitable:true focused 2`] = `
|
|
134
|
-
<div>
|
|
135
|
-
<a
|
|
136
|
-
class=""
|
|
137
|
-
href="#"
|
|
138
|
-
style="cursor: pointer; text-decoration: none; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
139
|
-
tabindex="0"
|
|
140
|
-
>
|
|
141
|
-
Click me
|
|
142
|
-
</a>
|
|
143
|
-
</div>
|
|
144
|
-
`;
|
|
145
|
-
|
|
146
|
-
exports[`LinkCore kind:primary href:# light:false visitable:true hovered 1`] = `
|
|
147
|
-
<div>
|
|
148
|
-
<a
|
|
149
|
-
class=""
|
|
150
|
-
href="#"
|
|
151
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
152
|
-
tabindex="0"
|
|
153
|
-
>
|
|
154
|
-
Click me
|
|
155
|
-
</a>
|
|
156
|
-
</div>
|
|
157
|
-
`;
|
|
158
|
-
|
|
159
|
-
exports[`LinkCore kind:primary href:# light:false visitable:true hovered 2`] = `
|
|
160
|
-
<div>
|
|
161
|
-
<a
|
|
162
|
-
class=""
|
|
163
|
-
href="#"
|
|
164
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
165
|
-
tabindex="0"
|
|
166
|
-
>
|
|
167
|
-
Click me
|
|
168
|
-
</a>
|
|
169
|
-
</div>
|
|
170
|
-
`;
|
|
171
|
-
|
|
172
|
-
exports[`LinkCore kind:primary href:# light:false visitable:true pressed 1`] = `
|
|
173
|
-
<div>
|
|
174
|
-
<a
|
|
175
|
-
class=""
|
|
176
|
-
href="#"
|
|
177
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(27, 80, 179);"
|
|
178
|
-
tabindex="0"
|
|
179
|
-
>
|
|
180
|
-
Click me
|
|
181
|
-
</a>
|
|
182
|
-
</div>
|
|
183
|
-
`;
|
|
184
|
-
|
|
185
|
-
exports[`LinkCore kind:primary href:# light:false visitable:true pressed 2`] = `
|
|
186
|
-
<div>
|
|
187
|
-
<a
|
|
188
|
-
class=""
|
|
189
|
-
href="#"
|
|
190
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(27, 80, 179);"
|
|
191
|
-
tabindex="0"
|
|
192
|
-
>
|
|
193
|
-
Click me
|
|
194
|
-
</a>
|
|
195
|
-
</div>
|
|
196
|
-
`;
|
|
197
|
-
|
|
198
|
-
exports[`LinkCore kind:primary href:# light:true visitable:false focused 1`] = `
|
|
199
|
-
<div>
|
|
200
|
-
<a
|
|
201
|
-
class=""
|
|
202
|
-
href="#"
|
|
203
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(255, 255, 255);"
|
|
204
|
-
tabindex="0"
|
|
205
|
-
>
|
|
206
|
-
Click me
|
|
207
|
-
</a>
|
|
208
|
-
</div>
|
|
209
|
-
`;
|
|
210
|
-
|
|
211
|
-
exports[`LinkCore kind:primary href:# light:true visitable:false focused 2`] = `
|
|
212
|
-
<div>
|
|
213
|
-
<a
|
|
214
|
-
class=""
|
|
215
|
-
href="#"
|
|
216
|
-
style="cursor: pointer; text-decoration: none; outline: none; align-items: center; color: rgb(255, 255, 255);"
|
|
217
|
-
tabindex="0"
|
|
218
|
-
>
|
|
219
|
-
Click me
|
|
220
|
-
</a>
|
|
221
|
-
</div>
|
|
222
|
-
`;
|
|
223
|
-
|
|
224
|
-
exports[`LinkCore kind:primary href:# light:true visitable:false hovered 1`] = `
|
|
225
|
-
<div>
|
|
226
|
-
<a
|
|
227
|
-
class=""
|
|
228
|
-
href="#"
|
|
229
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(255, 255, 255);"
|
|
230
|
-
tabindex="0"
|
|
231
|
-
>
|
|
232
|
-
Click me
|
|
233
|
-
</a>
|
|
234
|
-
</div>
|
|
235
|
-
`;
|
|
236
|
-
|
|
237
|
-
exports[`LinkCore kind:primary href:# light:true visitable:false hovered 2`] = `
|
|
238
|
-
<div>
|
|
239
|
-
<a
|
|
240
|
-
class=""
|
|
241
|
-
href="#"
|
|
242
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(255, 255, 255);"
|
|
243
|
-
tabindex="0"
|
|
244
|
-
>
|
|
245
|
-
Click me
|
|
246
|
-
</a>
|
|
247
|
-
</div>
|
|
248
|
-
`;
|
|
249
|
-
|
|
250
|
-
exports[`LinkCore kind:primary href:# light:true visitable:false pressed 1`] = `
|
|
251
|
-
<div>
|
|
252
|
-
<a
|
|
253
|
-
class=""
|
|
254
|
-
href="#"
|
|
255
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(181, 206, 251);"
|
|
256
|
-
tabindex="0"
|
|
257
|
-
>
|
|
258
|
-
Click me
|
|
259
|
-
</a>
|
|
260
|
-
</div>
|
|
261
|
-
`;
|
|
262
|
-
|
|
263
|
-
exports[`LinkCore kind:primary href:# light:true visitable:false pressed 2`] = `
|
|
264
|
-
<div>
|
|
265
|
-
<a
|
|
266
|
-
class=""
|
|
267
|
-
href="#"
|
|
268
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(181, 206, 251);"
|
|
269
|
-
tabindex="0"
|
|
270
|
-
>
|
|
271
|
-
Click me
|
|
272
|
-
</a>
|
|
273
|
-
</div>
|
|
274
|
-
`;
|
|
275
|
-
|
|
276
|
-
exports[`LinkCore kind:primary href:# light:true visitable:true focused 1`] = `
|
|
277
|
-
<div>
|
|
278
|
-
<a
|
|
279
|
-
class=""
|
|
280
|
-
href="#"
|
|
281
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(255, 255, 255);"
|
|
282
|
-
tabindex="0"
|
|
283
|
-
>
|
|
284
|
-
Click me
|
|
285
|
-
</a>
|
|
286
|
-
</div>
|
|
287
|
-
`;
|
|
288
|
-
|
|
289
|
-
exports[`LinkCore kind:primary href:# light:true visitable:true focused 2`] = `
|
|
290
|
-
<div>
|
|
291
|
-
<a
|
|
292
|
-
class=""
|
|
293
|
-
href="#"
|
|
294
|
-
style="cursor: pointer; text-decoration: none; outline: none; align-items: center; color: rgb(255, 255, 255);"
|
|
295
|
-
tabindex="0"
|
|
296
|
-
>
|
|
297
|
-
Click me
|
|
298
|
-
</a>
|
|
299
|
-
</div>
|
|
300
|
-
`;
|
|
301
|
-
|
|
302
|
-
exports[`LinkCore kind:primary href:# light:true visitable:true hovered 1`] = `
|
|
303
|
-
<div>
|
|
304
|
-
<a
|
|
305
|
-
class=""
|
|
306
|
-
href="#"
|
|
307
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(255, 255, 255);"
|
|
308
|
-
tabindex="0"
|
|
309
|
-
>
|
|
310
|
-
Click me
|
|
311
|
-
</a>
|
|
312
|
-
</div>
|
|
313
|
-
`;
|
|
314
|
-
|
|
315
|
-
exports[`LinkCore kind:primary href:# light:true visitable:true hovered 2`] = `
|
|
316
|
-
<div>
|
|
317
|
-
<a
|
|
318
|
-
class=""
|
|
319
|
-
href="#"
|
|
320
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(255, 255, 255);"
|
|
321
|
-
tabindex="0"
|
|
322
|
-
>
|
|
323
|
-
Click me
|
|
324
|
-
</a>
|
|
325
|
-
</div>
|
|
326
|
-
`;
|
|
327
|
-
|
|
328
|
-
exports[`LinkCore kind:primary href:# light:true visitable:true pressed 1`] = `
|
|
329
|
-
<div>
|
|
330
|
-
<a
|
|
331
|
-
class=""
|
|
332
|
-
href="#"
|
|
333
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(181, 206, 251);"
|
|
334
|
-
tabindex="0"
|
|
335
|
-
>
|
|
336
|
-
Click me
|
|
337
|
-
</a>
|
|
338
|
-
</div>
|
|
339
|
-
`;
|
|
340
|
-
|
|
341
|
-
exports[`LinkCore kind:primary href:# light:true visitable:true pressed 2`] = `
|
|
342
|
-
<div>
|
|
343
|
-
<a
|
|
344
|
-
class=""
|
|
345
|
-
href="#"
|
|
346
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(181, 206, 251);"
|
|
347
|
-
tabindex="0"
|
|
348
|
-
>
|
|
349
|
-
Click me
|
|
350
|
-
</a>
|
|
351
|
-
</div>
|
|
352
|
-
`;
|
|
353
|
-
|
|
354
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:false focused 1`] = `
|
|
355
|
-
<div>
|
|
356
|
-
<a
|
|
357
|
-
class=""
|
|
358
|
-
href="#"
|
|
359
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
360
|
-
tabindex="0"
|
|
361
|
-
>
|
|
362
|
-
Click me
|
|
363
|
-
</a>
|
|
364
|
-
</div>
|
|
365
|
-
`;
|
|
366
|
-
|
|
367
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:false focused 2`] = `
|
|
368
|
-
<div>
|
|
369
|
-
<a
|
|
370
|
-
class=""
|
|
371
|
-
href="#"
|
|
372
|
-
style="cursor: pointer; text-decoration: none; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
373
|
-
tabindex="0"
|
|
374
|
-
>
|
|
375
|
-
Click me
|
|
376
|
-
</a>
|
|
377
|
-
</div>
|
|
378
|
-
`;
|
|
379
|
-
|
|
380
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:false hovered 1`] = `
|
|
381
|
-
<div>
|
|
382
|
-
<a
|
|
383
|
-
class=""
|
|
384
|
-
href="#"
|
|
385
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
386
|
-
tabindex="0"
|
|
387
|
-
>
|
|
388
|
-
Click me
|
|
389
|
-
</a>
|
|
390
|
-
</div>
|
|
391
|
-
`;
|
|
392
|
-
|
|
393
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:false hovered 2`] = `
|
|
394
|
-
<div>
|
|
395
|
-
<a
|
|
396
|
-
class=""
|
|
397
|
-
href="#"
|
|
398
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
399
|
-
tabindex="0"
|
|
400
|
-
>
|
|
401
|
-
Click me
|
|
402
|
-
</a>
|
|
403
|
-
</div>
|
|
404
|
-
`;
|
|
405
|
-
|
|
406
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:false pressed 1`] = `
|
|
407
|
-
<div>
|
|
408
|
-
<a
|
|
409
|
-
class=""
|
|
410
|
-
href="#"
|
|
411
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(27, 80, 179);"
|
|
412
|
-
tabindex="0"
|
|
413
|
-
>
|
|
414
|
-
Click me
|
|
415
|
-
</a>
|
|
416
|
-
</div>
|
|
417
|
-
`;
|
|
418
|
-
|
|
419
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:false pressed 2`] = `
|
|
420
|
-
<div>
|
|
421
|
-
<a
|
|
422
|
-
class=""
|
|
423
|
-
href="#"
|
|
424
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(27, 80, 179);"
|
|
425
|
-
tabindex="0"
|
|
426
|
-
>
|
|
427
|
-
Click me
|
|
428
|
-
</a>
|
|
429
|
-
</div>
|
|
430
|
-
`;
|
|
431
|
-
|
|
432
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:true focused 1`] = `
|
|
433
|
-
<div>
|
|
434
|
-
<a
|
|
435
|
-
class=""
|
|
436
|
-
href="#"
|
|
437
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
438
|
-
tabindex="0"
|
|
439
|
-
>
|
|
440
|
-
Click me
|
|
441
|
-
</a>
|
|
442
|
-
</div>
|
|
443
|
-
`;
|
|
444
|
-
|
|
445
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:true focused 2`] = `
|
|
446
|
-
<div>
|
|
447
|
-
<a
|
|
448
|
-
class=""
|
|
449
|
-
href="#"
|
|
450
|
-
style="cursor: pointer; text-decoration: none; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
451
|
-
tabindex="0"
|
|
452
|
-
>
|
|
453
|
-
Click me
|
|
454
|
-
</a>
|
|
455
|
-
</div>
|
|
456
|
-
`;
|
|
457
|
-
|
|
458
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:true hovered 1`] = `
|
|
459
|
-
<div>
|
|
460
|
-
<a
|
|
461
|
-
class=""
|
|
462
|
-
href="#"
|
|
463
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
464
|
-
tabindex="0"
|
|
465
|
-
>
|
|
466
|
-
Click me
|
|
467
|
-
</a>
|
|
468
|
-
</div>
|
|
469
|
-
`;
|
|
470
|
-
|
|
471
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:true hovered 2`] = `
|
|
472
|
-
<div>
|
|
473
|
-
<a
|
|
474
|
-
class=""
|
|
475
|
-
href="#"
|
|
476
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(24, 101, 242);"
|
|
477
|
-
tabindex="0"
|
|
478
|
-
>
|
|
479
|
-
Click me
|
|
480
|
-
</a>
|
|
481
|
-
</div>
|
|
482
|
-
`;
|
|
483
|
-
|
|
484
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:true pressed 1`] = `
|
|
485
|
-
<div>
|
|
486
|
-
<a
|
|
487
|
-
class=""
|
|
488
|
-
href="#"
|
|
489
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(27, 80, 179);"
|
|
490
|
-
tabindex="0"
|
|
491
|
-
>
|
|
492
|
-
Click me
|
|
493
|
-
</a>
|
|
494
|
-
</div>
|
|
495
|
-
`;
|
|
496
|
-
|
|
497
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:true pressed 2`] = `
|
|
498
|
-
<div>
|
|
499
|
-
<a
|
|
500
|
-
class=""
|
|
501
|
-
href="#"
|
|
502
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(27, 80, 179);"
|
|
503
|
-
tabindex="0"
|
|
504
|
-
>
|
|
505
|
-
Click me
|
|
506
|
-
</a>
|
|
507
|
-
</div>
|
|
508
|
-
`;
|
|
509
|
-
|
|
510
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:false focused 1`] = `
|
|
511
|
-
<div>
|
|
512
|
-
<a
|
|
513
|
-
class=""
|
|
514
|
-
href="#"
|
|
515
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(255, 255, 255);"
|
|
516
|
-
tabindex="0"
|
|
517
|
-
>
|
|
518
|
-
Click me
|
|
519
|
-
</a>
|
|
520
|
-
</div>
|
|
521
|
-
`;
|
|
522
|
-
|
|
523
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:false focused 2`] = `
|
|
524
|
-
<div>
|
|
525
|
-
<a
|
|
526
|
-
class=""
|
|
527
|
-
href="#"
|
|
528
|
-
style="cursor: pointer; text-decoration: none; outline: none; align-items: center; color: rgb(255, 255, 255);"
|
|
529
|
-
tabindex="0"
|
|
530
|
-
>
|
|
531
|
-
Click me
|
|
532
|
-
</a>
|
|
533
|
-
</div>
|
|
534
|
-
`;
|
|
535
|
-
|
|
536
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:false hovered 1`] = `
|
|
537
|
-
<div>
|
|
538
|
-
<a
|
|
539
|
-
class=""
|
|
540
|
-
href="#"
|
|
541
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(255, 255, 255);"
|
|
542
|
-
tabindex="0"
|
|
543
|
-
>
|
|
544
|
-
Click me
|
|
545
|
-
</a>
|
|
546
|
-
</div>
|
|
547
|
-
`;
|
|
548
|
-
|
|
549
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:false hovered 2`] = `
|
|
550
|
-
<div>
|
|
551
|
-
<a
|
|
552
|
-
class=""
|
|
553
|
-
href="#"
|
|
554
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(255, 255, 255);"
|
|
555
|
-
tabindex="0"
|
|
556
|
-
>
|
|
557
|
-
Click me
|
|
558
|
-
</a>
|
|
559
|
-
</div>
|
|
560
|
-
`;
|
|
561
|
-
|
|
562
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:false pressed 1`] = `
|
|
563
|
-
<div>
|
|
564
|
-
<a
|
|
565
|
-
class=""
|
|
566
|
-
href="#"
|
|
567
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(181, 206, 251);"
|
|
568
|
-
tabindex="0"
|
|
569
|
-
>
|
|
570
|
-
Click me
|
|
571
|
-
</a>
|
|
572
|
-
</div>
|
|
573
|
-
`;
|
|
574
|
-
|
|
575
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:false pressed 2`] = `
|
|
576
|
-
<div>
|
|
577
|
-
<a
|
|
578
|
-
class=""
|
|
579
|
-
href="#"
|
|
580
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(181, 206, 251);"
|
|
581
|
-
tabindex="0"
|
|
582
|
-
>
|
|
583
|
-
Click me
|
|
584
|
-
</a>
|
|
585
|
-
</div>
|
|
586
|
-
`;
|
|
587
|
-
|
|
588
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true focused 1`] = `
|
|
589
|
-
<div>
|
|
590
|
-
<a
|
|
591
|
-
class=""
|
|
592
|
-
href="#"
|
|
593
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(255, 255, 255);"
|
|
594
|
-
tabindex="0"
|
|
595
|
-
>
|
|
596
|
-
Click me
|
|
597
|
-
</a>
|
|
598
|
-
</div>
|
|
599
|
-
`;
|
|
600
|
-
|
|
601
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true focused 2`] = `
|
|
602
|
-
<div>
|
|
603
|
-
<a
|
|
604
|
-
class=""
|
|
605
|
-
href="#"
|
|
606
|
-
style="cursor: pointer; text-decoration: none; outline: none; align-items: center; color: rgb(255, 255, 255);"
|
|
607
|
-
tabindex="0"
|
|
608
|
-
>
|
|
609
|
-
Click me
|
|
610
|
-
</a>
|
|
611
|
-
</div>
|
|
612
|
-
`;
|
|
613
|
-
|
|
614
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true hovered 1`] = `
|
|
615
|
-
<div>
|
|
616
|
-
<a
|
|
617
|
-
class=""
|
|
618
|
-
href="#"
|
|
619
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(255, 255, 255);"
|
|
620
|
-
tabindex="0"
|
|
621
|
-
>
|
|
622
|
-
Click me
|
|
623
|
-
</a>
|
|
624
|
-
</div>
|
|
625
|
-
`;
|
|
626
|
-
|
|
627
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true hovered 2`] = `
|
|
628
|
-
<div>
|
|
629
|
-
<a
|
|
630
|
-
class=""
|
|
631
|
-
href="#"
|
|
632
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(255, 255, 255);"
|
|
633
|
-
tabindex="0"
|
|
634
|
-
>
|
|
635
|
-
Click me
|
|
636
|
-
</a>
|
|
637
|
-
</div>
|
|
638
|
-
`;
|
|
639
|
-
|
|
640
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true pressed 1`] = `
|
|
641
|
-
<div>
|
|
642
|
-
<a
|
|
643
|
-
class=""
|
|
644
|
-
href="#"
|
|
645
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(181, 206, 251);"
|
|
646
|
-
tabindex="0"
|
|
647
|
-
>
|
|
648
|
-
Click me
|
|
649
|
-
</a>
|
|
650
|
-
</div>
|
|
651
|
-
`;
|
|
652
|
-
|
|
653
|
-
exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true pressed 2`] = `
|
|
654
|
-
<div>
|
|
655
|
-
<a
|
|
656
|
-
class=""
|
|
657
|
-
href="#"
|
|
658
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(181, 206, 251);"
|
|
659
|
-
tabindex="0"
|
|
660
|
-
>
|
|
661
|
-
Click me
|
|
662
|
-
</a>
|
|
663
|
-
</div>
|
|
664
|
-
`;
|
|
665
|
-
|
|
666
|
-
exports[`LinkCore kind:secondary href:# light:false visitable:false focused 1`] = `
|
|
667
|
-
<div>
|
|
668
|
-
<a
|
|
669
|
-
class=""
|
|
670
|
-
href="#"
|
|
671
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(33, 36, 44);"
|
|
672
|
-
tabindex="0"
|
|
673
|
-
>
|
|
674
|
-
Click me
|
|
675
|
-
</a>
|
|
676
|
-
</div>
|
|
677
|
-
`;
|
|
678
|
-
|
|
679
|
-
exports[`LinkCore kind:secondary href:# light:false visitable:false focused 2`] = `
|
|
680
|
-
<div>
|
|
681
|
-
<a
|
|
682
|
-
class=""
|
|
683
|
-
href="#"
|
|
684
|
-
style="cursor: pointer; text-decoration: none; outline: none; align-items: center; color: rgba(33, 36, 44, 0.64);"
|
|
685
|
-
tabindex="0"
|
|
686
|
-
>
|
|
687
|
-
Click me
|
|
688
|
-
</a>
|
|
689
|
-
</div>
|
|
690
|
-
`;
|
|
691
|
-
|
|
692
|
-
exports[`LinkCore kind:secondary href:# light:false visitable:false hovered 1`] = `
|
|
693
|
-
<div>
|
|
694
|
-
<a
|
|
695
|
-
class=""
|
|
696
|
-
href="#"
|
|
697
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(33, 36, 44);"
|
|
698
|
-
tabindex="0"
|
|
699
|
-
>
|
|
700
|
-
Click me
|
|
701
|
-
</a>
|
|
702
|
-
</div>
|
|
703
|
-
`;
|
|
704
|
-
|
|
705
|
-
exports[`LinkCore kind:secondary href:# light:false visitable:false hovered 2`] = `
|
|
706
|
-
<div>
|
|
707
|
-
<a
|
|
708
|
-
class=""
|
|
709
|
-
href="#"
|
|
710
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgba(33, 36, 44, 0.64);"
|
|
711
|
-
tabindex="0"
|
|
712
|
-
>
|
|
713
|
-
Click me
|
|
714
|
-
</a>
|
|
715
|
-
</div>
|
|
716
|
-
`;
|
|
717
|
-
|
|
718
|
-
exports[`LinkCore kind:secondary href:# light:false visitable:false pressed 1`] = `
|
|
719
|
-
<div>
|
|
720
|
-
<a
|
|
721
|
-
class=""
|
|
722
|
-
href="#"
|
|
723
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(27, 80, 179);"
|
|
724
|
-
tabindex="0"
|
|
725
|
-
>
|
|
726
|
-
Click me
|
|
727
|
-
</a>
|
|
728
|
-
</div>
|
|
729
|
-
`;
|
|
730
|
-
|
|
731
|
-
exports[`LinkCore kind:secondary href:# light:false visitable:false pressed 2`] = `
|
|
732
|
-
<div>
|
|
733
|
-
<a
|
|
734
|
-
class=""
|
|
735
|
-
href="#"
|
|
736
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(33, 36, 44);"
|
|
737
|
-
tabindex="0"
|
|
738
|
-
>
|
|
739
|
-
Click me
|
|
740
|
-
</a>
|
|
741
|
-
</div>
|
|
742
|
-
`;
|
|
743
|
-
|
|
744
|
-
exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:false focused 1`] = `
|
|
745
|
-
<div>
|
|
746
|
-
<a
|
|
747
|
-
class=""
|
|
748
|
-
href="#"
|
|
749
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(33, 36, 44);"
|
|
750
|
-
tabindex="0"
|
|
751
|
-
>
|
|
752
|
-
Click me
|
|
753
|
-
</a>
|
|
754
|
-
</div>
|
|
755
|
-
`;
|
|
756
|
-
|
|
757
|
-
exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:false focused 2`] = `
|
|
758
|
-
<div>
|
|
759
|
-
<a
|
|
760
|
-
class=""
|
|
761
|
-
href="#"
|
|
762
|
-
style="cursor: pointer; text-decoration: none; outline: none; align-items: center; color: rgba(33, 36, 44, 0.64);"
|
|
763
|
-
tabindex="0"
|
|
764
|
-
>
|
|
765
|
-
Click me
|
|
766
|
-
</a>
|
|
767
|
-
</div>
|
|
768
|
-
`;
|
|
769
|
-
|
|
770
|
-
exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:false hovered 1`] = `
|
|
771
|
-
<div>
|
|
772
|
-
<a
|
|
773
|
-
class=""
|
|
774
|
-
href="#"
|
|
775
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(33, 36, 44);"
|
|
776
|
-
tabindex="0"
|
|
777
|
-
>
|
|
778
|
-
Click me
|
|
779
|
-
</a>
|
|
780
|
-
</div>
|
|
781
|
-
`;
|
|
782
|
-
|
|
783
|
-
exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:false hovered 2`] = `
|
|
784
|
-
<div>
|
|
785
|
-
<a
|
|
786
|
-
class=""
|
|
787
|
-
href="#"
|
|
788
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgba(33, 36, 44, 0.64);"
|
|
789
|
-
tabindex="0"
|
|
790
|
-
>
|
|
791
|
-
Click me
|
|
792
|
-
</a>
|
|
793
|
-
</div>
|
|
794
|
-
`;
|
|
795
|
-
|
|
796
|
-
exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:false pressed 1`] = `
|
|
797
|
-
<div>
|
|
798
|
-
<a
|
|
799
|
-
class=""
|
|
800
|
-
href="#"
|
|
801
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(27, 80, 179);"
|
|
802
|
-
tabindex="0"
|
|
803
|
-
>
|
|
804
|
-
Click me
|
|
805
|
-
</a>
|
|
806
|
-
</div>
|
|
807
|
-
`;
|
|
808
|
-
|
|
809
|
-
exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:false pressed 2`] = `
|
|
810
|
-
<div>
|
|
811
|
-
<a
|
|
812
|
-
class=""
|
|
813
|
-
href="#"
|
|
814
|
-
style="cursor: pointer; text-decoration: underline currentcolor solid; outline: none; align-items: center; color: rgb(33, 36, 44);"
|
|
815
|
-
tabindex="0"
|
|
816
|
-
>
|
|
817
|
-
Click me
|
|
818
|
-
</a>
|
|
819
|
-
</div>
|
|
820
|
-
`;
|