@ndla/ui 56.0.72-alpha.0 → 56.0.73-alpha.0

package/lib/Article/ArticleByline.js

@@ -8,11 +8,9 @@ var _react = require("react");
 var _reactI18next = require("react-i18next");
 var _reactRouterDom = require("react-router-dom");
 var _common = require("@ndla/icons/common");
-var _licenses = require("@ndla/licenses");
 var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _ArticleFootNotes = require("./ArticleFootNotes");
-var _LicenseLink = require("../LicenseByline/LicenseLink");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2020-present, NDLA.
@@ -34,12 +32,15 @@ const Wrapper = (0, _jsx2.styled)("div", {
 const TextWrapper = (0, _jsx2.styled)("div", {
   base: {
     display: "flex",
-    flexDirection: "column-reverse",
+    flexDirection: "column",
     gap: "3xsmall",
     width: "100%",
     justifyContent: "space-between",
     paddingBlock: "xsmall",
-    textStyle: "body.medium"
+    textStyle: "body.medium",
+    '& [data-contributors="false"]': {
+      marginInlineStart: "auto"
+    }
   },
   variants: {
     learningpath: {
@@ -76,12 +77,6 @@ const getSuppliersText = (suppliers, t) => {
     }
   });
 };
-const LicenseWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    gap: "xsmall"
-  }
-});
 const StyledAccordionRoot = (0, _jsx2.styled)(_primitives.AccordionRoot, {
   base: {
     paddingBlockStart: "xxlarge"
@@ -94,10 +89,8 @@ const ArticleByline = _ref => {
     authors = [],
     suppliers = [],
     footnotes,
-    license: licenseString,
     licenseBox,
     published,
-    locale,
     displayByline = true,
     bylineType = "article"
   } = _ref;
@@ -125,27 +118,23 @@ const ArticleByline = _ref => {
     window.addEventListener("hashchange", onHashChange);
     return () => window.removeEventListener("hashchange", onHashChange);
   }, [onHashChange]);
-  const license = licenseString && (0, _licenses.getLicenseByAbbreviation)(licenseString, locale);
   const showPrimaryContributors = suppliers.length > 0 || authors.length > 0;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
-    children: [displayByline && /*#__PURE__*/(0, _jsxRuntime.jsxs)(TextWrapper, {
+    children: [!!displayByline && /*#__PURE__*/(0, _jsxRuntime.jsxs)(TextWrapper, {
       learningpath: bylineType === "learningPath",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(LicenseWrapper, {
-        children: [license && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseLink.LicenseLink, {
-          license: license
-        }), showPrimaryContributors &&
-        /*#__PURE__*/
-        //eslint-disable-next-line react/no-unknown-property
-        (0, _jsxRuntime.jsxs)("span", {
-          property: "cc:attributionName",
-          children: [authors.length > 0 && `${t("article.authorsLabel", {
-            names: renderContributors(authors, t),
-            interpolation: {
-              escapeValue: false
-            }
-          })}. `, getSuppliersText(suppliers, t)]
-        })]
+      children: [!!showPrimaryContributors &&
+      /*#__PURE__*/
+      //eslint-disable-next-line react/no-unknown-property
+      (0, _jsxRuntime.jsxs)("span", {
+        property: "cc:attributionName",
+        children: [authors.length > 0 && `${t("article.authorsLabel", {
+          names: renderContributors(authors, t),
+          interpolation: {
+            escapeValue: false
+          }
+        })}. `, getSuppliersText(suppliers, t)]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        "data-contributors": showPrimaryContributors,
         children: [t(`${bylineType}.lastUpdated`), " ", published]
       })]
     }), (!!licenseBox || !!footnotes?.length) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledAccordionRoot, {

package/lib/AudioPlayer/AudioPlayer.js

@@ -171,7 +171,7 @@ const AudioPlayer = _ref => {
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AudioPlayerWrapper, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(InfoWrapper, {
-      children: [img && /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageWrapper, {
+      children: [!!img && /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageWrapper, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           src: img.url,
           alt: img.alt
@@ -192,7 +192,7 @@ const AudioPlayer = _ref => {
               })
             })]
           }), !!textVersion && !img && textVersionButton]
-        }), description && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Text, {
+        }), !!description && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Text, {
           textStyle: "body.medium",
           children: [showFullDescription || description.length < DESCRIPTION_MAX_LENGTH ? description : `${truncatedDescription}...`, description.length > DESCRIPTION_MAX_LENGTH && /*#__PURE__*/(0, _jsxRuntime.jsx)(ShowMoreButton, {
             variant: "link",

package/lib/AudioPlayer/Controls.js

@@ -79,7 +79,9 @@ const ProgressWrapper = (0, _jsx2.styled)("div", {
 });
 const StyledText = (0, _jsx2.styled)(_primitives.Text, {
   base: {
-    minWidth: "xxlarge"
+    minWidth: "xxlarge",
+    flexShrink: "0",
+    textAlign: "center"
   }
 });
 const VolumeButton = (0, _jsx2.styled)(_primitives.IconButton, {

package/lib/Concept/Concept.js

@@ -70,7 +70,7 @@ const Concept = exports.Concept = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref
       embed: visualElement
     }) : visualElement?.resource === "external" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Embed.ExternalEmbed, {
       embed: visualElement
-    }) : null, copyright && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedByline.EmbedByline, {
+    }) : null, !!copyright && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedByline.EmbedByline, {
       copyright: copyright,
       type: "concept"
     })]

package/lib/ContactBlock/ContactBlock.js

@@ -189,7 +189,7 @@ const ContactBlock = _ref => {
         textStyle: "body.large",
         children: description
       })]
-    }), image && /*#__PURE__*/(0, _jsxRuntime.jsxs)(ImageWrapper, {
+    }), !!image && /*#__PURE__*/(0, _jsxRuntime.jsxs)(ImageWrapper, {
       variant: backgroundColor,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImage, {
         alt: embedAlt !== undefined ? embedAlt : image.alttext.alttext,

package/lib/ContentTypeBadge/ContentTypeBadgeNew.d.ts

@@ -10,7 +10,7 @@ import * as contentTypes from "../model/ContentType";
 export interface ContentTypeBadgeProps extends Omit<BadgeProps, "colorTheme"> {
     contentType: ContentType | undefined;
 }
-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;
+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;
 export type ContentType = StrictContentType | (string & {});
 export declare const contentTypeToBadgeVariantMap: Record<ContentType, BadgeVariant>;
 export declare const ContentTypeBadge: import("react").ForwardRefExoticComponent<ContentTypeBadgeProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib/ContentTypeBadge/ContentTypeBadgeNew.js

@@ -34,7 +34,10 @@ const contentTypeToBadgeVariantMap = exports.contentTypeToBadgeVariantMap = {
   [contentTypes.AUDIO]: "brand1",
   [contentTypes.PODCAST]: "brand1",
   [contentTypes.VIDEO]: "brand1",
-  [contentTypes.MISSING]: "neutral"
+  [contentTypes.MISSING]: "neutral",
+  [contentTypes.PODCAST_SERIES]: "brand1",
+  [contentTypes.GLOSS]: "brand1",
+  [contentTypes.PROGRAMME]: "neutral"
 };
 const ContentTypeBadge = exports.ContentTypeBadge = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {

package/lib/ContentTypeHero/ContentTypeHero.js

@@ -35,7 +35,12 @@ const contentTypeToHeroMap = exports.contentTypeToHeroMap = {
   [contentTypes.AUDIO]: "primary",
   [contentTypes.PODCAST]: "primary",
   [contentTypes.VIDEO]: "primary",
-  [contentTypes.MISSING]: "neutral"
+  [contentTypes.MISSING]: "neutral",
+  [contentTypes.GLOSS]: "brand1Moderate",
+  // this will never happen
+  [contentTypes.PROGRAMME]: "primary",
+  // this will never happen
+  [contentTypes.PODCAST_SERIES]: "primary"
 };
 const ContentTypeHero = exports.ContentTypeHero = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {

package/lib/Embed/RelatedContentEmbed.d.ts

@@ -12,5 +12,5 @@ interface Props {
     subject?: string;
     ndlaFrontendDomain?: string;
 }
-declare const RelatedContentEmbed: ({ embed, isOembed, subject, ndlaFrontendDomain }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const RelatedContentEmbed: ({ embed, isOembed, subject, ndlaFrontendDomain }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default RelatedContentEmbed;

package/lib/Embed/RelatedContentEmbed.js

@@ -27,7 +27,7 @@ const RelatedContentEmbed = _ref => {
     t
   } = (0, _reactI18next.useTranslation)();
   if (embed.status === "error") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+    return null;
   }
   const {
     data,
@@ -55,6 +55,6 @@ const RelatedContentEmbed = _ref => {
       linkInfo: `${t("related.linkInfo")} ${embedData.urlDomain}`
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+  return null;
 };
 var _default = exports.default = RelatedContentEmbed;

package/lib/ErrorMessage/ErrorMessage.js

@@ -65,31 +65,31 @@ const ErrorMessage = _ref => {
     customElement
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledErrorMessage, {
-    children: [illustration && /*#__PURE__*/(0, _jsxRuntime.jsx)(IllustrationWrapper, {
+    children: [!!illustration && /*#__PURE__*/(0, _jsxRuntime.jsx)(IllustrationWrapper, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
         src: illustration.url,
         alt: illustration.altText
       })
-    }), illustrationElement && /*#__PURE__*/(0, _jsxRuntime.jsx)(IllustrationWrapper, {
+    }), !!illustrationElement && /*#__PURE__*/(0, _jsxRuntime.jsx)(IllustrationWrapper, {
       children: illustrationElement
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
       children: messages.title
-    }), messages.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(Description, {
+    }), !!messages.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(Description, {
       children: messages.description
-    }), customElement && /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomElementWrapper, {
+    }), !!customElement && /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomElementWrapper, {
       children: customElement
-    }), messages.linksTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+    }), !!messages.linksTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
       children: messages.linksTitle
-    }), messages.back && /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
+    }), !!messages.back && /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
       to: `/#${encodeURI(messages.back)}`,
       onClick: () => window.history.back(),
       children: messages.back
-    }), messages.goToFrontPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(MessageWrapper, {
+    }), !!messages.goToFrontPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(MessageWrapper, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
         to: "/",
         children: messages.goToFrontPage
       })
-    }), messages.logInFailed && /*#__PURE__*/(0, _jsxRuntime.jsx)(MessageWrapper, {
+    }), !!messages.logInFailed && /*#__PURE__*/(0, _jsxRuntime.jsx)(MessageWrapper, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
         to: "/minndla",
         children: messages.logInFailed

package/lib/Gloss/Gloss.js

@@ -113,7 +113,7 @@ const Gloss = _ref => {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               children: glossData.gloss
             })
-          }), glossData.transcriptions.traditional && /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
+          }), !!glossData.transcriptions.traditional && /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
             textStyle: "label.medium",
             asChild: true,
             consumeCss: true,
@@ -122,7 +122,7 @@ const Gloss = _ref => {
               lang: glossData.originalLanguage,
               children: glossData.transcriptions.traditional
             }, t("gloss.transcriptions.traditional"))
-          }), glossData.transcriptions.pinyin && /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
+          }), !!glossData.transcriptions.pinyin && /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
             textStyle: "label.medium",
             asChild: true,
             consumeCss: true,
@@ -132,7 +132,7 @@ const Gloss = _ref => {
               lang: glossData.originalLanguage,
               children: glossData.transcriptions.pinyin
             }, t("gloss.transcriptions.pinyin"))
-          }), glossData.wordClass && /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
+          }), !!glossData.wordClass && /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
             textStyle: "label.medium",
             asChild: true,
             consumeCss: true,
@@ -141,7 +141,7 @@ const Gloss = _ref => {
               children: t(`wordClass.${glossData.wordClass}`).toLowerCase()
             })
           })]
-        }), audio?.src && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeechControl.default, {
+        }), !!audio?.src && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeechControl.default, {
           src: audio.src,
           title: audio.title,
           type: "gloss"

package/lib/KeyFigure/KeyFigure.js

@@ -55,7 +55,7 @@ const KeyFigure = _ref => {
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentWrapper, {
     "data-embed-type": "key-figure",
-    children: [image && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImage, {
+    children: [!!image && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImage, {
       src: `${image?.src}?width=150`,
       width: 150,
       height: 150,

package/lib/LicenseByline/EmbedByline.js

@@ -91,7 +91,7 @@ const EmbedByline = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [!hideByline && /*#__PURE__*/(0, _jsxRuntime.jsx)(BylineWrapper, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        children: [hideCopyright && description, !hideCopyright && /*#__PURE__*/(0, _jsxRuntime.jsx)(LicenseContainerContent, {
+        children: [!!hideCopyright && description, !hideCopyright && /*#__PURE__*/(0, _jsxRuntime.jsx)(LicenseContainerContent, {
           type: type,
           copyright: copyright,
           children: description

package/lib/LinkBlock/LinkBlock.js

@@ -100,7 +100,7 @@ const LinkBlock = _ref => {
           "data-heading": true,
           children: (0, _htmlReactParser.default)(title)
         })
-      }), date && /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDateContainer, {
+      }), !!date && /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDateContainer, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledCalendarEd, {}), formattedDate]
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ArrowRightLine, {

package/lib/TagSelector/TagSelector.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { CollectionItem } from "@ark-ui/react";
+import { type CollectionItem } from "@ark-ui/react";
 import { ComboboxControlProps, ComboboxInputProps, ComboboxRootProps, TagsInputControlProps, TagsInputInputProps, TagsInputRootProps } from "@ndla/primitives";
 export type TagSelectorRootProps<T extends CollectionItem> = ComboboxRootProps<T> & TagsInputRootProps;
 export declare const TagSelectorRoot: <T extends unknown>({ allowCustomValue, multiple, selectionBehavior, editable, addOnPaste, onValueChange, children, value, translations, ...rest }: TagSelectorRootProps<T>) => import("react/jsx-runtime").JSX.Element;

package/lib/i18n/formatNestedMessages.js

@@ -16,8 +16,6 @@ const formatNestedMessages = function (phrases) {
   let formattedMessages = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   let prefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
   const messages = formattedMessages;
-
-  // eslint-disable-next-line
   Object.keys(phrases).forEach(key => {
     const value = phrases[key];
     if ({}.hasOwnProperty.call(phrases, key)) {

package/lib/index.d.ts

@@ -29,7 +29,6 @@ export { default as messagesSMA } from "./locale/messages-sma";
 export { default as Breadcrumb, HomeBreadcrumb } from "./Breadcrumb";
 export type { SimpleBreadcrumbItem, IndexedBreadcrumbItem } from "./Breadcrumb";
 export { i18nInstance, formatNestedMessages, useTagsInputTranslations, useTagSelectorTranslations, useComboboxTranslations, usePaginationTranslations, useAudioSearchTranslations, useImageSearchTranslations, useVideoSearchTranslations, } from "./i18n";
-export { OneColumn, PageContainer } from "./Layout";
 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";

package/lib/index.js

@@ -363,18 +363,6 @@ Object.defineProperty(exports, "LinkBlockSection", {
     return _LinkBlock.LinkBlockSection;
   }
 });
-Object.defineProperty(exports, "OneColumn", {
-  enumerable: true,
-  get: function () {
-    return _Layout.OneColumn;
-  }
-});
-Object.defineProperty(exports, "PageContainer", {
-  enumerable: true,
-  get: function () {
-    return _Layout.PageContainer;
-  }
-});
 Object.defineProperty(exports, "PdfFile", {
   enumerable: true,
   get: function () {
@@ -654,7 +642,6 @@ var _messagesSe = _interopRequireDefault(require("./locale/messages-se"));
 var _messagesSma = _interopRequireDefault(require("./locale/messages-sma"));
 var _Breadcrumb = _interopRequireWildcard(require("./Breadcrumb"));
 var _i18n = require("./i18n");
-var _Layout = require("./Layout");
 var _ContentTypeBadge = _interopRequireWildcard(require("./ContentTypeBadge"));
 var _ContentTypeBadgeNew = require("./ContentTypeBadge/ContentTypeBadgeNew");
 var _ContentTypeBlockQuote = require("./ContentTypeBlockQuote/ContentTypeBlockQuote");

package/lib/locale/messages-en.d.ts

@@ -561,6 +561,9 @@ declare const messages: {
         video: string;
         missing: string;
         external: string;
+        gloss: string;
+        programme: string;
+        "podcast-series": string;
     };
     modal: {
         closeModal: string;

package/lib/locale/messages-en.js

@@ -577,7 +577,10 @@ const messages = {
     h5p: "H5P",
     video: "Video",
     missing: "Unknown",
-    external: "External"
+    external: "External",
+    gloss: "Gloss",
+    programme: "Programme",
+    "podcast-series": "Podcast series"
   },
   modal: {
     closeModal: "Close"

package/lib/locale/messages-nb.d.ts

@@ -561,6 +561,9 @@ declare const messages: {
         video: string;
         missing: string;
         external: string;
+        gloss: string;
+        programme: string;
+        "podcast-series": string;
     };
     modal: {
         closeModal: string;

package/lib/locale/messages-nb.js

@@ -577,7 +577,10 @@ const messages = {
     h5p: "H5P",
     video: "Video",
     missing: "Ukjent",
-    external: "Ekstern"
+    external: "Ekstern",
+    gloss: "Glose",
+    programme: "Programfag",
+    "podcast-series": "Podkast-serie"
   },
   modal: {
     closeModal: "Lukk"

package/lib/locale/messages-nn.d.ts

@@ -561,6 +561,9 @@ declare const messages: {
         video: string;
         missing: string;
         external: string;
+        gloss: string;
+        programme: string;
+        "podcast-series": string;
     };
     modal: {
         closeModal: string;

package/lib/locale/messages-nn.js

@@ -577,7 +577,10 @@ const messages = {
     h5p: "H5P",
     video: "Video",
     missing: "Ukjent",
-    external: "Ekstern"
+    external: "Ekstern",
+    gloss: "Glose",
+    programme: "Programfag",
+    "podcast-series": "Podkast-serie"
   },
   modal: {
     closeModal: "Lukk"

package/lib/locale/messages-se.d.ts

@@ -561,6 +561,9 @@ declare const messages: {
         video: string;
         missing: string;
         external: string;
+        gloss: string;
+        programme: string;
+        "podcast-series": string;
     };
     modal: {
         closeModal: string;

package/lib/locale/messages-se.js

@@ -577,7 +577,10 @@ const messages = {
     h5p: "H5P",
     video: "Video",
     missing: "Ukjent",
-    external: "Ekstern"
+    external: "Ekstern",
+    gloss: "Glose",
+    programme: "Programfag",
+    "podcast-series": "Podkast-serie"
   },
   modal: {
     closeModal: "Govčča"

package/lib/locale/messages-sma.d.ts

@@ -561,6 +561,9 @@ declare const messages: {
         video: string;
         missing: string;
         external: string;
+        gloss: string;
+        programme: string;
+        "podcast-series": string;
     };
     modal: {
         closeModal: string;

package/lib/locale/messages-sma.js

@@ -577,7 +577,10 @@ const messages = {
     h5p: "H5P",
     video: "Video",
     missing: "Ukjent",
-    external: "Ekstern"
+    external: "Ekstern",
+    gloss: "Glose",
+    programme: "Programfag",
+    "podcast-series": "Podkast-serie"
   },
   modal: {
     closeModal: "Dahph"

package/lib/model/ContentType.js

@@ -59,6 +59,7 @@ const contentTypeMapping = exports.contentTypeMapping = {
   [RESOURCE_TYPE_SOURCE_MATERIAL]: SOURCE_MATERIAL,
   [RESOURCE_TYPE_CONCEPT]: CONCEPT,
   [MULTIDISCIPLINARY]: MULTIDISCIPLINARY,
+  [TOPIC]: TOPIC,
   default: SUBJECT_MATERIAL
 };
 const resourceEmbedTypeMapping = exports.resourceEmbedTypeMapping = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "56.0.72-alpha.0",
+  "version": "56.0.73-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -33,12 +33,12 @@
   ],
   "dependencies": {
     "@ndla/core": "^5.0.2",
-    "@ndla/icons": "^8.0.43-alpha.0",
-    "@ndla/licenses": "^8.0.3-alpha.0",
-    "@ndla/primitives": "^1.0.56-alpha.0",
-    "@ndla/safelink": "^7.0.57-alpha.0",
+    "@ndla/icons": "^8.0.44-alpha.0",
+    "@ndla/licenses": "^8.0.4-alpha.0",
+    "@ndla/primitives": "^1.0.57-alpha.0",
+    "@ndla/safelink": "^7.0.58-alpha.0",
     "@ndla/styled-system": "^0.0.27",
-    "@ndla/util": "^5.0.0-alpha.0",
+    "@ndla/util": "^5.0.1-alpha.0",
     "html-react-parser": "^5.1.8",
     "i18next-browser-languagedetector": "^7.1.0"
   },
@@ -50,7 +50,7 @@
     "react-router-dom": "> 6.0.0"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.44",
+    "@ndla/preset-panda": "^0.0.45",
     "@ndla/types-backend": "^0.2.86",
     "@ndla/types-embed": "^5.0.4-alpha.0",
     "@pandacss/dev": "^0.46.0"
@@ -58,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9977b1ca38cb32c54458378b13fea3f7ca19a187"
+  "gitHead": "3f2d720f26b163be90b396f40f3c1fad746b3cf9"
 }

package/src/Article/Article.tsx

@@ -12,8 +12,8 @@ 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 { ArticleByline } from "./ArticleByline";
 import { ContentTypeBadgeNew } from "..";
+import { ArticleByline } from "./ArticleByline";
 import { ContentType } from "../ContentTypeBadge/ContentTypeBadgeNew";
 import { Article as ArticleType } from "../types";
 
@@ -200,7 +200,6 @@ export const Article = ({
           authors={authors}
           suppliers={copyright?.rightsholders}
           published={published}
-          license={copyright?.license?.license ?? ""}
           licenseBox={licenseBox}
         />
         {children}

package/src/Article/ArticleByline.stories.tsx

@@ -23,7 +23,6 @@ export default {
   args: {
     authors: [{ name: "Frida Forfatter" }, { name: "Fred Forfatter" }],
     published: "21.06.2018",
-    license: "CC BY-SA",
   },
 } as Meta<typeof ArticleByline>;
 
@@ -36,7 +35,6 @@ ArticleBylineStory.storyName = "ArticleByline";
 export const SeveralAuthors: StoryObj<typeof ArticleByline> = {
   args: {
     published: "21.06.2018",
-    license: "CC BY-SA",
     authors: [{ name: "Frida Forfatter" }, { name: "Ida Illustratør" }, { name: "Fred Forfatter" }],
   },
 };
@@ -44,7 +42,6 @@ export const SeveralAuthors: StoryObj<typeof ArticleByline> = {
 export const WithoutCreators: StoryObj<typeof ArticleByline> = {
   args: {
     published: "21.06.2018",
-    license: "CC BY-SA",
     authors: [],
   },
 };