@ndla/ui 56.0.75-alpha.0 → 56.0.77-alpha.0

package/lib/ZendeskButton/ZendeskButton.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { ButtonProps } from "@ndla/primitives";
+import { type ButtonProps } from "@ndla/primitives";
 export interface ZendeskButtonProps extends ButtonProps {
     widgetKey: string;
     locale: string;

package/lib/i18n/useComponentTranslations.d.ts

@@ -7,7 +7,7 @@
  */
 import type { CollectionItem } from "@ark-ui/react";
 import type { ComboboxRootProps, PaginationRootProps, TagsInputRootProps } from "@ndla/primitives";
-import { TagSelectorRootProps } from "../TagSelector/TagSelector";
+import { type TagSelectorRootProps } from "../TagSelector/TagSelector";
 type DeepPartial<T> = {
     [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
 };

package/lib/types.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { ReactNode } from "react";
+import { type ReactNode } from "react";
 export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 export interface Contributor {
     type: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "56.0.75-alpha.0",
+  "version": "56.0.77-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -32,13 +32,13 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/core": "^5.0.2",
-    "@ndla/icons": "^8.0.46-alpha.0",
-    "@ndla/licenses": "^8.0.4-alpha.0",
-    "@ndla/primitives": "^1.0.59-alpha.0",
-    "@ndla/safelink": "^7.0.60-alpha.0",
+    "@ndla/core": "^5.0.3",
+    "@ndla/icons": "^8.0.47-alpha.0",
+    "@ndla/licenses": "^8.0.5-alpha.0",
+    "@ndla/primitives": "^1.0.61-alpha.0",
+    "@ndla/safelink": "^7.0.62-alpha.0",
     "@ndla/styled-system": "^0.0.29",
-    "@ndla/util": "^5.0.1-alpha.0",
+    "@ndla/util": "^5.0.2-alpha.0",
     "html-react-parser": "^5.1.8",
     "i18next-browser-languagedetector": "^7.1.0"
   },
@@ -50,13 +50,13 @@
     "react-router-dom": "> 6.0.0"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.47",
+    "@ndla/preset-panda": "^0.0.48",
     "@ndla/types-backend": "^0.2.86",
-    "@ndla/types-embed": "^5.0.4-alpha.0",
+    "@ndla/types-embed": "^5.0.5-alpha.0",
     "@pandacss/dev": "^0.48.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8929fb445477b02e740a9a21fd2d3ef08287d99c"
+  "gitHead": "bb87f73d8b8c67d7a39a3e10cc06ed55325798e4"
 }

package/src/Article/Article.tsx

@@ -6,16 +6,16 @@
  *
  */
 
-import { ComponentPropsWithRef, ReactNode, forwardRef } from "react";
+import { type ComponentPropsWithRef, type ReactNode, forwardRef } from "react";
 import { ark, type HTMLArkProps } from "@ark-ui/react";
 import { Heading, Text } from "@ndla/primitives";
 import { cx } from "@ndla/styled-system/css";
 import { Stack, styled } from "@ndla/styled-system/jsx";
-import { JsxStyleProps } from "@ndla/styled-system/types";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
 import { ContentTypeBadge } from "..";
 import { ArticleByline } from "./ArticleByline";
-import { ContentType } from "../ContentTypeBadge/ContentTypeBadge";
-import { Article as ArticleType } from "../types";
+import { type ContentType } from "../ContentTypeBadge/ContentTypeBadge";
+import type { Article as ArticleType } from "../types";
 
 const StyledArticleContent = styled(ark.section, {}, { baseComponent: true });
 

package/src/Article/ArticleByline.stories.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { Meta, StoryFn, StoryObj } from "@storybook/react";
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
 
 import { ArticleByline } from "./ArticleByline";
 

package/src/Article/ArticleByline.tsx

@@ -6,23 +6,23 @@
  *
  */
 
-import { TFunction } from "i18next";
-import { ReactNode, forwardRef, useCallback, useEffect, useState } from "react";
+import type { TFunction } from "i18next";
+import { type ReactNode, forwardRef, useCallback, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useLocation } from "react-router-dom";
-import { ArrowDownShortLine } from "@ndla/icons/common";
+import { ArrowDownShortLine } from "@ndla/icons";
 import {
   AccordionItem,
   AccordionItemContent,
   AccordionItemIndicator,
-  AccordionItemProps,
+  type AccordionItemProps,
   AccordionItemTrigger,
   AccordionRoot,
   Heading,
 } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { ArticleFootNotes } from "./ArticleFootNotes";
-import { FootNote } from "../types";
+import type { FootNote } from "../types";
 
 const Wrapper = styled("div", {
   base: {

package/src/Article/ArticleFootNotes.tsx

@@ -8,7 +8,7 @@
 
 import { Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { FootNote as FootNoteType } from "../types";
+import type { FootNote as FootNoteType } from "../types";
 
 const citeDetailString = (description: string | undefined) => (description ? `${description}. ` : "");
 

package/src/AudioPlayer/AudiPlayer.stories.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import AudioPlayer from "./AudioPlayer";
 const TextVersion = (
   <>

package/src/AudioPlayer/AudioPlayer.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { ReactNode, useId, useMemo, useState } from "react";
+import { type ReactNode, useId, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Heading, Text, Button } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
@@ -84,6 +84,7 @@ const TitleWrapper = styled("div", {
     display: "flex",
     flexDirection: "column",
     gap: "xsmall",
+    fontFamily: "sans",
     tabletWide: {
       width: "100%",
       flexDirection: "row",

package/src/AudioPlayer/Controls.tsx

@@ -9,9 +9,7 @@
 import { useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { type SliderValueChangeDetails, createListCollection } from "@ark-ui/react";
-import { Replay15Line, Forward15Line } from "@ndla/icons/action";
-import { PlayFill, PauseLine, VolumeUpFill } from "@ndla/icons/common";
-import { CheckLine } from "@ndla/icons/editor";
+import { Replay15Line, Forward15Line, PlayFill, PauseLine, VolumeUpFill, CheckLine } from "@ndla/icons";
 import {
   Button,
   FieldRoot,

package/src/AudioPlayer/SpeechControl.tsx

@@ -8,7 +8,7 @@
 
 import { useRef } from "react";
 import { useTranslation } from "react-i18next";
-import { VolumeUpFill } from "@ndla/icons/common";
+import { VolumeUpFill } from "@ndla/icons";
 import { TooltipRoot, TooltipTrigger, TooltipContent, IconButton } from "@ndla/primitives";
 
 type Props = {

package/src/Breadcrumb/Breadcrumb.stories.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import Breadcrumb from "./Breadcrumb";
 
 const items = [

package/src/Breadcrumb/Breadcrumb.tsx

@@ -6,10 +6,10 @@
  *
  */
 
-import { ReactNode } from "react";
+import { type ReactNode } from "react";
 import { useTranslation } from "react-i18next";
 import { styled } from "@ndla/styled-system/jsx";
-import BreadcrumbItem, { IndexedBreadcrumbItem, SimpleBreadcrumbItem } from "./BreadcrumbItem";
+import BreadcrumbItem, { type IndexedBreadcrumbItem, type SimpleBreadcrumbItem } from "./BreadcrumbItem";
 
 interface Props {
   items: SimpleBreadcrumbItem[];

package/src/Breadcrumb/BreadcrumbItem.tsx

@@ -6,8 +6,8 @@
  *
  */
 
-import { useRef, useImperativeHandle, ReactNode, forwardRef } from "react";
-import { ArrowRightShortLine } from "@ndla/icons/common";
+import { useRef, useImperativeHandle, type ReactNode, forwardRef } from "react";
+import { ArrowRightShortLine } from "@ndla/icons";
 import { SafeLink } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";
 

package/src/Breadcrumb/HomeBreadcrumb.stories.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import HomeBreadcrumb from "./HomeBreadcrumb";
 
 const items = [

package/src/Breadcrumb/HomeBreadcrumb.tsx

@@ -6,11 +6,11 @@
  *
  */
 
-import { ArrowRightShortLine, HomeLine } from "@ndla/icons/common";
+import { ArrowRightShortLine, HomeLine } from "@ndla/icons";
 import { SafeLink } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";
 import Breadcrumb from "./Breadcrumb";
-import { IndexedBreadcrumbItem, SimpleBreadcrumbItem } from "./BreadcrumbItem";
+import type { IndexedBreadcrumbItem, SimpleBreadcrumbItem } from "./BreadcrumbItem";
 
 const StyledSafeLink = styled(SafeLink, {
   base: {

package/src/CampaignBlock/CampaignBlock.stories.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import CampaignBlock from "./CampaignBlock";
 
 export default {

package/src/CampaignBlock/CampaignBlock.tsx

@@ -7,13 +7,13 @@
  */
 
 import parse from "html-react-parser";
-import { ReactNode } from "react";
-import { ArrowRightLine } from "@ndla/icons/common";
+import { type ReactNode } from "react";
+import { ArrowRightLine } from "@ndla/icons";
 import { Text } from "@ndla/primitives";
 import { SafeLinkButton } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";
-import { CampaignBlockEmbedData } from "@ndla/types-embed";
-import { HeadingLevel } from "../types";
+import type { CampaignBlockEmbedData } from "@ndla/types-embed";
+import type { HeadingLevel } from "../types";
 import { getPossiblyRelativeUrl } from "../utils/relativeUrl";
 
 interface Image {

package/src/CodeBlock/CodeBlock.stories.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { Meta, StoryFn, StoryObj } from "@storybook/react";
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
 import CodeBlock from "./CodeBlock";
 
 export default {

package/src/CodeBlock/CodeBlock.tsx

@@ -9,7 +9,7 @@
 import { type ComponentPropsWithRef, forwardRef, useMemo } from "react";
 import { cx } from "@ndla/styled-system/css";
 import { styled } from "@ndla/styled-system/jsx";
-import { type JsxStyleProps } from "@ndla/styled-system/types";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
 
 interface Props extends JsxStyleProps, ComponentPropsWithRef<"pre"> {
   highlightedCode: string;

package/src/Concept/Concept.stories.tsx

@@ -6,8 +6,8 @@
  *
  */
 
-import { Meta, StoryObj } from "@storybook/react";
-import { ConceptData } from "@ndla/types-embed";
+import type { Meta, StoryObj } from "@storybook/react";
+import type { ConceptData } from "@ndla/types-embed";
 import { Concept } from "./Concept";
 
 const visualElementData: ConceptData["visualElement"] = {

package/src/Concept/Concept.tsx

@@ -6,11 +6,11 @@
  *
  */
 
-import { ComponentPropsWithRef, ReactNode, forwardRef } from "react";
+import { type ComponentPropsWithRef, type ReactNode, forwardRef } from "react";
 import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { IDraftCopyright as ConceptCopyright } from "@ndla/types-backend/concept-api";
-import { ConceptVisualElementMeta } from "@ndla/types-embed";
+import type { IDraftCopyright as ConceptCopyright } from "@ndla/types-backend/concept-api";
+import type { ConceptVisualElementMeta } from "@ndla/types-embed";
 import { BrightcoveEmbed, ExternalEmbed, H5pEmbed, IframeEmbed, ImageEmbed } from "../Embed";
 import { EmbedByline } from "../LicenseByline/EmbedByline";
 import { licenseAttributes } from "../utils/licenseAttributes";

package/src/ContactBlock/ContactBlock.stories.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { Meta, StoryFn } from "@storybook/react";
+import type { Meta, StoryFn } from "@storybook/react";
 import { ContactBlock } from "./ContactBlock";
 
 export default {

package/src/ContactBlock/ContactBlock.tsx

@@ -9,8 +9,8 @@
 import { useTranslation } from "react-i18next";
 import { Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { SystemStyleObject } from "@ndla/styled-system/types";
-import { IImageMetaInformationV3 } from "@ndla/types-backend/image-api";
+import type { SystemStyleObject } from "@ndla/styled-system/types";
+import type { IImageMetaInformationV3 } from "@ndla/types-backend/image-api";
 import { LicenseContainerContent } from "../LicenseByline/EmbedByline";
 
 export type ContactBlockBackground = "strong" | "moderate" | "subtle";

package/src/ContentTypeBadge/ContentTypeBadge.stories.tsx

@@ -7,8 +7,8 @@
  */
 
 import { useTranslation } from "react-i18next";
-import { Meta, StoryFn, StoryObj } from "@storybook/react";
-import { MovieLine } from "@ndla/icons/editor";
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
+import { MovieLine } from "@ndla/icons";
 import { HStack, styled } from "@ndla/styled-system/jsx";
 import { ContentTypeBadge } from "./ContentTypeBadge";
 

package/src/ContentTypeBadge/ContentTypeBadge.tsx

@@ -8,7 +8,7 @@
 
 import { forwardRef } from "react";
 import { useTranslation } from "react-i18next";
-import { Badge, BadgeProps, type BadgeVariant } from "@ndla/primitives";
+import { Badge, type BadgeProps, type BadgeVariant } from "@ndla/primitives";
 import * as contentTypes from "../model/ContentType";
 
 export interface ContentTypeBadgeProps extends Omit<BadgeProps, "colorTheme"> {

package/src/ContentTypeBlockQuote/ContentTypeBlockQuote.tsx

@@ -7,8 +7,8 @@
  */
 
 import { forwardRef } from "react";
-import { BlockQuote, BlockQuoteProps, BlockQuoteVariantProps } from "@ndla/primitives";
-import { ContentType } from "../ContentTypeBadge/ContentTypeBadge";
+import { BlockQuote, type BlockQuoteProps, type BlockQuoteVariantProps } from "@ndla/primitives";
+import type { ContentType } from "../ContentTypeBadge/ContentTypeBadge";
 
 export type ContentTypeBlockQuoteVariant = "colored" | "neutral";
 

package/src/ContentTypeFramedContent/ContentTypeFramedContent.tsx

@@ -7,8 +7,8 @@
  */
 
 import { forwardRef } from "react";
-import { FramedContent, FramedContentProps, FramedContentVariantProps } from "@ndla/primitives";
-import { ContentType } from "..";
+import { FramedContent, type FramedContentProps, type FramedContentVariantProps } from "@ndla/primitives";
+import type { ContentType } from "..";
 
 const contentTypeToVariantMapping = {
   "subject-material": "brand1",

package/src/ContentTypeHero/ContentTypeHero.stories.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { Meta, StoryFn } from "@storybook/react";
+import type { Meta, StoryFn } from "@storybook/react";
 import { HeroBackground, HeroContent, PageContent, Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { ContentTypeHero } from "./ContentTypeHero";

package/src/ContentTypeHero/ContentTypeHero.tsx

@@ -7,8 +7,8 @@
  */
 
 import { forwardRef } from "react";
-import { Hero, HeroProps, HeroVariant } from "@ndla/primitives";
-import { ContentType } from "../ContentTypeBadge/ContentTypeBadge";
+import { Hero, type HeroProps, type HeroVariant } from "@ndla/primitives";
+import type { ContentType } from "../ContentTypeBadge/ContentTypeBadge";
 import * as contentTypes from "../model/ContentType";
 
 export const contentTypeToHeroMap: Record<ContentType, HeroVariant> = {

package/src/CopyParagraphButton/CopyParagraphButton.tsx

@@ -6,9 +6,9 @@
  *
  */
 
-import { ReactNode, useCallback, useEffect, useMemo, useState } from "react";
+import { type ReactNode, useCallback, useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { LinkMedium } from "@ndla/icons/editor";
+import { LinkMedium } from "@ndla/icons";
 import { IconButton } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { copyTextToClipboard } from "@ndla/util";

package/src/Embed/AudioEmbed.stories.tsx

@@ -6,9 +6,9 @@
  *
  */
 
-import { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
-import { AudioEmbedData, AudioMeta } from "@ndla/types-embed";
+import type { AudioEmbedData, AudioMeta } from "@ndla/types-embed";
 import AudioEmbed from "./AudioEmbed";
 import { ArticleContent, ArticleWrapper } from "../Article";
 

package/src/Embed/AudioEmbed.tsx

@@ -7,9 +7,9 @@
  */
 
 import { Figure } from "@ndla/primitives";
-import { AudioMetaData } from "@ndla/types-embed";
+import type { AudioMetaData } from "@ndla/types-embed";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
-import { Author } from "./ImageEmbed";
+import type { Author } from "./ImageEmbed";
 import AudioPlayer from "../AudioPlayer";
 import { EmbedByline } from "../LicenseByline";
 import { licenseAttributes } from "../utils/licenseAttributes";

package/src/Embed/BrightcoveEmbed.stories.tsx

@@ -6,9 +6,9 @@
  *
  */
 
-import { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
-import { BrightcoveData, BrightcoveEmbedData, BrightcoveMetaData } from "@ndla/types-embed";
+import type { BrightcoveData, BrightcoveEmbedData, BrightcoveMetaData } from "@ndla/types-embed";
 import BrightcoveEmbed from "./BrightcoveEmbed";
 import { ArticleContent, ArticleWrapper } from "../Article";
 

package/src/Embed/BrightcoveEmbed.tsx

@@ -11,9 +11,9 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Button, Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { BrightcoveEmbedData, BrightcoveMetaData, BrightcoveVideoSource } from "@ndla/types-embed";
+import type { BrightcoveEmbedData, BrightcoveMetaData, BrightcoveVideoSource } from "@ndla/types-embed";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
-import { RenderContext } from "./types";
+import type { RenderContext } from "./types";
 import { EmbedByline } from "../LicenseByline";
 import { licenseAttributes } from "../utils/licenseAttributes";
 

package/src/Embed/CodeEmbed.stories.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import type { CodeEmbedData, CodeMetaData } from "@ndla/types-embed";
 import CodeEmbed from "./CodeEmbed";
 

package/src/Embed/CodeEmbed.tsx

@@ -8,15 +8,14 @@
 
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { FileCopyLine } from "@ndla/icons/action";
-import { CheckLine } from "@ndla/icons/editor";
+import { FileCopyLine, CheckLine } from "@ndla/icons";
 import { Button, Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { CodeMetaData } from "@ndla/types-embed";
+import type { CodeMetaData } from "@ndla/types-embed";
 import { copyTextToClipboard } from "@ndla/util";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import { CodeBlock, codeLanguageOptions } from "../CodeBlock";
-import { ICodeLangugeOption } from "../CodeBlock/codeLanguageOptions";
+import type { ICodeLangugeOption } from "../CodeBlock/codeLanguageOptions";
 
 interface Props {
   embed: CodeMetaData;

package/src/Embed/ConceptEmbed.stories.tsx

@@ -6,9 +6,9 @@
  *
  */
 
-import { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
-import { ConceptData, ConceptEmbedData } from "@ndla/types-embed";
+import type { ConceptData, ConceptEmbedData } from "@ndla/types-embed";
 import { ConceptEmbed } from "./ConceptEmbed";
 import { ArticleContent, ArticleWrapper } from "../Article";
 

package/src/Embed/ConceptEmbed.tsx

@@ -11,12 +11,12 @@ import { forwardRef, useMemo, useRef } from "react";
 import { Portal } from "@ark-ui/react";
 import { PopoverContent, PopoverRoot, PopoverTrigger } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { ConceptMetaData } from "@ndla/types-embed";
+import type { ConceptMetaData } from "@ndla/types-embed";
 import { ConceptInlineTriggerButton } from "./ConceptInlineTriggerButton";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import { GlossEmbed } from "./GlossEmbed";
-import { RenderContext } from "./types";
-import { Concept, ConceptProps } from "../Concept/Concept";
+import type { RenderContext } from "./types";
+import { Concept, type ConceptProps } from "../Concept/Concept";
 
 interface BaseProps {
   renderContext?: RenderContext;

package/src/Embed/ContentLinkEmbed.tsx

@@ -6,10 +6,10 @@
  *
  */
 
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 import { useTranslation } from "react-i18next";
 import { Text } from "@ndla/primitives";
-import { ContentLinkMetaData } from "@ndla/types-embed";
+import type { ContentLinkMetaData } from "@ndla/types-embed";
 
 interface Props {
   embed: ContentLinkMetaData;

package/src/Embed/CopyrightEmbed.tsx

@@ -6,9 +6,9 @@
  *
  */
 
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 import { styled } from "@ndla/styled-system/jsx";
-import { CopyrightMetaData } from "@ndla/types-embed";
+import type { CopyrightMetaData } from "@ndla/types-embed";
 import { EmbedByline } from "../LicenseByline";
 
 interface Props {

package/src/Embed/EmbedErrorPlaceholder.tsx

@@ -6,12 +6,12 @@
  *
  */
 
-import { ReactNode } from "react";
-import { Report } from "@ndla/icons/common";
+import { type ReactNode } from "react";
+import { ErrorWarningLine } from "@ndla/icons";
 import { Figure, type FigureFloat, type FigureSize } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { EmbedByline } from "../LicenseByline";
-import { EmbedBylineErrorProps } from "../LicenseByline/EmbedByline";
+import { type EmbedBylineErrorProps } from "../LicenseByline/EmbedByline";
 
 interface Props {
   type: EmbedBylineErrorProps["type"];
@@ -51,7 +51,7 @@ const EmbedErrorPlaceholder = ({ type, children, figureType, float }: Props) =>
     <StyledFigure size={figureType} float={float} data-embed-type={type}>
       {children ?? (
         <ErrorPlaceholder data-embed-type={type}>
-          <Report />
+          <ErrorWarningLine />
         </ErrorPlaceholder>
       )}
       <EmbedByline error type={type} />

package/src/Embed/EmbedWrapper.tsx

@@ -10,7 +10,7 @@ import { forwardRef } from "react";
 import { ark, type HTMLArkProps } from "@ark-ui/react";
 import { css, cva } from "@ndla/styled-system/css";
 import { styled } from "@ndla/styled-system/jsx";
-import { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
+import type { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
 
 const embedWrapperRecipe = cva({
   base: {

package/src/Embed/ExternalEmbed.stories.tsx

@@ -6,9 +6,9 @@
  *
  */
 
-import { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
-import { OembedEmbedData, OembedData } from "@ndla/types-embed";
+import type { OembedEmbedData, OembedData } from "@ndla/types-embed";
 import ExternalEmbed from "./ExternalEmbed";
 import { ArticleWrapper, ArticleContent } from "../Article";