uikit-react-public 0.21.9 → 0.22.1

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 (18) hide show
  1. package/dist/components/Spinner/Spinner.d.ts +3 -2
  2. package/dist/components/Spinner/Spinner.stories.d.ts +1 -1
  3. package/dist/components/index.d.ts +2 -0
  4. package/dist/index.js +2668 -2639
  5. package/lib/components/Breadcrumbs/__tests__/__snapshots__/Breadcrumbs.test.tsx.snap +4 -4
  6. package/lib/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +5 -3
  7. package/lib/components/Field/Field.tsx +0 -3
  8. package/lib/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap +25 -25
  9. package/lib/components/FooterNew/__tests__/__snapshots__/Footer.test.tsx.snap +28 -28
  10. package/lib/components/Link/BaseLink.tsx +4 -1
  11. package/lib/components/Link/__tests__/__snapshots__/link.test.tsx.snap +2 -2
  12. package/lib/components/Spinner/Spinner.tsx +69 -70
  13. package/lib/components/Spinner/__tests__/Spinner.test.tsx +33 -1
  14. package/lib/components/Spinner/__tests__/__snapshots__/Spinner.test.tsx.snap +20 -12
  15. package/lib/components/StandaloneLink/__tests__/__snapshots__/StandaloneLink.test.tsx.snap +2 -2
  16. package/lib/components/Table/improvements-tracking.md +25 -0
  17. package/lib/components/index.ts +3 -0
  18. package/package.json +2 -1
package/lib/components/Breadcrumbs/__tests__/__snapshots__/Breadcrumbs.test.tsx.snap CHANGED
@@ -37,7 +37,7 @@ exports[`Breadcrumbs > Snapshot: No props 1`] = `
37
37
  class="css-4ys53n"
38
38
  >
39
39
  <a
40
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-dh2n9h"
40
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-mndjsx"
41
41
  data-testid="ucl-uikit-breadcrumb"
42
42
  href="/showcase"
43
43
  >
@@ -66,7 +66,7 @@ exports[`Breadcrumbs > Snapshot: No props 1`] = `
66
66
  class="css-4ys53n"
67
67
  >
68
68
  <a
69
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-dh2n9h"
69
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-mndjsx"
70
70
  data-testid="ucl-uikit-breadcrumb"
71
71
  href="/showcase/breadcrumbs"
72
72
  >
@@ -113,7 +113,7 @@ exports[`Breadcrumbs > snapshot: Custom Test ID 1`] = `
113
113
  class="css-4ys53n"
114
114
  >
115
115
  <a
116
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-dh2n9h"
116
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-mndjsx"
117
117
  data-testid="custom-testid-2"
118
118
  href="/showcase"
119
119
  >
@@ -142,7 +142,7 @@ exports[`Breadcrumbs > snapshot: Custom Test ID 1`] = `
142
142
  class="css-4ys53n"
143
143
  >
144
144
  <a
145
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-dh2n9h"
145
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-breadcrumb ucl-uikit-breadcrumb--inactive css-mndjsx"
146
146
  data-testid="custom-testid-3"
147
147
  href="/showcase/breadcrumbs"
148
148
  >
package/lib/components/Button/__tests__/__snapshots__/Button.test.tsx.snap CHANGED
@@ -39,17 +39,19 @@ exports[`Button > snapshot: loading 1`] = `
39
39
  disabled=""
40
40
  >
41
41
  <svg
42
- class="ucl-uikit-spinner css-1izyex6"
42
+ aria-label="Loading"
43
+ class="ucl-uikit-spinner css-15f359x"
43
44
  data-testid="ucl-uikit-spinner"
44
45
  height="24"
46
+ role="progressbar"
45
47
  viewBox="0 0 50 50"
46
48
  width="24"
47
49
  >
48
50
  <g
49
- class="css-ypv7tf"
51
+ class="css-swia5b"
50
52
  >
51
53
  <circle
52
- class="css-1w5ipzg"
54
+ class="css-1iyl2x2"
53
55
  cx="25"
54
56
  cy="25"
55
57
  fill="none"
package/lib/components/Field/Field.tsx CHANGED
@@ -52,9 +52,6 @@ const Field = ({
52
52
  display: flex;
53
53
  flex-direction: column;
54
54
  gap: 8px;
55
- width: 100%;
56
- min-width: 50px;
57
- max-width: 660px;
58
55
  box-sizing: border-box;
59
56
  `;
60
57
 
package/lib/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap CHANGED
@@ -34,7 +34,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
34
34
  >
35
35
  <a
36
36
  aria-label="Facebook"
37
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
37
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
38
38
  data-testid="ucl-uikit-footer__social-link"
39
39
  href="https://www.facebook.com/uclofficial/"
40
40
  target="_blank"
@@ -60,7 +60,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
60
60
  </a>
61
61
  <a
62
62
  aria-label="Flickr"
63
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
63
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
64
64
  data-testid="ucl-uikit-footer__social-link"
65
65
  href="https://www.flickr.com/groups/ucl/"
66
66
  target="_blank"
@@ -86,7 +86,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
86
86
  </a>
87
87
  <a
88
88
  aria-label="TikTok"
89
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
89
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
90
90
  data-testid="ucl-uikit-footer__social-link"
91
91
  href="https://www.tiktok.com/@uclofficial"
92
92
  target="_blank"
@@ -112,7 +112,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
112
112
  </a>
113
113
  <a
114
114
  aria-label="YouTube"
115
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
115
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
116
116
  data-testid="ucl-uikit-footer__social-link"
117
117
  href="https://www.youtube.com/ucltv"
118
118
  target="_blank"
@@ -138,7 +138,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
138
138
  </a>
139
139
  <a
140
140
  aria-label="SoundCloud"
141
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
141
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
142
142
  data-testid="ucl-uikit-footer__social-link"
143
143
  href="https://soundcloud.com/uclsound"
144
144
  target="_blank"
@@ -166,7 +166,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
166
166
  </a>
167
167
  <a
168
168
  aria-label="X social media platform"
169
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
169
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
170
170
  data-testid="ucl-uikit-footer__social-link"
171
171
  href="https://x.com/ucl"
172
172
  target="_blank"
@@ -192,7 +192,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
192
192
  </a>
193
193
  <a
194
194
  aria-label="Instagram"
195
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
195
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
196
196
  data-testid="ucl-uikit-footer__social-link"
197
197
  href="https://www.instagram.com/ucl/"
198
198
  target="_blank"
@@ -313,14 +313,14 @@ exports[`Footer > snapshot: nav links 1`] = `
313
313
  Category 1
314
314
  </h3>
315
315
  <a
316
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-vikdvh"
316
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-1lqzzng"
317
317
  data-testid="ucl-uikit-footer__nav-link"
318
318
  href="#"
319
319
  >
320
320
  Item 1
321
321
  </a>
322
322
  <a
323
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-vikdvh"
323
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-1lqzzng"
324
324
  data-testid="ucl-uikit-footer__nav-link"
325
325
  href="#"
326
326
  >
@@ -337,14 +337,14 @@ exports[`Footer > snapshot: nav links 1`] = `
337
337
  Category 2
338
338
  </h3>
339
339
  <a
340
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-vikdvh"
340
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-1lqzzng"
341
341
  data-testid="ucl-uikit-footer__nav-link"
342
342
  href="#"
343
343
  >
344
344
  Item 1
345
345
  </a>
346
346
  <a
347
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-vikdvh"
347
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-1lqzzng"
348
348
  data-testid="ucl-uikit-footer__nav-link"
349
349
  href="#"
350
350
  >
@@ -375,7 +375,7 @@ exports[`Footer > snapshot: nav links 1`] = `
375
375
  >
376
376
  <a
377
377
  aria-label="Facebook"
378
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
378
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
379
379
  data-testid="ucl-uikit-footer__social-link"
380
380
  href="https://www.facebook.com/uclofficial/"
381
381
  target="_blank"
@@ -401,7 +401,7 @@ exports[`Footer > snapshot: nav links 1`] = `
401
401
  </a>
402
402
  <a
403
403
  aria-label="Flickr"
404
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
404
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
405
405
  data-testid="ucl-uikit-footer__social-link"
406
406
  href="https://www.flickr.com/groups/ucl/"
407
407
  target="_blank"
@@ -427,7 +427,7 @@ exports[`Footer > snapshot: nav links 1`] = `
427
427
  </a>
428
428
  <a
429
429
  aria-label="TikTok"
430
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
430
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
431
431
  data-testid="ucl-uikit-footer__social-link"
432
432
  href="https://www.tiktok.com/@uclofficial"
433
433
  target="_blank"
@@ -453,7 +453,7 @@ exports[`Footer > snapshot: nav links 1`] = `
453
453
  </a>
454
454
  <a
455
455
  aria-label="YouTube"
456
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
456
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
457
457
  data-testid="ucl-uikit-footer__social-link"
458
458
  href="https://www.youtube.com/ucltv"
459
459
  target="_blank"
@@ -479,7 +479,7 @@ exports[`Footer > snapshot: nav links 1`] = `
479
479
  </a>
480
480
  <a
481
481
  aria-label="SoundCloud"
482
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
482
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
483
483
  data-testid="ucl-uikit-footer__social-link"
484
484
  href="https://soundcloud.com/uclsound"
485
485
  target="_blank"
@@ -507,7 +507,7 @@ exports[`Footer > snapshot: nav links 1`] = `
507
507
  </a>
508
508
  <a
509
509
  aria-label="X social media platform"
510
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
510
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
511
511
  data-testid="ucl-uikit-footer__social-link"
512
512
  href="https://x.com/ucl"
513
513
  target="_blank"
@@ -533,7 +533,7 @@ exports[`Footer > snapshot: nav links 1`] = `
533
533
  </a>
534
534
  <a
535
535
  aria-label="Instagram"
536
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
536
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
537
537
  data-testid="ucl-uikit-footer__social-link"
538
538
  href="https://www.instagram.com/ucl/"
539
539
  target="_blank"
@@ -667,7 +667,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
667
667
  >
668
668
  <a
669
669
  aria-label="Facebook"
670
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
670
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
671
671
  data-testid="ucl-uikit-footer__social-link"
672
672
  href="https://www.facebook.com/uclofficial/"
673
673
  target="_blank"
@@ -693,7 +693,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
693
693
  </a>
694
694
  <a
695
695
  aria-label="Flickr"
696
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
696
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
697
697
  data-testid="ucl-uikit-footer__social-link"
698
698
  href="https://www.flickr.com/groups/ucl/"
699
699
  target="_blank"
@@ -719,7 +719,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
719
719
  </a>
720
720
  <a
721
721
  aria-label="TikTok"
722
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
722
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
723
723
  data-testid="ucl-uikit-footer__social-link"
724
724
  href="https://www.tiktok.com/@uclofficial"
725
725
  target="_blank"
@@ -745,7 +745,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
745
745
  </a>
746
746
  <a
747
747
  aria-label="YouTube"
748
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
748
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
749
749
  data-testid="ucl-uikit-footer__social-link"
750
750
  href="https://www.youtube.com/ucltv"
751
751
  target="_blank"
@@ -771,7 +771,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
771
771
  </a>
772
772
  <a
773
773
  aria-label="SoundCloud"
774
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
774
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
775
775
  data-testid="ucl-uikit-footer__social-link"
776
776
  href="https://soundcloud.com/uclsound"
777
777
  target="_blank"
@@ -799,7 +799,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
799
799
  </a>
800
800
  <a
801
801
  aria-label="X social media platform"
802
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
802
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
803
803
  data-testid="ucl-uikit-footer__social-link"
804
804
  href="https://x.com/ucl"
805
805
  target="_blank"
@@ -825,7 +825,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
825
825
  </a>
826
826
  <a
827
827
  aria-label="Instagram"
828
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-r9ai8x"
828
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-bt3qf5"
829
829
  data-testid="ucl-uikit-footer__social-link"
830
830
  href="https://www.instagram.com/ucl/"
831
831
  target="_blank"
package/lib/components/FooterNew/__tests__/__snapshots__/Footer.test.tsx.snap CHANGED
@@ -51,7 +51,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
51
51
  >
52
52
  <a
53
53
  aria-label="Instagram"
54
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
54
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
55
55
  data-testid="ucl-uikit-footer__social-link"
56
56
  href="https://www.instagram.com/ucl/"
57
57
  target="_blank"
@@ -80,7 +80,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
80
80
  </a>
81
81
  <a
82
82
  aria-label="LinkedIn"
83
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
83
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
84
84
  data-testid="ucl-uikit-footer__social-link"
85
85
  href="https://www.linkedin.com/school/university-college-london/"
86
86
  target="_blank"
@@ -108,7 +108,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
108
108
  </a>
109
109
  <a
110
110
  aria-label="YouTube"
111
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
111
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
112
112
  data-testid="ucl-uikit-footer__social-link"
113
113
  href="https://www.youtube.com/ucltv"
114
114
  target="_blank"
@@ -134,7 +134,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
134
134
  </a>
135
135
  <a
136
136
  aria-label="TikTok"
137
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
137
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
138
138
  data-testid="ucl-uikit-footer__social-link"
139
139
  href="https://www.tiktok.com/@uclofficial"
140
140
  target="_blank"
@@ -160,7 +160,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
160
160
  </a>
161
161
  <a
162
162
  aria-label="Facebook"
163
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
163
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
164
164
  data-testid="ucl-uikit-footer__social-link"
165
165
  href="https://www.facebook.com/uclofficial/"
166
166
  target="_blank"
@@ -186,7 +186,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
186
186
  </a>
187
187
  <a
188
188
  aria-label="Bluesky"
189
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
189
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
190
190
  data-testid="ucl-uikit-footer__social-link"
191
191
  href="https://bsky.app/profile/ucl.ac.uk"
192
192
  target="_blank"
@@ -212,7 +212,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
212
212
  </a>
213
213
  <a
214
214
  aria-label="Threads"
215
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
215
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
216
216
  data-testid="ucl-uikit-footer__social-link"
217
217
  href="https://www.threads.com/@ucl"
218
218
  target="_blank"
@@ -239,7 +239,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
239
239
  </a>
240
240
  <a
241
241
  aria-label="SoundCloud"
242
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
242
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
243
243
  data-testid="ucl-uikit-footer__social-link"
244
244
  href="https://soundcloud.com/uclsound"
245
245
  target="_blank"
@@ -373,14 +373,14 @@ exports[`Footer > snapshot: nav links 1`] = `
373
373
  Category 1
374
374
  </h3>
375
375
  <a
376
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-y1aisd"
376
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-55xi1m"
377
377
  data-testid="ucl-uikit-footer__nav-link"
378
378
  href="#"
379
379
  >
380
380
  Item 1
381
381
  </a>
382
382
  <a
383
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-y1aisd"
383
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-55xi1m"
384
384
  data-testid="ucl-uikit-footer__nav-link"
385
385
  href="#"
386
386
  >
@@ -397,14 +397,14 @@ exports[`Footer > snapshot: nav links 1`] = `
397
397
  Category 2
398
398
  </h3>
399
399
  <a
400
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-y1aisd"
400
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-55xi1m"
401
401
  data-testid="ucl-uikit-footer__nav-link"
402
402
  href="#"
403
403
  >
404
404
  Item 1
405
405
  </a>
406
406
  <a
407
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-y1aisd"
407
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-55xi1m"
408
408
  data-testid="ucl-uikit-footer__nav-link"
409
409
  href="#"
410
410
  >
@@ -455,7 +455,7 @@ exports[`Footer > snapshot: nav links 1`] = `
455
455
  >
456
456
  <a
457
457
  aria-label="Instagram"
458
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
458
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
459
459
  data-testid="ucl-uikit-footer__social-link"
460
460
  href="https://www.instagram.com/ucl/"
461
461
  target="_blank"
@@ -484,7 +484,7 @@ exports[`Footer > snapshot: nav links 1`] = `
484
484
  </a>
485
485
  <a
486
486
  aria-label="LinkedIn"
487
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
487
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
488
488
  data-testid="ucl-uikit-footer__social-link"
489
489
  href="https://www.linkedin.com/school/university-college-london/"
490
490
  target="_blank"
@@ -512,7 +512,7 @@ exports[`Footer > snapshot: nav links 1`] = `
512
512
  </a>
513
513
  <a
514
514
  aria-label="YouTube"
515
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
515
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
516
516
  data-testid="ucl-uikit-footer__social-link"
517
517
  href="https://www.youtube.com/ucltv"
518
518
  target="_blank"
@@ -538,7 +538,7 @@ exports[`Footer > snapshot: nav links 1`] = `
538
538
  </a>
539
539
  <a
540
540
  aria-label="TikTok"
541
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
541
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
542
542
  data-testid="ucl-uikit-footer__social-link"
543
543
  href="https://www.tiktok.com/@uclofficial"
544
544
  target="_blank"
@@ -564,7 +564,7 @@ exports[`Footer > snapshot: nav links 1`] = `
564
564
  </a>
565
565
  <a
566
566
  aria-label="Facebook"
567
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
567
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
568
568
  data-testid="ucl-uikit-footer__social-link"
569
569
  href="https://www.facebook.com/uclofficial/"
570
570
  target="_blank"
@@ -590,7 +590,7 @@ exports[`Footer > snapshot: nav links 1`] = `
590
590
  </a>
591
591
  <a
592
592
  aria-label="Bluesky"
593
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
593
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
594
594
  data-testid="ucl-uikit-footer__social-link"
595
595
  href="https://bsky.app/profile/ucl.ac.uk"
596
596
  target="_blank"
@@ -616,7 +616,7 @@ exports[`Footer > snapshot: nav links 1`] = `
616
616
  </a>
617
617
  <a
618
618
  aria-label="Threads"
619
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
619
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
620
620
  data-testid="ucl-uikit-footer__social-link"
621
621
  href="https://www.threads.com/@ucl"
622
622
  target="_blank"
@@ -643,7 +643,7 @@ exports[`Footer > snapshot: nav links 1`] = `
643
643
  </a>
644
644
  <a
645
645
  aria-label="SoundCloud"
646
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
646
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
647
647
  data-testid="ucl-uikit-footer__social-link"
648
648
  href="https://soundcloud.com/uclsound"
649
649
  target="_blank"
@@ -806,7 +806,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
806
806
  >
807
807
  <a
808
808
  aria-label="Instagram"
809
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
809
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
810
810
  data-testid="ucl-uikit-footer__social-link"
811
811
  href="https://www.instagram.com/ucl/"
812
812
  target="_blank"
@@ -835,7 +835,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
835
835
  </a>
836
836
  <a
837
837
  aria-label="LinkedIn"
838
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
838
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
839
839
  data-testid="ucl-uikit-footer__social-link"
840
840
  href="https://www.linkedin.com/school/university-college-london/"
841
841
  target="_blank"
@@ -863,7 +863,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
863
863
  </a>
864
864
  <a
865
865
  aria-label="YouTube"
866
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
866
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
867
867
  data-testid="ucl-uikit-footer__social-link"
868
868
  href="https://www.youtube.com/ucltv"
869
869
  target="_blank"
@@ -889,7 +889,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
889
889
  </a>
890
890
  <a
891
891
  aria-label="TikTok"
892
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
892
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
893
893
  data-testid="ucl-uikit-footer__social-link"
894
894
  href="https://www.tiktok.com/@uclofficial"
895
895
  target="_blank"
@@ -915,7 +915,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
915
915
  </a>
916
916
  <a
917
917
  aria-label="Facebook"
918
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
918
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
919
919
  data-testid="ucl-uikit-footer__social-link"
920
920
  href="https://www.facebook.com/uclofficial/"
921
921
  target="_blank"
@@ -941,7 +941,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
941
941
  </a>
942
942
  <a
943
943
  aria-label="Bluesky"
944
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
944
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
945
945
  data-testid="ucl-uikit-footer__social-link"
946
946
  href="https://bsky.app/profile/ucl.ac.uk"
947
947
  target="_blank"
@@ -967,7 +967,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
967
967
  </a>
968
968
  <a
969
969
  aria-label="Threads"
970
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
970
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
971
971
  data-testid="ucl-uikit-footer__social-link"
972
972
  href="https://www.threads.com/@ucl"
973
973
  target="_blank"
@@ -994,7 +994,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
994
994
  </a>
995
995
  <a
996
996
  aria-label="SoundCloud"
997
- class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1h5t5xl"
997
+ class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-41h657"
998
998
  data-testid="ucl-uikit-footer__social-link"
999
999
  href="https://soundcloud.com/uclsound"
1000
1000
  target="_blank"
package/lib/components/Link/BaseLink.tsx CHANGED
@@ -5,8 +5,11 @@ import React, {
5
5
  useCallback,
6
6
  } from 'react';
7
7
  import { css, cx } from '@emotion/css';
8
+ import { tokens } from 'design-system-foundations-public';
8
9
  import useTheme from '../../theme/useTheme';
9
10
 
11
+ const { sans } = tokens.primitives.font.family;
12
+
10
13
  type AnchorishProps = {
11
14
  href?: string;
12
15
  onClick?: React.MouseEventHandler;
@@ -76,7 +79,7 @@ const BaseLink = forwardRef(function BaseLinkInner(
76
79
  );
77
80
 
78
81
  const baseStyle = css`
79
- font-family: ${theme.font.family.primary};
82
+ font-family: ${sans.$value.family};
80
83
  font-size: ${theme.font.size.f16};
81
84
 
82
85
  &:focus-visible {
package/lib/components/Link/__tests__/__snapshots__/link.test.tsx.snap CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  exports[`Link > snapshot: no props 1`] = `
4
4
  <a
5
- class="ucl-uikit-base-link ucl-uikit-link css-x04ks2"
5
+ class="ucl-uikit-base-link ucl-uikit-link css-3wlbgk"
6
6
  data-testid="ucl-uikit-link"
7
7
  >
8
8
  test
@@ -11,7 +11,7 @@ exports[`Link > snapshot: no props 1`] = `
11
11
 
12
12
  exports[`Link > snapshot: testId prop 1`] = `
13
13
  <a
14
- class="ucl-uikit-base-link ucl-uikit-link css-x04ks2"
14
+ class="ucl-uikit-base-link ucl-uikit-link css-3wlbgk"
15
15
  data-testid="test123"
16
16
  >
17
17
  testidlink