refactored to use relative imports, as storybook didn't like regular imports

Author: AFed29

src/components/back-link/BackLink.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import { ChevronLeft } from '../icons';
-import type { AsElementLink } from 'util/types/LinkTypes';
+import type { AsElementLink } from '../../util/types/LinkTypes';
 
 const BackLink: React.FC<AsElementLink<HTMLAnchorElement>> = ({ 
   children, 

src/components/breadcrumb/Breadcrumb.tsx

@@ -2,7 +2,7 @@
 import React, { HTMLProps, ReactNode } from 'react';
 import classNames from 'classnames';
 import { Container } from '../layout';
-import type { AsElementLink } from 'util/types/LinkTypes';
+import type { AsElementLink } from '../../util/types/LinkTypes';
 
 type Item = React.FC<AsElementLink<HTMLAnchorElement>>;
 

src/components/header/components/NHSLogo.tsx

@@ -1,7 +1,7 @@
 import React, { useContext, SVGProps } from 'react';
 import classNames from 'classnames';
 import HeaderContext, { IHeaderContext } from '../HeaderContext';
-import type { AsElementLink } from 'util/types/LinkTypes';
+import type { AsElementLink } from '../../../util/types/LinkTypes';
 
 interface SVGImageWithSrc extends SVGProps<SVGImageElement> {
   src: string;

src/components/header/components/NavItem.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import { ChevronRight as ChevronRightIcon } from '../../icons';
-import type { AsElementLink } from 'util/types/LinkTypes';
+import type { AsElementLink } from '../../../util/types/LinkTypes';
 
 export interface NavItemProps extends AsElementLink<HTMLAnchorElement> {
   mobileOnly?: boolean;

src/components/header/components/OrganisationalLogo.tsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import HeaderContext, { IHeaderContext } from '../HeaderContext';
-import type { AsElementLink } from 'util/types/LinkTypes';
+import type { AsElementLink } from '../../../util/types/LinkTypes';
 
 
 export interface OrganisationalLogoProps extends AsElementLink<HTMLAnchorElement> {

src/components/list-panel/ListPanel.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLProps } from 'react';
 import classNames from 'classnames';
-import type { AsElementLink } from 'util/types/LinkTypes';
+import type { AsElementLink } from '../../util/types/LinkTypes';
 
 
 interface PanelProps extends HTMLProps<HTMLDivElement> {

src/components/nav-a-z/NavAZ.tsx

@@ -1,6 +1,6 @@
 import React, { HTMLProps } from 'react';
 import classNames from 'classnames';
-import type { AsElementLink } from 'util/types/LinkTypes';
+import type { AsElementLink } from '../../util/types/LinkTypes';
 
 const alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
 

src/components/promo/Promo.tsx

@@ -2,7 +2,7 @@ import React, { HTMLProps, useContext, isValidElement } from 'react';
 import classNames from 'classnames';
 import PromoContext, { PromoContextType } from './PromoContext';
 import { Col, Row } from '../layout';
-import type { AsElementLink } from 'util/types/LinkTypes';
+import type { AsElementLink } from '../../util/types/LinkTypes';
 
 interface ImageProps extends HTMLProps<HTMLImageElement> {
   crossOrigin?: '' | 'anonymous' | 'use-credentials';

src/util/types/LinkTypes.ts

@@ -1,6 +1,6 @@
-import { HTMLProps } from "react";
+import { HTMLProps } from 'react';
 
 export interface AsElementLink<T extends HTMLElement> extends HTMLProps<T> {
-    asElement?: React.ElementType;
-    to?: string;
-}
+  asElement?: React.ElementType;
+  to?: string;
+}