@khanacademy/wonder-blocks-link 6.1.2 → 6.1.3

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/package.json +2 -2
  3. package/src/__tests__/__snapshots__/custom-snapshot.test.tsx.snap +630 -1990
  4. package/src/__tests__/custom-snapshot.test.tsx +22 -25
  5. package/tsconfig-build.tsbuildinfo +1 -1
package/src/__tests__/__snapshots__/custom-snapshot.test.tsx.snap CHANGED
@@ -1,2180 +1,820 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`Link <Link tabIndex={-1}> 1`] = `
4
- <a
5
- className=""
6
- href="#"
7
- onBlur={[Function]}
8
- onClick={[Function]}
9
- onFocus={[Function]}
10
- onKeyDown={[Function]}
11
- onKeyUp={[Function]}
12
- onMouseDown={[Function]}
13
- onMouseEnter={[Function]}
14
- onMouseLeave={[Function]}
15
- onMouseUp={[Function]}
16
- onTouchCancel={[Function]}
17
- onTouchEnd={[Function]}
18
- onTouchStart={[Function]}
19
- style={
20
- {
21
- "alignItems": "center",
22
- "color": "#1865f2",
23
- "cursor": "pointer",
24
- "outline": "none",
25
- "textDecoration": "none",
26
- }
27
- }
28
- tabIndex={-1}
29
- >
30
- Click me
31
- </a>
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>
32
14
  `;
33
15
 
34
16
  exports[`Link <Link tabIndex={0}> 1`] = `
35
- <a
36
- className=""
37
- href="#"
38
- onBlur={[Function]}
39
- onClick={[Function]}
40
- onFocus={[Function]}
41
- onKeyDown={[Function]}
42
- onKeyUp={[Function]}
43
- onMouseDown={[Function]}
44
- onMouseEnter={[Function]}
45
- onMouseLeave={[Function]}
46
- onMouseUp={[Function]}
47
- onTouchCancel={[Function]}
48
- onTouchEnd={[Function]}
49
- onTouchStart={[Function]}
50
- style={
51
- {
52
- "alignItems": "center",
53
- "color": "#1865f2",
54
- "cursor": "pointer",
55
- "outline": "none",
56
- "textDecoration": "none",
57
- }
58
- }
59
- tabIndex={0}
60
- >
61
- Click me
62
- </a>
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>
63
27
  `;
64
28
 
65
29
  exports[`Link <Link tabIndex={1}> 1`] = `
66
- <a
67
- className=""
68
- href="#"
69
- onBlur={[Function]}
70
- onClick={[Function]}
71
- onFocus={[Function]}
72
- onKeyDown={[Function]}
73
- onKeyUp={[Function]}
74
- onMouseDown={[Function]}
75
- onMouseEnter={[Function]}
76
- onMouseLeave={[Function]}
77
- onMouseUp={[Function]}
78
- onTouchCancel={[Function]}
79
- onTouchEnd={[Function]}
80
- onTouchStart={[Function]}
81
- style={
82
- {
83
- "alignItems": "center",
84
- "color": "#1865f2",
85
- "cursor": "pointer",
86
- "outline": "none",
87
- "textDecoration": "none",
88
- }
89
- }
90
- tabIndex={1}
91
- >
92
- Click me
93
- </a>
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>
94
40
  `;
95
41
 
96
42
  exports[`LinkCore kind:primary href:# light:false visitable:false focused 1`] = `
97
- <a
98
- className=""
99
- href="#"
100
- onBlur={[Function]}
101
- onClick={[Function]}
102
- onFocus={[Function]}
103
- onKeyDown={[Function]}
104
- onKeyUp={[Function]}
105
- onMouseDown={[Function]}
106
- onMouseEnter={[Function]}
107
- onMouseLeave={[Function]}
108
- onMouseUp={[Function]}
109
- onTouchCancel={[Function]}
110
- onTouchEnd={[Function]}
111
- onTouchStart={[Function]}
112
- style={
113
- {
114
- ":focusVisible": {
115
- "borderRadius": 3,
116
- "color": "#1865f2",
117
- "outline": "1px solid #1865f2",
118
- },
119
- "alignItems": "center",
120
- "color": "#1865f2",
121
- "cursor": "pointer",
122
- "outline": "none",
123
- "textDecoration": "underline currentcolor solid",
124
- "textUnderlineOffset": 2,
125
- }
126
- }
127
- tabIndex={0}
128
- >
129
- Click me
130
- </a>
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>
131
53
  `;
132
54
 
133
55
  exports[`LinkCore kind:primary href:# light:false visitable:false focused 2`] = `
134
- <a
135
- className=""
136
- href="#"
137
- onBlur={[Function]}
138
- onClick={[Function]}
139
- onFocus={[Function]}
140
- onKeyDown={[Function]}
141
- onKeyUp={[Function]}
142
- onMouseDown={[Function]}
143
- onMouseEnter={[Function]}
144
- onMouseLeave={[Function]}
145
- onMouseUp={[Function]}
146
- onTouchCancel={[Function]}
147
- onTouchEnd={[Function]}
148
- onTouchStart={[Function]}
149
- style={
150
- {
151
- ":focusVisible": {
152
- "borderRadius": 3,
153
- "color": "#1865f2",
154
- "outline": "1px solid #1865f2",
155
- },
156
- "alignItems": "center",
157
- "color": "#1865f2",
158
- "cursor": "pointer",
159
- "outline": "none",
160
- "textDecoration": "none",
161
- }
162
- }
163
- tabIndex={0}
164
- >
165
- Click me
166
- </a>
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>
167
66
  `;
168
67
 
169
68
  exports[`LinkCore kind:primary href:# light:false visitable:false hovered 1`] = `
170
- <a
171
- className=""
172
- href="#"
173
- onBlur={[Function]}
174
- onClick={[Function]}
175
- onFocus={[Function]}
176
- onKeyDown={[Function]}
177
- onKeyUp={[Function]}
178
- onMouseDown={[Function]}
179
- onMouseEnter={[Function]}
180
- onMouseLeave={[Function]}
181
- onMouseUp={[Function]}
182
- onTouchCancel={[Function]}
183
- onTouchEnd={[Function]}
184
- onTouchStart={[Function]}
185
- style={
186
- {
187
- "alignItems": "center",
188
- "color": "#1865f2",
189
- "cursor": "pointer",
190
- "outline": "none",
191
- "textDecoration": "underline currentcolor solid",
192
- "textUnderlineOffset": 2,
193
- }
194
- }
195
- tabIndex={0}
196
- >
197
- Click me
198
- </a>
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>
199
79
  `;
200
80
 
201
81
  exports[`LinkCore kind:primary href:# light:false visitable:false hovered 2`] = `
202
- <a
203
- className=""
204
- href="#"
205
- onBlur={[Function]}
206
- onClick={[Function]}
207
- onFocus={[Function]}
208
- onKeyDown={[Function]}
209
- onKeyUp={[Function]}
210
- onMouseDown={[Function]}
211
- onMouseEnter={[Function]}
212
- onMouseLeave={[Function]}
213
- onMouseUp={[Function]}
214
- onTouchCancel={[Function]}
215
- onTouchEnd={[Function]}
216
- onTouchStart={[Function]}
217
- style={
218
- {
219
- "alignItems": "center",
220
- "color": "#1865f2",
221
- "cursor": "pointer",
222
- "outline": "none",
223
- "textDecoration": "underline currentcolor solid",
224
- }
225
- }
226
- tabIndex={0}
227
- >
228
- Click me
229
- </a>
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>
230
92
  `;
231
93
 
232
94
  exports[`LinkCore kind:primary href:# light:false visitable:false pressed 1`] = `
233
- <a
234
- className=""
235
- href="#"
236
- onBlur={[Function]}
237
- onClick={[Function]}
238
- onFocus={[Function]}
239
- onKeyDown={[Function]}
240
- onKeyUp={[Function]}
241
- onMouseDown={[Function]}
242
- onMouseEnter={[Function]}
243
- onMouseLeave={[Function]}
244
- onMouseUp={[Function]}
245
- onTouchCancel={[Function]}
246
- onTouchEnd={[Function]}
247
- onTouchStart={[Function]}
248
- style={
249
- {
250
- "alignItems": "center",
251
- "color": "#1b50b3",
252
- "cursor": "pointer",
253
- "outline": "none",
254
- "textDecoration": "underline currentcolor solid",
255
- "textUnderlineOffset": 2,
256
- }
257
- }
258
- tabIndex={0}
259
- >
260
- Click me
261
- </a>
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>
262
105
  `;
263
106
 
264
107
  exports[`LinkCore kind:primary href:# light:false visitable:false pressed 2`] = `
265
- <a
266
- className=""
267
- href="#"
268
- onBlur={[Function]}
269
- onClick={[Function]}
270
- onFocus={[Function]}
271
- onKeyDown={[Function]}
272
- onKeyUp={[Function]}
273
- onMouseDown={[Function]}
274
- onMouseEnter={[Function]}
275
- onMouseLeave={[Function]}
276
- onMouseUp={[Function]}
277
- onTouchCancel={[Function]}
278
- onTouchEnd={[Function]}
279
- onTouchStart={[Function]}
280
- style={
281
- {
282
- "alignItems": "center",
283
- "color": "#1b50b3",
284
- "cursor": "pointer",
285
- "outline": "none",
286
- "textDecoration": "underline currentcolor solid",
287
- }
288
- }
289
- tabIndex={0}
290
- >
291
- Click me
292
- </a>
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>
293
118
  `;
294
119
 
295
120
  exports[`LinkCore kind:primary href:# light:false visitable:true focused 1`] = `
296
- <a
297
- className=""
298
- href="#"
299
- onBlur={[Function]}
300
- onClick={[Function]}
301
- onFocus={[Function]}
302
- onKeyDown={[Function]}
303
- onKeyUp={[Function]}
304
- onMouseDown={[Function]}
305
- onMouseEnter={[Function]}
306
- onMouseLeave={[Function]}
307
- onMouseUp={[Function]}
308
- onTouchCancel={[Function]}
309
- onTouchEnd={[Function]}
310
- onTouchStart={[Function]}
311
- style={
312
- {
313
- ":focusVisible": {
314
- ":visited": {
315
- "color": "#8755ee",
316
- },
317
- "borderRadius": 3,
318
- "color": "#1865f2",
319
- "outline": "1px solid #1865f2",
320
- },
321
- ":visited": {
322
- "color": "#8755ee",
323
- },
324
- "alignItems": "center",
325
- "color": "#1865f2",
326
- "cursor": "pointer",
327
- "outline": "none",
328
- "textDecoration": "underline currentcolor solid",
329
- "textUnderlineOffset": 2,
330
- }
331
- }
332
- tabIndex={0}
333
- >
334
- Click me
335
- </a>
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>
336
131
  `;
337
132
 
338
133
  exports[`LinkCore kind:primary href:# light:false visitable:true focused 2`] = `
339
- <a
340
- className=""
341
- href="#"
342
- onBlur={[Function]}
343
- onClick={[Function]}
344
- onFocus={[Function]}
345
- onKeyDown={[Function]}
346
- onKeyUp={[Function]}
347
- onMouseDown={[Function]}
348
- onMouseEnter={[Function]}
349
- onMouseLeave={[Function]}
350
- onMouseUp={[Function]}
351
- onTouchCancel={[Function]}
352
- onTouchEnd={[Function]}
353
- onTouchStart={[Function]}
354
- style={
355
- {
356
- ":focusVisible": {
357
- ":visited": {
358
- "color": "#8755ee",
359
- },
360
- "borderRadius": 3,
361
- "color": "#1865f2",
362
- "outline": "1px solid #1865f2",
363
- },
364
- ":visited": {
365
- "color": "#8755ee",
366
- },
367
- "alignItems": "center",
368
- "color": "#1865f2",
369
- "cursor": "pointer",
370
- "outline": "none",
371
- "textDecoration": "none",
372
- }
373
- }
374
- tabIndex={0}
375
- >
376
- Click me
377
- </a>
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>
378
144
  `;
379
145
 
380
146
  exports[`LinkCore kind:primary href:# light:false visitable:true hovered 1`] = `
381
- <a
382
- className=""
383
- href="#"
384
- onBlur={[Function]}
385
- onClick={[Function]}
386
- onFocus={[Function]}
387
- onKeyDown={[Function]}
388
- onKeyUp={[Function]}
389
- onMouseDown={[Function]}
390
- onMouseEnter={[Function]}
391
- onMouseLeave={[Function]}
392
- onMouseUp={[Function]}
393
- onTouchCancel={[Function]}
394
- onTouchEnd={[Function]}
395
- onTouchStart={[Function]}
396
- style={
397
- {
398
- ":visited": {
399
- "color": "#8755ee",
400
- },
401
- "alignItems": "center",
402
- "color": "#1865f2",
403
- "cursor": "pointer",
404
- "outline": "none",
405
- "textDecoration": "underline currentcolor solid",
406
- "textUnderlineOffset": 2,
407
- }
408
- }
409
- tabIndex={0}
410
- >
411
- Click me
412
- </a>
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>
413
157
  `;
414
158
 
415
159
  exports[`LinkCore kind:primary href:# light:false visitable:true hovered 2`] = `
416
- <a
417
- className=""
418
- href="#"
419
- onBlur={[Function]}
420
- onClick={[Function]}
421
- onFocus={[Function]}
422
- onKeyDown={[Function]}
423
- onKeyUp={[Function]}
424
- onMouseDown={[Function]}
425
- onMouseEnter={[Function]}
426
- onMouseLeave={[Function]}
427
- onMouseUp={[Function]}
428
- onTouchCancel={[Function]}
429
- onTouchEnd={[Function]}
430
- onTouchStart={[Function]}
431
- style={
432
- {
433
- ":visited": {
434
- "color": "#8755ee",
435
- },
436
- "alignItems": "center",
437
- "color": "#1865f2",
438
- "cursor": "pointer",
439
- "outline": "none",
440
- "textDecoration": "underline currentcolor solid",
441
- }
442
- }
443
- tabIndex={0}
444
- >
445
- Click me
446
- </a>
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>
447
170
  `;
448
171
 
449
172
  exports[`LinkCore kind:primary href:# light:false visitable:true pressed 1`] = `
450
- <a
451
- className=""
452
- href="#"
453
- onBlur={[Function]}
454
- onClick={[Function]}
455
- onFocus={[Function]}
456
- onKeyDown={[Function]}
457
- onKeyUp={[Function]}
458
- onMouseDown={[Function]}
459
- onMouseEnter={[Function]}
460
- onMouseLeave={[Function]}
461
- onMouseUp={[Function]}
462
- onTouchCancel={[Function]}
463
- onTouchEnd={[Function]}
464
- onTouchStart={[Function]}
465
- style={
466
- {
467
- ":visited": {
468
- "color": "#6645b0",
469
- },
470
- "alignItems": "center",
471
- "color": "#1b50b3",
472
- "cursor": "pointer",
473
- "outline": "none",
474
- "textDecoration": "underline currentcolor solid",
475
- "textUnderlineOffset": 2,
476
- }
477
- }
478
- tabIndex={0}
479
- >
480
- Click me
481
- </a>
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>
482
183
  `;
483
184
 
484
185
  exports[`LinkCore kind:primary href:# light:false visitable:true pressed 2`] = `
485
- <a
486
- className=""
487
- href="#"
488
- onBlur={[Function]}
489
- onClick={[Function]}
490
- onFocus={[Function]}
491
- onKeyDown={[Function]}
492
- onKeyUp={[Function]}
493
- onMouseDown={[Function]}
494
- onMouseEnter={[Function]}
495
- onMouseLeave={[Function]}
496
- onMouseUp={[Function]}
497
- onTouchCancel={[Function]}
498
- onTouchEnd={[Function]}
499
- onTouchStart={[Function]}
500
- style={
501
- {
502
- ":visited": {
503
- "color": "#6645b0",
504
- },
505
- "alignItems": "center",
506
- "color": "#1b50b3",
507
- "cursor": "pointer",
508
- "outline": "none",
509
- "textDecoration": "underline currentcolor solid",
510
- }
511
- }
512
- tabIndex={0}
513
- >
514
- Click me
515
- </a>
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>
516
196
  `;
517
197
 
518
198
  exports[`LinkCore kind:primary href:# light:true visitable:false focused 1`] = `
519
- <a
520
- className=""
521
- href="#"
522
- onBlur={[Function]}
523
- onClick={[Function]}
524
- onFocus={[Function]}
525
- onKeyDown={[Function]}
526
- onKeyUp={[Function]}
527
- onMouseDown={[Function]}
528
- onMouseEnter={[Function]}
529
- onMouseLeave={[Function]}
530
- onMouseUp={[Function]}
531
- onTouchCancel={[Function]}
532
- onTouchEnd={[Function]}
533
- onTouchStart={[Function]}
534
- style={
535
- {
536
- ":focusVisible": {
537
- "borderRadius": 3,
538
- "color": "#ffffff",
539
- "outline": "1px solid #ffffff",
540
- },
541
- "alignItems": "center",
542
- "color": "#ffffff",
543
- "cursor": "pointer",
544
- "outline": "none",
545
- "textDecoration": "underline currentcolor solid",
546
- "textUnderlineOffset": 2,
547
- }
548
- }
549
- tabIndex={0}
550
- >
551
- Click me
552
- </a>
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>
553
209
  `;
554
210
 
555
211
  exports[`LinkCore kind:primary href:# light:true visitable:false focused 2`] = `
556
- <a
557
- className=""
558
- href="#"
559
- onBlur={[Function]}
560
- onClick={[Function]}
561
- onFocus={[Function]}
562
- onKeyDown={[Function]}
563
- onKeyUp={[Function]}
564
- onMouseDown={[Function]}
565
- onMouseEnter={[Function]}
566
- onMouseLeave={[Function]}
567
- onMouseUp={[Function]}
568
- onTouchCancel={[Function]}
569
- onTouchEnd={[Function]}
570
- onTouchStart={[Function]}
571
- style={
572
- {
573
- ":focusVisible": {
574
- "borderRadius": 3,
575
- "color": "#ffffff",
576
- "outline": "1px solid #ffffff",
577
- },
578
- "alignItems": "center",
579
- "color": "#ffffff",
580
- "cursor": "pointer",
581
- "outline": "none",
582
- "textDecoration": "none",
583
- }
584
- }
585
- tabIndex={0}
586
- >
587
- Click me
588
- </a>
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>
589
222
  `;
590
223
 
591
224
  exports[`LinkCore kind:primary href:# light:true visitable:false hovered 1`] = `
592
- <a
593
- className=""
594
- href="#"
595
- onBlur={[Function]}
596
- onClick={[Function]}
597
- onFocus={[Function]}
598
- onKeyDown={[Function]}
599
- onKeyUp={[Function]}
600
- onMouseDown={[Function]}
601
- onMouseEnter={[Function]}
602
- onMouseLeave={[Function]}
603
- onMouseUp={[Function]}
604
- onTouchCancel={[Function]}
605
- onTouchEnd={[Function]}
606
- onTouchStart={[Function]}
607
- style={
608
- {
609
- "alignItems": "center",
610
- "color": "#ffffff",
611
- "cursor": "pointer",
612
- "outline": "none",
613
- "textDecoration": "underline currentcolor solid",
614
- "textUnderlineOffset": 2,
615
- }
616
- }
617
- tabIndex={0}
618
- >
619
- Click me
620
- </a>
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>
621
235
  `;
622
236
 
623
237
  exports[`LinkCore kind:primary href:# light:true visitable:false hovered 2`] = `
624
- <a
625
- className=""
626
- href="#"
627
- onBlur={[Function]}
628
- onClick={[Function]}
629
- onFocus={[Function]}
630
- onKeyDown={[Function]}
631
- onKeyUp={[Function]}
632
- onMouseDown={[Function]}
633
- onMouseEnter={[Function]}
634
- onMouseLeave={[Function]}
635
- onMouseUp={[Function]}
636
- onTouchCancel={[Function]}
637
- onTouchEnd={[Function]}
638
- onTouchStart={[Function]}
639
- style={
640
- {
641
- "alignItems": "center",
642
- "color": "#ffffff",
643
- "cursor": "pointer",
644
- "outline": "none",
645
- "textDecoration": "underline currentcolor solid",
646
- }
647
- }
648
- tabIndex={0}
649
- >
650
- Click me
651
- </a>
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>
652
248
  `;
653
249
 
654
250
  exports[`LinkCore kind:primary href:# light:true visitable:false pressed 1`] = `
655
- <a
656
- className=""
657
- href="#"
658
- onBlur={[Function]}
659
- onClick={[Function]}
660
- onFocus={[Function]}
661
- onKeyDown={[Function]}
662
- onKeyUp={[Function]}
663
- onMouseDown={[Function]}
664
- onMouseEnter={[Function]}
665
- onMouseLeave={[Function]}
666
- onMouseUp={[Function]}
667
- onTouchCancel={[Function]}
668
- onTouchEnd={[Function]}
669
- onTouchStart={[Function]}
670
- style={
671
- {
672
- "alignItems": "center",
673
- "color": "#b5cefb",
674
- "cursor": "pointer",
675
- "outline": "none",
676
- "textDecoration": "underline currentcolor solid",
677
- "textUnderlineOffset": 2,
678
- }
679
- }
680
- tabIndex={0}
681
- >
682
- Click me
683
- </a>
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>
684
261
  `;
685
262
 
686
263
  exports[`LinkCore kind:primary href:# light:true visitable:false pressed 2`] = `
687
- <a
688
- className=""
689
- href="#"
690
- onBlur={[Function]}
691
- onClick={[Function]}
692
- onFocus={[Function]}
693
- onKeyDown={[Function]}
694
- onKeyUp={[Function]}
695
- onMouseDown={[Function]}
696
- onMouseEnter={[Function]}
697
- onMouseLeave={[Function]}
698
- onMouseUp={[Function]}
699
- onTouchCancel={[Function]}
700
- onTouchEnd={[Function]}
701
- onTouchStart={[Function]}
702
- style={
703
- {
704
- "alignItems": "center",
705
- "color": "#b5cefb",
706
- "cursor": "pointer",
707
- "outline": "none",
708
- "textDecoration": "underline currentcolor solid",
709
- }
710
- }
711
- tabIndex={0}
712
- >
713
- Click me
714
- </a>
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>
715
274
  `;
716
275
 
717
276
  exports[`LinkCore kind:primary href:# light:true visitable:true focused 1`] = `
718
- <a
719
- className=""
720
- href="#"
721
- onBlur={[Function]}
722
- onClick={[Function]}
723
- onFocus={[Function]}
724
- onKeyDown={[Function]}
725
- onKeyUp={[Function]}
726
- onMouseDown={[Function]}
727
- onMouseEnter={[Function]}
728
- onMouseLeave={[Function]}
729
- onMouseUp={[Function]}
730
- onTouchCancel={[Function]}
731
- onTouchEnd={[Function]}
732
- onTouchStart={[Function]}
733
- style={
734
- {
735
- ":focusVisible": {
736
- ":visited": {
737
- "color": "#fa50ae",
738
- },
739
- "borderRadius": 3,
740
- "color": "#ffffff",
741
- "outline": "1px solid #ffffff",
742
- },
743
- ":visited": {
744
- "color": "#fa50ae",
745
- },
746
- "alignItems": "center",
747
- "color": "#ffffff",
748
- "cursor": "pointer",
749
- "outline": "none",
750
- "textDecoration": "underline currentcolor solid",
751
- "textUnderlineOffset": 2,
752
- }
753
- }
754
- tabIndex={0}
755
- >
756
- Click me
757
- </a>
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>
758
287
  `;
759
288
 
760
289
  exports[`LinkCore kind:primary href:# light:true visitable:true focused 2`] = `
761
- <a
762
- className=""
763
- href="#"
764
- onBlur={[Function]}
765
- onClick={[Function]}
766
- onFocus={[Function]}
767
- onKeyDown={[Function]}
768
- onKeyUp={[Function]}
769
- onMouseDown={[Function]}
770
- onMouseEnter={[Function]}
771
- onMouseLeave={[Function]}
772
- onMouseUp={[Function]}
773
- onTouchCancel={[Function]}
774
- onTouchEnd={[Function]}
775
- onTouchStart={[Function]}
776
- style={
777
- {
778
- ":focusVisible": {
779
- ":visited": {
780
- "color": "#fa50ae",
781
- },
782
- "borderRadius": 3,
783
- "color": "#ffffff",
784
- "outline": "1px solid #ffffff",
785
- },
786
- ":visited": {
787
- "color": "#fa50ae",
788
- },
789
- "alignItems": "center",
790
- "color": "#ffffff",
791
- "cursor": "pointer",
792
- "outline": "none",
793
- "textDecoration": "none",
794
- }
795
- }
796
- tabIndex={0}
797
- >
798
- Click me
799
- </a>
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>
800
300
  `;
801
301
 
802
302
  exports[`LinkCore kind:primary href:# light:true visitable:true hovered 1`] = `
803
- <a
804
- className=""
805
- href="#"
806
- onBlur={[Function]}
807
- onClick={[Function]}
808
- onFocus={[Function]}
809
- onKeyDown={[Function]}
810
- onKeyUp={[Function]}
811
- onMouseDown={[Function]}
812
- onMouseEnter={[Function]}
813
- onMouseLeave={[Function]}
814
- onMouseUp={[Function]}
815
- onTouchCancel={[Function]}
816
- onTouchEnd={[Function]}
817
- onTouchStart={[Function]}
818
- style={
819
- {
820
- ":visited": {
821
- "color": "#fa50ae",
822
- },
823
- "alignItems": "center",
824
- "color": "#ffffff",
825
- "cursor": "pointer",
826
- "outline": "none",
827
- "textDecoration": "underline currentcolor solid",
828
- "textUnderlineOffset": 2,
829
- }
830
- }
831
- tabIndex={0}
832
- >
833
- Click me
834
- </a>
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>
835
313
  `;
836
314
 
837
315
  exports[`LinkCore kind:primary href:# light:true visitable:true hovered 2`] = `
838
- <a
839
- className=""
840
- href="#"
841
- onBlur={[Function]}
842
- onClick={[Function]}
843
- onFocus={[Function]}
844
- onKeyDown={[Function]}
845
- onKeyUp={[Function]}
846
- onMouseDown={[Function]}
847
- onMouseEnter={[Function]}
848
- onMouseLeave={[Function]}
849
- onMouseUp={[Function]}
850
- onTouchCancel={[Function]}
851
- onTouchEnd={[Function]}
852
- onTouchStart={[Function]}
853
- style={
854
- {
855
- ":visited": {
856
- "color": "#fa50ae",
857
- },
858
- "alignItems": "center",
859
- "color": "#ffffff",
860
- "cursor": "pointer",
861
- "outline": "none",
862
- "textDecoration": "underline currentcolor solid",
863
- }
864
- }
865
- tabIndex={0}
866
- >
867
- Click me
868
- </a>
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>
869
326
  `;
870
327
 
871
328
  exports[`LinkCore kind:primary href:# light:true visitable:true pressed 1`] = `
872
- <a
873
- className=""
874
- href="#"
875
- onBlur={[Function]}
876
- onClick={[Function]}
877
- onFocus={[Function]}
878
- onKeyDown={[Function]}
879
- onKeyUp={[Function]}
880
- onMouseDown={[Function]}
881
- onMouseEnter={[Function]}
882
- onMouseLeave={[Function]}
883
- onMouseUp={[Function]}
884
- onTouchCancel={[Function]}
885
- onTouchEnd={[Function]}
886
- onTouchStart={[Function]}
887
- style={
888
- {
889
- ":visited": {
890
- "color": "#fc88c8",
891
- },
892
- "alignItems": "center",
893
- "color": "#b5cefb",
894
- "cursor": "pointer",
895
- "outline": "none",
896
- "textDecoration": "underline currentcolor solid",
897
- "textUnderlineOffset": 2,
898
- }
899
- }
900
- tabIndex={0}
901
- >
902
- Click me
903
- </a>
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>
904
339
  `;
905
340
 
906
341
  exports[`LinkCore kind:primary href:# light:true visitable:true pressed 2`] = `
907
- <a
908
- className=""
909
- href="#"
910
- onBlur={[Function]}
911
- onClick={[Function]}
912
- onFocus={[Function]}
913
- onKeyDown={[Function]}
914
- onKeyUp={[Function]}
915
- onMouseDown={[Function]}
916
- onMouseEnter={[Function]}
917
- onMouseLeave={[Function]}
918
- onMouseUp={[Function]}
919
- onTouchCancel={[Function]}
920
- onTouchEnd={[Function]}
921
- onTouchStart={[Function]}
922
- style={
923
- {
924
- ":visited": {
925
- "color": "#fc88c8",
926
- },
927
- "alignItems": "center",
928
- "color": "#b5cefb",
929
- "cursor": "pointer",
930
- "outline": "none",
931
- "textDecoration": "underline currentcolor solid",
932
- }
933
- }
934
- tabIndex={0}
935
- >
936
- Click me
937
- </a>
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>
938
352
  `;
939
353
 
940
354
  exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:false focused 1`] = `
941
- <a
942
- className=""
943
- href="#"
944
- onBlur={[Function]}
945
- onClick={[Function]}
946
- onFocus={[Function]}
947
- onKeyDown={[Function]}
948
- onKeyUp={[Function]}
949
- onMouseDown={[Function]}
950
- onMouseEnter={[Function]}
951
- onMouseLeave={[Function]}
952
- onMouseUp={[Function]}
953
- onTouchCancel={[Function]}
954
- onTouchEnd={[Function]}
955
- onTouchStart={[Function]}
956
- style={
957
- {
958
- ":focusVisible": {
959
- "borderRadius": 3,
960
- "color": "#1865f2",
961
- "outline": "1px solid #1865f2",
962
- },
963
- "alignItems": "center",
964
- "color": "#1865f2",
965
- "cursor": "pointer",
966
- "outline": "none",
967
- "textDecoration": "underline currentcolor solid",
968
- "textUnderlineOffset": 2,
969
- }
970
- }
971
- tabIndex={0}
972
- >
973
- Click me
974
- </a>
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>
975
365
  `;
976
366
 
977
367
  exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:false focused 2`] = `
978
- <a
979
- className=""
980
- href="#"
981
- onBlur={[Function]}
982
- onClick={[Function]}
983
- onFocus={[Function]}
984
- onKeyDown={[Function]}
985
- onKeyUp={[Function]}
986
- onMouseDown={[Function]}
987
- onMouseEnter={[Function]}
988
- onMouseLeave={[Function]}
989
- onMouseUp={[Function]}
990
- onTouchCancel={[Function]}
991
- onTouchEnd={[Function]}
992
- onTouchStart={[Function]}
993
- style={
994
- {
995
- ":focusVisible": {
996
- "borderRadius": 3,
997
- "color": "#1865f2",
998
- "outline": "1px solid #1865f2",
999
- },
1000
- "alignItems": "center",
1001
- "color": "#1865f2",
1002
- "cursor": "pointer",
1003
- "outline": "none",
1004
- "textDecoration": "none",
1005
- }
1006
- }
1007
- tabIndex={0}
1008
- >
1009
- Click me
1010
- </a>
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>
1011
378
  `;
1012
379
 
1013
380
  exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:false hovered 1`] = `
1014
- <a
1015
- className=""
1016
- href="#"
1017
- onBlur={[Function]}
1018
- onClick={[Function]}
1019
- onFocus={[Function]}
1020
- onKeyDown={[Function]}
1021
- onKeyUp={[Function]}
1022
- onMouseDown={[Function]}
1023
- onMouseEnter={[Function]}
1024
- onMouseLeave={[Function]}
1025
- onMouseUp={[Function]}
1026
- onTouchCancel={[Function]}
1027
- onTouchEnd={[Function]}
1028
- onTouchStart={[Function]}
1029
- style={
1030
- {
1031
- "alignItems": "center",
1032
- "color": "#1865f2",
1033
- "cursor": "pointer",
1034
- "outline": "none",
1035
- "textDecoration": "underline currentcolor solid",
1036
- "textUnderlineOffset": 2,
1037
- }
1038
- }
1039
- tabIndex={0}
1040
- >
1041
- Click me
1042
- </a>
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>
1043
391
  `;
1044
392
 
1045
393
  exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:false hovered 2`] = `
1046
- <a
1047
- className=""
1048
- href="#"
1049
- onBlur={[Function]}
1050
- onClick={[Function]}
1051
- onFocus={[Function]}
1052
- onKeyDown={[Function]}
1053
- onKeyUp={[Function]}
1054
- onMouseDown={[Function]}
1055
- onMouseEnter={[Function]}
1056
- onMouseLeave={[Function]}
1057
- onMouseUp={[Function]}
1058
- onTouchCancel={[Function]}
1059
- onTouchEnd={[Function]}
1060
- onTouchStart={[Function]}
1061
- style={
1062
- {
1063
- "alignItems": "center",
1064
- "color": "#1865f2",
1065
- "cursor": "pointer",
1066
- "outline": "none",
1067
- "textDecoration": "underline currentcolor solid",
1068
- }
1069
- }
1070
- tabIndex={0}
1071
- >
1072
- Click me
1073
- </a>
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>
1074
404
  `;
1075
405
 
1076
406
  exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:false pressed 1`] = `
1077
- <a
1078
- className=""
1079
- href="#"
1080
- onBlur={[Function]}
1081
- onClick={[Function]}
1082
- onFocus={[Function]}
1083
- onKeyDown={[Function]}
1084
- onKeyUp={[Function]}
1085
- onMouseDown={[Function]}
1086
- onMouseEnter={[Function]}
1087
- onMouseLeave={[Function]}
1088
- onMouseUp={[Function]}
1089
- onTouchCancel={[Function]}
1090
- onTouchEnd={[Function]}
1091
- onTouchStart={[Function]}
1092
- style={
1093
- {
1094
- "alignItems": "center",
1095
- "color": "#1b50b3",
1096
- "cursor": "pointer",
1097
- "outline": "none",
1098
- "textDecoration": "underline currentcolor solid",
1099
- "textUnderlineOffset": 2,
1100
- }
1101
- }
1102
- tabIndex={0}
1103
- >
1104
- Click me
1105
- </a>
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>
1106
417
  `;
1107
418
 
1108
419
  exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:false pressed 2`] = `
1109
- <a
1110
- className=""
1111
- href="#"
1112
- onBlur={[Function]}
1113
- onClick={[Function]}
1114
- onFocus={[Function]}
1115
- onKeyDown={[Function]}
1116
- onKeyUp={[Function]}
1117
- onMouseDown={[Function]}
1118
- onMouseEnter={[Function]}
1119
- onMouseLeave={[Function]}
1120
- onMouseUp={[Function]}
1121
- onTouchCancel={[Function]}
1122
- onTouchEnd={[Function]}
1123
- onTouchStart={[Function]}
1124
- style={
1125
- {
1126
- "alignItems": "center",
1127
- "color": "#1b50b3",
1128
- "cursor": "pointer",
1129
- "outline": "none",
1130
- "textDecoration": "underline currentcolor solid",
1131
- }
1132
- }
1133
- tabIndex={0}
1134
- >
1135
- Click me
1136
- </a>
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>
1137
430
  `;
1138
431
 
1139
432
  exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:true focused 1`] = `
1140
- <a
1141
- className=""
1142
- href="#"
1143
- onBlur={[Function]}
1144
- onClick={[Function]}
1145
- onFocus={[Function]}
1146
- onKeyDown={[Function]}
1147
- onKeyUp={[Function]}
1148
- onMouseDown={[Function]}
1149
- onMouseEnter={[Function]}
1150
- onMouseLeave={[Function]}
1151
- onMouseUp={[Function]}
1152
- onTouchCancel={[Function]}
1153
- onTouchEnd={[Function]}
1154
- onTouchStart={[Function]}
1155
- style={
1156
- {
1157
- ":focusVisible": {
1158
- ":visited": {
1159
- "color": "#8755ee",
1160
- },
1161
- "borderRadius": 3,
1162
- "color": "#1865f2",
1163
- "outline": "1px solid #1865f2",
1164
- },
1165
- ":visited": {
1166
- "color": "#8755ee",
1167
- },
1168
- "alignItems": "center",
1169
- "color": "#1865f2",
1170
- "cursor": "pointer",
1171
- "outline": "none",
1172
- "textDecoration": "underline currentcolor solid",
1173
- "textUnderlineOffset": 2,
1174
- }
1175
- }
1176
- tabIndex={0}
1177
- >
1178
- Click me
1179
- </a>
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>
1180
443
  `;
1181
444
 
1182
445
  exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:true focused 2`] = `
1183
- <a
1184
- className=""
1185
- href="#"
1186
- onBlur={[Function]}
1187
- onClick={[Function]}
1188
- onFocus={[Function]}
1189
- onKeyDown={[Function]}
1190
- onKeyUp={[Function]}
1191
- onMouseDown={[Function]}
1192
- onMouseEnter={[Function]}
1193
- onMouseLeave={[Function]}
1194
- onMouseUp={[Function]}
1195
- onTouchCancel={[Function]}
1196
- onTouchEnd={[Function]}
1197
- onTouchStart={[Function]}
1198
- style={
1199
- {
1200
- ":focusVisible": {
1201
- ":visited": {
1202
- "color": "#8755ee",
1203
- },
1204
- "borderRadius": 3,
1205
- "color": "#1865f2",
1206
- "outline": "1px solid #1865f2",
1207
- },
1208
- ":visited": {
1209
- "color": "#8755ee",
1210
- },
1211
- "alignItems": "center",
1212
- "color": "#1865f2",
1213
- "cursor": "pointer",
1214
- "outline": "none",
1215
- "textDecoration": "none",
1216
- }
1217
- }
1218
- tabIndex={0}
1219
- >
1220
- Click me
1221
- </a>
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>
1222
456
  `;
1223
457
 
1224
458
  exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:true hovered 1`] = `
1225
- <a
1226
- className=""
1227
- href="#"
1228
- onBlur={[Function]}
1229
- onClick={[Function]}
1230
- onFocus={[Function]}
1231
- onKeyDown={[Function]}
1232
- onKeyUp={[Function]}
1233
- onMouseDown={[Function]}
1234
- onMouseEnter={[Function]}
1235
- onMouseLeave={[Function]}
1236
- onMouseUp={[Function]}
1237
- onTouchCancel={[Function]}
1238
- onTouchEnd={[Function]}
1239
- onTouchStart={[Function]}
1240
- style={
1241
- {
1242
- ":visited": {
1243
- "color": "#8755ee",
1244
- },
1245
- "alignItems": "center",
1246
- "color": "#1865f2",
1247
- "cursor": "pointer",
1248
- "outline": "none",
1249
- "textDecoration": "underline currentcolor solid",
1250
- "textUnderlineOffset": 2,
1251
- }
1252
- }
1253
- tabIndex={0}
1254
- >
1255
- Click me
1256
- </a>
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>
1257
469
  `;
1258
470
 
1259
471
  exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:true hovered 2`] = `
1260
- <a
1261
- className=""
1262
- href="#"
1263
- onBlur={[Function]}
1264
- onClick={[Function]}
1265
- onFocus={[Function]}
1266
- onKeyDown={[Function]}
1267
- onKeyUp={[Function]}
1268
- onMouseDown={[Function]}
1269
- onMouseEnter={[Function]}
1270
- onMouseLeave={[Function]}
1271
- onMouseUp={[Function]}
1272
- onTouchCancel={[Function]}
1273
- onTouchEnd={[Function]}
1274
- onTouchStart={[Function]}
1275
- style={
1276
- {
1277
- ":visited": {
1278
- "color": "#8755ee",
1279
- },
1280
- "alignItems": "center",
1281
- "color": "#1865f2",
1282
- "cursor": "pointer",
1283
- "outline": "none",
1284
- "textDecoration": "underline currentcolor solid",
1285
- }
1286
- }
1287
- tabIndex={0}
1288
- >
1289
- Click me
1290
- </a>
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>
1291
482
  `;
1292
483
 
1293
484
  exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:true pressed 1`] = `
1294
- <a
1295
- className=""
1296
- href="#"
1297
- onBlur={[Function]}
1298
- onClick={[Function]}
1299
- onFocus={[Function]}
1300
- onKeyDown={[Function]}
1301
- onKeyUp={[Function]}
1302
- onMouseDown={[Function]}
1303
- onMouseEnter={[Function]}
1304
- onMouseLeave={[Function]}
1305
- onMouseUp={[Function]}
1306
- onTouchCancel={[Function]}
1307
- onTouchEnd={[Function]}
1308
- onTouchStart={[Function]}
1309
- style={
1310
- {
1311
- ":visited": {
1312
- "color": "#6645b0",
1313
- },
1314
- "alignItems": "center",
1315
- "color": "#1b50b3",
1316
- "cursor": "pointer",
1317
- "outline": "none",
1318
- "textDecoration": "underline currentcolor solid",
1319
- "textUnderlineOffset": 2,
1320
- }
1321
- }
1322
- tabIndex={0}
1323
- >
1324
- Click me
1325
- </a>
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>
1326
495
  `;
1327
496
 
1328
497
  exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:true pressed 2`] = `
1329
- <a
1330
- className=""
1331
- href="#"
1332
- onBlur={[Function]}
1333
- onClick={[Function]}
1334
- onFocus={[Function]}
1335
- onKeyDown={[Function]}
1336
- onKeyUp={[Function]}
1337
- onMouseDown={[Function]}
1338
- onMouseEnter={[Function]}
1339
- onMouseLeave={[Function]}
1340
- onMouseUp={[Function]}
1341
- onTouchCancel={[Function]}
1342
- onTouchEnd={[Function]}
1343
- onTouchStart={[Function]}
1344
- style={
1345
- {
1346
- ":visited": {
1347
- "color": "#6645b0",
1348
- },
1349
- "alignItems": "center",
1350
- "color": "#1b50b3",
1351
- "cursor": "pointer",
1352
- "outline": "none",
1353
- "textDecoration": "underline currentcolor solid",
1354
- }
1355
- }
1356
- tabIndex={0}
1357
- >
1358
- Click me
1359
- </a>
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>
1360
508
  `;
1361
509
 
1362
510
  exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:false focused 1`] = `
1363
- <a
1364
- className=""
1365
- href="#"
1366
- onBlur={[Function]}
1367
- onClick={[Function]}
1368
- onFocus={[Function]}
1369
- onKeyDown={[Function]}
1370
- onKeyUp={[Function]}
1371
- onMouseDown={[Function]}
1372
- onMouseEnter={[Function]}
1373
- onMouseLeave={[Function]}
1374
- onMouseUp={[Function]}
1375
- onTouchCancel={[Function]}
1376
- onTouchEnd={[Function]}
1377
- onTouchStart={[Function]}
1378
- style={
1379
- {
1380
- ":focusVisible": {
1381
- "borderRadius": 3,
1382
- "color": "#ffffff",
1383
- "outline": "1px solid #ffffff",
1384
- },
1385
- "alignItems": "center",
1386
- "color": "#ffffff",
1387
- "cursor": "pointer",
1388
- "outline": "none",
1389
- "textDecoration": "underline currentcolor solid",
1390
- "textUnderlineOffset": 2,
1391
- }
1392
- }
1393
- tabIndex={0}
1394
- >
1395
- Click me
1396
- </a>
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>
1397
521
  `;
1398
522
 
1399
523
  exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:false focused 2`] = `
1400
- <a
1401
- className=""
1402
- href="#"
1403
- onBlur={[Function]}
1404
- onClick={[Function]}
1405
- onFocus={[Function]}
1406
- onKeyDown={[Function]}
1407
- onKeyUp={[Function]}
1408
- onMouseDown={[Function]}
1409
- onMouseEnter={[Function]}
1410
- onMouseLeave={[Function]}
1411
- onMouseUp={[Function]}
1412
- onTouchCancel={[Function]}
1413
- onTouchEnd={[Function]}
1414
- onTouchStart={[Function]}
1415
- style={
1416
- {
1417
- ":focusVisible": {
1418
- "borderRadius": 3,
1419
- "color": "#ffffff",
1420
- "outline": "1px solid #ffffff",
1421
- },
1422
- "alignItems": "center",
1423
- "color": "#ffffff",
1424
- "cursor": "pointer",
1425
- "outline": "none",
1426
- "textDecoration": "none",
1427
- }
1428
- }
1429
- tabIndex={0}
1430
- >
1431
- Click me
1432
- </a>
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>
1433
534
  `;
1434
535
 
1435
536
  exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:false hovered 1`] = `
1436
- <a
1437
- className=""
1438
- href="#"
1439
- onBlur={[Function]}
1440
- onClick={[Function]}
1441
- onFocus={[Function]}
1442
- onKeyDown={[Function]}
1443
- onKeyUp={[Function]}
1444
- onMouseDown={[Function]}
1445
- onMouseEnter={[Function]}
1446
- onMouseLeave={[Function]}
1447
- onMouseUp={[Function]}
1448
- onTouchCancel={[Function]}
1449
- onTouchEnd={[Function]}
1450
- onTouchStart={[Function]}
1451
- style={
1452
- {
1453
- "alignItems": "center",
1454
- "color": "#ffffff",
1455
- "cursor": "pointer",
1456
- "outline": "none",
1457
- "textDecoration": "underline currentcolor solid",
1458
- "textUnderlineOffset": 2,
1459
- }
1460
- }
1461
- tabIndex={0}
1462
- >
1463
- Click me
1464
- </a>
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>
1465
547
  `;
1466
548
 
1467
549
  exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:false hovered 2`] = `
1468
- <a
1469
- className=""
1470
- href="#"
1471
- onBlur={[Function]}
1472
- onClick={[Function]}
1473
- onFocus={[Function]}
1474
- onKeyDown={[Function]}
1475
- onKeyUp={[Function]}
1476
- onMouseDown={[Function]}
1477
- onMouseEnter={[Function]}
1478
- onMouseLeave={[Function]}
1479
- onMouseUp={[Function]}
1480
- onTouchCancel={[Function]}
1481
- onTouchEnd={[Function]}
1482
- onTouchStart={[Function]}
1483
- style={
1484
- {
1485
- "alignItems": "center",
1486
- "color": "#ffffff",
1487
- "cursor": "pointer",
1488
- "outline": "none",
1489
- "textDecoration": "underline currentcolor solid",
1490
- }
1491
- }
1492
- tabIndex={0}
1493
- >
1494
- Click me
1495
- </a>
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>
1496
560
  `;
1497
561
 
1498
562
  exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:false pressed 1`] = `
1499
- <a
1500
- className=""
1501
- href="#"
1502
- onBlur={[Function]}
1503
- onClick={[Function]}
1504
- onFocus={[Function]}
1505
- onKeyDown={[Function]}
1506
- onKeyUp={[Function]}
1507
- onMouseDown={[Function]}
1508
- onMouseEnter={[Function]}
1509
- onMouseLeave={[Function]}
1510
- onMouseUp={[Function]}
1511
- onTouchCancel={[Function]}
1512
- onTouchEnd={[Function]}
1513
- onTouchStart={[Function]}
1514
- style={
1515
- {
1516
- "alignItems": "center",
1517
- "color": "#b5cefb",
1518
- "cursor": "pointer",
1519
- "outline": "none",
1520
- "textDecoration": "underline currentcolor solid",
1521
- "textUnderlineOffset": 2,
1522
- }
1523
- }
1524
- tabIndex={0}
1525
- >
1526
- Click me
1527
- </a>
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>
1528
573
  `;
1529
574
 
1530
575
  exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:false pressed 2`] = `
1531
- <a
1532
- className=""
1533
- href="#"
1534
- onBlur={[Function]}
1535
- onClick={[Function]}
1536
- onFocus={[Function]}
1537
- onKeyDown={[Function]}
1538
- onKeyUp={[Function]}
1539
- onMouseDown={[Function]}
1540
- onMouseEnter={[Function]}
1541
- onMouseLeave={[Function]}
1542
- onMouseUp={[Function]}
1543
- onTouchCancel={[Function]}
1544
- onTouchEnd={[Function]}
1545
- onTouchStart={[Function]}
1546
- style={
1547
- {
1548
- "alignItems": "center",
1549
- "color": "#b5cefb",
1550
- "cursor": "pointer",
1551
- "outline": "none",
1552
- "textDecoration": "underline currentcolor solid",
1553
- }
1554
- }
1555
- tabIndex={0}
1556
- >
1557
- Click me
1558
- </a>
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>
1559
586
  `;
1560
587
 
1561
588
  exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true focused 1`] = `
1562
- <a
1563
- className=""
1564
- href="#"
1565
- onBlur={[Function]}
1566
- onClick={[Function]}
1567
- onFocus={[Function]}
1568
- onKeyDown={[Function]}
1569
- onKeyUp={[Function]}
1570
- onMouseDown={[Function]}
1571
- onMouseEnter={[Function]}
1572
- onMouseLeave={[Function]}
1573
- onMouseUp={[Function]}
1574
- onTouchCancel={[Function]}
1575
- onTouchEnd={[Function]}
1576
- onTouchStart={[Function]}
1577
- style={
1578
- {
1579
- ":focusVisible": {
1580
- ":visited": {
1581
- "color": "#fa50ae",
1582
- },
1583
- "borderRadius": 3,
1584
- "color": "#ffffff",
1585
- "outline": "1px solid #ffffff",
1586
- },
1587
- ":visited": {
1588
- "color": "#fa50ae",
1589
- },
1590
- "alignItems": "center",
1591
- "color": "#ffffff",
1592
- "cursor": "pointer",
1593
- "outline": "none",
1594
- "textDecoration": "underline currentcolor solid",
1595
- "textUnderlineOffset": 2,
1596
- }
1597
- }
1598
- tabIndex={0}
1599
- >
1600
- Click me
1601
- </a>
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>
1602
599
  `;
1603
600
 
1604
601
  exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true focused 2`] = `
1605
- <a
1606
- className=""
1607
- href="#"
1608
- onBlur={[Function]}
1609
- onClick={[Function]}
1610
- onFocus={[Function]}
1611
- onKeyDown={[Function]}
1612
- onKeyUp={[Function]}
1613
- onMouseDown={[Function]}
1614
- onMouseEnter={[Function]}
1615
- onMouseLeave={[Function]}
1616
- onMouseUp={[Function]}
1617
- onTouchCancel={[Function]}
1618
- onTouchEnd={[Function]}
1619
- onTouchStart={[Function]}
1620
- style={
1621
- {
1622
- ":focusVisible": {
1623
- ":visited": {
1624
- "color": "#fa50ae",
1625
- },
1626
- "borderRadius": 3,
1627
- "color": "#ffffff",
1628
- "outline": "1px solid #ffffff",
1629
- },
1630
- ":visited": {
1631
- "color": "#fa50ae",
1632
- },
1633
- "alignItems": "center",
1634
- "color": "#ffffff",
1635
- "cursor": "pointer",
1636
- "outline": "none",
1637
- "textDecoration": "none",
1638
- }
1639
- }
1640
- tabIndex={0}
1641
- >
1642
- Click me
1643
- </a>
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>
1644
612
  `;
1645
613
 
1646
614
  exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true hovered 1`] = `
1647
- <a
1648
- className=""
1649
- href="#"
1650
- onBlur={[Function]}
1651
- onClick={[Function]}
1652
- onFocus={[Function]}
1653
- onKeyDown={[Function]}
1654
- onKeyUp={[Function]}
1655
- onMouseDown={[Function]}
1656
- onMouseEnter={[Function]}
1657
- onMouseLeave={[Function]}
1658
- onMouseUp={[Function]}
1659
- onTouchCancel={[Function]}
1660
- onTouchEnd={[Function]}
1661
- onTouchStart={[Function]}
1662
- style={
1663
- {
1664
- ":visited": {
1665
- "color": "#fa50ae",
1666
- },
1667
- "alignItems": "center",
1668
- "color": "#ffffff",
1669
- "cursor": "pointer",
1670
- "outline": "none",
1671
- "textDecoration": "underline currentcolor solid",
1672
- "textUnderlineOffset": 2,
1673
- }
1674
- }
1675
- tabIndex={0}
1676
- >
1677
- Click me
1678
- </a>
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>
1679
625
  `;
1680
626
 
1681
627
  exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true hovered 2`] = `
1682
- <a
1683
- className=""
1684
- href="#"
1685
- onBlur={[Function]}
1686
- onClick={[Function]}
1687
- onFocus={[Function]}
1688
- onKeyDown={[Function]}
1689
- onKeyUp={[Function]}
1690
- onMouseDown={[Function]}
1691
- onMouseEnter={[Function]}
1692
- onMouseLeave={[Function]}
1693
- onMouseUp={[Function]}
1694
- onTouchCancel={[Function]}
1695
- onTouchEnd={[Function]}
1696
- onTouchStart={[Function]}
1697
- style={
1698
- {
1699
- ":visited": {
1700
- "color": "#fa50ae",
1701
- },
1702
- "alignItems": "center",
1703
- "color": "#ffffff",
1704
- "cursor": "pointer",
1705
- "outline": "none",
1706
- "textDecoration": "underline currentcolor solid",
1707
- }
1708
- }
1709
- tabIndex={0}
1710
- >
1711
- Click me
1712
- </a>
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>
1713
638
  `;
1714
639
 
1715
640
  exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true pressed 1`] = `
1716
- <a
1717
- className=""
1718
- href="#"
1719
- onBlur={[Function]}
1720
- onClick={[Function]}
1721
- onFocus={[Function]}
1722
- onKeyDown={[Function]}
1723
- onKeyUp={[Function]}
1724
- onMouseDown={[Function]}
1725
- onMouseEnter={[Function]}
1726
- onMouseLeave={[Function]}
1727
- onMouseUp={[Function]}
1728
- onTouchCancel={[Function]}
1729
- onTouchEnd={[Function]}
1730
- onTouchStart={[Function]}
1731
- style={
1732
- {
1733
- ":visited": {
1734
- "color": "#fc88c8",
1735
- },
1736
- "alignItems": "center",
1737
- "color": "#b5cefb",
1738
- "cursor": "pointer",
1739
- "outline": "none",
1740
- "textDecoration": "underline currentcolor solid",
1741
- "textUnderlineOffset": 2,
1742
- }
1743
- }
1744
- tabIndex={0}
1745
- >
1746
- Click me
1747
- </a>
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>
1748
651
  `;
1749
652
 
1750
653
  exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true pressed 2`] = `
1751
- <a
1752
- className=""
1753
- href="#"
1754
- onBlur={[Function]}
1755
- onClick={[Function]}
1756
- onFocus={[Function]}
1757
- onKeyDown={[Function]}
1758
- onKeyUp={[Function]}
1759
- onMouseDown={[Function]}
1760
- onMouseEnter={[Function]}
1761
- onMouseLeave={[Function]}
1762
- onMouseUp={[Function]}
1763
- onTouchCancel={[Function]}
1764
- onTouchEnd={[Function]}
1765
- onTouchStart={[Function]}
1766
- style={
1767
- {
1768
- ":visited": {
1769
- "color": "#fc88c8",
1770
- },
1771
- "alignItems": "center",
1772
- "color": "#b5cefb",
1773
- "cursor": "pointer",
1774
- "outline": "none",
1775
- "textDecoration": "underline currentcolor solid",
1776
- }
1777
- }
1778
- tabIndex={0}
1779
- >
1780
- Click me
1781
- </a>
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>
1782
664
  `;
1783
665
 
1784
666
  exports[`LinkCore kind:secondary href:# light:false visitable:false focused 1`] = `
1785
- <a
1786
- className=""
1787
- href="#"
1788
- onBlur={[Function]}
1789
- onClick={[Function]}
1790
- onFocus={[Function]}
1791
- onKeyDown={[Function]}
1792
- onKeyUp={[Function]}
1793
- onMouseDown={[Function]}
1794
- onMouseEnter={[Function]}
1795
- onMouseLeave={[Function]}
1796
- onMouseUp={[Function]}
1797
- onTouchCancel={[Function]}
1798
- onTouchEnd={[Function]}
1799
- onTouchStart={[Function]}
1800
- style={
1801
- {
1802
- ":focusVisible": {
1803
- "borderRadius": 3,
1804
- "color": "#21242c",
1805
- "outline": "1px solid #1865f2",
1806
- },
1807
- "alignItems": "center",
1808
- "color": "#21242c",
1809
- "cursor": "pointer",
1810
- "outline": "none",
1811
- "textDecoration": "underline currentcolor solid",
1812
- "textUnderlineOffset": 2,
1813
- }
1814
- }
1815
- tabIndex={0}
1816
- >
1817
- Click me
1818
- </a>
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>
1819
677
  `;
1820
678
 
1821
679
  exports[`LinkCore kind:secondary href:# light:false visitable:false focused 2`] = `
1822
- <a
1823
- className=""
1824
- href="#"
1825
- onBlur={[Function]}
1826
- onClick={[Function]}
1827
- onFocus={[Function]}
1828
- onKeyDown={[Function]}
1829
- onKeyUp={[Function]}
1830
- onMouseDown={[Function]}
1831
- onMouseEnter={[Function]}
1832
- onMouseLeave={[Function]}
1833
- onMouseUp={[Function]}
1834
- onTouchCancel={[Function]}
1835
- onTouchEnd={[Function]}
1836
- onTouchStart={[Function]}
1837
- style={
1838
- {
1839
- ":focusVisible": {
1840
- "borderRadius": 3,
1841
- "color": "rgba(33,36,44,0.64)",
1842
- "outline": "1px solid #1865f2",
1843
- },
1844
- "alignItems": "center",
1845
- "color": "rgba(33,36,44,0.64)",
1846
- "cursor": "pointer",
1847
- "outline": "none",
1848
- "textDecoration": "none",
1849
- }
1850
- }
1851
- tabIndex={0}
1852
- >
1853
- Click me
1854
- </a>
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>
1855
690
  `;
1856
691
 
1857
692
  exports[`LinkCore kind:secondary href:# light:false visitable:false hovered 1`] = `
1858
- <a
1859
- className=""
1860
- href="#"
1861
- onBlur={[Function]}
1862
- onClick={[Function]}
1863
- onFocus={[Function]}
1864
- onKeyDown={[Function]}
1865
- onKeyUp={[Function]}
1866
- onMouseDown={[Function]}
1867
- onMouseEnter={[Function]}
1868
- onMouseLeave={[Function]}
1869
- onMouseUp={[Function]}
1870
- onTouchCancel={[Function]}
1871
- onTouchEnd={[Function]}
1872
- onTouchStart={[Function]}
1873
- style={
1874
- {
1875
- "alignItems": "center",
1876
- "color": "#21242c",
1877
- "cursor": "pointer",
1878
- "outline": "none",
1879
- "textDecoration": "underline currentcolor solid",
1880
- "textUnderlineOffset": 2,
1881
- }
1882
- }
1883
- tabIndex={0}
1884
- >
1885
- Click me
1886
- </a>
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>
1887
703
  `;
1888
704
 
1889
705
  exports[`LinkCore kind:secondary href:# light:false visitable:false hovered 2`] = `
1890
- <a
1891
- className=""
1892
- href="#"
1893
- onBlur={[Function]}
1894
- onClick={[Function]}
1895
- onFocus={[Function]}
1896
- onKeyDown={[Function]}
1897
- onKeyUp={[Function]}
1898
- onMouseDown={[Function]}
1899
- onMouseEnter={[Function]}
1900
- onMouseLeave={[Function]}
1901
- onMouseUp={[Function]}
1902
- onTouchCancel={[Function]}
1903
- onTouchEnd={[Function]}
1904
- onTouchStart={[Function]}
1905
- style={
1906
- {
1907
- "alignItems": "center",
1908
- "color": "rgba(33,36,44,0.64)",
1909
- "cursor": "pointer",
1910
- "outline": "none",
1911
- "textDecoration": "underline currentcolor solid",
1912
- }
1913
- }
1914
- tabIndex={0}
1915
- >
1916
- Click me
1917
- </a>
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>
1918
716
  `;
1919
717
 
1920
718
  exports[`LinkCore kind:secondary href:# light:false visitable:false pressed 1`] = `
1921
- <a
1922
- className=""
1923
- href="#"
1924
- onBlur={[Function]}
1925
- onClick={[Function]}
1926
- onFocus={[Function]}
1927
- onKeyDown={[Function]}
1928
- onKeyUp={[Function]}
1929
- onMouseDown={[Function]}
1930
- onMouseEnter={[Function]}
1931
- onMouseLeave={[Function]}
1932
- onMouseUp={[Function]}
1933
- onTouchCancel={[Function]}
1934
- onTouchEnd={[Function]}
1935
- onTouchStart={[Function]}
1936
- style={
1937
- {
1938
- "alignItems": "center",
1939
- "color": "#1b50b3",
1940
- "cursor": "pointer",
1941
- "outline": "none",
1942
- "textDecoration": "underline currentcolor solid",
1943
- "textUnderlineOffset": 2,
1944
- }
1945
- }
1946
- tabIndex={0}
1947
- >
1948
- Click me
1949
- </a>
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>
1950
729
  `;
1951
730
 
1952
731
  exports[`LinkCore kind:secondary href:# light:false visitable:false pressed 2`] = `
1953
- <a
1954
- className=""
1955
- href="#"
1956
- onBlur={[Function]}
1957
- onClick={[Function]}
1958
- onFocus={[Function]}
1959
- onKeyDown={[Function]}
1960
- onKeyUp={[Function]}
1961
- onMouseDown={[Function]}
1962
- onMouseEnter={[Function]}
1963
- onMouseLeave={[Function]}
1964
- onMouseUp={[Function]}
1965
- onTouchCancel={[Function]}
1966
- onTouchEnd={[Function]}
1967
- onTouchStart={[Function]}
1968
- style={
1969
- {
1970
- "alignItems": "center",
1971
- "color": "#21242c",
1972
- "cursor": "pointer",
1973
- "outline": "none",
1974
- "textDecoration": "underline currentcolor solid",
1975
- }
1976
- }
1977
- tabIndex={0}
1978
- >
1979
- Click me
1980
- </a>
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>
1981
742
  `;
1982
743
 
1983
744
  exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:false focused 1`] = `
1984
- <a
1985
- className=""
1986
- href="#"
1987
- onBlur={[Function]}
1988
- onClick={[Function]}
1989
- onFocus={[Function]}
1990
- onKeyDown={[Function]}
1991
- onKeyUp={[Function]}
1992
- onMouseDown={[Function]}
1993
- onMouseEnter={[Function]}
1994
- onMouseLeave={[Function]}
1995
- onMouseUp={[Function]}
1996
- onTouchCancel={[Function]}
1997
- onTouchEnd={[Function]}
1998
- onTouchStart={[Function]}
1999
- style={
2000
- {
2001
- ":focusVisible": {
2002
- "borderRadius": 3,
2003
- "color": "#21242c",
2004
- "outline": "1px solid #1865f2",
2005
- },
2006
- "alignItems": "center",
2007
- "color": "#21242c",
2008
- "cursor": "pointer",
2009
- "outline": "none",
2010
- "textDecoration": "underline currentcolor solid",
2011
- "textUnderlineOffset": 2,
2012
- }
2013
- }
2014
- tabIndex={0}
2015
- >
2016
- Click me
2017
- </a>
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>
2018
755
  `;
2019
756
 
2020
757
  exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:false focused 2`] = `
2021
- <a
2022
- className=""
2023
- href="#"
2024
- onBlur={[Function]}
2025
- onClick={[Function]}
2026
- onFocus={[Function]}
2027
- onKeyDown={[Function]}
2028
- onKeyUp={[Function]}
2029
- onMouseDown={[Function]}
2030
- onMouseEnter={[Function]}
2031
- onMouseLeave={[Function]}
2032
- onMouseUp={[Function]}
2033
- onTouchCancel={[Function]}
2034
- onTouchEnd={[Function]}
2035
- onTouchStart={[Function]}
2036
- style={
2037
- {
2038
- ":focusVisible": {
2039
- "borderRadius": 3,
2040
- "color": "rgba(33,36,44,0.64)",
2041
- "outline": "1px solid #1865f2",
2042
- },
2043
- "alignItems": "center",
2044
- "color": "rgba(33,36,44,0.64)",
2045
- "cursor": "pointer",
2046
- "outline": "none",
2047
- "textDecoration": "none",
2048
- }
2049
- }
2050
- tabIndex={0}
2051
- >
2052
- Click me
2053
- </a>
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>
2054
768
  `;
2055
769
 
2056
770
  exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:false hovered 1`] = `
2057
- <a
2058
- className=""
2059
- href="#"
2060
- onBlur={[Function]}
2061
- onClick={[Function]}
2062
- onFocus={[Function]}
2063
- onKeyDown={[Function]}
2064
- onKeyUp={[Function]}
2065
- onMouseDown={[Function]}
2066
- onMouseEnter={[Function]}
2067
- onMouseLeave={[Function]}
2068
- onMouseUp={[Function]}
2069
- onTouchCancel={[Function]}
2070
- onTouchEnd={[Function]}
2071
- onTouchStart={[Function]}
2072
- style={
2073
- {
2074
- "alignItems": "center",
2075
- "color": "#21242c",
2076
- "cursor": "pointer",
2077
- "outline": "none",
2078
- "textDecoration": "underline currentcolor solid",
2079
- "textUnderlineOffset": 2,
2080
- }
2081
- }
2082
- tabIndex={0}
2083
- >
2084
- Click me
2085
- </a>
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>
2086
781
  `;
2087
782
 
2088
783
  exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:false hovered 2`] = `
2089
- <a
2090
- className=""
2091
- href="#"
2092
- onBlur={[Function]}
2093
- onClick={[Function]}
2094
- onFocus={[Function]}
2095
- onKeyDown={[Function]}
2096
- onKeyUp={[Function]}
2097
- onMouseDown={[Function]}
2098
- onMouseEnter={[Function]}
2099
- onMouseLeave={[Function]}
2100
- onMouseUp={[Function]}
2101
- onTouchCancel={[Function]}
2102
- onTouchEnd={[Function]}
2103
- onTouchStart={[Function]}
2104
- style={
2105
- {
2106
- "alignItems": "center",
2107
- "color": "rgba(33,36,44,0.64)",
2108
- "cursor": "pointer",
2109
- "outline": "none",
2110
- "textDecoration": "underline currentcolor solid",
2111
- }
2112
- }
2113
- tabIndex={0}
2114
- >
2115
- Click me
2116
- </a>
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>
2117
794
  `;
2118
795
 
2119
796
  exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:false pressed 1`] = `
2120
- <a
2121
- className=""
2122
- href="#"
2123
- onBlur={[Function]}
2124
- onClick={[Function]}
2125
- onFocus={[Function]}
2126
- onKeyDown={[Function]}
2127
- onKeyUp={[Function]}
2128
- onMouseDown={[Function]}
2129
- onMouseEnter={[Function]}
2130
- onMouseLeave={[Function]}
2131
- onMouseUp={[Function]}
2132
- onTouchCancel={[Function]}
2133
- onTouchEnd={[Function]}
2134
- onTouchStart={[Function]}
2135
- style={
2136
- {
2137
- "alignItems": "center",
2138
- "color": "#1b50b3",
2139
- "cursor": "pointer",
2140
- "outline": "none",
2141
- "textDecoration": "underline currentcolor solid",
2142
- "textUnderlineOffset": 2,
2143
- }
2144
- }
2145
- tabIndex={0}
2146
- >
2147
- Click me
2148
- </a>
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>
2149
807
  `;
2150
808
 
2151
809
  exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:false pressed 2`] = `
2152
- <a
2153
- className=""
2154
- href="#"
2155
- onBlur={[Function]}
2156
- onClick={[Function]}
2157
- onFocus={[Function]}
2158
- onKeyDown={[Function]}
2159
- onKeyUp={[Function]}
2160
- onMouseDown={[Function]}
2161
- onMouseEnter={[Function]}
2162
- onMouseLeave={[Function]}
2163
- onMouseUp={[Function]}
2164
- onTouchCancel={[Function]}
2165
- onTouchEnd={[Function]}
2166
- onTouchStart={[Function]}
2167
- style={
2168
- {
2169
- "alignItems": "center",
2170
- "color": "#21242c",
2171
- "cursor": "pointer",
2172
- "outline": "none",
2173
- "textDecoration": "underline currentcolor solid",
2174
- }
2175
- }
2176
- tabIndex={0}
2177
- >
2178
- Click me
2179
- </a>
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>
2180
820
  `;