uikit-react-public 0.11.13

package/lib/components/Toggle/Toggle.tsx

@@ -0,0 +1,93 @@
+import { forwardRef, memo, ButtonHTMLAttributes } from 'react';
+import { css, cx } from '@emotion/css';
+import { useTheme } from '../../theme';
+import Handle from './ToggleHandle';
+
+export const NAME = 'ucl-uikit-toggle';
+
+export interface ToggleProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  checked?: boolean;
+}
+
+export type Ref = HTMLButtonElement;
+
+const Toggle = forwardRef<Ref, ToggleProps>(
+  (
+    {
+      checked = false,
+      disabled = false,
+      className,
+      onClick,
+      ...props
+    }: ToggleProps,
+    ref
+  ) => {
+    const [theme] = useTheme();
+
+    const baseStyle = css`
+      border: none;
+      outline: none;
+      padding: 0;
+      box-sizing: border-box;
+      position: relative;
+      width: 48px;
+      height: 24px;
+      border-radius: 12px;
+      background-color: ${theme.color.neutral.grey40};
+      cursor: pointer;
+      transition: background-color 0.2s ease-in-out;
+      &:focus-visible {
+        outline: none;
+        box-shadow: ${theme.boxShadow.focus};
+      }
+    `;
+
+    const checkedStyle = css`
+      background-color: ${theme.color.interaction.blue70};
+    `;
+
+    const disabledStyle = css`
+      background-color: ${theme.color.neutral.grey20};
+      cursor: not-allowed;
+    `;
+
+    const hoverStyle =
+      !disabled &&
+      css`
+        &:hover {
+          background-color: ${checked
+            ? theme.color.interaction.blue80
+            : theme.color.neutral.grey60};
+        }
+      `;
+
+    const style = cx(
+      NAME,
+      baseStyle,
+      checked && !disabled && checkedStyle,
+      disabled && disabledStyle,
+      !disabled && hoverStyle,
+      className
+    );
+
+    return (
+      <button
+        data-test-id={NAME}
+        ref={ref}
+        role='toggle'
+        aria-checked={checked}
+        aria-disabled={disabled}
+        className={style}
+        onClick={!disabled ? onClick : undefined}
+        {...props}
+      >
+        <Handle
+          checked={checked}
+          disabled={disabled}
+        />
+      </button>
+    );
+  }
+);
+
+export default memo(Toggle);

package/lib/components/Toggle/ToggleHandle.tsx

@@ -0,0 +1,46 @@
+import React, { memo } from 'react';
+import { css, cx } from '@emotion/css';
+import { useTheme } from '../../theme';
+
+export const NAME = 'ucl-uikit-toggle__handle';
+
+export interface ToggleHandleProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  checked: boolean;
+  disabled: boolean;
+}
+
+const ToggleHandle = ({ checked, className }: ToggleHandleProps) => {
+  const [theme] = useTheme();
+
+  const baseStyle = css`
+    box-sizing: border-box;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    background-color: ${theme.color.neutral.white};
+    position: absolute;
+    top: 2px;
+    left: 2px;
+    pointer-events: none;
+    transition:
+      left 0.15s ease-in-out,
+      width 0.15s ease-in-out,
+      margin-left 0.15s ease-in-out;
+  `;
+
+  const checkedStyle = css`
+    left: 26px;
+  `;
+
+  const style = cx(NAME, baseStyle, checked && checkedStyle, className);
+
+  return (
+    <div
+      data-test-id={NAME}
+      className={style}
+    />
+  );
+};
+
+export default memo(ToggleHandle);

package/lib/components/Toggle/index.ts

@@ -0,0 +1,2 @@
+export { default } from './Toggle';
+export type { ToggleProps } from './Toggle';

package/lib/components/Tooltip/Tooltip.stories.tsx

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import Tooltip from './Tooltip';
+
+const meta = {
+  title: 'Components/Ready to use/Tooltip',
+  component: Tooltip,
+  args: {
+    children: 'Default tooltip text',
+  },
+} satisfies Meta<typeof Tooltip>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};

package/lib/components/Tooltip/Tooltip.tsx

@@ -0,0 +1,44 @@
+import { memo, forwardRef, HTMLAttributes } from 'react';
+import { css, cx } from '@emotion/css';
+import { useTheme } from '../../theme';
+
+export const NAME = 'ucl-uikit-tooltip';
+
+export interface TooltipProps extends HTMLAttributes<HTMLSpanElement> {
+  testId?: string;
+}
+
+export type Ref = HTMLSpanElement;
+
+const Tooltip = forwardRef<Ref, TooltipProps>(
+  ({ testId = NAME, className, children, ...props }, ref) => {
+    const [theme] = useTheme();
+
+    const baseStyle = css`
+      background-color: ${theme.color.neutral.grey90};
+      color: ${theme.color.text.inverted};
+      font-family: ${theme.font.family.primary};
+      height: 32px;
+      padding: 4px 8px 4px 8px;
+      border-radius: ${theme.border.b2};
+      font-size: 16px;
+      display: inline;
+      white-space: nowrap;
+    `;
+
+    const style = cx(NAME, baseStyle, className);
+
+    return (
+      <span
+        ref={ref}
+        className={style}
+        data-testid={testId}
+        {...props}
+      >
+        {children}
+      </span>
+    );
+  }
+);
+
+export default memo(Tooltip);

package/lib/components/Tooltip/__tests__/__snapshots__/tooltip.test.tsx.snap

@@ -0,0 +1,19 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Tooltip > snapshot: no props 1`] = `
+<span
+  class="ucl-uikit-tooltip css-h4sax9"
+  data-testid="ucl-uikit-tooltip"
+>
+  test
+</span>
+`;
+
+exports[`Tooltip > snapshot: testId prop 1`] = `
+<span
+  class="ucl-uikit-tooltip css-h4sax9"
+  data-testid="test123"
+>
+   Info Tooltip 
+</span>
+`;

package/lib/components/Tooltip/__tests__/tooltip.test.tsx

@@ -0,0 +1,48 @@
+import { describe, expect, test } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import Tooltip from '../Tooltip';
+import { ThemeContextProvider } from '../../../theme/useTheme';
+
+describe('Tooltip', () => {
+  // Snapshot tests
+
+  test('snapshot: no props', () => {
+    const renderResult = render(
+      <ThemeContextProvider>
+        <Tooltip>test</Tooltip>
+      </ThemeContextProvider>
+    );
+    expect(renderResult.container.firstChild).toMatchSnapshot();
+  });
+
+  test('snapshot: testId prop', () => {
+    const renderResult = render(
+      <ThemeContextProvider>
+        <Tooltip testId='test123'> Info Tooltip </Tooltip>
+      </ThemeContextProvider>
+    );
+    expect(renderResult.container.firstChild).toMatchSnapshot();
+  });
+
+  // // Interaction tests
+
+  test('test ID: default', () => {
+    render(
+      <ThemeContextProvider>
+        <Tooltip> Info Tooltip </Tooltip>
+      </ThemeContextProvider>
+    );
+    const tooltip = screen.getByTestId('ucl-uikit-tooltip');
+    expect(tooltip).toBeDefined();
+  });
+
+  test('test ID: custom', () => {
+    render(
+      <ThemeContextProvider>
+        <Tooltip testId='custom-test-id'> Info Tooltip </Tooltip>
+      </ThemeContextProvider>
+    );
+    const tooltip = screen.getByTestId('custom-test-id');
+    expect(tooltip).toBeDefined();
+  });
+});

package/lib/components/Tooltip/index.ts

@@ -0,0 +1,2 @@
+export { default } from './Tooltip';
+export type { TooltipProps } from './Tooltip';

package/lib/components/UclLogo/UclLogo.stories.tsx

@@ -0,0 +1,44 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import UclLogo from './UclLogo';
+
+// Need this because the `UclLogo` component will default to 0 size :(
+
+type UclLogoPropsAndCustomArgs = React.ComponentProps<typeof UclLogo> & {
+  size?: number;
+};
+
+const meta: Meta<UclLogoPropsAndCustomArgs> = {
+  title: 'Components/Deprecated/UclLogo',
+  component: UclLogo,
+  argTypes: {
+    fill: {
+      control: 'color',
+    },
+    size: {
+      name: 'CSS `height` property',
+      control: {
+        type: 'number',
+        min: 0,
+        step: 1,
+      },
+    },
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<UclLogoPropsAndCustomArgs>;
+
+export const Default: Story = {};
+
+export const ManualCSS: Story = {
+  args: {
+    size: 56,
+  },
+  render: (args) => (
+    <UclLogo
+      {...args}
+      style={{ height: args.size }}
+    />
+  ),
+};

package/lib/components/UclLogo/UclLogo.tsx

@@ -0,0 +1,26 @@
+import { SVGAttributes, memo } from 'react';
+
+export const NAME = 'ucl-uikit-logo';
+
+export interface UclLogoProps extends SVGAttributes<SVGElement> {
+  testId?: string;
+}
+
+const UclLogo = ({ testId, ...props }: UclLogoProps) => {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width='157'
+      height='40'
+      viewBox='0 0 157 40'
+      fill='currentColor'
+      data-testid={testId}
+      {...props}
+    >
+      <desc>Logo of University College London</desc>
+      <path d='m 60.405678,1.52 v 25.62 c 0,1.74 -0.06,3.55 -1.6,5 -0.76,0.69 -2.12,1.45 -4.19,1.45 -1.53,0 -3.12,-0.4 -4.18,-1.51 -1.48,-1.39 -1.548529,-3.190021 -1.54,-4.94 V 1.52 h -13.22 v 24.63 c 0.13,4.22 0.25,8.72 4.31,12.6 0.47,0.45 0.841814,1.24 1.53,1.24 v 0 h 25.72 v 0 c 0,0 1.07,-0.8 1.54,-1.24 4.91,-4.59 4.88306,-10.690077 4.91,-15.4 V 1.52 Z m 48.710002,25.09 c -0.47,1.39 -2.3,6.73 -8.44,6.73 -6.500002,0 -8.800002,-5.75 -8.800002,-11.85 0,-1.64 0,-6.29 3.13,-9.24 0.88,-0.87 2.71,-2.21 5.610002,-2.21 5.54,0 7.54,4.36 8.61,6.8 l 11.03,-5.4 c -0.89,-1.62 -1.71,-3.01 -3.48,-4.82 -4.37,-4.41 -10.39,-6.62 -16.7,-6.62 -14.120002,0 -21.610002,11.21 -21.610002,22.25 0,6.71 2.74,13.61 8.56,17.74 h 26.450002 c 0.98,-0.65 1.92,-1.4 2.79,-2.23 1.99,-1.97 3,-3.83 4.06,-5.81 z M 11.167848,7.86 h -0.11 l -0.03,-0.03 V 7.71 l -0.03,-0.03 h -0.11 l -0.03,-0.03 V 7.54 c 0,0 0,-0.02 -0.03,-0.02 h -0.07 c 0,0 -0.04,-0.02 -0.05,-0.05 V 7.39 c 0,-0.29 0,-1.21 -0.52,-1.89 -0.44,-0.65 -1.05,-0.99 -1.39,-1.15 0,-0.12 -0.16,-0.17 -0.26,-0.21 -0.02,0 -0.03,0 -0.04,-0.02 -0.05,0 -0.09,-0.04 -0.09,-0.07 V 3.99 c 0,0 0.03,-0.06 0.1,-0.06 0.02,0 0.03,0 0.03,-0.03 V 3.78 c 0,0 0,-0.04 -0.04,-0.04 h -0.12 c 0,0 -0.05,-0.02 -0.05,-0.05 V 3.63 c 0,0 -0.03,-0.06 -0.05,-0.07 V 2.77 l 0.03,-0.02 v 0 c 0,0 0.02,0 0.02,-0.02 V 2.65 c 0,0 0,-0.02 -0.02,-0.02 h -0.04 c 0,0 -0.02,-0.02 -0.02,-0.06 0,-0.04 0,-0.05 0.02,-0.06 h 0.03 0.03 V 2.43 h -0.03 -0.03 c 0,0 -0.03,0 -0.06,-0.03 -0.13,-0.1 -0.27,-0.26 -0.27,-0.28 V 2.09 c 0,0 0,-0.05 -0.05,-0.05 -0.05,0 -0.03,-0.03 0,-0.03 V 1.98 1.93 l -0.06,-0.12 v 0 c 0,0 -0.07,0.1 -0.07,0.12 v 0.05 c 0,0 0,0.03 0.02,0.03 0.02,0 0.02,0.03 0,0.03 -0.04,0 -0.05,0.03 -0.05,0.05 v 0.03 c 0,0 -0.14,0.18 -0.28,0.28 0,0.02 -0.05,0.03 -0.04,0.03 h -0.04 -0.02 v 0.08 h 0.02 0.03 c 0,0 0.02,0.02 0.02,0.06 0,0.04 0,0.05 -0.02,0.06 h -0.04 c 0,0 -0.02,0 -0.02,0.02 v 0.08 c 0,0 0,0.02 0.02,0.02 h 0.02 c 0,0 0.026878,2.452e-4 0.03,0.02 v 0.79 0 c 0,0 -0.05,0.03 -0.05,0.07 v 0.06 c 0,0 0,0.05 -0.04,0.05 h -0.12 c 0,0 -0.05,0.02 -0.05,0.04 V 3.9 c 0,0 0.02,0.03 0.03,0.03 0.06,0 0.11,0.02 0.11,0.06 v 0.06 c 0,0 -0.05,0.06 -0.09,0.07 h -0.03 c -0.1,0.04 -0.27,0.1 -0.28,0.23 -0.34,0.16 -0.95,0.5 -1.39,1.15 -0.51,0.69 -0.52,1.62 -0.52,1.9 v 0.07 c 0,0 -0.09,0.05 -0.06,0.05 h -0.07 l -0.03,0.02 v 0.11 c 0,0 0,0.03 -0.03,0.03 h -0.11 c 0,0 -0.03,0 -0.03,0.03 v 0.12 c 0,0 0,0.03 -0.03,0.03 h -0.11 c 0,0 -0.03,0 -0.03,0.03 v 0.12 c 0,0 0,0.02 0.02,0.02 0.06,0 0.13,0.03 0.13,0.1 0,0.12 0.07,0.13 0.1,0.13 v 0.47 c 0,0.1 -0.08,0.15 -0.13,0.16 l -0.02,0.02 v 0.48 l 3.26,-0.71 v 0 l 3.26,0.71 V 8.91 c 0,0 0,-0.02 -0.02,-0.02 -0.05,0 -0.13,-0.05 -0.13,-0.16 V 8.27 c 0,0 0.1,-0.02 0.1,-0.14 0,-0.07 0.07,-0.1 0.1,-0.1 0.02,0 0.02,-1.35e-5 0.02,-0.02 V 7.89 l -0.03,-0.03 z m 3.62,10.3 v -0.94 h -0.56 v -0.52 0 h -0.07 v -0.03 -0.06 -0.02 l -0.06,-0.06 v -3.95 -0.02 0 c 0,0 0.0026,-0.01024 0.02,-0.02 v -0.07 -0.09 c 0,-0.02 0,-0.03 -0.02,-0.03 h -0.03 c 0,0 -0.04,-0.04 -0.02,-0.05 0.1,-0.08 0.11,-0.22 0.11,-0.25 0,-0.02 0,-0.04 0.02,-0.04 h 0.05 c 0,0 0.0082,-0.0039 0.02,-0.02 v -0.17 h 0.31 l 0.03,-0.03 0.11,-0.57 c 0.06,-0.12 0.18,-0.1 0.18,-0.1 h 0.02 l 0.11,-0.37 c 0,0 0.02,-0.03 -0.02,-0.04 -0.02,0 -7.13,-1.51 -7.13,-1.51 0,0 -7.10999996,1.51 -7.11999996,1.51 -0.04,0 -0.03,0.04 -0.03,0.04 l 0.1,0.36 v 0 c 0,0 0.12,0 0.18,0.09 l 0.1,0.58 c 0,0 0,0.03 0.05,0.03 h 0.31 v 0.18 h 0.02 0.04 c 0,0 0.02,0.02 0.02,0.05 0,0.03 0.02,0.16 0.12,0.25 0,0.02 0,0.05 -0.03,0.05 h -0.03 c 0,0 -0.03,0 -0.02,0.03 v 0.09 0.07 0.02 h 0.02 v 0.02 3.95 l -0.06,0.06 v 0.1 h -0.02 -0.05 -0.02 V 17.2 H 0.87784804 v 0.94 h -0.55 v 0.95 H 15.297848 v -0.95 h -0.56 z m -10.86,-5.69 v 0.08 l 0.02,0.02 v 0 c 0,0 0.019368,10e-6 0.02,0.02 v 3.95 l -0.06,0.06 v 0 0.07 0.02 h -0.06 c 0,0 -0.035609,0.0075 -0.02,0.02 v 0.1 h -1.28 v -0.11 0 h -0.06 v 0 -0.02 -0.06 -0.02 0 c 0,0 -0.04,-0.04 -0.05,-0.06 v -3.95 -0.02 0 c 0,0 0.00259,-0.01024 0.02,-0.02 v -0.07 -0.09 c 0,-0.02 0,-0.03 -0.02,-0.03 h -0.03 c 0,0 -0.04,-0.04 -0.02,-0.05 0.1,-0.08 0.1,-0.22 0.1,-0.25 0,-0.02 0,-0.04 0.03,-0.04 h 0.04 c 0,0 0.00816,-0.0039 0.02,-0.02 v -0.17 h 1.25 V 12 12.02 h 0.05 c 0,0 0.02,0.02 0.02,0.04 0,0.03 0.02,0.17 0.11,0.26 0.02,0 0,0.04 -0.02,0.04 h -0.03 c 0,0 -0.03,0.02 -0.02,0.03 v 0.09 z m 2.34,0 v 0.08 0.02 h 0.02 v 0.02 3.95 l -0.07,0.07 v 0.09 h -0.07 c 0,0 -0.035609,0.0075 -0.02,0.02 v 0.1 h -1.28 v -0.11 0 h -0.05 v 0 0 -0.08 0 l -0.07,-0.08 V 12.6 12.58 h 0.02 v -0.02 -0.07 c 0,0 0,-0.07 0.02,-0.09 0,-0.02 0,-0.03 -0.02,-0.03 h -0.03 c 0,0 -0.03,-0.04 -0.03,-0.05 0.1,-0.08 0.12,-0.22 0.12,-0.25 0,-0.02 0,-0.04 0.02,-0.04 h 0.04 c 0,0 0.00818,-0.0039 0.02,-0.02 v -0.17 h 1.22 v 0.17 0.02 h 0.05 c 0,0 0.02,0.02 0.02,0.04 0,0.03 0.02,0.17 0.12,0.26 0,0 0,0.04 -0.03,0.04 h -0.03 c 0,0 -0.03,0.02 -0.02,0.03 0,0.02 0.02,0.07 0.02,0.09 z m 2.34,0 v 0.08 0.02 h 0.02 v 0.02 3.95 l -0.06,0.06 v 0 0.09 h -0.07 c 0,0 -0.035609,0.0075 -0.02,0.02 v 0.1 h -1.28 v -0.11 0 h -0.06 v 0 -0.02 -0.06 -0.02 l -0.06,-0.06 v -3.95 -0.02 h 0.02 v -0.02 -0.07 c 0,0 0,-0.07 0.02,-0.09 0,-0.02 0,-0.03 -0.03,-0.03 h -0.03 c 0,0 -0.04,-0.04 -0.02,-0.05 0.1,-0.08 0.11,-0.22 0.11,-0.25 0,-0.02 0,-0.04 0.03,-0.04 h 0.04 c 0,0 0.00818,-0.0039 0.02,-0.02 v -0.17 h 1.24 V 12 12.02 h 0.05 c 0,0 0.02,0.02 0.02,0.04 0,0.03 0.02,0.17 0.12,0.26 0,0 0,0.04 -0.03,0.04 h -0.03 c 0,0 -0.03,0.02 -0.02,0.03 0,0.02 0.02,0.07 0.02,0.09 z m 2.32,0 v 0.08 0.02 h 0.02 c 0,0 0.01937,10e-6 0.02,0.02 v 3.95 l -0.07,0.06 v 0.08 0.02 h -0.07 v 0.02 0.1 h -1.28 V 16.7 h -0.06 v 0 -0.02 -0.06 -0.02 l -0.06,-0.06 v -3.95 l 0.02,-0.02 v 0 c 0,0 0.02,-4e-5 0.02,-0.02 v -0.07 -0.09 -0.03 h -0.04 c 0,0 -0.03,-0.04 -0.02,-0.05 0.1,-0.08 0.11,-0.22 0.11,-0.25 0,-0.02 0,-0.04 0.02,-0.04 h 0.05 V 12 11.83 h 1.22 V 12 c 0,0 0,0.02 0.02,0.02 h 0.04 c 0,0 0.03,0.02 0.03,0.04 0,0.03 0,0.17 0.11,0.26 0.02,0 0,0.04 -0.02,0.04 h -0.03 c 0,0 -0.03,0.02 -0.03,0.03 0,0.02 0.02,0.07 0.02,0.09 z m 2.35,0 v 0.08 c 0,0 0,0.02 0.02,0.02 v 0 0.02 3.95 l -0.07,0.07 v 0.09 h -0.07 c 0,0 -0.03561,0.0075 -0.02,0.02 v 0.1 h -1.27 v -0.11 0 h -0.06 v 0 -0.02 -0.06 -0.02 l -0.06,-0.06 V 12.6 l 0.02,-0.02 v 0 c 0,0 0.0026,-0.01022 0.02,-0.02 V 12.49 12.4 c 0,-0.02 0,-0.03 -0.02,-0.03 h -0.03 c 0,0 -0.04,-0.04 -0.02,-0.05 0.1,-0.08 0.11,-0.22 0.11,-0.25 0,-0.02 0,-0.04 0.02,-0.04 h 0.05 v -0.02 -0.17 h 1.22 v 0.17 c 0,0 0.02,0.02 0.03,0.02 h 0.04 c 0,0 0.02,0.02 0.02,0.04 0,0.03 0.02,0.17 0.12,0.26 0,0 0,0.04 -0.03,0.04 h -0.03 c 0,0 -0.02,0.02 0,0.03 v 0.09 z M 67.235678,40 h -25.72 M 125.60568,39.99 V 1.46 h 13.16 v 30.29 h 17.08 v 8.24 h -30.25 z M 87.045678,40 v 0' />
+    </svg>
+  );
+};
+
+export default memo(UclLogo);

package/lib/components/UclLogo/UclLogoNegativeSpace.tsx

@@ -0,0 +1,39 @@
+import { SVGAttributes, memo } from 'react';
+
+export const NAME = 'ucl-uikit-logo--negative-space';
+
+export interface UclLogoNegativeSpaceProps extends SVGAttributes<SVGElement> {
+  buildingFill?: string;
+  testId?: string;
+}
+
+const UclLogoNegativeSpace = ({
+  buildingFill = '#FFFFFF',
+  testId,
+  ...props
+}: UclLogoNegativeSpaceProps) => {
+  return (
+    <svg
+      xmlns='http://www.w3.org/2000/svg'
+      width='200'
+      height='57'
+      viewBox='0 0 200 57'
+      fill='currentColor'
+      data-testid={testId}
+      {...props}
+    >
+      <desc>Logo of University College London</desc>
+      <path d='M0 0V57.4776H72.0838C71.5223 57.0837 70.9988 56.6749 70.5284 56.2363C66.3556 52.2895 66.3025 47.6961 66.1811 43.3999V19.0056H79.519V44.6189C79.519 46.3582 79.5797 48.1643 81.0667 49.5543C82.1365 50.6618 83.7449 51.0631 85.2927 51.0631C87.3791 51.0631 88.7447 50.305 89.5186 49.6137C91.0663 48.1643 91.127 46.3582 91.127 44.6189V19.0056H104.526V40.8431C104.526 45.548 104.526 51.6429 99.5789 56.2363C99.1085 56.6674 98.585 57.0837 98.0236 57.4776H118C112.12 53.345 109.359 46.4399 109.359 39.7356C109.359 28.6979 116.923 17.4893 131.156 17.4893C137.529 17.4893 143.599 19.6968 148.007 24.1119C149.797 25.9106 150.624 27.308 151.519 28.9283L140.389 34.332C139.312 31.8866 137.294 27.531 131.695 27.531C128.774 27.531 126.93 28.8689 126.035 29.7385C122.879 32.6968 122.879 37.3422 122.879 38.9774C122.879 45.0723 125.2 50.8253 131.755 50.8253C137.946 50.8253 139.797 45.4811 140.268 44.0912L151.58 49.4353C150.51 51.4125 149.494 53.2706 147.475 55.2403C146.611 56.0728 145.662 56.8161 144.668 57.4702H156.898V18.9461H170.176V49.2347H187.406V57.485H200V0H0Z' />
+      <path
+        d='M35.2775 25.5545C35.2775 25.6805 35.3532 25.6879 35.3835 25.6879V26.1477C35.3835 26.2515 35.3002 26.296 35.2548 26.3109C35.2472 26.3109 35.2321 26.3257 35.2321 26.3331V26.8077L38.5172 26.0958H38.5248L41.8099 26.8077V26.3331C41.8099 26.3183 41.7948 26.3109 41.7872 26.3109C41.7343 26.3034 41.651 26.2589 41.651 26.1551V25.6954C41.6813 25.6954 41.757 25.6805 41.757 25.5619C41.757 25.4877 41.8251 25.4581 41.8554 25.4581C41.8705 25.4581 41.8781 25.4506 41.8781 25.4432V25.3172C41.8781 25.2875 41.8478 25.2875 41.8478 25.2875H41.7343C41.704 25.2875 41.704 25.2652 41.704 25.2652V25.1466C41.704 25.1169 41.6737 25.1169 41.6737 25.1169H41.5677C41.5374 25.1169 41.5374 25.0873 41.5374 25.0873V24.976C41.5374 24.976 41.5374 24.9538 41.5072 24.9538H41.439C41.4163 24.9538 41.3936 24.9315 41.3861 24.9019C41.3785 24.7536 41.439 23.7006 40.8713 22.9367C40.4247 22.2842 39.8116 21.9505 39.471 21.7947C39.4634 21.6538 39.259 21.6019 39.1682 21.5648C39.1228 21.55 39.0774 21.5278 39.0774 21.4907C39.0774 21.4907 39.0774 21.4462 39.0774 21.4388C39.0774 21.3943 39.1152 21.3795 39.1833 21.3795C39.1985 21.3795 39.2136 21.3646 39.2136 21.3498V21.2237C39.2136 21.2089 39.1985 21.1866 39.1682 21.1866C39.1228 21.1866 39.0698 21.1866 39.0471 21.1866C39.0168 21.1866 39.0017 21.1644 39.0017 21.1422V21.0754C39.0017 21.0383 38.9714 21.0161 38.9487 21.0087V20.2226C38.9487 20.193 38.9714 20.2004 38.9865 20.2004H38.9941C39.0017 20.2004 39.0168 20.193 39.0168 20.1781V20.104C39.0168 20.0966 39.0092 20.0817 38.9941 20.0817H38.9563C38.9411 20.0743 38.9335 20.0595 38.9335 20.0224C38.9335 19.9853 38.9411 19.9705 38.9563 19.9631H38.9865C38.9941 19.9631 39.0092 19.9557 39.0092 19.9482V19.8741C39.0092 19.8667 39.0017 19.8593 38.9865 19.8593H38.9487C38.9335 19.8593 38.9184 19.8518 38.8957 19.837C38.7594 19.7332 38.6232 19.5775 38.6232 19.5552V19.5255C38.6232 19.5107 38.6081 19.4811 38.5702 19.4811C38.5324 19.4811 38.5399 19.444 38.5626 19.444C38.5778 19.444 38.5778 19.4366 38.5778 19.4217V19.3698C38.5778 19.3476 38.5097 19.2512 38.5097 19.2512H38.5021C38.5021 19.2512 38.434 19.3476 38.434 19.3698V19.4217C38.434 19.4366 38.4415 19.444 38.4491 19.444C38.4718 19.444 38.4718 19.4811 38.4415 19.4811C38.4037 19.4811 38.3885 19.5107 38.3885 19.5255C38.3885 19.5404 38.3885 19.5404 38.3885 19.5552C38.3885 19.5775 38.2523 19.7332 38.116 19.837C38.1009 19.8518 38.0858 19.8593 38.0706 19.8593H38.0328C38.0252 19.8593 38.0101 19.8667 38.0101 19.8741V19.9482C38.0101 19.9557 38.0176 19.9631 38.0328 19.9631H38.0631C38.0782 19.9631 38.0858 19.9853 38.0858 20.0224C38.0858 20.0595 38.0782 20.0743 38.0631 20.0817H38.0252C38.0176 20.0817 38.0025 20.0891 38.0025 20.104V20.1781C38.0025 20.1855 38.0101 20.2004 38.0252 20.2004C38.0328 20.2004 38.0328 20.2004 38.0328 20.2004C38.0479 20.2004 38.0706 20.193 38.0706 20.2226V21.0087C38.0479 21.0235 38.0176 21.0383 38.0176 21.0754V21.1422C38.0176 21.157 38.0025 21.1866 37.9722 21.1866C37.9495 21.1866 37.8965 21.1866 37.8511 21.1866C37.8284 21.1866 37.8057 21.2089 37.8057 21.2237V21.3498C37.8057 21.3646 37.8208 21.3795 37.836 21.3795C37.8965 21.3795 37.9419 21.3943 37.9419 21.4388C37.9419 21.4388 37.9419 21.4833 37.9419 21.4907C37.9419 21.5278 37.8965 21.55 37.8511 21.5648C37.7603 21.5945 37.5559 21.6464 37.5483 21.7947C37.2077 21.9505 36.587 22.2842 36.148 22.9367C35.5803 23.7006 35.6333 24.7536 35.6257 24.9019C35.6257 24.9315 35.603 24.9538 35.5727 24.9538H35.5046C35.4743 24.9538 35.4743 24.976 35.4743 24.976V25.0873C35.4743 25.0873 35.4743 25.1169 35.444 25.1169H35.3305C35.3305 25.1169 35.3002 25.1169 35.3002 25.1466V25.2652C35.3002 25.2652 35.3002 25.2875 35.2699 25.2875H35.1564C35.1564 25.2875 35.1261 25.2875 35.1261 25.3172V25.4432C35.1261 25.4581 35.1337 25.4581 35.1488 25.4581C35.2094 25.4581 35.2775 25.4877 35.2775 25.5545Z'
+        fill={buildingFill}
+      />
+      <path
+        d='M45.4887 35.5656V34.6238H44.9286V34.1121C44.9286 34.1047 44.921 34.0973 44.9134 34.0973H44.8604C44.8529 34.0973 44.8529 34.0973 44.8453 34.0899C44.8453 34.0899 44.8377 34.0824 44.8377 34.075V34.0083C44.8377 34.0009 44.8377 34.0009 44.8302 33.9935C44.8226 33.986 44.7923 33.9564 44.7696 33.9341V29.9964C44.7696 29.9816 44.7772 29.9816 44.7772 29.9816H44.7923C44.8075 29.9816 44.8075 29.9668 44.8075 29.9594V29.8852C44.8075 29.8629 44.815 29.8185 44.8226 29.7962C44.8302 29.7814 44.8302 29.7665 44.7999 29.7665H44.7696C44.7393 29.7665 44.7318 29.7295 44.7469 29.7221C44.8453 29.6405 44.8604 29.4996 44.8604 29.4773C44.8604 29.4551 44.8604 29.4328 44.8832 29.4328H44.9286C44.9361 29.4328 44.9437 29.4254 44.9437 29.418V29.2474H45.2541C45.2919 29.2474 45.2919 29.2178 45.2919 29.2178L45.3979 28.6394C45.4584 28.5281 45.5796 28.543 45.5796 28.543H45.5947L45.7082 28.1796C45.7082 28.1796 45.7234 28.1499 45.6855 28.1425C45.6628 28.1351 38.5172 26.6371 38.5172 26.6371C38.5172 26.6371 31.3641 28.1425 31.3489 28.1425C31.3111 28.1499 31.3187 28.1796 31.3187 28.1796L31.4171 28.5356H31.4322C31.4322 28.5356 31.5457 28.5207 31.6063 28.6245L31.7123 29.203C31.7123 29.203 31.7123 29.24 31.7577 29.24H32.068V29.4106C32.068 29.418 32.0756 29.4254 32.0832 29.4254H32.1286C32.1513 29.4254 32.1513 29.4477 32.1513 29.4699C32.1513 29.4996 32.1664 29.6331 32.2648 29.7221C32.28 29.7369 32.2724 29.7665 32.2421 29.7665H32.2043C32.1816 29.7665 32.1816 29.7814 32.1891 29.7962C32.1967 29.811 32.1967 29.8629 32.1967 29.8852V29.9594C32.1967 29.9742 32.1967 29.9816 32.2119 29.9816H32.227C32.227 29.9816 32.2421 29.9816 32.2421 29.9964V33.9341C32.227 33.949 32.1891 33.986 32.1816 33.9935C32.174 33.9935 32.174 34.0009 32.174 34.0083V34.075C32.174 34.0824 32.174 34.0824 32.174 34.0899C32.1664 34.0899 32.1664 34.0973 32.1589 34.0973H32.1059C32.0983 34.0973 32.0907 34.1047 32.0907 34.1121V34.6238H31.5306V35.5656H30.978V36.5148H46.0489V35.5656H45.4887ZM43.8461 29.4328H43.8916C43.9143 29.4328 43.9143 29.4551 43.9143 29.4773C43.9143 29.507 43.9294 29.6405 44.0278 29.7295C44.0429 29.7443 44.0354 29.774 44.0051 29.774H43.9748C43.9521 29.774 43.9521 29.7888 43.9597 29.8036C43.9673 29.8185 43.9748 29.8704 43.9748 29.8926V29.9668C43.9748 29.9816 43.9748 29.989 43.99 29.989H44.0051C44.0051 29.989 44.0127 29.989 44.0127 30.0038V33.9415C43.9975 33.9564 43.9597 33.9935 43.9521 34.0009C43.9521 34.0009 43.9445 34.0083 43.9445 34.0157V34.0824C43.9445 34.0899 43.9445 34.0899 43.937 34.0973C43.937 34.0973 43.9294 34.1047 43.9218 34.1047H43.8688C43.8613 34.1047 43.8537 34.1121 43.8537 34.1195V34.2233H42.5745V34.1121C42.5745 34.1047 42.5669 34.0973 42.5593 34.0973H42.5063C42.4988 34.0973 42.4912 34.0973 42.4912 34.0899C42.4836 34.0899 42.4836 34.0824 42.4836 34.075V34.0083C42.4836 34.0009 42.4836 34.0009 42.4761 33.9935C42.4685 33.986 42.4382 33.9564 42.4155 33.9341V29.9964C42.4155 29.9816 42.4306 29.9816 42.4306 29.9816H42.4458C42.4609 29.9816 42.4609 29.9668 42.4609 29.9594V29.8852C42.4609 29.8629 42.4685 29.8185 42.4761 29.7962C42.4836 29.7814 42.4836 29.7665 42.4534 29.7665H42.4231C42.3928 29.7665 42.3852 29.7295 42.4004 29.7221C42.4988 29.6405 42.5139 29.4996 42.5139 29.4773C42.5139 29.4551 42.5139 29.4328 42.5366 29.4328H42.582C42.5896 29.4328 42.5972 29.4254 42.5972 29.418V29.2474H43.8234V29.418C43.831 29.4254 43.8386 29.4328 43.8461 29.4328ZM40.2052 34.0973H40.1522C40.1447 34.0973 40.1371 34.0973 40.1371 34.0899C40.1371 34.0899 40.1295 34.0824 40.1295 34.075V34.0083C40.1295 34.0009 40.1295 34.0009 40.122 33.9935C40.1144 33.986 40.0841 33.9564 40.0614 33.9341V29.9964C40.0614 29.9816 40.0765 29.9816 40.0765 29.9816H40.0917C40.1068 29.9816 40.1068 29.9668 40.1068 29.9594V29.8852C40.1068 29.8629 40.1144 29.8185 40.122 29.7962C40.1295 29.7814 40.1295 29.7665 40.1068 29.7665H40.069C40.0387 29.7665 40.0387 29.7295 40.0538 29.7221C40.1522 29.6405 40.1598 29.4996 40.1598 29.4773C40.1598 29.4551 40.1598 29.4328 40.1825 29.4328H40.2279C40.2355 29.4328 40.2431 29.4254 40.2431 29.418V29.2474H41.4693V29.418C41.4693 29.4254 41.4769 29.4328 41.4845 29.4328H41.5299C41.5526 29.4328 41.5526 29.4551 41.5526 29.4773C41.5526 29.507 41.5677 29.6405 41.6661 29.7295C41.6813 29.7443 41.6737 29.774 41.6434 29.774H41.6131C41.5904 29.774 41.5829 29.7888 41.5904 29.8036C41.598 29.8185 41.6056 29.8704 41.6056 29.8926V29.9668C41.6056 29.9816 41.6056 29.989 41.6207 29.989H41.6359C41.6359 29.989 41.651 29.989 41.651 30.0038C41.651 30.0113 41.651 30.0187 41.651 30.0187V33.9415C41.6359 33.9564 41.598 33.9935 41.5904 34.0009C41.5829 34.0009 41.5829 34.0083 41.5829 34.0157V34.0824C41.5829 34.0899 41.5829 34.0899 41.5753 34.0973C41.5753 34.0973 41.5677 34.1047 41.5602 34.1047H41.5072C41.4996 34.1047 41.492 34.1121 41.492 34.1195V34.2233H40.2052V34.1121C40.2204 34.1047 40.2128 34.0973 40.2052 34.0973ZM39.1304 29.2474V29.418C39.1304 29.4254 39.1379 29.4328 39.1455 29.4328H39.1909C39.2136 29.4328 39.2136 29.4551 39.2136 29.4773C39.2136 29.507 39.2288 29.6405 39.3272 29.7295C39.3423 29.7443 39.3347 29.774 39.3045 29.774H39.2742C39.2515 29.774 39.2439 29.7888 39.2515 29.8036C39.259 29.8185 39.2666 29.8704 39.2666 29.8926V29.9668C39.2666 29.9816 39.2666 29.989 39.2817 29.989H39.2969C39.2969 29.989 39.312 29.989 39.312 30.0038V33.9415C39.2969 33.9564 39.259 33.9935 39.2515 34.0009C39.2439 34.0009 39.2439 34.0083 39.2439 34.0157V34.0824C39.2439 34.0899 39.2439 34.0899 39.2363 34.0973C39.2288 34.0973 39.2288 34.1047 39.2212 34.1047H39.1682C39.1606 34.1047 39.1531 34.1121 39.1531 34.1195V34.2233H37.8663V34.1121C37.8663 34.1047 37.8587 34.0973 37.8511 34.0973H37.7981C37.7906 34.0973 37.783 34.0973 37.783 34.0899C37.783 34.0899 37.7754 34.0824 37.7754 34.075V34.0083C37.7754 34.0009 37.7754 34.0009 37.7679 33.9935C37.7603 33.986 37.73 33.9564 37.7073 33.9341V30.0113C37.7073 30.0113 37.7073 30.0038 37.7073 29.9964C37.7073 29.9816 37.7149 29.9816 37.7149 29.9816H37.73C37.7451 29.9816 37.7451 29.9668 37.7451 29.9594V29.8852C37.7451 29.8629 37.7527 29.8185 37.7603 29.7962C37.7678 29.7814 37.7678 29.7665 37.7376 29.7665H37.7073C37.677 29.7665 37.6694 29.7295 37.6846 29.7221C37.783 29.6405 37.7981 29.4996 37.7981 29.4773C37.7981 29.4551 37.7981 29.4328 37.8208 29.4328H37.8663C37.8738 29.4328 37.8814 29.4254 37.8814 29.418V29.2474H39.1304ZM35.5121 34.0973H35.4592C35.4516 34.0973 35.4516 34.0973 35.444 34.0899C35.4365 34.0899 35.4364 34.0824 35.4364 34.075V34.0083C35.4364 34.0009 35.4364 34.0009 35.4289 33.9935C35.4213 33.986 35.391 33.9564 35.3683 33.9341V29.9964C35.3683 29.9816 35.3835 29.9816 35.3835 29.9816H35.3986C35.4137 29.9816 35.4137 29.9668 35.4137 29.9594V29.8852C35.4137 29.8629 35.4213 29.8185 35.4289 29.7962C35.4364 29.7814 35.4365 29.7665 35.4137 29.7665H35.3759C35.3456 29.7665 35.3456 29.7295 35.3532 29.7221C35.4516 29.6405 35.4667 29.4996 35.4667 29.4773C35.4667 29.4551 35.4667 29.4328 35.4894 29.4328H35.5349C35.5424 29.4328 35.55 29.4254 35.55 29.418V29.2474H36.7762V29.418C36.7762 29.4254 36.7838 29.4328 36.7914 29.4328H36.8368C36.8595 29.4328 36.8595 29.4551 36.8595 29.4773C36.8595 29.507 36.8747 29.6405 36.9731 29.7295C36.9882 29.7443 36.9806 29.774 36.9503 29.774H36.9201C36.8974 29.774 36.8898 29.7888 36.8974 29.8036C36.9049 29.8185 36.9125 29.8704 36.9125 29.8926V29.9668C36.9125 29.9816 36.9125 29.989 36.9276 29.989H36.9428C36.9428 29.989 36.9579 29.989 36.9579 30.0038V33.9415C36.9428 33.9564 36.9049 33.9935 36.8974 34.0009C36.8974 34.0009 36.8898 34.0083 36.8898 34.0157V34.0824C36.8898 34.0899 36.8898 34.0899 36.8822 34.0973C36.8746 34.1047 36.8747 34.1047 36.8671 34.1047H36.8141C36.8065 34.1047 36.799 34.1121 36.799 34.1195V34.2233H35.5121V34.1121C35.5197 34.1047 35.5197 34.0973 35.5121 34.0973ZM34.4297 29.2474V29.418C34.4297 29.4254 34.4373 29.4328 34.4448 29.4328H34.4903C34.513 29.4328 34.513 29.4551 34.513 29.4773C34.513 29.507 34.5281 29.6405 34.6265 29.7295C34.6417 29.7443 34.6341 29.774 34.6038 29.774H34.5735C34.5508 29.774 34.5432 29.7888 34.5508 29.8036C34.5584 29.8185 34.566 29.8704 34.566 29.8926V29.9668C34.566 29.9816 34.566 29.989 34.5811 29.989H34.5962C34.5962 29.989 34.6114 29.989 34.6114 30.0038V33.9415C34.5962 33.9564 34.5584 33.9935 34.5508 34.0009C34.5432 34.0009 34.5433 34.0083 34.5433 34.0157V34.0824C34.5433 34.0899 34.5432 34.0899 34.5357 34.0973C34.5357 34.0973 34.5281 34.1047 34.5205 34.1047H34.4676C34.46 34.1047 34.4524 34.1121 34.4524 34.1195V34.2233H33.1656V34.1121C33.1656 34.1047 33.158 34.0973 33.1505 34.0973H33.0975C33.0899 34.0973 33.0823 34.0973 33.0823 34.0899C33.0748 34.0899 33.0748 34.0824 33.0748 34.075V34.0083C33.0748 34.0009 33.0748 34.0009 33.0672 33.9935C33.0596 33.986 33.0218 33.9564 33.0066 33.9341V29.9964C33.0066 29.9816 33.0142 29.9816 33.0142 29.9816H33.0294C33.0445 29.9816 33.0445 29.9668 33.0445 29.9594V29.8852C33.0445 29.8629 33.0445 29.8185 33.0596 29.7962C33.0672 29.7814 33.0672 29.7665 33.0369 29.7665H33.0066C32.9764 29.7665 32.9688 29.7295 32.9839 29.7221C33.0823 29.6405 33.0899 29.4996 33.0899 29.4773C33.0899 29.4551 33.0899 29.4328 33.1126 29.4328H33.158C33.1656 29.4328 33.1732 29.4254 33.1732 29.418V29.2474H34.4297Z'
+        fill={buildingFill}
+      />
+    </svg>
+  );
+};
+
+export default memo(UclLogoNegativeSpace);

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

@@ -0,0 +1,26 @@
+import { describe, expect, test } from 'vitest';
+import { render } from '@testing-library/react';
+import UclLogo from '../UclLogo';
+import { ThemeContextProvider } from '../../../theme/useTheme';
+
+describe('UclLogo', () => {
+  // Snapshot tests
+
+  test('snapshot: no props', () => {
+    const renderResult = render(
+      <ThemeContextProvider>
+        <UclLogo />
+      </ThemeContextProvider>
+    );
+    expect(renderResult.container.firstChild).toMatchSnapshot();
+  });
+
+  test('snapshot: testId prop', () => {
+    const renderResult = render(
+      <ThemeContextProvider>
+        <UclLogo testId='test123' />
+      </ThemeContextProvider>
+    );
+    expect(renderResult.container.firstChild).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,36 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`UclLogo > snapshot: no props 1`] = `
+<svg
+  fill="currentColor"
+  height="40"
+  viewBox="0 0 157 40"
+  width="157"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <desc>
+    Logo of University College London
+  </desc>
+  <path
+    d="m 60.405678,1.52 v 25.62 c 0,1.74 -0.06,3.55 -1.6,5 -0.76,0.69 -2.12,1.45 -4.19,1.45 -1.53,0 -3.12,-0.4 -4.18,-1.51 -1.48,-1.39 -1.548529,-3.190021 -1.54,-4.94 V 1.52 h -13.22 v 24.63 c 0.13,4.22 0.25,8.72 4.31,12.6 0.47,0.45 0.841814,1.24 1.53,1.24 v 0 h 25.72 v 0 c 0,0 1.07,-0.8 1.54,-1.24 4.91,-4.59 4.88306,-10.690077 4.91,-15.4 V 1.52 Z m 48.710002,25.09 c -0.47,1.39 -2.3,6.73 -8.44,6.73 -6.500002,0 -8.800002,-5.75 -8.800002,-11.85 0,-1.64 0,-6.29 3.13,-9.24 0.88,-0.87 2.71,-2.21 5.610002,-2.21 5.54,0 7.54,4.36 8.61,6.8 l 11.03,-5.4 c -0.89,-1.62 -1.71,-3.01 -3.48,-4.82 -4.37,-4.41 -10.39,-6.62 -16.7,-6.62 -14.120002,0 -21.610002,11.21 -21.610002,22.25 0,6.71 2.74,13.61 8.56,17.74 h 26.450002 c 0.98,-0.65 1.92,-1.4 2.79,-2.23 1.99,-1.97 3,-3.83 4.06,-5.81 z M 11.167848,7.86 h -0.11 l -0.03,-0.03 V 7.71 l -0.03,-0.03 h -0.11 l -0.03,-0.03 V 7.54 c 0,0 0,-0.02 -0.03,-0.02 h -0.07 c 0,0 -0.04,-0.02 -0.05,-0.05 V 7.39 c 0,-0.29 0,-1.21 -0.52,-1.89 -0.44,-0.65 -1.05,-0.99 -1.39,-1.15 0,-0.12 -0.16,-0.17 -0.26,-0.21 -0.02,0 -0.03,0 -0.04,-0.02 -0.05,0 -0.09,-0.04 -0.09,-0.07 V 3.99 c 0,0 0.03,-0.06 0.1,-0.06 0.02,0 0.03,0 0.03,-0.03 V 3.78 c 0,0 0,-0.04 -0.04,-0.04 h -0.12 c 0,0 -0.05,-0.02 -0.05,-0.05 V 3.63 c 0,0 -0.03,-0.06 -0.05,-0.07 V 2.77 l 0.03,-0.02 v 0 c 0,0 0.02,0 0.02,-0.02 V 2.65 c 0,0 0,-0.02 -0.02,-0.02 h -0.04 c 0,0 -0.02,-0.02 -0.02,-0.06 0,-0.04 0,-0.05 0.02,-0.06 h 0.03 0.03 V 2.43 h -0.03 -0.03 c 0,0 -0.03,0 -0.06,-0.03 -0.13,-0.1 -0.27,-0.26 -0.27,-0.28 V 2.09 c 0,0 0,-0.05 -0.05,-0.05 -0.05,0 -0.03,-0.03 0,-0.03 V 1.98 1.93 l -0.06,-0.12 v 0 c 0,0 -0.07,0.1 -0.07,0.12 v 0.05 c 0,0 0,0.03 0.02,0.03 0.02,0 0.02,0.03 0,0.03 -0.04,0 -0.05,0.03 -0.05,0.05 v 0.03 c 0,0 -0.14,0.18 -0.28,0.28 0,0.02 -0.05,0.03 -0.04,0.03 h -0.04 -0.02 v 0.08 h 0.02 0.03 c 0,0 0.02,0.02 0.02,0.06 0,0.04 0,0.05 -0.02,0.06 h -0.04 c 0,0 -0.02,0 -0.02,0.02 v 0.08 c 0,0 0,0.02 0.02,0.02 h 0.02 c 0,0 0.026878,2.452e-4 0.03,0.02 v 0.79 0 c 0,0 -0.05,0.03 -0.05,0.07 v 0.06 c 0,0 0,0.05 -0.04,0.05 h -0.12 c 0,0 -0.05,0.02 -0.05,0.04 V 3.9 c 0,0 0.02,0.03 0.03,0.03 0.06,0 0.11,0.02 0.11,0.06 v 0.06 c 0,0 -0.05,0.06 -0.09,0.07 h -0.03 c -0.1,0.04 -0.27,0.1 -0.28,0.23 -0.34,0.16 -0.95,0.5 -1.39,1.15 -0.51,0.69 -0.52,1.62 -0.52,1.9 v 0.07 c 0,0 -0.09,0.05 -0.06,0.05 h -0.07 l -0.03,0.02 v 0.11 c 0,0 0,0.03 -0.03,0.03 h -0.11 c 0,0 -0.03,0 -0.03,0.03 v 0.12 c 0,0 0,0.03 -0.03,0.03 h -0.11 c 0,0 -0.03,0 -0.03,0.03 v 0.12 c 0,0 0,0.02 0.02,0.02 0.06,0 0.13,0.03 0.13,0.1 0,0.12 0.07,0.13 0.1,0.13 v 0.47 c 0,0.1 -0.08,0.15 -0.13,0.16 l -0.02,0.02 v 0.48 l 3.26,-0.71 v 0 l 3.26,0.71 V 8.91 c 0,0 0,-0.02 -0.02,-0.02 -0.05,0 -0.13,-0.05 -0.13,-0.16 V 8.27 c 0,0 0.1,-0.02 0.1,-0.14 0,-0.07 0.07,-0.1 0.1,-0.1 0.02,0 0.02,-1.35e-5 0.02,-0.02 V 7.89 l -0.03,-0.03 z m 3.62,10.3 v -0.94 h -0.56 v -0.52 0 h -0.07 v -0.03 -0.06 -0.02 l -0.06,-0.06 v -3.95 -0.02 0 c 0,0 0.0026,-0.01024 0.02,-0.02 v -0.07 -0.09 c 0,-0.02 0,-0.03 -0.02,-0.03 h -0.03 c 0,0 -0.04,-0.04 -0.02,-0.05 0.1,-0.08 0.11,-0.22 0.11,-0.25 0,-0.02 0,-0.04 0.02,-0.04 h 0.05 c 0,0 0.0082,-0.0039 0.02,-0.02 v -0.17 h 0.31 l 0.03,-0.03 0.11,-0.57 c 0.06,-0.12 0.18,-0.1 0.18,-0.1 h 0.02 l 0.11,-0.37 c 0,0 0.02,-0.03 -0.02,-0.04 -0.02,0 -7.13,-1.51 -7.13,-1.51 0,0 -7.10999996,1.51 -7.11999996,1.51 -0.04,0 -0.03,0.04 -0.03,0.04 l 0.1,0.36 v 0 c 0,0 0.12,0 0.18,0.09 l 0.1,0.58 c 0,0 0,0.03 0.05,0.03 h 0.31 v 0.18 h 0.02 0.04 c 0,0 0.02,0.02 0.02,0.05 0,0.03 0.02,0.16 0.12,0.25 0,0.02 0,0.05 -0.03,0.05 h -0.03 c 0,0 -0.03,0 -0.02,0.03 v 0.09 0.07 0.02 h 0.02 v 0.02 3.95 l -0.06,0.06 v 0.1 h -0.02 -0.05 -0.02 V 17.2 H 0.87784804 v 0.94 h -0.55 v 0.95 H 15.297848 v -0.95 h -0.56 z m -10.86,-5.69 v 0.08 l 0.02,0.02 v 0 c 0,0 0.019368,10e-6 0.02,0.02 v 3.95 l -0.06,0.06 v 0 0.07 0.02 h -0.06 c 0,0 -0.035609,0.0075 -0.02,0.02 v 0.1 h -1.28 v -0.11 0 h -0.06 v 0 -0.02 -0.06 -0.02 0 c 0,0 -0.04,-0.04 -0.05,-0.06 v -3.95 -0.02 0 c 0,0 0.00259,-0.01024 0.02,-0.02 v -0.07 -0.09 c 0,-0.02 0,-0.03 -0.02,-0.03 h -0.03 c 0,0 -0.04,-0.04 -0.02,-0.05 0.1,-0.08 0.1,-0.22 0.1,-0.25 0,-0.02 0,-0.04 0.03,-0.04 h 0.04 c 0,0 0.00816,-0.0039 0.02,-0.02 v -0.17 h 1.25 V 12 12.02 h 0.05 c 0,0 0.02,0.02 0.02,0.04 0,0.03 0.02,0.17 0.11,0.26 0.02,0 0,0.04 -0.02,0.04 h -0.03 c 0,0 -0.03,0.02 -0.02,0.03 v 0.09 z m 2.34,0 v 0.08 0.02 h 0.02 v 0.02 3.95 l -0.07,0.07 v 0.09 h -0.07 c 0,0 -0.035609,0.0075 -0.02,0.02 v 0.1 h -1.28 v -0.11 0 h -0.05 v 0 0 -0.08 0 l -0.07,-0.08 V 12.6 12.58 h 0.02 v -0.02 -0.07 c 0,0 0,-0.07 0.02,-0.09 0,-0.02 0,-0.03 -0.02,-0.03 h -0.03 c 0,0 -0.03,-0.04 -0.03,-0.05 0.1,-0.08 0.12,-0.22 0.12,-0.25 0,-0.02 0,-0.04 0.02,-0.04 h 0.04 c 0,0 0.00818,-0.0039 0.02,-0.02 v -0.17 h 1.22 v 0.17 0.02 h 0.05 c 0,0 0.02,0.02 0.02,0.04 0,0.03 0.02,0.17 0.12,0.26 0,0 0,0.04 -0.03,0.04 h -0.03 c 0,0 -0.03,0.02 -0.02,0.03 0,0.02 0.02,0.07 0.02,0.09 z m 2.34,0 v 0.08 0.02 h 0.02 v 0.02 3.95 l -0.06,0.06 v 0 0.09 h -0.07 c 0,0 -0.035609,0.0075 -0.02,0.02 v 0.1 h -1.28 v -0.11 0 h -0.06 v 0 -0.02 -0.06 -0.02 l -0.06,-0.06 v -3.95 -0.02 h 0.02 v -0.02 -0.07 c 0,0 0,-0.07 0.02,-0.09 0,-0.02 0,-0.03 -0.03,-0.03 h -0.03 c 0,0 -0.04,-0.04 -0.02,-0.05 0.1,-0.08 0.11,-0.22 0.11,-0.25 0,-0.02 0,-0.04 0.03,-0.04 h 0.04 c 0,0 0.00818,-0.0039 0.02,-0.02 v -0.17 h 1.24 V 12 12.02 h 0.05 c 0,0 0.02,0.02 0.02,0.04 0,0.03 0.02,0.17 0.12,0.26 0,0 0,0.04 -0.03,0.04 h -0.03 c 0,0 -0.03,0.02 -0.02,0.03 0,0.02 0.02,0.07 0.02,0.09 z m 2.32,0 v 0.08 0.02 h 0.02 c 0,0 0.01937,10e-6 0.02,0.02 v 3.95 l -0.07,0.06 v 0.08 0.02 h -0.07 v 0.02 0.1 h -1.28 V 16.7 h -0.06 v 0 -0.02 -0.06 -0.02 l -0.06,-0.06 v -3.95 l 0.02,-0.02 v 0 c 0,0 0.02,-4e-5 0.02,-0.02 v -0.07 -0.09 -0.03 h -0.04 c 0,0 -0.03,-0.04 -0.02,-0.05 0.1,-0.08 0.11,-0.22 0.11,-0.25 0,-0.02 0,-0.04 0.02,-0.04 h 0.05 V 12 11.83 h 1.22 V 12 c 0,0 0,0.02 0.02,0.02 h 0.04 c 0,0 0.03,0.02 0.03,0.04 0,0.03 0,0.17 0.11,0.26 0.02,0 0,0.04 -0.02,0.04 h -0.03 c 0,0 -0.03,0.02 -0.03,0.03 0,0.02 0.02,0.07 0.02,0.09 z m 2.35,0 v 0.08 c 0,0 0,0.02 0.02,0.02 v 0 0.02 3.95 l -0.07,0.07 v 0.09 h -0.07 c 0,0 -0.03561,0.0075 -0.02,0.02 v 0.1 h -1.27 v -0.11 0 h -0.06 v 0 -0.02 -0.06 -0.02 l -0.06,-0.06 V 12.6 l 0.02,-0.02 v 0 c 0,0 0.0026,-0.01022 0.02,-0.02 V 12.49 12.4 c 0,-0.02 0,-0.03 -0.02,-0.03 h -0.03 c 0,0 -0.04,-0.04 -0.02,-0.05 0.1,-0.08 0.11,-0.22 0.11,-0.25 0,-0.02 0,-0.04 0.02,-0.04 h 0.05 v -0.02 -0.17 h 1.22 v 0.17 c 0,0 0.02,0.02 0.03,0.02 h 0.04 c 0,0 0.02,0.02 0.02,0.04 0,0.03 0.02,0.17 0.12,0.26 0,0 0,0.04 -0.03,0.04 h -0.03 c 0,0 -0.02,0.02 0,0.03 v 0.09 z M 67.235678,40 h -25.72 M 125.60568,39.99 V 1.46 h 13.16 v 30.29 h 17.08 v 8.24 h -30.25 z M 87.045678,40 v 0"
+  />
+</svg>
+`;
+
+exports[`UclLogo > snapshot: testId prop 1`] = `
+<svg
+  data-testid="test123"
+  fill="currentColor"
+  height="40"
+  viewBox="0 0 157 40"
+  width="157"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <desc>
+    Logo of University College London
+  </desc>
+  <path
+    d="m 60.405678,1.52 v 25.62 c 0,1.74 -0.06,3.55 -1.6,5 -0.76,0.69 -2.12,1.45 -4.19,1.45 -1.53,0 -3.12,-0.4 -4.18,-1.51 -1.48,-1.39 -1.548529,-3.190021 -1.54,-4.94 V 1.52 h -13.22 v 24.63 c 0.13,4.22 0.25,8.72 4.31,12.6 0.47,0.45 0.841814,1.24 1.53,1.24 v 0 h 25.72 v 0 c 0,0 1.07,-0.8 1.54,-1.24 4.91,-4.59 4.88306,-10.690077 4.91,-15.4 V 1.52 Z m 48.710002,25.09 c -0.47,1.39 -2.3,6.73 -8.44,6.73 -6.500002,0 -8.800002,-5.75 -8.800002,-11.85 0,-1.64 0,-6.29 3.13,-9.24 0.88,-0.87 2.71,-2.21 5.610002,-2.21 5.54,0 7.54,4.36 8.61,6.8 l 11.03,-5.4 c -0.89,-1.62 -1.71,-3.01 -3.48,-4.82 -4.37,-4.41 -10.39,-6.62 -16.7,-6.62 -14.120002,0 -21.610002,11.21 -21.610002,22.25 0,6.71 2.74,13.61 8.56,17.74 h 26.450002 c 0.98,-0.65 1.92,-1.4 2.79,-2.23 1.99,-1.97 3,-3.83 4.06,-5.81 z M 11.167848,7.86 h -0.11 l -0.03,-0.03 V 7.71 l -0.03,-0.03 h -0.11 l -0.03,-0.03 V 7.54 c 0,0 0,-0.02 -0.03,-0.02 h -0.07 c 0,0 -0.04,-0.02 -0.05,-0.05 V 7.39 c 0,-0.29 0,-1.21 -0.52,-1.89 -0.44,-0.65 -1.05,-0.99 -1.39,-1.15 0,-0.12 -0.16,-0.17 -0.26,-0.21 -0.02,0 -0.03,0 -0.04,-0.02 -0.05,0 -0.09,-0.04 -0.09,-0.07 V 3.99 c 0,0 0.03,-0.06 0.1,-0.06 0.02,0 0.03,0 0.03,-0.03 V 3.78 c 0,0 0,-0.04 -0.04,-0.04 h -0.12 c 0,0 -0.05,-0.02 -0.05,-0.05 V 3.63 c 0,0 -0.03,-0.06 -0.05,-0.07 V 2.77 l 0.03,-0.02 v 0 c 0,0 0.02,0 0.02,-0.02 V 2.65 c 0,0 0,-0.02 -0.02,-0.02 h -0.04 c 0,0 -0.02,-0.02 -0.02,-0.06 0,-0.04 0,-0.05 0.02,-0.06 h 0.03 0.03 V 2.43 h -0.03 -0.03 c 0,0 -0.03,0 -0.06,-0.03 -0.13,-0.1 -0.27,-0.26 -0.27,-0.28 V 2.09 c 0,0 0,-0.05 -0.05,-0.05 -0.05,0 -0.03,-0.03 0,-0.03 V 1.98 1.93 l -0.06,-0.12 v 0 c 0,0 -0.07,0.1 -0.07,0.12 v 0.05 c 0,0 0,0.03 0.02,0.03 0.02,0 0.02,0.03 0,0.03 -0.04,0 -0.05,0.03 -0.05,0.05 v 0.03 c 0,0 -0.14,0.18 -0.28,0.28 0,0.02 -0.05,0.03 -0.04,0.03 h -0.04 -0.02 v 0.08 h 0.02 0.03 c 0,0 0.02,0.02 0.02,0.06 0,0.04 0,0.05 -0.02,0.06 h -0.04 c 0,0 -0.02,0 -0.02,0.02 v 0.08 c 0,0 0,0.02 0.02,0.02 h 0.02 c 0,0 0.026878,2.452e-4 0.03,0.02 v 0.79 0 c 0,0 -0.05,0.03 -0.05,0.07 v 0.06 c 0,0 0,0.05 -0.04,0.05 h -0.12 c 0,0 -0.05,0.02 -0.05,0.04 V 3.9 c 0,0 0.02,0.03 0.03,0.03 0.06,0 0.11,0.02 0.11,0.06 v 0.06 c 0,0 -0.05,0.06 -0.09,0.07 h -0.03 c -0.1,0.04 -0.27,0.1 -0.28,0.23 -0.34,0.16 -0.95,0.5 -1.39,1.15 -0.51,0.69 -0.52,1.62 -0.52,1.9 v 0.07 c 0,0 -0.09,0.05 -0.06,0.05 h -0.07 l -0.03,0.02 v 0.11 c 0,0 0,0.03 -0.03,0.03 h -0.11 c 0,0 -0.03,0 -0.03,0.03 v 0.12 c 0,0 0,0.03 -0.03,0.03 h -0.11 c 0,0 -0.03,0 -0.03,0.03 v 0.12 c 0,0 0,0.02 0.02,0.02 0.06,0 0.13,0.03 0.13,0.1 0,0.12 0.07,0.13 0.1,0.13 v 0.47 c 0,0.1 -0.08,0.15 -0.13,0.16 l -0.02,0.02 v 0.48 l 3.26,-0.71 v 0 l 3.26,0.71 V 8.91 c 0,0 0,-0.02 -0.02,-0.02 -0.05,0 -0.13,-0.05 -0.13,-0.16 V 8.27 c 0,0 0.1,-0.02 0.1,-0.14 0,-0.07 0.07,-0.1 0.1,-0.1 0.02,0 0.02,-1.35e-5 0.02,-0.02 V 7.89 l -0.03,-0.03 z m 3.62,10.3 v -0.94 h -0.56 v -0.52 0 h -0.07 v -0.03 -0.06 -0.02 l -0.06,-0.06 v -3.95 -0.02 0 c 0,0 0.0026,-0.01024 0.02,-0.02 v -0.07 -0.09 c 0,-0.02 0,-0.03 -0.02,-0.03 h -0.03 c 0,0 -0.04,-0.04 -0.02,-0.05 0.1,-0.08 0.11,-0.22 0.11,-0.25 0,-0.02 0,-0.04 0.02,-0.04 h 0.05 c 0,0 0.0082,-0.0039 0.02,-0.02 v -0.17 h 0.31 l 0.03,-0.03 0.11,-0.57 c 0.06,-0.12 0.18,-0.1 0.18,-0.1 h 0.02 l 0.11,-0.37 c 0,0 0.02,-0.03 -0.02,-0.04 -0.02,0 -7.13,-1.51 -7.13,-1.51 0,0 -7.10999996,1.51 -7.11999996,1.51 -0.04,0 -0.03,0.04 -0.03,0.04 l 0.1,0.36 v 0 c 0,0 0.12,0 0.18,0.09 l 0.1,0.58 c 0,0 0,0.03 0.05,0.03 h 0.31 v 0.18 h 0.02 0.04 c 0,0 0.02,0.02 0.02,0.05 0,0.03 0.02,0.16 0.12,0.25 0,0.02 0,0.05 -0.03,0.05 h -0.03 c 0,0 -0.03,0 -0.02,0.03 v 0.09 0.07 0.02 h 0.02 v 0.02 3.95 l -0.06,0.06 v 0.1 h -0.02 -0.05 -0.02 V 17.2 H 0.87784804 v 0.94 h -0.55 v 0.95 H 15.297848 v -0.95 h -0.56 z m -10.86,-5.69 v 0.08 l 0.02,0.02 v 0 c 0,0 0.019368,10e-6 0.02,0.02 v 3.95 l -0.06,0.06 v 0 0.07 0.02 h -0.06 c 0,0 -0.035609,0.0075 -0.02,0.02 v 0.1 h -1.28 v -0.11 0 h -0.06 v 0 -0.02 -0.06 -0.02 0 c 0,0 -0.04,-0.04 -0.05,-0.06 v -3.95 -0.02 0 c 0,0 0.00259,-0.01024 0.02,-0.02 v -0.07 -0.09 c 0,-0.02 0,-0.03 -0.02,-0.03 h -0.03 c 0,0 -0.04,-0.04 -0.02,-0.05 0.1,-0.08 0.1,-0.22 0.1,-0.25 0,-0.02 0,-0.04 0.03,-0.04 h 0.04 c 0,0 0.00816,-0.0039 0.02,-0.02 v -0.17 h 1.25 V 12 12.02 h 0.05 c 0,0 0.02,0.02 0.02,0.04 0,0.03 0.02,0.17 0.11,0.26 0.02,0 0,0.04 -0.02,0.04 h -0.03 c 0,0 -0.03,0.02 -0.02,0.03 v 0.09 z m 2.34,0 v 0.08 0.02 h 0.02 v 0.02 3.95 l -0.07,0.07 v 0.09 h -0.07 c 0,0 -0.035609,0.0075 -0.02,0.02 v 0.1 h -1.28 v -0.11 0 h -0.05 v 0 0 -0.08 0 l -0.07,-0.08 V 12.6 12.58 h 0.02 v -0.02 -0.07 c 0,0 0,-0.07 0.02,-0.09 0,-0.02 0,-0.03 -0.02,-0.03 h -0.03 c 0,0 -0.03,-0.04 -0.03,-0.05 0.1,-0.08 0.12,-0.22 0.12,-0.25 0,-0.02 0,-0.04 0.02,-0.04 h 0.04 c 0,0 0.00818,-0.0039 0.02,-0.02 v -0.17 h 1.22 v 0.17 0.02 h 0.05 c 0,0 0.02,0.02 0.02,0.04 0,0.03 0.02,0.17 0.12,0.26 0,0 0,0.04 -0.03,0.04 h -0.03 c 0,0 -0.03,0.02 -0.02,0.03 0,0.02 0.02,0.07 0.02,0.09 z m 2.34,0 v 0.08 0.02 h 0.02 v 0.02 3.95 l -0.06,0.06 v 0 0.09 h -0.07 c 0,0 -0.035609,0.0075 -0.02,0.02 v 0.1 h -1.28 v -0.11 0 h -0.06 v 0 -0.02 -0.06 -0.02 l -0.06,-0.06 v -3.95 -0.02 h 0.02 v -0.02 -0.07 c 0,0 0,-0.07 0.02,-0.09 0,-0.02 0,-0.03 -0.03,-0.03 h -0.03 c 0,0 -0.04,-0.04 -0.02,-0.05 0.1,-0.08 0.11,-0.22 0.11,-0.25 0,-0.02 0,-0.04 0.03,-0.04 h 0.04 c 0,0 0.00818,-0.0039 0.02,-0.02 v -0.17 h 1.24 V 12 12.02 h 0.05 c 0,0 0.02,0.02 0.02,0.04 0,0.03 0.02,0.17 0.12,0.26 0,0 0,0.04 -0.03,0.04 h -0.03 c 0,0 -0.03,0.02 -0.02,0.03 0,0.02 0.02,0.07 0.02,0.09 z m 2.32,0 v 0.08 0.02 h 0.02 c 0,0 0.01937,10e-6 0.02,0.02 v 3.95 l -0.07,0.06 v 0.08 0.02 h -0.07 v 0.02 0.1 h -1.28 V 16.7 h -0.06 v 0 -0.02 -0.06 -0.02 l -0.06,-0.06 v -3.95 l 0.02,-0.02 v 0 c 0,0 0.02,-4e-5 0.02,-0.02 v -0.07 -0.09 -0.03 h -0.04 c 0,0 -0.03,-0.04 -0.02,-0.05 0.1,-0.08 0.11,-0.22 0.11,-0.25 0,-0.02 0,-0.04 0.02,-0.04 h 0.05 V 12 11.83 h 1.22 V 12 c 0,0 0,0.02 0.02,0.02 h 0.04 c 0,0 0.03,0.02 0.03,0.04 0,0.03 0,0.17 0.11,0.26 0.02,0 0,0.04 -0.02,0.04 h -0.03 c 0,0 -0.03,0.02 -0.03,0.03 0,0.02 0.02,0.07 0.02,0.09 z m 2.35,0 v 0.08 c 0,0 0,0.02 0.02,0.02 v 0 0.02 3.95 l -0.07,0.07 v 0.09 h -0.07 c 0,0 -0.03561,0.0075 -0.02,0.02 v 0.1 h -1.27 v -0.11 0 h -0.06 v 0 -0.02 -0.06 -0.02 l -0.06,-0.06 V 12.6 l 0.02,-0.02 v 0 c 0,0 0.0026,-0.01022 0.02,-0.02 V 12.49 12.4 c 0,-0.02 0,-0.03 -0.02,-0.03 h -0.03 c 0,0 -0.04,-0.04 -0.02,-0.05 0.1,-0.08 0.11,-0.22 0.11,-0.25 0,-0.02 0,-0.04 0.02,-0.04 h 0.05 v -0.02 -0.17 h 1.22 v 0.17 c 0,0 0.02,0.02 0.03,0.02 h 0.04 c 0,0 0.02,0.02 0.02,0.04 0,0.03 0.02,0.17 0.12,0.26 0,0 0,0.04 -0.03,0.04 h -0.03 c 0,0 -0.02,0.02 0,0.03 v 0.09 z M 67.235678,40 h -25.72 M 125.60568,39.99 V 1.46 h 13.16 v 30.29 h 17.08 v 8.24 h -30.25 z M 87.045678,40 v 0"
+  />
+</svg>
+`;

package/lib/components/UclLogo/index.ts

@@ -0,0 +1,5 @@
+export { default as UclLogo } from './UclLogo';
+export type { UclLogoProps } from './UclLogo';
+
+export { default as UclLogoNegativeSpace } from './UclLogoNegativeSpace';
+export type { UclLogoNegativeSpaceProps } from './UclLogoNegativeSpace';

package/lib/components/UclLogo/ucl-logo.svg

@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="Layer_1"
+   data-name="Layer 1"
+   viewBox="0 0 157 40"
+   version="1.1"
+   sodipodi:docname="Logo_UCL-edit.svg"
+   width="157"
+   height="40"
+   inkscape:version="1.1.2 (b8e25be8, 2022-02-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview831"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     showgrid="false"
+     inkscape:zoom="7.1974522"
+     inkscape:cx="80.445133"
+     inkscape:cy="31.330531"
+     inkscape:window-width="1904"
+     inkscape:window-height="985"
+     inkscape:window-x="16"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="Layer_1" />
+  <defs
+     id="defs826">
+    <style
+       id="style824">
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <path
+     class="cls-1"
+     d="m 60.405678,1.52 v 25.62 c 0,1.74 -0.06,3.55 -1.6,5 -0.76,0.69 -2.12,1.45 -4.19,1.45 -1.53,0 -3.12,-0.4 -4.18,-1.51 -1.48,-1.39 -1.548529,-3.190021 -1.54,-4.94 V 1.52 h -13.22 v 24.63 c 0.13,4.22 0.25,8.72 4.31,12.6 0.47,0.45 0.841814,1.24 1.53,1.24 v 0 h 25.72 v 0 c 0,0 1.07,-0.8 1.54,-1.24 4.91,-4.59 4.88306,-10.690077 4.91,-15.4 V 1.52 Z m 48.710002,25.09 c -0.47,1.39 -2.3,6.73 -8.44,6.73 -6.500002,0 -8.800002,-5.75 -8.800002,-11.85 0,-1.64 0,-6.29 3.13,-9.24 0.88,-0.87 2.71,-2.21 5.610002,-2.21 5.54,0 7.54,4.36 8.61,6.8 l 11.03,-5.4 c -0.89,-1.62 -1.71,-3.01 -3.48,-4.82 -4.37,-4.41 -10.39,-6.62 -16.7,-6.62 -14.120002,0 -21.610002,11.21 -21.610002,22.25 0,6.71 2.74,13.61 8.56,17.74 h 26.450002 c 0.98,-0.65 1.92,-1.4 2.79,-2.23 1.99,-1.97 3,-3.83 4.06,-5.81 z M 11.167848,7.86 h -0.11 l -0.03,-0.03 V 7.71 l -0.03,-0.03 h -0.11 l -0.03,-0.03 V 7.54 c 0,0 0,-0.02 -0.03,-0.02 h -0.07 c 0,0 -0.04,-0.02 -0.05,-0.05 V 7.39 c 0,-0.29 0,-1.21 -0.52,-1.89 -0.44,-0.65 -1.05,-0.99 -1.39,-1.15 0,-0.12 -0.16,-0.17 -0.26,-0.21 -0.02,0 -0.03,0 -0.04,-0.02 -0.05,0 -0.09,-0.04 -0.09,-0.07 V 3.99 c 0,0 0.03,-0.06 0.1,-0.06 0.02,0 0.03,0 0.03,-0.03 V 3.78 c 0,0 0,-0.04 -0.04,-0.04 h -0.12 c 0,0 -0.05,-0.02 -0.05,-0.05 V 3.63 c 0,0 -0.03,-0.06 -0.05,-0.07 V 2.77 l 0.03,-0.02 v 0 c 0,0 0.02,0 0.02,-0.02 V 2.65 c 0,0 0,-0.02 -0.02,-0.02 h -0.04 c 0,0 -0.02,-0.02 -0.02,-0.06 0,-0.04 0,-0.05 0.02,-0.06 h 0.03 0.03 V 2.43 h -0.03 -0.03 c 0,0 -0.03,0 -0.06,-0.03 -0.13,-0.1 -0.27,-0.26 -0.27,-0.28 V 2.09 c 0,0 0,-0.05 -0.05,-0.05 -0.05,0 -0.03,-0.03 0,-0.03 V 1.98 1.93 l -0.06,-0.12 v 0 c 0,0 -0.07,0.1 -0.07,0.12 v 0.05 c 0,0 0,0.03 0.02,0.03 0.02,0 0.02,0.03 0,0.03 -0.04,0 -0.05,0.03 -0.05,0.05 v 0.03 c 0,0 -0.14,0.18 -0.28,0.28 0,0.02 -0.05,0.03 -0.04,0.03 h -0.04 -0.02 v 0.08 h 0.02 0.03 c 0,0 0.02,0.02 0.02,0.06 0,0.04 0,0.05 -0.02,0.06 h -0.04 c 0,0 -0.02,0 -0.02,0.02 v 0.08 c 0,0 0,0.02 0.02,0.02 h 0.02 c 0,0 0.026878,2.452e-4 0.03,0.02 v 0.79 0 c 0,0 -0.05,0.03 -0.05,0.07 v 0.06 c 0,0 0,0.05 -0.04,0.05 h -0.12 c 0,0 -0.05,0.02 -0.05,0.04 V 3.9 c 0,0 0.02,0.03 0.03,0.03 0.06,0 0.11,0.02 0.11,0.06 v 0.06 c 0,0 -0.05,0.06 -0.09,0.07 h -0.03 c -0.1,0.04 -0.27,0.1 -0.28,0.23 -0.34,0.16 -0.95,0.5 -1.39,1.15 -0.51,0.69 -0.52,1.62 -0.52,1.9 v 0.07 c 0,0 -0.09,0.05 -0.06,0.05 h -0.07 l -0.03,0.02 v 0.11 c 0,0 0,0.03 -0.03,0.03 h -0.11 c 0,0 -0.03,0 -0.03,0.03 v 0.12 c 0,0 0,0.03 -0.03,0.03 h -0.11 c 0,0 -0.03,0 -0.03,0.03 v 0.12 c 0,0 0,0.02 0.02,0.02 0.06,0 0.13,0.03 0.13,0.1 0,0.12 0.07,0.13 0.1,0.13 v 0.47 c 0,0.1 -0.08,0.15 -0.13,0.16 l -0.02,0.02 v 0.48 l 3.26,-0.71 v 0 l 3.26,0.71 V 8.91 c 0,0 0,-0.02 -0.02,-0.02 -0.05,0 -0.13,-0.05 -0.13,-0.16 V 8.27 c 0,0 0.1,-0.02 0.1,-0.14 0,-0.07 0.07,-0.1 0.1,-0.1 0.02,0 0.02,-1.35e-5 0.02,-0.02 V 7.89 l -0.03,-0.03 z m 3.62,10.3 v -0.94 h -0.56 v -0.52 0 h -0.07 v -0.03 -0.06 -0.02 l -0.06,-0.06 v -3.95 -0.02 0 c 0,0 0.0026,-0.01024 0.02,-0.02 v -0.07 -0.09 c 0,-0.02 0,-0.03 -0.02,-0.03 h -0.03 c 0,0 -0.04,-0.04 -0.02,-0.05 0.1,-0.08 0.11,-0.22 0.11,-0.25 0,-0.02 0,-0.04 0.02,-0.04 h 0.05 c 0,0 0.0082,-0.0039 0.02,-0.02 v -0.17 h 0.31 l 0.03,-0.03 0.11,-0.57 c 0.06,-0.12 0.18,-0.1 0.18,-0.1 h 0.02 l 0.11,-0.37 c 0,0 0.02,-0.03 -0.02,-0.04 -0.02,0 -7.13,-1.51 -7.13,-1.51 0,0 -7.10999996,1.51 -7.11999996,1.51 -0.04,0 -0.03,0.04 -0.03,0.04 l 0.1,0.36 v 0 c 0,0 0.12,0 0.18,0.09 l 0.1,0.58 c 0,0 0,0.03 0.05,0.03 h 0.31 v 0.18 h 0.02 0.04 c 0,0 0.02,0.02 0.02,0.05 0,0.03 0.02,0.16 0.12,0.25 0,0.02 0,0.05 -0.03,0.05 h -0.03 c 0,0 -0.03,0 -0.02,0.03 v 0.09 0.07 0.02 h 0.02 v 0.02 3.95 l -0.06,0.06 v 0.1 h -0.02 -0.05 -0.02 V 17.2 H 0.87784804 v 0.94 h -0.55 v 0.95 H 15.297848 v -0.95 h -0.56 z m -10.86,-5.69 v 0.08 l 0.02,0.02 v 0 c 0,0 0.019368,10e-6 0.02,0.02 v 3.95 l -0.06,0.06 v 0 0.07 0.02 h -0.06 c 0,0 -0.035609,0.0075 -0.02,0.02 v 0.1 h -1.28 v -0.11 0 h -0.06 v 0 -0.02 -0.06 -0.02 0 c 0,0 -0.04,-0.04 -0.05,-0.06 v -3.95 -0.02 0 c 0,0 0.00259,-0.01024 0.02,-0.02 v -0.07 -0.09 c 0,-0.02 0,-0.03 -0.02,-0.03 h -0.03 c 0,0 -0.04,-0.04 -0.02,-0.05 0.1,-0.08 0.1,-0.22 0.1,-0.25 0,-0.02 0,-0.04 0.03,-0.04 h 0.04 c 0,0 0.00816,-0.0039 0.02,-0.02 v -0.17 h 1.25 V 12 12.02 h 0.05 c 0,0 0.02,0.02 0.02,0.04 0,0.03 0.02,0.17 0.11,0.26 0.02,0 0,0.04 -0.02,0.04 h -0.03 c 0,0 -0.03,0.02 -0.02,0.03 v 0.09 z m 2.34,0 v 0.08 0.02 h 0.02 v 0.02 3.95 l -0.07,0.07 v 0.09 h -0.07 c 0,0 -0.035609,0.0075 -0.02,0.02 v 0.1 h -1.28 v -0.11 0 h -0.05 v 0 0 -0.08 0 l -0.07,-0.08 V 12.6 12.58 h 0.02 v -0.02 -0.07 c 0,0 0,-0.07 0.02,-0.09 0,-0.02 0,-0.03 -0.02,-0.03 h -0.03 c 0,0 -0.03,-0.04 -0.03,-0.05 0.1,-0.08 0.12,-0.22 0.12,-0.25 0,-0.02 0,-0.04 0.02,-0.04 h 0.04 c 0,0 0.00818,-0.0039 0.02,-0.02 v -0.17 h 1.22 v 0.17 0.02 h 0.05 c 0,0 0.02,0.02 0.02,0.04 0,0.03 0.02,0.17 0.12,0.26 0,0 0,0.04 -0.03,0.04 h -0.03 c 0,0 -0.03,0.02 -0.02,0.03 0,0.02 0.02,0.07 0.02,0.09 z m 2.34,0 v 0.08 0.02 h 0.02 v 0.02 3.95 l -0.06,0.06 v 0 0.09 h -0.07 c 0,0 -0.035609,0.0075 -0.02,0.02 v 0.1 h -1.28 v -0.11 0 h -0.06 v 0 -0.02 -0.06 -0.02 l -0.06,-0.06 v -3.95 -0.02 h 0.02 v -0.02 -0.07 c 0,0 0,-0.07 0.02,-0.09 0,-0.02 0,-0.03 -0.03,-0.03 h -0.03 c 0,0 -0.04,-0.04 -0.02,-0.05 0.1,-0.08 0.11,-0.22 0.11,-0.25 0,-0.02 0,-0.04 0.03,-0.04 h 0.04 c 0,0 0.00818,-0.0039 0.02,-0.02 v -0.17 h 1.24 V 12 12.02 h 0.05 c 0,0 0.02,0.02 0.02,0.04 0,0.03 0.02,0.17 0.12,0.26 0,0 0,0.04 -0.03,0.04 h -0.03 c 0,0 -0.03,0.02 -0.02,0.03 0,0.02 0.02,0.07 0.02,0.09 z m 2.32,0 v 0.08 0.02 h 0.02 c 0,0 0.01937,10e-6 0.02,0.02 v 3.95 l -0.07,0.06 v 0.08 0.02 h -0.07 v 0.02 0.1 h -1.28 V 16.7 h -0.06 v 0 -0.02 -0.06 -0.02 l -0.06,-0.06 v -3.95 l 0.02,-0.02 v 0 c 0,0 0.02,-4e-5 0.02,-0.02 v -0.07 -0.09 -0.03 h -0.04 c 0,0 -0.03,-0.04 -0.02,-0.05 0.1,-0.08 0.11,-0.22 0.11,-0.25 0,-0.02 0,-0.04 0.02,-0.04 h 0.05 V 12 11.83 h 1.22 V 12 c 0,0 0,0.02 0.02,0.02 h 0.04 c 0,0 0.03,0.02 0.03,0.04 0,0.03 0,0.17 0.11,0.26 0.02,0 0,0.04 -0.02,0.04 h -0.03 c 0,0 -0.03,0.02 -0.03,0.03 0,0.02 0.02,0.07 0.02,0.09 z m 2.35,0 v 0.08 c 0,0 0,0.02 0.02,0.02 v 0 0.02 3.95 l -0.07,0.07 v 0.09 h -0.07 c 0,0 -0.03561,0.0075 -0.02,0.02 v 0.1 h -1.27 v -0.11 0 h -0.06 v 0 -0.02 -0.06 -0.02 l -0.06,-0.06 V 12.6 l 0.02,-0.02 v 0 c 0,0 0.0026,-0.01022 0.02,-0.02 V 12.49 12.4 c 0,-0.02 0,-0.03 -0.02,-0.03 h -0.03 c 0,0 -0.04,-0.04 -0.02,-0.05 0.1,-0.08 0.11,-0.22 0.11,-0.25 0,-0.02 0,-0.04 0.02,-0.04 h 0.05 v -0.02 -0.17 h 1.22 v 0.17 c 0,0 0.02,0.02 0.03,0.02 h 0.04 c 0,0 0.02,0.02 0.02,0.04 0,0.03 0.02,0.17 0.12,0.26 0,0 0,0.04 -0.03,0.04 h -0.03 c 0,0 -0.02,0.02 0,0.03 v 0.09 z M 67.235678,40 h -25.72 M 125.60568,39.99 V 1.46 h 13.16 v 30.29 h 17.08 v 8.24 h -30.25 z M 87.045678,40 v 0"
+     id="path828"
+     sodipodi:nodetypes="cscscsccccsccscscccsscscccsscccccccccccccsccsccccscsscscscccscscscscccccccscscccccscsssccscccccsccscscsccscscscsscccccscscccscscscscsscscccccccsscsssccccccccccccccccscssccsscscccccccccscccccsccccscsccccccccccccccccccccccccscsccccccsccccccccccccccscssccsscscccccscscccccccccccccsccccccccccccccccsccsscscccccscsccccccccccccccsccccccccccccccccsccsscscccccscsccccccccsccccccccccccccccccscccccsscccccscscscsccccsccccccscccccccccccccscssccsscccccscscscccccccccccccccc" />
+</svg>