BodyShort -> BodyLong sidenavigasjon og tittel på kort

Author: PerOlavM

src/components/_common/card/LargeCardV2/LargeCardV2.tsx

@@ -42,14 +42,12 @@ export const LargeCardV2 = (props: Props) => {
             )}
             <div>
                 <LenkeBase className={style.link} href={link.url} {...analyticsProps}>
-                    <BodyShort className={style.linkText} size="large">
+                    <BodyLong as="span" className={style.linkText}>
                         {link.text}
-                    </BodyShort>
+                    </BodyLong>
                 </LenkeBase>
                 <BodyLong className={style.description}>{description}</BodyLong>
-                <BodyShort className={style.tagline} size="medium">
-                    {tagline}
-                </BodyShort>
+                <BodyShort className={style.tagline}>{tagline}</BodyShort>
             </div>
         </div>
     );

src/components/_common/card/MiniCardV2/MiniCardV2.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ArrowRightIcon } from '@navikt/aksel-icons';
-import { BodyShort } from '@navikt/ds-react';
+import { BodyLong, BodyShort } from '@navikt/ds-react';
 import { LenkeBase } from 'components/_common/lenke/lenkeBase/LenkeBase';
 import { LinkProps } from 'types/link-props';
 import { useCard } from 'components/_common/card/useCard';
@@ -30,11 +30,11 @@ export const MiniCardV2 = ({ link, type, tagline, className }: MiniCardProps) =>
             {...analyticsProps}
         >
             <div className={style.textContainer}>
-                <BodyShort className={style.linkText} size="medium">
+                <BodyLong as="span" className={style.linkText}>
                     {link.text}
-                </BodyShort>
+                </BodyLong>
                 {tagline && (
-                    <BodyShort className={style.tagline} size="medium">
+                    <BodyShort as="span" className={style.tagline}>
                         {tagline}
                     </BodyShort>
                 )}

src/components/_common/pageNavigationMenu/PageNavigationMenu.tsx

@@ -1,6 +1,6 @@
 import React, { useId } from 'react';
 import { ArrowDownRightIcon } from '@navikt/aksel-icons';
-import { BodyShort, Heading } from '@navikt/ds-react';
+import { BodyLong, Heading } from '@navikt/ds-react';
 import { AnchorLink } from 'components/parts/page-navigation-menu/PageNavigationMenuPart';
 import { LenkeBase } from 'components/_common/lenke/lenkeBase/LenkeBase';
 import { classNames } from 'utils/classnames';
@@ -64,7 +64,7 @@ export const PageNavigationMenu = ({
                             className={style.link}
                         >
                             <ArrowDownRightIcon aria-hidden className={style.icon} />
-                            <BodyShort as="span">{anchorLink.linkText}</BodyShort>
+                            <BodyLong as="span">{anchorLink.linkText}</BodyLong>
                         </LenkeBase>
                     </li>
                 ))}