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

package/dist/panda.buildinfo.json

@@ -56,6 +56,7 @@
       "padding]___[value:xsmall",
       "paddingBlock]___[value:xsmall]___[cond:&[data-has-image='true']<___>tablet",
       "paddingInline]___[value:medium]___[cond:&[data-has-image='true']<___>tablet",
+      "fontFamily]___[value:sans",
       "width]___[value:100%]___[cond:tabletWide",
       "justifyContent]___[value:space-between]___[cond:tabletWide",
       "borderBlockStart]___[value:1px solid",

package/dist/styles.css

@@ -605,6 +605,10 @@
     border-color: var(--colors-stroke-default);
 }
 
+  .ff_sans {
+    font-family: var(--fonts-sans);
+}
+
   .as_flex-start {
     align-self: flex-start;
 }

package/es/Article/ArticleByline.js

@@ -9,7 +9,7 @@
 import { 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, AccordionItemTrigger, AccordionRoot, Heading } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { ArticleFootNotes } from "./ArticleFootNotes";

package/es/AudioPlayer/AudioPlayer.js

@@ -80,6 +80,7 @@ const TitleWrapper = styled("div", {
     display: "flex",
     flexDirection: "column",
     gap: "xsmall",
+    fontFamily: "sans",
     tabletWide: {
       width: "100%",
       flexDirection: "row",

package/es/AudioPlayer/Controls.js

@@ -9,9 +9,7 @@
 import { useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { 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, IconButton, PopoverContent, PopoverRoot, PopoverTrigger, SelectContent, SelectControl, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectRoot, SelectTrigger, SliderControl, SliderHiddenInput, SliderLabel, SliderRange, SliderRoot, SliderThumb, SliderTrack, Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { visuallyHidden } from "@ndla/styled-system/patterns";

package/es/AudioPlayer/SpeechControl.js

@@ -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";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SpeechControl = _ref => {

package/es/Breadcrumb/BreadcrumbItem.js

@@ -7,7 +7,7 @@
  */
 
 import { useRef, useImperativeHandle, forwardRef } from "react";
-import { ArrowRightShortLine } from "@ndla/icons/common";
+import { ArrowRightShortLine } from "@ndla/icons";
 import { SafeLink } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/es/Breadcrumb/HomeBreadcrumb.js

@@ -6,7 +6,7 @@
  *
  */
 
-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";

package/es/CampaignBlock/CampaignBlock.js

@@ -7,7 +7,7 @@
  */
 
 import parse from "html-react-parser";
-import { ArrowRightLine } from "@ndla/icons/common";
+import { ArrowRightLine } from "@ndla/icons";
 import { Text } from "@ndla/primitives";
 import { SafeLinkButton } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";

package/es/CopyParagraphButton/CopyParagraphButton.js

@@ -8,7 +8,7 @@
 
 import { 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/es/Embed/CodeEmbed.js

@@ -8,8 +8,7 @@
 
 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 { copyTextToClipboard } from "@ndla/util";

package/es/Embed/EmbedErrorPlaceholder.js

@@ -6,7 +6,7 @@
  *
  */
 
-import { Report } from "@ndla/icons/common";
+import { ErrorWarningLine } from "@ndla/icons";
 import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { EmbedByline } from "../LicenseByline";
@@ -48,7 +48,7 @@ const EmbedErrorPlaceholder = _ref => {
     "data-embed-type": type,
     children: [children ?? /*#__PURE__*/_jsx(ErrorPlaceholder, {
       "data-embed-type": type,
-      children: /*#__PURE__*/_jsx(Report, {})
+      children: /*#__PURE__*/_jsx(ErrorWarningLine, {})
     }), /*#__PURE__*/_jsx(EmbedByline, {
       error: true,
       type: type

package/es/Embed/ImageEmbed.js

@@ -9,7 +9,7 @@
 import parse from "html-react-parser";
 import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { AddLine } from "@ndla/icons/action";
+import { AddLine } from "@ndla/icons";
 import { Figure, Image } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";

package/es/Embed/UuDisclaimerEmbed.js

@@ -6,7 +6,7 @@
  *
  */
 
-import { InformationLine } from "@ndla/icons/common";
+import { InformationLine } from "@ndla/icons";
 import { MessageBox } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";

package/es/ErrorMessage/ErrorResourceAccessDenied.js

@@ -7,7 +7,7 @@
  */
 
 import { useTranslation } from "react-i18next";
-import { PresentationLine, LoginBoxLine } from "@ndla/icons/common";
+import { PresentationLine, LoginBoxLine } from "@ndla/icons";
 import { Button } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import ErrorMessage from "./ErrorMessage";

package/es/FactBox/FactBox.js

@@ -8,7 +8,7 @@
 
 import { forwardRef, useCallback, useEffect, useId, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { ArrowDownShortLine } from "@ndla/icons/common";
+import { ArrowDownShortLine } from "@ndla/icons";
 import { IconButton } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/es/FileList/File.js

@@ -8,7 +8,7 @@
 
 import { forwardRef } from "react";
 import { useTranslation } from "react-i18next";
-import { DownloadLine } from "@ndla/icons/common";
+import { DownloadLine } from "@ndla/icons";
 import { Text } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
 import { HStack, styled } from "@ndla/styled-system/jsx";

package/es/Gloss/Gloss.js

@@ -9,7 +9,7 @@
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { AccordionItemTrigger } from "@ark-ui/react";
-import { ArrowDownShortLine } from "@ndla/icons/common";
+import { ArrowDownShortLine } from "@ndla/icons";
 import { AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionRoot, IconButton, Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import GlossExample from "./GlossExample";

package/es/LicenseByline/EmbedByline.js

@@ -8,7 +8,7 @@
 
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
-import { AlertLine } from "@ndla/icons/common";
+import { AlertLine } from "@ndla/icons";
 import { getLicenseByAbbreviation, getLicenseCredits } from "@ndla/licenses";
 import { Button, Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";

package/es/LinkBlock/LinkBlock.js

@@ -8,8 +8,7 @@
 
 import parse from "html-react-parser";
 import { useMemo } from "react";
-import { ArrowRightLine } from "@ndla/icons/common";
-import { CalendarLine } from "@ndla/icons/editor";
+import { ArrowRightLine, CalendarLine } from "@ndla/icons";
 import { Heading } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";

package/es/RelatedArticleList/RelatedArticleList.js

@@ -8,7 +8,7 @@
 
 import { Children, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { ExternalLinkLine } from "@ndla/icons/common";
+import { ExternalLinkLine } from "@ndla/icons";
 import { CardContent, CardHeading, CardRoot, Text, Heading, Button } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";

package/es/ResourceBox/ResourceBox.js

@@ -7,7 +7,7 @@
  */
 
 import { breakpoints } from "@ndla/core";
-import { ShareBoxLine } from "@ndla/icons/common";
+import { ShareBoxLine } from "@ndla/icons";
 import { Heading, Image, Text } from "@ndla/primitives";
 import { SafeLinkButton } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";

package/es/TagSelector/TagSelector.js

@@ -8,7 +8,7 @@
 
 import { forwardRef, useEffect, useId, useRef } from "react";
 import { useTagsInputContext, useComboboxContext } from "@ark-ui/react";
-import { CloseLine } from "@ndla/icons/action";
+import { CloseLine } from "@ndla/icons";
 import { ComboboxClearTrigger, ComboboxControl, ComboboxInput, ComboboxLabel, ComboboxRoot, ComboboxTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemPreview, TagsInputItemText, TagsInputRoot, TagsInputItemInput } from "@ndla/primitives";
 import { contains } from "@ndla/util";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";

package/lib/Article/Article.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { ReactNode } from "react";
-import { ContentType } from "../ContentTypeBadge/ContentTypeBadge";
-import { Article as ArticleType } from "../types";
+import { type ReactNode } from "react";
+import { type ContentType } from "../ContentTypeBadge/ContentTypeBadge";
+import type { Article as ArticleType } from "../types";
 export declare const ArticleContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react").PolymorphicProps & {
     consumeCss?: boolean;
 } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLElement>>;

package/lib/Article/ArticleByline.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { ReactNode } from "react";
-import { AccordionItemProps } from "@ndla/primitives";
-import { FootNote } from "../types";
+import { type ReactNode } from "react";
+import { type AccordionItemProps } from "@ndla/primitives";
+import type { FootNote } from "../types";
 type AuthorProps = {
     name: string;
 };

package/lib/Article/ArticleByline.js

@@ -7,7 +7,7 @@ exports.ArticleBylineAccordionItem = exports.ArticleByline = void 0;
 var _react = require("react");
 var _reactI18next = require("react-i18next");
 var _reactRouterDom = require("react-router-dom");
-var _common = require("@ndla/icons/common");
+var _icons = require("@ndla/icons");
 var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _ArticleFootNotes = require("./ArticleFootNotes");
@@ -178,7 +178,7 @@ const ArticleBylineAccordionItem = exports.ArticleBylineAccordionItem = /*#__PUR
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemIndicator, {
         asChild: true,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ArrowDownShortLine, {})
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowDownShortLine, {})
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemContent, {
       children: children

package/lib/Article/ArticleFootNotes.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { FootNote as FootNoteType } from "../types";
+import type { FootNote as FootNoteType } from "../types";
 type ArticleFootNotesProps = {
     footNotes: Array<FootNoteType>;
 };

package/lib/AudioPlayer/AudioPlayer.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";
 type Props = {
     src: string;
     title: string;

package/lib/AudioPlayer/AudioPlayer.js

@@ -86,6 +86,7 @@ const TitleWrapper = (0, _jsx2.styled)("div", {
     display: "flex",
     flexDirection: "column",
     gap: "xsmall",
+    fontFamily: "sans",
     tabletWide: {
       width: "100%",
       flexDirection: "row",

package/lib/AudioPlayer/Controls.js

@@ -7,9 +7,7 @@ exports.default = void 0;
 var _react = require("react");
 var _reactI18next = require("react-i18next");
 var _react2 = require("@ark-ui/react");
-var _action = require("@ndla/icons/action");
-var _common = require("@ndla/icons/common");
-var _editor = require("@ndla/icons/editor");
+var _icons = require("@ndla/icons");
 var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _patterns = require("@ndla/styled-system/patterns");
@@ -218,18 +216,18 @@ const Controls = _ref => {
         title: t("audio.controls.rewind15sec"),
         "aria-label": t("audio.controls.rewind15sec"),
         onClick: () => onSeekSeconds(-15),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.Replay15Line, {})
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Replay15Line, {})
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PlayButton, {
         "aria-label": t(playing ? t("audio.pause") : t("audio.play")),
         variant: "primary",
         onClick: togglePlay,
-        children: playing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.PauseLine, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.PlayFill, {})
+        children: playing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PauseLine, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlayFill, {})
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Forward15SecButton, {
         variant: "tertiary",
         title: t("audio.controls.forward15sec"),
         "aria-label": t("audio.controls.forward15sec"),
         onClick: () => onSeekSeconds(15),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.Forward15Line, {})
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Forward15Line, {})
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ProgressWrapper, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledText, {
           textStyle: "label.medium",
@@ -293,7 +291,7 @@ const Controls = _ref => {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.SelectItemText, {
                 children: [speed, "x"]
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectItemIndicator, {
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.CheckLine, {})
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CheckLine, {})
               })]
             }, speed))
           })]
@@ -307,7 +305,7 @@ const Controls = _ref => {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(VolumeButton, {
             variant: "tertiary",
             "aria-label": t("audio.controls.adjustVolume"),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.VolumeUpFill, {})
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.VolumeUpFill, {})
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledPopoverContent, {
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.SliderRoot, {

package/lib/AudioPlayer/SpeechControl.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _reactI18next = require("react-i18next");
-var _common = require("@ndla/icons/common");
+var _icons = require("@ndla/icons");
 var _primitives = require("@ndla/primitives");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
@@ -51,7 +51,7 @@ const SpeechControl = _ref => {
           variant: "tertiary",
           "aria-label": t(`${type}.play`),
           onClick: togglePlay,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.VolumeUpFill, {})
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.VolumeUpFill, {})
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TooltipContent, {
         children: t(`${type}.play`)

package/lib/Breadcrumb/Breadcrumb.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { ReactNode } from "react";
-import { IndexedBreadcrumbItem, SimpleBreadcrumbItem } from "./BreadcrumbItem";
+import { type ReactNode } from "react";
+import { type IndexedBreadcrumbItem, type SimpleBreadcrumbItem } from "./BreadcrumbItem";
 interface Props {
     items: SimpleBreadcrumbItem[];
     collapseFirst?: boolean;

package/lib/Breadcrumb/BreadcrumbItem.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 interface SimpleBreadcrumbItem {
     to: string | Partial<Location>;
     name: ReactNode;

package/lib/Breadcrumb/BreadcrumbItem.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _common = require("@ndla/icons/common");
+var _icons = require("@ndla/icons");
 var _safelink = require("@ndla/safelink");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -62,7 +62,7 @@ const BreadcrumbItem = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         children: name
       })
-    }), renderSeparator ? renderSeparator(item, totalCount) : !isLast && /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ArrowRightShortLine, {})]
+    }), renderSeparator ? renderSeparator(item, totalCount) : !isLast && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowRightShortLine, {})]
   });
 });
 var _default = exports.default = BreadcrumbItem;

package/lib/Breadcrumb/HomeBreadcrumb.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { SimpleBreadcrumbItem } from "./BreadcrumbItem";
+import type { SimpleBreadcrumbItem } from "./BreadcrumbItem";
 interface Props {
     items: SimpleBreadcrumbItem[];
 }

package/lib/Breadcrumb/HomeBreadcrumb.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _common = require("@ndla/icons/common");
+var _icons = require("@ndla/icons");
 var _safelink = require("@ndla/safelink");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
@@ -30,7 +30,7 @@ const StyledSafeLink = (0, _jsx2.styled)(_safelink.SafeLink, {
     }
   }
 });
-const StyledArrowRight = (0, _jsx2.styled)(_common.ArrowRightShortLine, {
+const StyledArrowRight = (0, _jsx2.styled)(_icons.ArrowRightShortLine, {
   base: {
     tabletDown: {
       display: "none"
@@ -56,7 +56,7 @@ const HomeBreadcrumb = _ref => {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconSafeLink, {
         "aria-label": item.name,
         to: item.to,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.HomeLine, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.HomeLine, {
           title: item.name
         })
       });
@@ -73,7 +73,7 @@ const HomeBreadcrumb = _ref => {
     if (item.index === 0) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledArrowRight, {});
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ArrowRightShortLine, {});
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowRightShortLine, {});
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Breadcrumb.default, {
     items: items,

package/lib/CampaignBlock/CampaignBlock.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { CampaignBlockEmbedData } from "@ndla/types-embed";
-import { HeadingLevel } from "../types";
+import type { CampaignBlockEmbedData } from "@ndla/types-embed";
+import type { HeadingLevel } from "../types";
 interface Image {
     src: string;
     alt: string;

package/lib/CampaignBlock/CampaignBlock.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
-var _common = require("@ndla/icons/common");
+var _icons = require("@ndla/icons");
 var _primitives = require("@ndla/primitives");
 var _safelink = require("@ndla/safelink");
 var _jsx2 = require("@ndla/styled-system/jsx");
@@ -179,7 +179,7 @@ const CampaignBlock = _ref2 => {
         }), !!url?.url && /*#__PURE__*/(0, _jsxRuntime.jsxs)(LinkButton, {
           url: url.url,
           path: path,
-          children: [(0, _htmlReactParser.default)(url.text ?? ""), /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ArrowRightLine, {})]
+          children: [(0, _htmlReactParser.default)(url.text ?? ""), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowRightLine, {})]
         })]
       }), imageSide !== "left" && imageComponent]
     })

package/lib/CodeBlock/CodeBlock.d.ts

@@ -6,7 +6,7 @@
  *
  */
 import { type ComponentPropsWithRef } from "react";
-import { type JsxStyleProps } from "@ndla/styled-system/types";
+import type { JsxStyleProps } from "@ndla/styled-system/types";
 interface Props extends JsxStyleProps, ComponentPropsWithRef<"pre"> {
     highlightedCode: string;
     format: string;

package/lib/Concept/Concept.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { ComponentPropsWithRef, ReactNode } from "react";
-import { IDraftCopyright as ConceptCopyright } from "@ndla/types-backend/concept-api";
-import { ConceptVisualElementMeta } from "@ndla/types-embed";
+import { type ComponentPropsWithRef, type ReactNode } from "react";
+import type { IDraftCopyright as ConceptCopyright } from "@ndla/types-backend/concept-api";
+import type { ConceptVisualElementMeta } from "@ndla/types-embed";
 export interface ConceptProps extends ComponentPropsWithRef<"figure"> {
     copyright?: ConceptCopyright;
     visualElement?: ConceptVisualElementMeta;

package/lib/ContactBlock/ContactBlock.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { IImageMetaInformationV3 } from "@ndla/types-backend/image-api";
+import type { IImageMetaInformationV3 } from "@ndla/types-backend/image-api";
 export type ContactBlockBackground = "strong" | "moderate" | "subtle";
 export declare const contactBlockBackgrounds: ContactBlockBackground[];
 interface Props {

package/lib/ContentTypeBadge/ContentTypeBadge.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { BadgeProps, type BadgeVariant } from "@ndla/primitives";
+import { type BadgeProps, type BadgeVariant } from "@ndla/primitives";
 import * as contentTypes from "../model/ContentType";
 export interface ContentTypeBadgeProps extends Omit<BadgeProps, "colorTheme"> {
     contentType: ContentType | undefined;

package/lib/ContentTypeBlockQuote/ContentTypeBlockQuote.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { BlockQuoteProps } from "@ndla/primitives";
-import { ContentType } from "../ContentTypeBadge/ContentTypeBadge";
+import { type BlockQuoteProps } from "@ndla/primitives";
+import type { ContentType } from "../ContentTypeBadge/ContentTypeBadge";
 export type ContentTypeBlockQuoteVariant = "colored" | "neutral";
 interface Props extends Omit<BlockQuoteProps, "variant"> {
     variant?: ContentTypeBlockQuoteVariant;

package/lib/ContentTypeFramedContent/ContentTypeFramedContent.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { FramedContentProps } from "@ndla/primitives";
-import { ContentType } from "..";
+import { type FramedContentProps } from "@ndla/primitives";
+import type { ContentType } from "..";
 export type ContentTypeFramedContentVariant = "colored" | "neutral";
 interface Props extends FramedContentProps {
     variant?: ContentTypeFramedContentVariant;

package/lib/ContentTypeHero/ContentTypeHero.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { HeroProps, HeroVariant } from "@ndla/primitives";
-import { ContentType } from "../ContentTypeBadge/ContentTypeBadge";
+import { type HeroProps, type HeroVariant } from "@ndla/primitives";
+import type { ContentType } from "../ContentTypeBadge/ContentTypeBadge";
 export declare const contentTypeToHeroMap: Record<ContentType, HeroVariant>;
 export interface ContentTypeHeroProps extends HeroProps {
     contentType: ContentType | undefined;

package/lib/CopyParagraphButton/CopyParagraphButton.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";
 interface Props {
     children: ReactNode;
     copyText: string;

package/lib/CopyParagraphButton/CopyParagraphButton.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _reactI18next = require("react-i18next");
-var _editor = require("@ndla/icons/editor");
+var _icons = require("@ndla/icons");
 var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _util = require("@ndla/util");
@@ -77,7 +77,7 @@ const CopyParagraphButton = _ref => {
       onClick: onCopyClick,
       title: tooltip,
       "aria-label": `${tooltip}: ${copyText}`,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.LinkMedium, {})
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LinkMedium, {})
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
       id: sanitizedTitle,
       tabIndex: -1,