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

package/src/Embed/ImageEmbed.stories.tsx

@@ -6,12 +6,12 @@
  *
  */
 
-import { ReactNode } from "react";
-import { Meta, StoryFn, StoryObj } from "@storybook/react";
+import type { ReactNode } from "react";
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
 import { PageContent, Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { IImageMetaInformationV3 } from "@ndla/types-backend/image-api";
-import { ImageEmbedData } from "@ndla/types-embed";
+import type { IImageMetaInformationV3 } from "@ndla/types-backend/image-api";
+import type { ImageEmbedData } from "@ndla/types-embed";
 import ImageEmbed from "./ImageEmbed";
 import { ArticleWrapper, ArticleContent } from "../Article";
 import { Grid } from "../Grid";

package/src/Embed/ImageEmbed.tsx

@@ -7,14 +7,14 @@
  */
 
 import parse from "html-react-parser";
-import { ReactNode, useMemo, useState } from "react";
+import { type ReactNode, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { AddLine } from "@ndla/icons/action";
-import { Figure, FigureSize, FigureVariantProps, Image } from "@ndla/primitives";
+import { AddLine } from "@ndla/icons";
+import { Figure, type FigureSize, type FigureVariantProps, Image } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { ImageEmbedData, ImageMetaData } from "@ndla/types-embed";
+import type { ImageEmbedData, ImageMetaData } 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/InlineTriggerButton.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { ComponentPropsWithRef, KeyboardEvent, forwardRef, useCallback, useRef } from "react";
+import { type ComponentPropsWithRef, type KeyboardEvent, forwardRef, useCallback, useRef } from "react";
 import { styled } from "@ndla/styled-system/jsx";
 import { composeRefs } from "@ndla/util";
 

package/src/Embed/RelatedContentEmbed.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 { RelatedContentMetaData } from "@ndla/types-embed";
+import type { RelatedContentMetaData } from "@ndla/types-embed";
 import RelatedContentEmbed from "./RelatedContentEmbed";
 import { ArticleWrapper, ArticleContent } from "../Article";
 import RelatedArticleList from "../RelatedArticleList";

package/src/Embed/RelatedContentEmbed.tsx

@@ -7,7 +7,7 @@
  */
 
 import { useTranslation } from "react-i18next";
-import { RelatedContentMetaData } from "@ndla/types-embed";
+import type { RelatedContentMetaData } from "@ndla/types-embed";
 import { contentTypeMapping } from "../model/ContentType";
 import { RelatedArticle } from "../RelatedArticleList/RelatedArticleList";
 

package/src/Embed/UnknownEmbed.tsx

@@ -8,7 +8,7 @@
 
 import { useTranslation } from "react-i18next";
 import { Text } from "@ndla/primitives";
-import { MetaData } from "@ndla/types-embed";
+import type { MetaData } from "@ndla/types-embed";
 
 interface Props {
   embed: MetaData<any, any>;

package/src/Embed/UuDisclaimerEmbed.stories.tsx

@@ -6,9 +6,9 @@
  *
  */
 
-import { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import { ExpandableBox, ExpandableBoxSummary, FramedContent, PageContent } from "@ndla/primitives";
-import { UuDisclaimerEmbedData } from "@ndla/types-embed";
+import type { UuDisclaimerEmbedData } from "@ndla/types-embed";
 import H5pEmbed from "./H5pEmbed";
 import IframeEmbed from "./IframeEmbed";
 import UuDisclaimerEmbed from "./UuDisclaimerEmbed";

package/src/Embed/UuDisclaimerEmbed.tsx

@@ -6,12 +6,12 @@
  *
  */
 
-import { ReactNode } from "react";
-import { InformationLine } from "@ndla/icons/common";
+import { type ReactNode } from "react";
+import { InformationLine } from "@ndla/icons";
 import { MessageBox } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";
-import { UuDisclaimerMetaData } from "@ndla/types-embed";
+import type { UuDisclaimerMetaData } from "@ndla/types-embed";
 
 interface Props {
   embed: UuDisclaimerMetaData;

package/src/Embed/types.ts

@@ -6,9 +6,9 @@
  *
  */
 
-import { ElementType } from "react";
-import { IImageMetaInformationV3 } from "@ndla/types-backend/image-api";
-import { EmbedMetaData } from "@ndla/types-embed";
+import type { ElementType } from "react";
+import type { IImageMetaInformationV3 } from "@ndla/types-backend/image-api";
+import type { EmbedMetaData } from "@ndla/types-embed";
 
 export type HeartButtonType = ElementType<{
   embed: Extract<EmbedMetaData, { status: "success" }>;

package/src/ErrorMessage/ErrorMessage.stories.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { Meta, StoryFn, StoryObj } from "@storybook/react";
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
 import ErrorMessage from "./ErrorMessage";
 // @ts-expect-error - It exists.
 import Oops from "../../../../images/oops.gif";

package/src/ErrorMessage/ErrorMessage.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { ReactNode } from "react";
+import { type ReactNode } from "react";
 import { Text } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";

package/src/ErrorMessage/ErrorResourceAccessDenied.tsx

@@ -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/src/FactBox/FactBox.tsx

@@ -6,9 +6,18 @@
  *
  */
 
-import { ComponentProps, ReactNode, forwardRef, useCallback, useEffect, useId, useMemo, useState } from "react";
+import {
+  type ComponentProps,
+  type ReactNode,
+  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";
 

package/src/FactBox/Factbox.stories.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import { Button, Heading, UnOrderedList, OrderedList } from "@ndla/primitives";
 import FactBox from "./FactBox";
 

package/src/FileList/File.tsx

@@ -6,9 +6,9 @@
  *
  */
 
-import { ComponentPropsWithRef, forwardRef } from "react";
+import { type ComponentPropsWithRef, 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/src/FileList/FileList.stories.tsx

@@ -6,9 +6,8 @@
  *
  */
 
-import { Meta, StoryFn, StoryObj } from "@storybook/react";
-import { PencilFill, DeleteBinLine } from "@ndla/icons/action";
-import { DragVertical } from "@ndla/icons/editor";
+import type { Meta, StoryFn, StoryObj } from "@storybook/react";
+import { PencilFill, DeleteBinLine, Draggable } from "@ndla/icons";
 import { IconButton } from "@ndla/primitives";
 import { HStack, styled } from "@ndla/styled-system/jsx";
 import { File } from "./File";
@@ -151,7 +150,7 @@ export const FilesWithDragHandle: StoryObj<typeof File> = {
     <ul>
       <StyledFileListItem>
         <IconButton variant="clear">
-          <DragVertical />
+          <Draggable />
         </IconButton>
         <File title="Fil 1" url="https://ndla.no/1" fileExists fileType="mp4" fileSize="100 mb" />
       </StyledFileListItem>

package/src/FileList/FileList.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { ComponentPropsWithoutRef } from "react";
+import { type ComponentPropsWithoutRef } from "react";
 import { useTranslation } from "react-i18next";
 import { ark } from "@ark-ui/react";
 import { Heading } from "@ndla/primitives";

package/src/Gloss/Gloss.stories.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { Meta, StoryObj, StoryFn } from "@storybook/react";
+import type { Meta, StoryObj, StoryFn } from "@storybook/react";
 import Gloss from "./Gloss";
 import GlossExample from "./GlossExample";
 import { wordClass } from "../model/WordClass";

package/src/Gloss/Gloss.tsx

@@ -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,
@@ -19,7 +19,7 @@ import {
   Text,
 } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { type StyledVariantProps } from "@ndla/styled-system/types";
+import type { StyledVariantProps } from "@ndla/styled-system/types";
 import type { IGlossData, IGlossExample } from "@ndla/types-backend/concept-api";
 import GlossExample from "./GlossExample";
 import SpeechControl from "../AudioPlayer/SpeechControl";

package/src/Gloss/GlossExample.tsx

@@ -9,7 +9,7 @@
 import { Fragment } from "react";
 import { Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { IGlossExample } from "@ndla/types-backend/concept-api";
+import type { IGlossExample } from "@ndla/types-backend/concept-api";
 
 interface Props {
   examples: IGlossExample[];

package/src/Grid/Grid.stories.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { Meta, StoryFn } from "@storybook/react";
+import type { Meta, StoryFn } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import { ArticleContent, ArticleWrapper } from "@ndla/ui";
 import { Grid } from "./Grid";

package/src/Grid/Grid.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { ReactNode } from "react";
+import { type ReactNode } from "react";
 import { styled } from "@ndla/styled-system/jsx";
 
 const GridContainer = styled("div", {

package/src/Grid/GridParallaxItem.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { HTMLAttributes } from "react";
+import { type HTMLAttributes } from "react";
 import { styled } from "@ndla/styled-system/jsx";
 
 const StyledGridParallaxItem = styled("div", {

package/src/KeyFigure/KeyFigure.stories.tsx

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

package/src/LicenseByline/EmbedByline.stories.tsx

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

package/src/LicenseByline/EmbedByline.tsx

@@ -6,17 +6,17 @@
  *
  */
 
-import { Dispatch, ReactNode, SetStateAction, useState } from "react";
+import { type Dispatch, type ReactNode, type SetStateAction, 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";
-import { ICopyright as ArticleCopyright } from "@ndla/types-backend/article-api";
-import { ICopyright as AudioCopyright } from "@ndla/types-backend/audio-api";
-import { IDraftCopyright as ConceptCopyright } from "@ndla/types-backend/concept-api";
-import { ICopyright as ImageCopyright } from "@ndla/types-backend/image-api";
-import { BrightcoveCopyright } from "@ndla/types-embed";
+import type { ICopyright as ArticleCopyright } from "@ndla/types-backend/article-api";
+import type { ICopyright as AudioCopyright } from "@ndla/types-backend/audio-api";
+import type { IDraftCopyright as ConceptCopyright } from "@ndla/types-backend/concept-api";
+import type { ICopyright as ImageCopyright } from "@ndla/types-backend/image-api";
+import type { BrightcoveCopyright } from "@ndla/types-embed";
 import { LicenseLink } from "./LicenseLink";
 
 interface BaseProps {

package/src/LicenseByline/LicenseLink.tsx

@@ -7,8 +7,8 @@
  */
 
 import { forwardRef } from "react";
-import { LicenseLocaleType } from "@ndla/licenses";
-import { SafeLink, SafeLinkProps } from "@ndla/safelink";
+import type { LicenseLocaleType } from "@ndla/licenses";
+import { SafeLink, type SafeLinkProps } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";
 
 interface Props extends Omit<SafeLinkProps, "to"> {

package/src/LinkBlock/LinkBlock.stories.tsx

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

package/src/LinkBlock/LinkBlock.tsx

@@ -8,12 +8,11 @@
 
 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";
-import { LinkBlockEmbedData } from "@ndla/types-embed";
+import type { LinkBlockEmbedData } from "@ndla/types-embed";
 import { getPossiblyRelativeUrl } from "../utils/relativeUrl";
 
 const InfoWrapper = styled("div", {

package/src/LinkBlock/LinkBlockSection.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { Children, HTMLAttributes, ReactNode } from "react";
+import { Children, type HTMLAttributes, type ReactNode } from "react";
 import { styled } from "@ndla/styled-system/jsx";
 
 interface Props extends HTMLAttributes<HTMLElement> {

package/src/Pitch/Pitch.stories.tsx

@@ -6,9 +6,9 @@
  *
  */
 
-import { Meta, StoryFn } from "@storybook/react";
+import type { Meta, StoryFn } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
-import { Pitch, Props } from "./Pitch";
+import { Pitch, type Props } from "./Pitch";
 import { ArticleContent, ArticleWrapper } from "../Article";
 import { Grid } from "../Grid";
 

package/src/RelatedArticleList/RelatedArticleList.tsx

@@ -6,16 +6,16 @@
  *
  */
 
-import { Children, ComponentPropsWithoutRef, ReactNode, useMemo, useState } from "react";
+import { Children, type ComponentPropsWithoutRef, type ReactNode, 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";
 import { linkOverlay } from "@ndla/styled-system/patterns";
-import { ContentTypeBadge } from "../ContentTypeBadge/ContentTypeBadgeNew";
+import { ContentTypeBadge } from "../ContentTypeBadge/ContentTypeBadge";
 import { contentTypes } from "../model/ContentType";
-import { HeadingLevel } from "../types";
+import type { HeadingLevel } from "../types";
 
 interface RelatedArticleProps {
   title: string;

package/src/ResourceBox/ResourceBox.tsx

@@ -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/src/TagSelector/TagSelector.stories.tsx

@@ -9,10 +9,8 @@
 import { useState } from "react";
 import { type ComboboxInputValueChangeDetails, createListCollection } from "@ark-ui/react";
 
-import { Meta, StoryFn } from "@storybook/react";
-import { CloseLine } from "@ndla/icons/action";
-import { ArrowDownShortLine } from "@ndla/icons/common";
-import { CheckLine } from "@ndla/icons/editor";
+import type { Meta, StoryFn } from "@storybook/react";
+import { CloseLine, ArrowDownShortLine, CheckLine } from "@ndla/icons";
 import {
   ComboboxContent,
   ComboboxItem,

package/src/TagSelector/TagSelector.tsx

@@ -8,27 +8,27 @@
 
 import { forwardRef, useEffect, useId, useRef } from "react";
 import { type CollectionItem, useTagsInputContext, useComboboxContext } from "@ark-ui/react";
-import { CloseLine } from "@ndla/icons/action";
+import { CloseLine } from "@ndla/icons";
 import {
   ComboboxClearTrigger,
   ComboboxControl,
-  ComboboxControlProps,
+  type ComboboxControlProps,
   ComboboxInput,
-  ComboboxInputProps,
+  type ComboboxInputProps,
   ComboboxLabel,
   ComboboxRoot,
-  ComboboxRootProps,
+  type ComboboxRootProps,
   ComboboxTrigger,
   TagsInputControl,
-  TagsInputControlProps,
+  type TagsInputControlProps,
   TagsInputInput,
-  TagsInputInputProps,
+  type TagsInputInputProps,
   TagsInputItem,
   TagsInputItemDeleteTrigger,
   TagsInputItemPreview,
   TagsInputItemText,
   TagsInputRoot,
-  TagsInputRootProps,
+  type TagsInputRootProps,
   TagsInputItemInput,
 } from "@ndla/primitives";
 import { contains } from "@ndla/util";

package/src/ZendeskButton/ZendeskButton.tsx

@@ -7,7 +7,7 @@
  */
 
 import { forwardRef, useState } from "react";
-import { Button, ButtonProps } from "@ndla/primitives";
+import { Button, type ButtonProps } from "@ndla/primitives";
 
 // TODO: Let's consider abandoning `disabled` on the button here. It should instead just open/close the widget based on its current state.
 

package/src/i18n/useComponentTranslations.ts

@@ -9,7 +9,7 @@
 import { useTranslation } from "react-i18next";
 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/src/index.ts

@@ -54,8 +54,6 @@ export {
 
 export { getPossiblyRelativeUrl } from "./utils/relativeUrl";
 
-export { default as ContentLoader } from "./ContentLoader";
-
 export { default as RelatedArticleList, RelatedArticle } from "./RelatedArticleList";
 
 export { ErrorResourceAccessDenied, default as ErrorMessage } from "./ErrorMessage";
@@ -94,22 +92,8 @@ export {
   useVideoSearchTranslations,
 } from "./i18n";
 
-export {
-  default as ContentTypeBadge,
-  SubjectMaterialBadge,
-  TasksAndActivitiesBadge,
-  AssessmentResourcesBadge,
-  LearningPathBadge,
-  SubjectBadge,
-  SourceMaterialBadge,
-  ConceptBadge,
-} from "./ContentTypeBadge";
-
-export type { ContentTypeBadgeProps, StrictContentType, ContentType } from "./ContentTypeBadge/ContentTypeBadgeNew";
-export {
-  ContentTypeBadge as ContentTypeBadgeNew,
-  contentTypeToBadgeVariantMap,
-} from "./ContentTypeBadge/ContentTypeBadgeNew";
+export type { ContentTypeBadgeProps, StrictContentType, ContentType } from "./ContentTypeBadge/ContentTypeBadge";
+export { ContentTypeBadge, contentTypeToBadgeVariantMap } from "./ContentTypeBadge/ContentTypeBadge";
 
 export { ContentTypeBlockQuote } from "./ContentTypeBlockQuote/ContentTypeBlockQuote";
 export { type ContentTypeBlockQuoteVariant } from "./ContentTypeBlockQuote/ContentTypeBlockQuote";

package/src/locale/messages-en.ts

@@ -584,6 +584,7 @@ const messages = {
     gloss: "Gloss",
     programme: "Programme",
     "podcast-series": "Podcast series",
+    "frontpage-article": "About NDLA article",
   },
   modal: {
     closeModal: "Close",

package/src/locale/messages-nb.ts

@@ -585,6 +585,7 @@ const messages = {
     gloss: "Glose",
     programme: "Programfag",
     "podcast-series": "Podkast-serie",
+    "frontpage-article": "Om NDLA-artikkel",
   },
   modal: {
     closeModal: "Lukk",

package/src/locale/messages-nn.ts

@@ -585,6 +585,7 @@ const messages = {
     gloss: "Glose",
     programme: "Programfag",
     "podcast-series": "Podkast-serie",
+    "frontpage-article": "Om NDLA-artikkel",
   },
   modal: {
     closeModal: "Lukk",

package/src/locale/messages-se.ts

@@ -586,6 +586,7 @@ const messages = {
     gloss: "Glose",
     programme: "Programfag",
     "podcast-series": "Podkast-serie",
+    "frontpage-article": "Om NDLA-artikkel",
   },
   modal: {
     closeModal: "Govčča",

package/src/locale/messages-sma.ts

@@ -588,6 +588,7 @@ const messages = {
     gloss: "Glose",
     programme: "Programfag",
     "podcast-series": "Podkast-serie",
+    "frontpage-article": "Om NDLA-artikkel",
   },
   modal: {
     closeModal: "Dahph",

package/src/model/ContentType.ts

@@ -24,6 +24,7 @@ export const PODCAST = "podcast";
 export const GLOSS = "gloss";
 export const PROGRAMME = "programme";
 export const PODCAST_SERIES = "podcast-series";
+export const FRONTPAGE_ARTICLE = "frontpage-article";
 
 export const contentTypes = {
   SUBJECT_MATERIAL,
@@ -57,6 +58,7 @@ export const contentTypeMapping: Record<string, string> = {
   [RESOURCE_TYPE_CONCEPT]: CONCEPT,
   [MULTIDISCIPLINARY]: MULTIDISCIPLINARY,
   [TOPIC]: TOPIC,
+  [FRONTPAGE_ARTICLE]: FRONTPAGE_ARTICLE,
   default: SUBJECT_MATERIAL,
 };
 

package/src/types.ts

@@ -6,7 +6,7 @@
  *
  */
 
-import { ReactNode } from "react";
+import { type ReactNode } from "react";
 
 export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";