uikit-react-public 0.39.0 → 0.40.0

package/lib/components/ErrorDialog/__tests__/ErrorDialog.test.tsx

@@ -0,0 +1,145 @@
+import { afterAll, beforeAll, describe, expect, test, vi } from 'vitest';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { ThemeContextProvider } from '../../../theme/useTheme';
+import ErrorDialog from '../ErrorDialog';
+
+const originalShowModal = HTMLDialogElement.prototype.showModal;
+const originalClose = HTMLDialogElement.prototype.close;
+
+beforeAll(() => {
+  HTMLDialogElement.prototype.showModal = vi.fn(function (
+    this: HTMLDialogElement
+  ) {
+    this.setAttribute('open', '');
+  });
+  HTMLDialogElement.prototype.close = vi.fn(function (this: HTMLDialogElement) {
+    this.removeAttribute('open');
+  });
+});
+
+afterAll(() => {
+  HTMLDialogElement.prototype.showModal = originalShowModal;
+  HTMLDialogElement.prototype.close = originalClose;
+});
+
+const renderErrorDialog = (
+  props: Partial<React.ComponentProps<typeof ErrorDialog>> = {}
+) =>
+  render(
+    <ThemeContextProvider>
+      <ErrorDialog
+        open
+        heading='Something went wrong'
+        errorCode='1601'
+        referenceCode='UCLCID-20e935c3'
+        onClose={() => {}}
+        {...props}
+      >
+        We could not complete this request.
+      </ErrorDialog>
+    </ThemeContextProvider>
+  );
+
+describe('ErrorDialog', () => {
+  test('renders an accessible alert dialog with heading, body, and error code', () => {
+    renderErrorDialog();
+
+    expect(
+      screen.getByRole('alertdialog', { name: 'Something went wrong' })
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText('We could not complete this request.')
+    ).toBeInTheDocument();
+    expect(screen.getByText('Error code: 1601')).toBeInTheDocument();
+    expect(
+      screen.getByText('Reference code: UCLCID-20e935c3')
+    ).toBeInTheDocument();
+  });
+
+  test('renders reference code after error code in the footer metadata', () => {
+    renderErrorDialog();
+
+    const errorCode = screen.getByText('Error code: 1601');
+    const referenceCode = screen.getByText('Reference code: UCLCID-20e935c3');
+
+    expect(errorCode.compareDocumentPosition(referenceCode)).toBe(
+      Node.DOCUMENT_POSITION_FOLLOWING
+    );
+  });
+
+  test('renders detail accordions and preserves new lines in values', () => {
+    renderErrorDialog({
+      details: [
+        {
+          label: 'HTTP Status Code',
+          value: 'HTTP status code: 404 (Not Found)',
+        },
+        {
+          label: 'User Details',
+          value:
+            'username: j.bloggs\nlogin time: Fri Jan 16 2026 10:01:43 GMT+0000',
+        },
+      ],
+    });
+
+    expect(
+      screen.queryByText('HTTP status code: 404 (Not Found)')
+    ).not.toBeInTheDocument();
+
+    fireEvent.click(screen.getByRole('button', { name: 'HTTP Status Code' }));
+    expect(
+      screen.getByText('HTTP status code: 404 (Not Found)')
+    ).toBeInTheDocument();
+
+    fireEvent.click(screen.getByRole('button', { name: 'User Details' }));
+    expect(
+      screen.getAllByText(
+        (_, element) =>
+          element?.textContent ===
+          'username: j.bloggs\nlogin time: Fri Jan 16 2026 10:01:43 GMT+0000'
+      )
+    ).not.toHaveLength(0);
+  });
+
+  test('calls onClose from the close icon and default primary action', () => {
+    const onClose = vi.fn();
+
+    renderErrorDialog({ onClose });
+
+    fireEvent.click(screen.getByRole('button', { name: 'Close error dialog' }));
+    fireEvent.click(screen.getByRole('button', { name: 'Close' }));
+
+    expect(onClose).toHaveBeenCalledTimes(2);
+  });
+
+  test('calls action handlers for primary and secondary actions', () => {
+    const onAction = vi.fn();
+    const onSecondaryAction = vi.fn();
+    const onClose = vi.fn();
+
+    renderErrorDialog({
+      onAction,
+      onSecondaryAction,
+      onClose,
+      primaryButton: 'Try again',
+      secondaryButton: 'Cancel',
+    });
+
+    fireEvent.click(screen.getByRole('button', { name: 'Try again' }));
+    fireEvent.click(screen.getByRole('button', { name: 'Cancel' }));
+
+    expect(onAction).toHaveBeenCalledTimes(1);
+    expect(onSecondaryAction).toHaveBeenCalledTimes(1);
+    expect(onClose).not.toHaveBeenCalled();
+  });
+
+  test('renders footer actions for valid falsey ReactNode labels', () => {
+    renderErrorDialog({
+      primaryButton: 0,
+      secondaryButton: '',
+    });
+
+    expect(screen.getByRole('button', { name: '0' })).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: '' })).toBeInTheDocument();
+  });
+});

package/lib/components/ErrorDialog/index.tsx

@@ -0,0 +1,2 @@
+export { default } from './ErrorDialog';
+export type { ErrorDialogDetail, ErrorDialogProps } from './ErrorDialog';

package/lib/components/Field/HelperText.tsx

@@ -2,10 +2,11 @@ import { HTMLAttributes, use } from 'react';
 import { css, cx } from '@emotion/css';
 import { FieldContext } from './Field';
 import { useTheme } from '../../theme';
+import Text from '../Text';
 
 const NAME = 'ucl-uikit-field__helper-text';
 
-export interface HelperTextProps extends HTMLAttributes<HTMLDivElement> {
+export interface HelperTextProps extends HTMLAttributes<HTMLSpanElement> {
   testId?: string;
 }
 
@@ -20,24 +21,22 @@ const HelperText = ({
   const { disabled } = use(FieldContext);
 
   const baseStyle = css`
-    color: ${disabled
-      ? theme.colour.text.disabled
-      : theme.colour.text.secondary};
-    font-family: ${theme.font.family.primary};
-    font-size: ${theme.font.size.f16};
-    line-height: ${theme.font.lineHeight.h120};
+    color: ${
+      disabled ? theme.colour.text.disabled : theme.colour.text.secondary
+    };
   `;
 
   const style = cx(NAME, baseStyle, className);
 
   return (
-    <div
+    <Text
+      level='sm'
+      testId={testId}
       className={style}
-      data-testid={testId}
       {...props}
     >
       {children}
-    </div>
+    </Text>
   );
 };
 

package/lib/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap

@@ -34,7 +34,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
       >
         <a
           aria-label="Facebook"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.facebook.com/uclofficial/"
           target="_blank"
@@ -60,7 +60,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
         </a>
         <a
           aria-label="Flickr"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.flickr.com/groups/ucl/"
           target="_blank"
@@ -86,7 +86,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
         </a>
         <a
           aria-label="TikTok"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.tiktok.com/@uclofficial"
           target="_blank"
@@ -112,7 +112,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
         </a>
         <a
           aria-label="YouTube"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.youtube.com/ucltv"
           target="_blank"
@@ -138,7 +138,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
         </a>
         <a
           aria-label="SoundCloud"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://soundcloud.com/uclsound"
           target="_blank"
@@ -166,7 +166,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
         </a>
         <a
           aria-label="X social media platform"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://x.com/ucl"
           target="_blank"
@@ -192,7 +192,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
         </a>
         <a
           aria-label="Instagram"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.instagram.com/ucl/"
           target="_blank"
@@ -325,14 +325,14 @@ exports[`Footer > snapshot: nav links 1`] = `
           Category 1
         </h3>
         <a
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-1bu3np"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-1w73vrx"
           data-testid="ucl-uikit-footer__nav-link"
           href="#"
         >
           Item 1
         </a>
         <a
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-1bu3np"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-1w73vrx"
           data-testid="ucl-uikit-footer__nav-link"
           href="#"
         >
@@ -349,14 +349,14 @@ exports[`Footer > snapshot: nav links 1`] = `
           Category 2
         </h3>
         <a
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-1bu3np"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-1w73vrx"
           data-testid="ucl-uikit-footer__nav-link"
           href="#"
         >
           Item 1
         </a>
         <a
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-1bu3np"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-1w73vrx"
           data-testid="ucl-uikit-footer__nav-link"
           href="#"
         >
@@ -387,7 +387,7 @@ exports[`Footer > snapshot: nav links 1`] = `
       >
         <a
           aria-label="Facebook"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.facebook.com/uclofficial/"
           target="_blank"
@@ -413,7 +413,7 @@ exports[`Footer > snapshot: nav links 1`] = `
         </a>
         <a
           aria-label="Flickr"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.flickr.com/groups/ucl/"
           target="_blank"
@@ -439,7 +439,7 @@ exports[`Footer > snapshot: nav links 1`] = `
         </a>
         <a
           aria-label="TikTok"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.tiktok.com/@uclofficial"
           target="_blank"
@@ -465,7 +465,7 @@ exports[`Footer > snapshot: nav links 1`] = `
         </a>
         <a
           aria-label="YouTube"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.youtube.com/ucltv"
           target="_blank"
@@ -491,7 +491,7 @@ exports[`Footer > snapshot: nav links 1`] = `
         </a>
         <a
           aria-label="SoundCloud"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://soundcloud.com/uclsound"
           target="_blank"
@@ -519,7 +519,7 @@ exports[`Footer > snapshot: nav links 1`] = `
         </a>
         <a
           aria-label="X social media platform"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://x.com/ucl"
           target="_blank"
@@ -545,7 +545,7 @@ exports[`Footer > snapshot: nav links 1`] = `
         </a>
         <a
           aria-label="Instagram"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.instagram.com/ucl/"
           target="_blank"
@@ -691,7 +691,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
       >
         <a
           aria-label="Facebook"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.facebook.com/uclofficial/"
           target="_blank"
@@ -717,7 +717,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
         </a>
         <a
           aria-label="Flickr"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.flickr.com/groups/ucl/"
           target="_blank"
@@ -743,7 +743,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
         </a>
         <a
           aria-label="TikTok"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.tiktok.com/@uclofficial"
           target="_blank"
@@ -769,7 +769,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
         </a>
         <a
           aria-label="YouTube"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.youtube.com/ucltv"
           target="_blank"
@@ -795,7 +795,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
         </a>
         <a
           aria-label="SoundCloud"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://soundcloud.com/uclsound"
           target="_blank"
@@ -823,7 +823,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
         </a>
         <a
           aria-label="X social media platform"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://x.com/ucl"
           target="_blank"
@@ -849,7 +849,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
         </a>
         <a
           aria-label="Instagram"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-tc3pyp"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-cwywro"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.instagram.com/ucl/"
           target="_blank"

package/lib/components/FooterNew/__tests__/__snapshots__/Footer.test.tsx.snap

@@ -51,7 +51,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
       >
         <a
           aria-label="Instagram"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.instagram.com/ucl/"
           target="_blank"
@@ -80,7 +80,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
         </a>
         <a
           aria-label="LinkedIn"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.linkedin.com/school/university-college-london/"
           target="_blank"
@@ -108,7 +108,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
         </a>
         <a
           aria-label="YouTube"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.youtube.com/ucltv"
           target="_blank"
@@ -134,7 +134,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
         </a>
         <a
           aria-label="TikTok"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.tiktok.com/@uclofficial"
           target="_blank"
@@ -160,7 +160,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
         </a>
         <a
           aria-label="Facebook"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.facebook.com/uclofficial/"
           target="_blank"
@@ -186,7 +186,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
         </a>
         <a
           aria-label="Bluesky"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://bsky.app/profile/ucl.ac.uk"
           target="_blank"
@@ -212,7 +212,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
         </a>
         <a
           aria-label="Threads"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.threads.com/@ucl"
           target="_blank"
@@ -239,7 +239,7 @@ exports[`Footer > snapshot: footer links provided 1`] = `
         </a>
         <a
           aria-label="SoundCloud"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://soundcloud.com/uclsound"
           target="_blank"
@@ -385,14 +385,14 @@ exports[`Footer > snapshot: nav links 1`] = `
           Category 1
         </h3>
         <a
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-138c06l"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-7pftwz"
           data-testid="ucl-uikit-footer__nav-link"
           href="#"
         >
           Item 1
         </a>
         <a
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-138c06l"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-7pftwz"
           data-testid="ucl-uikit-footer__nav-link"
           href="#"
         >
@@ -409,14 +409,14 @@ exports[`Footer > snapshot: nav links 1`] = `
           Category 2
         </h3>
         <a
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-138c06l"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-7pftwz"
           data-testid="ucl-uikit-footer__nav-link"
           href="#"
         >
           Item 1
         </a>
         <a
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-138c06l"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__nav-link css-7pftwz"
           data-testid="ucl-uikit-footer__nav-link"
           href="#"
         >
@@ -467,7 +467,7 @@ exports[`Footer > snapshot: nav links 1`] = `
       >
         <a
           aria-label="Instagram"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.instagram.com/ucl/"
           target="_blank"
@@ -496,7 +496,7 @@ exports[`Footer > snapshot: nav links 1`] = `
         </a>
         <a
           aria-label="LinkedIn"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.linkedin.com/school/university-college-london/"
           target="_blank"
@@ -524,7 +524,7 @@ exports[`Footer > snapshot: nav links 1`] = `
         </a>
         <a
           aria-label="YouTube"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.youtube.com/ucltv"
           target="_blank"
@@ -550,7 +550,7 @@ exports[`Footer > snapshot: nav links 1`] = `
         </a>
         <a
           aria-label="TikTok"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.tiktok.com/@uclofficial"
           target="_blank"
@@ -576,7 +576,7 @@ exports[`Footer > snapshot: nav links 1`] = `
         </a>
         <a
           aria-label="Facebook"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.facebook.com/uclofficial/"
           target="_blank"
@@ -602,7 +602,7 @@ exports[`Footer > snapshot: nav links 1`] = `
         </a>
         <a
           aria-label="Bluesky"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://bsky.app/profile/ucl.ac.uk"
           target="_blank"
@@ -628,7 +628,7 @@ exports[`Footer > snapshot: nav links 1`] = `
         </a>
         <a
           aria-label="Threads"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.threads.com/@ucl"
           target="_blank"
@@ -655,7 +655,7 @@ exports[`Footer > snapshot: nav links 1`] = `
         </a>
         <a
           aria-label="SoundCloud"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://soundcloud.com/uclsound"
           target="_blank"
@@ -830,7 +830,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
       >
         <a
           aria-label="Instagram"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.instagram.com/ucl/"
           target="_blank"
@@ -859,7 +859,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
         </a>
         <a
           aria-label="LinkedIn"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.linkedin.com/school/university-college-london/"
           target="_blank"
@@ -887,7 +887,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
         </a>
         <a
           aria-label="YouTube"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.youtube.com/ucltv"
           target="_blank"
@@ -913,7 +913,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
         </a>
         <a
           aria-label="TikTok"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.tiktok.com/@uclofficial"
           target="_blank"
@@ -939,7 +939,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
         </a>
         <a
           aria-label="Facebook"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.facebook.com/uclofficial/"
           target="_blank"
@@ -965,7 +965,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
         </a>
         <a
           aria-label="Bluesky"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://bsky.app/profile/ucl.ac.uk"
           target="_blank"
@@ -991,7 +991,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
         </a>
         <a
           aria-label="Threads"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://www.threads.com/@ucl"
           target="_blank"
@@ -1018,7 +1018,7 @@ exports[`Footer > snapshot: no nav links 1`] = `
         </a>
         <a
           aria-label="SoundCloud"
-          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1x2yumo"
+          class="ucl-uikit-base-link ucl-uikit-link ucl-uikit-footer__social-link css-1j633gx"
           data-testid="ucl-uikit-footer__social-link"
           href="https://soundcloud.com/uclsound"
           target="_blank"