@khanacademy/wonder-blocks-link 3.9.1 → 3.9.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 (21) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/dist/components/link-core.d.ts +11 -0
  3. package/dist/components/link-core.js.flow +26 -0
  4. package/dist/components/link.d.ts +148 -0
  5. package/dist/components/link.js.flow +177 -0
  6. package/dist/es/index.js +105 -71
  7. package/dist/index.d.ts +2 -0
  8. package/dist/index.js +129 -97
  9. package/dist/index.js.flow +9 -2
  10. package/package.json +6 -6
  11. package/src/__tests__/__snapshots__/{custom-snapshot.test.js.snap → custom-snapshot.test.tsx.snap} +40 -206
  12. package/src/__tests__/{custom-snapshot.test.js → custom-snapshot.test.tsx} +6 -6
  13. package/src/components/__tests__/{link.flowtest.js → link.flowtest.tsx} +0 -4
  14. package/src/components/__tests__/{link.test.js → link.test.tsx} +7 -5
  15. package/src/components/{link-core.js → link-core.tsx} +33 -20
  16. package/src/components/{link.js → link.tsx} +29 -49
  17. package/src/{index.js → index.ts} +0 -1
  18. package/tsconfig.json +14 -0
  19. package/tsconfig.tsbuildinfo +1 -0
  20. package/src/components/__docs__/link.argtypes.js +0 -151
  21. package/src/components/__docs__/link.stories.js +0 -487
package/src/__tests__/__snapshots__/{custom-snapshot.test.js.snap → custom-snapshot.test.tsx.snap} RENAMED
@@ -21,8 +21,6 @@ exports[`Link <Link tabIndex={-1}> 1`] = `
21
21
  "color": "#1865f2",
22
22
  "cursor": "pointer",
23
23
  "display": "inline-flex",
24
- "fontSize": 16,
25
- "lineHeight": "22px",
26
24
  "outline": "none",
27
25
  "textDecoration": "none",
28
26
  }
@@ -54,8 +52,6 @@ exports[`Link <Link tabIndex={0}> 1`] = `
54
52
  "color": "#1865f2",
55
53
  "cursor": "pointer",
56
54
  "display": "inline-flex",
57
- "fontSize": 16,
58
- "lineHeight": "22px",
59
55
  "outline": "none",
60
56
  "textDecoration": "none",
61
57
  }
@@ -87,8 +83,6 @@ exports[`Link <Link tabIndex={1}> 1`] = `
87
83
  "color": "#1865f2",
88
84
  "cursor": "pointer",
89
85
  "display": "inline-flex",
90
- "fontSize": 16,
91
- "lineHeight": "22px",
92
86
  "outline": "none",
93
87
  "textDecoration": "none",
94
88
  }
@@ -121,8 +115,6 @@ exports[`LinkCore kind:primary href:# light:false visitable:false focused 1`] =
121
115
  "color": "#1865f2",
122
116
  "cursor": "pointer",
123
117
  "display": "inline-flex",
124
- "fontSize": 16,
125
- "lineHeight": "22px",
126
118
  "outline": "1px solid #1865f2",
127
119
  "textDecoration": "none",
128
120
  }
@@ -155,8 +147,6 @@ exports[`LinkCore kind:primary href:# light:false visitable:false focused 2`] =
155
147
  "color": "#1865f2",
156
148
  "cursor": "pointer",
157
149
  "display": "inline-flex",
158
- "fontSize": 16,
159
- "lineHeight": "22px",
160
150
  "outline": "1px solid #1865f2",
161
151
  "textDecoration": "none",
162
152
  }
@@ -188,11 +178,8 @@ exports[`LinkCore kind:primary href:# light:false visitable:false hovered 1`] =
188
178
  "color": "#1865f2",
189
179
  "cursor": "pointer",
190
180
  "display": "inline-flex",
191
- "fontSize": 16,
192
- "lineHeight": "22px",
193
181
  "outline": "none",
194
- "textDecoration": "underline currentcolor dashed 2px",
195
- "textUnderlineOffset": 4,
182
+ "textDecoration": "underline currentcolor solid",
196
183
  }
197
184
  }
198
185
  tabIndex={0}
@@ -222,11 +209,8 @@ exports[`LinkCore kind:primary href:# light:false visitable:false hovered 2`] =
222
209
  "color": "#1865f2",
223
210
  "cursor": "pointer",
224
211
  "display": "inline-flex",
225
- "fontSize": 16,
226
- "lineHeight": "22px",
227
212
  "outline": "none",
228
- "textDecoration": "underline currentcolor dashed 2px",
229
- "textUnderlineOffset": 4,
213
+ "textDecoration": "underline currentcolor solid",
230
214
  }
231
215
  }
232
216
  tabIndex={0}
@@ -256,11 +240,8 @@ exports[`LinkCore kind:primary href:# light:false visitable:false pressed 1`] =
256
240
  "color": "#1b50b3",
257
241
  "cursor": "pointer",
258
242
  "display": "inline-flex",
259
- "fontSize": 16,
260
- "lineHeight": "22px",
261
243
  "outline": "none",
262
- "textDecoration": "underline currentcolor solid 1px",
263
- "textUnderlineOffset": 4,
244
+ "textDecoration": "underline currentcolor solid",
264
245
  }
265
246
  }
266
247
  tabIndex={0}
@@ -290,11 +271,8 @@ exports[`LinkCore kind:primary href:# light:false visitable:false pressed 2`] =
290
271
  "color": "#1b50b3",
291
272
  "cursor": "pointer",
292
273
  "display": "inline-flex",
293
- "fontSize": 16,
294
- "lineHeight": "22px",
295
274
  "outline": "none",
296
- "textDecoration": "underline currentcolor solid 1px",
297
- "textUnderlineOffset": 4,
275
+ "textDecoration": "underline currentcolor solid",
298
276
  }
299
277
  }
300
278
  tabIndex={0}
@@ -328,8 +306,6 @@ exports[`LinkCore kind:primary href:# light:false visitable:true focused 1`] = `
328
306
  "color": "#1865f2",
329
307
  "cursor": "pointer",
330
308
  "display": "inline-flex",
331
- "fontSize": 16,
332
- "lineHeight": "22px",
333
309
  "outline": "1px solid #1865f2",
334
310
  "textDecoration": "none",
335
311
  }
@@ -365,8 +341,6 @@ exports[`LinkCore kind:primary href:# light:false visitable:true focused 2`] = `
365
341
  "color": "#1865f2",
366
342
  "cursor": "pointer",
367
343
  "display": "inline-flex",
368
- "fontSize": 16,
369
- "lineHeight": "22px",
370
344
  "outline": "1px solid #1865f2",
371
345
  "textDecoration": "none",
372
346
  }
@@ -401,11 +375,8 @@ exports[`LinkCore kind:primary href:# light:false visitable:true hovered 1`] = `
401
375
  "color": "#1865f2",
402
376
  "cursor": "pointer",
403
377
  "display": "inline-flex",
404
- "fontSize": 16,
405
- "lineHeight": "22px",
406
378
  "outline": "none",
407
- "textDecoration": "underline currentcolor dashed 2px",
408
- "textUnderlineOffset": 4,
379
+ "textDecoration": "underline currentcolor solid",
409
380
  }
410
381
  }
411
382
  tabIndex={0}
@@ -438,11 +409,8 @@ exports[`LinkCore kind:primary href:# light:false visitable:true hovered 2`] = `
438
409
  "color": "#1865f2",
439
410
  "cursor": "pointer",
440
411
  "display": "inline-flex",
441
- "fontSize": 16,
442
- "lineHeight": "22px",
443
412
  "outline": "none",
444
- "textDecoration": "underline currentcolor dashed 2px",
445
- "textUnderlineOffset": 4,
413
+ "textDecoration": "underline currentcolor solid",
446
414
  }
447
415
  }
448
416
  tabIndex={0}
@@ -475,11 +443,8 @@ exports[`LinkCore kind:primary href:# light:false visitable:true pressed 1`] = `
475
443
  "color": "#1b50b3",
476
444
  "cursor": "pointer",
477
445
  "display": "inline-flex",
478
- "fontSize": 16,
479
- "lineHeight": "22px",
480
446
  "outline": "none",
481
- "textDecoration": "underline currentcolor solid 1px",
482
- "textUnderlineOffset": 4,
447
+ "textDecoration": "underline currentcolor solid",
483
448
  }
484
449
  }
485
450
  tabIndex={0}
@@ -512,11 +477,8 @@ exports[`LinkCore kind:primary href:# light:false visitable:true pressed 2`] = `
512
477
  "color": "#1b50b3",
513
478
  "cursor": "pointer",
514
479
  "display": "inline-flex",
515
- "fontSize": 16,
516
- "lineHeight": "22px",
517
480
  "outline": "none",
518
- "textDecoration": "underline currentcolor solid 1px",
519
- "textUnderlineOffset": 4,
481
+ "textDecoration": "underline currentcolor solid",
520
482
  }
521
483
  }
522
484
  tabIndex={0}
@@ -547,8 +509,6 @@ exports[`LinkCore kind:primary href:# light:true visitable:false focused 1`] = `
547
509
  "color": "#ffffff",
548
510
  "cursor": "pointer",
549
511
  "display": "inline-flex",
550
- "fontSize": 16,
551
- "lineHeight": "22px",
552
512
  "outline": "1px solid #ffffff",
553
513
  "textDecoration": "none",
554
514
  }
@@ -581,8 +541,6 @@ exports[`LinkCore kind:primary href:# light:true visitable:false focused 2`] = `
581
541
  "color": "#ffffff",
582
542
  "cursor": "pointer",
583
543
  "display": "inline-flex",
584
- "fontSize": 16,
585
- "lineHeight": "22px",
586
544
  "outline": "1px solid #ffffff",
587
545
  "textDecoration": "none",
588
546
  }
@@ -614,11 +572,8 @@ exports[`LinkCore kind:primary href:# light:true visitable:false hovered 1`] = `
614
572
  "color": "#ffffff",
615
573
  "cursor": "pointer",
616
574
  "display": "inline-flex",
617
- "fontSize": 16,
618
- "lineHeight": "22px",
619
575
  "outline": "none",
620
- "textDecoration": "underline currentcolor dashed 2px",
621
- "textUnderlineOffset": 4,
576
+ "textDecoration": "underline currentcolor solid",
622
577
  }
623
578
  }
624
579
  tabIndex={0}
@@ -648,11 +603,8 @@ exports[`LinkCore kind:primary href:# light:true visitable:false hovered 2`] = `
648
603
  "color": "#ffffff",
649
604
  "cursor": "pointer",
650
605
  "display": "inline-flex",
651
- "fontSize": 16,
652
- "lineHeight": "22px",
653
606
  "outline": "none",
654
- "textDecoration": "underline currentcolor dashed 2px",
655
- "textUnderlineOffset": 4,
607
+ "textDecoration": "underline currentcolor solid",
656
608
  }
657
609
  }
658
610
  tabIndex={0}
@@ -682,11 +634,8 @@ exports[`LinkCore kind:primary href:# light:true visitable:false pressed 1`] = `
682
634
  "color": "#b5cefb",
683
635
  "cursor": "pointer",
684
636
  "display": "inline-flex",
685
- "fontSize": 16,
686
- "lineHeight": "22px",
687
637
  "outline": "none",
688
- "textDecoration": "underline currentcolor solid 1px",
689
- "textUnderlineOffset": 4,
638
+ "textDecoration": "underline currentcolor solid",
690
639
  }
691
640
  }
692
641
  tabIndex={0}
@@ -716,11 +665,8 @@ exports[`LinkCore kind:primary href:# light:true visitable:false pressed 2`] = `
716
665
  "color": "#b5cefb",
717
666
  "cursor": "pointer",
718
667
  "display": "inline-flex",
719
- "fontSize": 16,
720
- "lineHeight": "22px",
721
668
  "outline": "none",
722
- "textDecoration": "underline currentcolor solid 1px",
723
- "textUnderlineOffset": 4,
669
+ "textDecoration": "underline currentcolor solid",
724
670
  }
725
671
  }
726
672
  tabIndex={0}
@@ -754,8 +700,6 @@ exports[`LinkCore kind:primary href:# light:true visitable:true focused 1`] = `
754
700
  "color": "#ffffff",
755
701
  "cursor": "pointer",
756
702
  "display": "inline-flex",
757
- "fontSize": 16,
758
- "lineHeight": "22px",
759
703
  "outline": "1px solid #ffffff",
760
704
  "textDecoration": "none",
761
705
  }
@@ -791,8 +735,6 @@ exports[`LinkCore kind:primary href:# light:true visitable:true focused 2`] = `
791
735
  "color": "#ffffff",
792
736
  "cursor": "pointer",
793
737
  "display": "inline-flex",
794
- "fontSize": 16,
795
- "lineHeight": "22px",
796
738
  "outline": "1px solid #ffffff",
797
739
  "textDecoration": "none",
798
740
  }
@@ -827,11 +769,8 @@ exports[`LinkCore kind:primary href:# light:true visitable:true hovered 1`] = `
827
769
  "color": "#ffffff",
828
770
  "cursor": "pointer",
829
771
  "display": "inline-flex",
830
- "fontSize": 16,
831
- "lineHeight": "22px",
832
772
  "outline": "none",
833
- "textDecoration": "underline currentcolor dashed 2px",
834
- "textUnderlineOffset": 4,
773
+ "textDecoration": "underline currentcolor solid",
835
774
  }
836
775
  }
837
776
  tabIndex={0}
@@ -864,11 +803,8 @@ exports[`LinkCore kind:primary href:# light:true visitable:true hovered 2`] = `
864
803
  "color": "#ffffff",
865
804
  "cursor": "pointer",
866
805
  "display": "inline-flex",
867
- "fontSize": 16,
868
- "lineHeight": "22px",
869
806
  "outline": "none",
870
- "textDecoration": "underline currentcolor dashed 2px",
871
- "textUnderlineOffset": 4,
807
+ "textDecoration": "underline currentcolor solid",
872
808
  }
873
809
  }
874
810
  tabIndex={0}
@@ -901,11 +837,8 @@ exports[`LinkCore kind:primary href:# light:true visitable:true pressed 1`] = `
901
837
  "color": "#b5cefb",
902
838
  "cursor": "pointer",
903
839
  "display": "inline-flex",
904
- "fontSize": 16,
905
- "lineHeight": "22px",
906
840
  "outline": "none",
907
- "textDecoration": "underline currentcolor solid 1px",
908
- "textUnderlineOffset": 4,
841
+ "textDecoration": "underline currentcolor solid",
909
842
  }
910
843
  }
911
844
  tabIndex={0}
@@ -938,11 +871,8 @@ exports[`LinkCore kind:primary href:# light:true visitable:true pressed 2`] = `
938
871
  "color": "#b5cefb",
939
872
  "cursor": "pointer",
940
873
  "display": "inline-flex",
941
- "fontSize": 16,
942
- "lineHeight": "22px",
943
874
  "outline": "none",
944
- "textDecoration": "underline currentcolor solid 1px",
945
- "textUnderlineOffset": 4,
875
+ "textDecoration": "underline currentcolor solid",
946
876
  }
947
877
  }
948
878
  tabIndex={0}
@@ -973,8 +903,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:fal
973
903
  "color": "#1865f2",
974
904
  "cursor": "pointer",
975
905
  "display": "inline-flex",
976
- "fontSize": 16,
977
- "lineHeight": "22px",
978
906
  "outline": "1px solid #1865f2",
979
907
  "textDecoration": "none",
980
908
  }
@@ -1007,8 +935,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:fal
1007
935
  "color": "#1865f2",
1008
936
  "cursor": "pointer",
1009
937
  "display": "inline-flex",
1010
- "fontSize": 16,
1011
- "lineHeight": "22px",
1012
938
  "outline": "1px solid #1865f2",
1013
939
  "textDecoration": "none",
1014
940
  }
@@ -1040,11 +966,8 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:fal
1040
966
  "color": "#1865f2",
1041
967
  "cursor": "pointer",
1042
968
  "display": "inline-flex",
1043
- "fontSize": 16,
1044
- "lineHeight": "22px",
1045
969
  "outline": "none",
1046
- "textDecoration": "underline currentcolor dashed 2px",
1047
- "textUnderlineOffset": 4,
970
+ "textDecoration": "underline currentcolor solid",
1048
971
  }
1049
972
  }
1050
973
  tabIndex={0}
@@ -1074,11 +997,8 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:fal
1074
997
  "color": "#1865f2",
1075
998
  "cursor": "pointer",
1076
999
  "display": "inline-flex",
1077
- "fontSize": 16,
1078
- "lineHeight": "22px",
1079
1000
  "outline": "none",
1080
- "textDecoration": "underline currentcolor dashed 2px",
1081
- "textUnderlineOffset": 4,
1001
+ "textDecoration": "underline currentcolor solid",
1082
1002
  }
1083
1003
  }
1084
1004
  tabIndex={0}
@@ -1108,11 +1028,8 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:fal
1108
1028
  "color": "#1b50b3",
1109
1029
  "cursor": "pointer",
1110
1030
  "display": "inline-flex",
1111
- "fontSize": 16,
1112
- "lineHeight": "22px",
1113
1031
  "outline": "none",
1114
- "textDecoration": "underline currentcolor solid 1px",
1115
- "textUnderlineOffset": 4,
1032
+ "textDecoration": "underline currentcolor solid",
1116
1033
  }
1117
1034
  }
1118
1035
  tabIndex={0}
@@ -1142,11 +1059,8 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:fal
1142
1059
  "color": "#1b50b3",
1143
1060
  "cursor": "pointer",
1144
1061
  "display": "inline-flex",
1145
- "fontSize": 16,
1146
- "lineHeight": "22px",
1147
1062
  "outline": "none",
1148
- "textDecoration": "underline currentcolor solid 1px",
1149
- "textUnderlineOffset": 4,
1063
+ "textDecoration": "underline currentcolor solid",
1150
1064
  }
1151
1065
  }
1152
1066
  tabIndex={0}
@@ -1180,8 +1094,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:tru
1180
1094
  "color": "#1865f2",
1181
1095
  "cursor": "pointer",
1182
1096
  "display": "inline-flex",
1183
- "fontSize": 16,
1184
- "lineHeight": "22px",
1185
1097
  "outline": "1px solid #1865f2",
1186
1098
  "textDecoration": "none",
1187
1099
  }
@@ -1217,8 +1129,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:tru
1217
1129
  "color": "#1865f2",
1218
1130
  "cursor": "pointer",
1219
1131
  "display": "inline-flex",
1220
- "fontSize": 16,
1221
- "lineHeight": "22px",
1222
1132
  "outline": "1px solid #1865f2",
1223
1133
  "textDecoration": "none",
1224
1134
  }
@@ -1253,11 +1163,8 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:tru
1253
1163
  "color": "#1865f2",
1254
1164
  "cursor": "pointer",
1255
1165
  "display": "inline-flex",
1256
- "fontSize": 16,
1257
- "lineHeight": "22px",
1258
1166
  "outline": "none",
1259
- "textDecoration": "underline currentcolor dashed 2px",
1260
- "textUnderlineOffset": 4,
1167
+ "textDecoration": "underline currentcolor solid",
1261
1168
  }
1262
1169
  }
1263
1170
  tabIndex={0}
@@ -1290,11 +1197,8 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:tru
1290
1197
  "color": "#1865f2",
1291
1198
  "cursor": "pointer",
1292
1199
  "display": "inline-flex",
1293
- "fontSize": 16,
1294
- "lineHeight": "22px",
1295
1200
  "outline": "none",
1296
- "textDecoration": "underline currentcolor dashed 2px",
1297
- "textUnderlineOffset": 4,
1201
+ "textDecoration": "underline currentcolor solid",
1298
1202
  }
1299
1203
  }
1300
1204
  tabIndex={0}
@@ -1327,11 +1231,8 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:tru
1327
1231
  "color": "#1b50b3",
1328
1232
  "cursor": "pointer",
1329
1233
  "display": "inline-flex",
1330
- "fontSize": 16,
1331
- "lineHeight": "22px",
1332
1234
  "outline": "none",
1333
- "textDecoration": "underline currentcolor solid 1px",
1334
- "textUnderlineOffset": 4,
1235
+ "textDecoration": "underline currentcolor solid",
1335
1236
  }
1336
1237
  }
1337
1238
  tabIndex={0}
@@ -1364,11 +1265,8 @@ exports[`LinkCore kind:primary href:#non-existent-link light:false visitable:tru
1364
1265
  "color": "#1b50b3",
1365
1266
  "cursor": "pointer",
1366
1267
  "display": "inline-flex",
1367
- "fontSize": 16,
1368
- "lineHeight": "22px",
1369
1268
  "outline": "none",
1370
- "textDecoration": "underline currentcolor solid 1px",
1371
- "textUnderlineOffset": 4,
1269
+ "textDecoration": "underline currentcolor solid",
1372
1270
  }
1373
1271
  }
1374
1272
  tabIndex={0}
@@ -1399,8 +1297,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:fals
1399
1297
  "color": "#ffffff",
1400
1298
  "cursor": "pointer",
1401
1299
  "display": "inline-flex",
1402
- "fontSize": 16,
1403
- "lineHeight": "22px",
1404
1300
  "outline": "1px solid #ffffff",
1405
1301
  "textDecoration": "none",
1406
1302
  }
@@ -1433,8 +1329,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:fals
1433
1329
  "color": "#ffffff",
1434
1330
  "cursor": "pointer",
1435
1331
  "display": "inline-flex",
1436
- "fontSize": 16,
1437
- "lineHeight": "22px",
1438
1332
  "outline": "1px solid #ffffff",
1439
1333
  "textDecoration": "none",
1440
1334
  }
@@ -1466,11 +1360,8 @@ exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:fals
1466
1360
  "color": "#ffffff",
1467
1361
  "cursor": "pointer",
1468
1362
  "display": "inline-flex",
1469
- "fontSize": 16,
1470
- "lineHeight": "22px",
1471
1363
  "outline": "none",
1472
- "textDecoration": "underline currentcolor dashed 2px",
1473
- "textUnderlineOffset": 4,
1364
+ "textDecoration": "underline currentcolor solid",
1474
1365
  }
1475
1366
  }
1476
1367
  tabIndex={0}
@@ -1500,11 +1391,8 @@ exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:fals
1500
1391
  "color": "#ffffff",
1501
1392
  "cursor": "pointer",
1502
1393
  "display": "inline-flex",
1503
- "fontSize": 16,
1504
- "lineHeight": "22px",
1505
1394
  "outline": "none",
1506
- "textDecoration": "underline currentcolor dashed 2px",
1507
- "textUnderlineOffset": 4,
1395
+ "textDecoration": "underline currentcolor solid",
1508
1396
  }
1509
1397
  }
1510
1398
  tabIndex={0}
@@ -1534,11 +1422,8 @@ exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:fals
1534
1422
  "color": "#b5cefb",
1535
1423
  "cursor": "pointer",
1536
1424
  "display": "inline-flex",
1537
- "fontSize": 16,
1538
- "lineHeight": "22px",
1539
1425
  "outline": "none",
1540
- "textDecoration": "underline currentcolor solid 1px",
1541
- "textUnderlineOffset": 4,
1426
+ "textDecoration": "underline currentcolor solid",
1542
1427
  }
1543
1428
  }
1544
1429
  tabIndex={0}
@@ -1568,11 +1453,8 @@ exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:fals
1568
1453
  "color": "#b5cefb",
1569
1454
  "cursor": "pointer",
1570
1455
  "display": "inline-flex",
1571
- "fontSize": 16,
1572
- "lineHeight": "22px",
1573
1456
  "outline": "none",
1574
- "textDecoration": "underline currentcolor solid 1px",
1575
- "textUnderlineOffset": 4,
1457
+ "textDecoration": "underline currentcolor solid",
1576
1458
  }
1577
1459
  }
1578
1460
  tabIndex={0}
@@ -1606,8 +1488,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true
1606
1488
  "color": "#ffffff",
1607
1489
  "cursor": "pointer",
1608
1490
  "display": "inline-flex",
1609
- "fontSize": 16,
1610
- "lineHeight": "22px",
1611
1491
  "outline": "1px solid #ffffff",
1612
1492
  "textDecoration": "none",
1613
1493
  }
@@ -1643,8 +1523,6 @@ exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true
1643
1523
  "color": "#ffffff",
1644
1524
  "cursor": "pointer",
1645
1525
  "display": "inline-flex",
1646
- "fontSize": 16,
1647
- "lineHeight": "22px",
1648
1526
  "outline": "1px solid #ffffff",
1649
1527
  "textDecoration": "none",
1650
1528
  }
@@ -1679,11 +1557,8 @@ exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true
1679
1557
  "color": "#ffffff",
1680
1558
  "cursor": "pointer",
1681
1559
  "display": "inline-flex",
1682
- "fontSize": 16,
1683
- "lineHeight": "22px",
1684
1560
  "outline": "none",
1685
- "textDecoration": "underline currentcolor dashed 2px",
1686
- "textUnderlineOffset": 4,
1561
+ "textDecoration": "underline currentcolor solid",
1687
1562
  }
1688
1563
  }
1689
1564
  tabIndex={0}
@@ -1716,11 +1591,8 @@ exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true
1716
1591
  "color": "#ffffff",
1717
1592
  "cursor": "pointer",
1718
1593
  "display": "inline-flex",
1719
- "fontSize": 16,
1720
- "lineHeight": "22px",
1721
1594
  "outline": "none",
1722
- "textDecoration": "underline currentcolor dashed 2px",
1723
- "textUnderlineOffset": 4,
1595
+ "textDecoration": "underline currentcolor solid",
1724
1596
  }
1725
1597
  }
1726
1598
  tabIndex={0}
@@ -1753,11 +1625,8 @@ exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true
1753
1625
  "color": "#b5cefb",
1754
1626
  "cursor": "pointer",
1755
1627
  "display": "inline-flex",
1756
- "fontSize": 16,
1757
- "lineHeight": "22px",
1758
1628
  "outline": "none",
1759
- "textDecoration": "underline currentcolor solid 1px",
1760
- "textUnderlineOffset": 4,
1629
+ "textDecoration": "underline currentcolor solid",
1761
1630
  }
1762
1631
  }
1763
1632
  tabIndex={0}
@@ -1790,11 +1659,8 @@ exports[`LinkCore kind:primary href:#non-existent-link light:true visitable:true
1790
1659
  "color": "#b5cefb",
1791
1660
  "cursor": "pointer",
1792
1661
  "display": "inline-flex",
1793
- "fontSize": 16,
1794
- "lineHeight": "22px",
1795
1662
  "outline": "none",
1796
- "textDecoration": "underline currentcolor solid 1px",
1797
- "textUnderlineOffset": 4,
1663
+ "textDecoration": "underline currentcolor solid",
1798
1664
  }
1799
1665
  }
1800
1666
  tabIndex={0}
@@ -1825,8 +1691,6 @@ exports[`LinkCore kind:secondary href:# light:false visitable:false focused 1`]
1825
1691
  "color": "#21242c",
1826
1692
  "cursor": "pointer",
1827
1693
  "display": "inline-flex",
1828
- "fontSize": 16,
1829
- "lineHeight": "22px",
1830
1694
  "outline": "1px solid #1865f2",
1831
1695
  "textDecoration": "none",
1832
1696
  }
@@ -1859,8 +1723,6 @@ exports[`LinkCore kind:secondary href:# light:false visitable:false focused 2`]
1859
1723
  "color": "rgba(33,36,44,0.64)",
1860
1724
  "cursor": "pointer",
1861
1725
  "display": "inline-flex",
1862
- "fontSize": 16,
1863
- "lineHeight": "22px",
1864
1726
  "outline": "1px solid #1865f2",
1865
1727
  "textDecoration": "none",
1866
1728
  }
@@ -1892,11 +1754,8 @@ exports[`LinkCore kind:secondary href:# light:false visitable:false hovered 1`]
1892
1754
  "color": "#21242c",
1893
1755
  "cursor": "pointer",
1894
1756
  "display": "inline-flex",
1895
- "fontSize": 16,
1896
- "lineHeight": "22px",
1897
1757
  "outline": "none",
1898
- "textDecoration": "underline currentcolor dashed 2px",
1899
- "textUnderlineOffset": 4,
1758
+ "textDecoration": "underline currentcolor solid",
1900
1759
  }
1901
1760
  }
1902
1761
  tabIndex={0}
@@ -1926,11 +1785,8 @@ exports[`LinkCore kind:secondary href:# light:false visitable:false hovered 2`]
1926
1785
  "color": "rgba(33,36,44,0.64)",
1927
1786
  "cursor": "pointer",
1928
1787
  "display": "inline-flex",
1929
- "fontSize": 16,
1930
- "lineHeight": "22px",
1931
1788
  "outline": "none",
1932
- "textDecoration": "underline currentcolor dashed 2px",
1933
- "textUnderlineOffset": 4,
1789
+ "textDecoration": "underline currentcolor solid",
1934
1790
  }
1935
1791
  }
1936
1792
  tabIndex={0}
@@ -1960,11 +1816,8 @@ exports[`LinkCore kind:secondary href:# light:false visitable:false pressed 1`]
1960
1816
  "color": "#1b50b3",
1961
1817
  "cursor": "pointer",
1962
1818
  "display": "inline-flex",
1963
- "fontSize": 16,
1964
- "lineHeight": "22px",
1965
1819
  "outline": "none",
1966
- "textDecoration": "underline currentcolor solid 1px",
1967
- "textUnderlineOffset": 4,
1820
+ "textDecoration": "underline currentcolor solid",
1968
1821
  }
1969
1822
  }
1970
1823
  tabIndex={0}
@@ -1994,11 +1847,8 @@ exports[`LinkCore kind:secondary href:# light:false visitable:false pressed 2`]
1994
1847
  "color": "#21242c",
1995
1848
  "cursor": "pointer",
1996
1849
  "display": "inline-flex",
1997
- "fontSize": 16,
1998
- "lineHeight": "22px",
1999
1850
  "outline": "none",
2000
- "textDecoration": "underline currentcolor solid 1px",
2001
- "textUnderlineOffset": 4,
1851
+ "textDecoration": "underline currentcolor solid",
2002
1852
  }
2003
1853
  }
2004
1854
  tabIndex={0}
@@ -2029,8 +1879,6 @@ exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:f
2029
1879
  "color": "#21242c",
2030
1880
  "cursor": "pointer",
2031
1881
  "display": "inline-flex",
2032
- "fontSize": 16,
2033
- "lineHeight": "22px",
2034
1882
  "outline": "1px solid #1865f2",
2035
1883
  "textDecoration": "none",
2036
1884
  }
@@ -2063,8 +1911,6 @@ exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:f
2063
1911
  "color": "rgba(33,36,44,0.64)",
2064
1912
  "cursor": "pointer",
2065
1913
  "display": "inline-flex",
2066
- "fontSize": 16,
2067
- "lineHeight": "22px",
2068
1914
  "outline": "1px solid #1865f2",
2069
1915
  "textDecoration": "none",
2070
1916
  }
@@ -2096,11 +1942,8 @@ exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:f
2096
1942
  "color": "#21242c",
2097
1943
  "cursor": "pointer",
2098
1944
  "display": "inline-flex",
2099
- "fontSize": 16,
2100
- "lineHeight": "22px",
2101
1945
  "outline": "none",
2102
- "textDecoration": "underline currentcolor dashed 2px",
2103
- "textUnderlineOffset": 4,
1946
+ "textDecoration": "underline currentcolor solid",
2104
1947
  }
2105
1948
  }
2106
1949
  tabIndex={0}
@@ -2130,11 +1973,8 @@ exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:f
2130
1973
  "color": "rgba(33,36,44,0.64)",
2131
1974
  "cursor": "pointer",
2132
1975
  "display": "inline-flex",
2133
- "fontSize": 16,
2134
- "lineHeight": "22px",
2135
1976
  "outline": "none",
2136
- "textDecoration": "underline currentcolor dashed 2px",
2137
- "textUnderlineOffset": 4,
1977
+ "textDecoration": "underline currentcolor solid",
2138
1978
  }
2139
1979
  }
2140
1980
  tabIndex={0}
@@ -2164,11 +2004,8 @@ exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:f
2164
2004
  "color": "#1b50b3",
2165
2005
  "cursor": "pointer",
2166
2006
  "display": "inline-flex",
2167
- "fontSize": 16,
2168
- "lineHeight": "22px",
2169
2007
  "outline": "none",
2170
- "textDecoration": "underline currentcolor solid 1px",
2171
- "textUnderlineOffset": 4,
2008
+ "textDecoration": "underline currentcolor solid",
2172
2009
  }
2173
2010
  }
2174
2011
  tabIndex={0}
@@ -2198,11 +2035,8 @@ exports[`LinkCore kind:secondary href:#non-existent-link light:false visitable:f
2198
2035
  "color": "#21242c",
2199
2036
  "cursor": "pointer",
2200
2037
  "display": "inline-flex",
2201
- "fontSize": 16,
2202
- "lineHeight": "22px",
2203
2038
  "outline": "none",
2204
- "textDecoration": "underline currentcolor solid 1px",
2205
- "textUnderlineOffset": 4,
2039
+ "textDecoration": "underline currentcolor solid",
2206
2040
  }
2207
2041
  }
2208
2042
  tabIndex={0}