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

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,12 +8,12 @@
 
 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";
 import { linkOverlay } from "@ndla/styled-system/patterns";
-import { ContentTypeBadge } from "../ContentTypeBadge/ContentTypeBadgeNew";
+import { ContentTypeBadge } from "../ContentTypeBadge/ContentTypeBadge";
 import { contentTypes } from "../model/ContentType";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledSpan = styled("span", {

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/es/index.js

@@ -14,7 +14,6 @@ export { ImageEmbed, getCrop, getFocalPoint, AudioEmbed, H5pEmbed, ExternalEmbed
 export { LicenseLink, EmbedByline } from "./LicenseByline";
 export { ArticleByline, ArticleBylineAccordionItem, ArticleFootNotes, ArticleWrapper, Article, ArticleFooter, ArticleHeader, ArticleContent, ArticleHGroup, ArticleTitle } from "./Article";
 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";
 export { FileListEmbed, File, PdfFile, FileListItem, FileListElement, FileListWrapper } from "./FileList";
@@ -30,8 +29,7 @@ export { default as messagesSE } from "./locale/messages-se";
 export { default as messagesSMA } from "./locale/messages-sma";
 export { default as Breadcrumb, HomeBreadcrumb } from "./Breadcrumb";
 export { i18nInstance, formatNestedMessages, useTagsInputTranslations, useTagSelectorTranslations, useComboboxTranslations, usePaginationTranslations, useAudioSearchTranslations, useImageSearchTranslations, useVideoSearchTranslations } from "./i18n";
-export { default as ContentTypeBadge, SubjectMaterialBadge, TasksAndActivitiesBadge, AssessmentResourcesBadge, LearningPathBadge, SubjectBadge, SourceMaterialBadge, ConceptBadge } from "./ContentTypeBadge";
-export { ContentTypeBadge as ContentTypeBadgeNew, contentTypeToBadgeVariantMap } from "./ContentTypeBadge/ContentTypeBadgeNew";
+export { ContentTypeBadge, contentTypeToBadgeVariantMap } from "./ContentTypeBadge/ContentTypeBadge";
 export { ContentTypeBlockQuote } from "./ContentTypeBlockQuote/ContentTypeBlockQuote";
 export { ContentTypeFramedContent } from "./ContentTypeFramedContent/ContentTypeFramedContent";
 export { default as CopyParagraphButton } from "./CopyParagraphButton";

package/es/locale/messages-en.js

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

package/es/locale/messages-nb.js

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

package/es/locale/messages-nn.js

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

package/es/locale/messages-se.js

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

package/es/locale/messages-sma.js

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

package/es/model/ContentType.js

@@ -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,
   TASKS_AND_ACTIVITIES,
@@ -54,6 +55,7 @@ export const contentTypeMapping = {
   [RESOURCE_TYPE_CONCEPT]: CONCEPT,
   [MULTIDISCIPLINARY]: MULTIDISCIPLINARY,
   [TOPIC]: TOPIC,
+  [FRONTPAGE_ARTICLE]: FRONTPAGE_ARTICLE,
   default: SUBJECT_MATERIAL
 };
 export const resourceEmbedTypeMapping = {

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/ContentTypeBadgeNew";
-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/Article.js

@@ -124,7 +124,7 @@ const ArticleTitle = _ref2 => {
         align: "center",
         direction: "row",
         gap: "small",
-        children: [!!contentType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ContentTypeBadgeNew, {
+        children: [!!contentType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ContentTypeBadge, {
           contentType: contentType,
           children: contentTypeLabel
         }), heartButton]

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

@@ -1,26 +1,16 @@
 /**
- * Copyright (c) 2018-present, NDLA.
+ * Copyright (c) 2024-present, NDLA.
  *
  * This source code is licensed under the GPLv3 license found in the
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { ComponentPropsWithoutRef } from "react";
-interface Props extends ComponentPropsWithoutRef<"div"> {
-    size?: "xx-small" | "x-small" | "small" | "large";
-    type: string;
-    title?: string;
-    background?: boolean;
-    border?: boolean;
-    className?: string;
+import { type BadgeProps, type BadgeVariant } from "@ndla/primitives";
+import * as contentTypes from "../model/ContentType";
+export interface ContentTypeBadgeProps extends Omit<BadgeProps, "colorTheme"> {
+    contentType: ContentType | undefined;
 }
-export declare const ContentTypeBadge: ({ type, background, title, size, border, className, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
-export declare const SubjectMaterialBadge: (props: Omit<Props, "type">) => import("react/jsx-runtime").JSX.Element;
-export declare const TasksAndActivitiesBadge: (props: Omit<Props, "type">) => import("react/jsx-runtime").JSX.Element;
-export declare const AssessmentResourcesBadge: (props: Omit<Props, "type">) => import("react/jsx-runtime").JSX.Element;
-export declare const SubjectBadge: (props: Omit<Props, "type">) => import("react/jsx-runtime").JSX.Element;
-export declare const SourceMaterialBadge: (props: Omit<Props, "type">) => import("react/jsx-runtime").JSX.Element;
-export declare const LearningPathBadge: (props: Omit<Props, "type">) => import("react/jsx-runtime").JSX.Element;
-export declare const MultidisciplinaryTopicBadge: (props: Omit<Props, "type">) => import("react/jsx-runtime").JSX.Element;
-export declare const ConceptBadge: (props: Omit<Props, "type">) => import("react/jsx-runtime").JSX.Element;
-export {};
+export type StrictContentType = typeof contentTypes.SUBJECT_MATERIAL | typeof contentTypes.TASKS_AND_ACTIVITIES | typeof contentTypes.ASSESSMENT_RESOURCES | typeof contentTypes.SUBJECT | typeof contentTypes.SOURCE_MATERIAL | typeof contentTypes.LEARNING_PATH | typeof contentTypes.TOPIC | typeof contentTypes.MULTIDISCIPLINARY | typeof contentTypes.CONCEPT | typeof contentTypes.EXTERNAL | typeof contentTypes.IMAGE | typeof contentTypes.AUDIO | typeof contentTypes.VIDEO | typeof contentTypes.MISSING | typeof contentTypes.PODCAST | typeof contentTypes.GLOSS | typeof contentTypes.PROGRAMME | typeof contentTypes.PODCAST_SERIES | typeof contentTypes.FRONTPAGE_ARTICLE;
+export type ContentType = StrictContentType | (string & {});
+export declare const contentTypeToBadgeVariantMap: Record<ContentType, BadgeVariant>;
+export declare const ContentTypeBadge: import("react").ForwardRefExoticComponent<ContentTypeBadgeProps & import("react").RefAttributes<HTMLDivElement>>;