@ndla/ui 50.12.2 → 50.13.1

package/lib/dist/packages/util/src/index.d.js

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NoSSR", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.default;
+  }
+});
+Object.defineProperty(exports, "breakpoints", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.breakpoints;
+  }
+});
+Object.defineProperty(exports, "composeRefs", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.composeRefs;
+  }
+});
+Object.defineProperty(exports, "copyTextToClipboard", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.copyTextToClipboard;
+  }
+});
+Object.defineProperty(exports, "createUniversalPortal", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.createUniversalPortal;
+  }
+});
+Object.defineProperty(exports, "deleteCookie", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.deleteCookie;
+  }
+});
+Object.defineProperty(exports, "getComponentName", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.default;
+  }
+});
+Object.defineProperty(exports, "getCookie", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.getCookie;
+  }
+});
+Object.defineProperty(exports, "getCurrentBreakpoint", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.default;
+  }
+});
+Object.defineProperty(exports, "isFunction", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.isFunction;
+  }
+});
+Object.defineProperty(exports, "isValidCookie", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.isValidCookie;
+  }
+});
+Object.defineProperty(exports, "joinArrayWithConjunction", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.default;
+  }
+});
+Object.defineProperty(exports, "noScroll", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.default;
+  }
+});
+Object.defineProperty(exports, "polymorphicForwardRef", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.polymorphicForwardRef;
+  }
+});
+Object.defineProperty(exports, "printPage", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.printPage;
+  }
+});
+Object.defineProperty(exports, "resizeObserver", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.resizeObserver;
+  }
+});
+Object.defineProperty(exports, "setCookie", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.setCookie;
+  }
+});
+Object.defineProperty(exports, "useForwardedRef", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.default;
+  }
+});
+Object.defineProperty(exports, "usePrevious", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.default;
+  }
+});
+Object.defineProperty(exports, "uuid", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.default;
+  }
+});
+Object.defineProperty(exports, "validateTranslationFiles", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.validateTranslationFiles;
+  }
+});
+Object.defineProperty(exports, "withNoSSR", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.default;
+  }
+});
+var _node_modules = _interopRequireWildcard(require("../../../node_modules"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/lib/dist/packages/util/src/isFunction.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/packages/util/src/joinArrayWithConjunction.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/packages/util/src/noScroll.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/packages/util/src/nossr/NoSSR.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/packages/util/src/nossr/withNoSSR.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/packages/util/src/polymorphicForwardRef.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/packages/util/src/printPage.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/packages/util/src/resizeObserver.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/packages/util/src/translationValidation.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/packages/util/src/useForwardedRef.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/packages/util/src/usePrevious.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/packages/util/src/uuid.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/stories/StoryFavoriteButton.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/stories/article/FigureImage.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/stories/defaults.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/stories/wrappers/StoryBody.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/stories/wrappers/StoryIntro.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/stories/wrappers/index.d.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "StoryBody", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.default;
+  }
+});
+Object.defineProperty(exports, "StoryIntro", {
+  enumerable: true,
+  get: function () {
+    return _node_modules.default;
+  }
+});
+var _node_modules = _interopRequireDefault(require("../../node_modules"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/dist/types.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/utils/relativeUrl.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/utils/resourceTypeColor.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/dist/vite.build.d.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/locale/messages-en.js

@@ -1295,7 +1295,7 @@ const messages = {
       subjects: "{{count}} subject",
       subjects_0: "{{count}} subjects",
       subjects_plural: "{{count}} subjects",
-      noFavorites: "You do not have any favorite subjects!",
+      noFavorites: "Add a heart to subjects, and they will show up here.",
       goToAllSubjects: "Go to all subjects"
     },
     tools: "Tools",

package/lib/locale/messages-nb.js

@@ -1295,7 +1295,7 @@ const messages = {
       subjects: "{{count}} fag",
       subjects_0: "{{count}} fag",
       subjects_plural: "{{count}} fag",
-      noFavorites: "Du har ingen favorittfag!",
+      noFavorites: "Hjertemerk fag, så dukker de opp her.",
       goToAllSubjects: "Gå til alle fag"
     },
     tools: "Verktøy",

package/lib/locale/messages-nn.js

@@ -1184,7 +1184,7 @@ const messages = {
       loginPitch: "Velkommen til Min NDLA! Her kan du lagre favorittressursane dine frå NDLA, organisere dei og dele dei med andre. Logg inn med din Feide-konto for å komme i gang.",
       loginPitchButton: "Logg inn i Min NDLA",
       logout: "Logg ut av Min NDLA",
-      loginIngress: "Her kan du organisere fagstoffet på <b>din</b> måte! Bruk hjarteknappen for å markere favorittfaga eller favorittressursane dine og enkelt finne de igjen.",
+      loginIngress: "Her kan du organisere fagstoffet på <b>din</b> måte! Bruk hjarteknappen for å markere favorittfaga eller favorittressursane dine og enkelt finne dei igjen.",
       loginText: "For å kunne bruke tjenesten Min NDLA må du vere elev eller jobbe på ein skule i eit fylke som er med i NDLA-samarbeidet.",
       loginTextLink: "Les vår personvernerklæring her",
       loginTerms: "Logg på med Feide for å få tilgang. Ved å logge på godkjennar du våre vilkår for bruk",
@@ -1295,7 +1295,7 @@ const messages = {
       subjects: "{{count}} fag",
       subjects_0: "{{count}} fag",
       subjects_plural: "{{count}} fag",
-      noFavorites: "Du har ingen favorittfag!",
+      noFavorites: "Hjartemerk fag, så dukkar dei opp her.",
       goToAllSubjects: "Gå til alle fag"
     },
     tools: "Verktøy",

package/lib/locale/messages-se.js

@@ -1295,7 +1295,7 @@ const messages = {
       subjects: "{{count}} fag",
       subjects_0: "{{count}} fag",
       subjects_plural: "{{count}} fag",
-      noFavorites: "Du har ingen favorittfag!",
+      noFavorites: "Hjertemerk fag, så dukker de opp her.",
       goToAllSubjects: "Gå til alle fag"
     },
     tools: "Verktøy",

package/lib/locale/messages-sma.js

@@ -1295,7 +1295,7 @@ const messages = {
       subjects: "{{count}} fag",
       subjects_0: "{{count}} fag",
       subjects_plural: "{{count}} fag",
-      noFavorites: "Du har ingen favorittfag!",
+      noFavorites: "Hjertemerk fag, så dukker de opp her.",
       goToAllSubjects: "Gå til alle fag"
     },
     tools: "Verktøy",

package/lib/model/ContentType.d.ts

@@ -15,6 +15,7 @@ export declare const TOPIC = "topic";
 export declare const MULTIDISCIPLINARY_TOPIC = "multidisciplinary-topic";
 export declare const CONCEPT = "concept";
 export declare const EXTERNAL = "external";
+export declare const MISSING = "missing";
 export declare const contentTypes: {
     SUBJECT_MATERIAL: string;
     TASKS_AND_ACTIVITIES: string;
@@ -26,6 +27,7 @@ export declare const contentTypes: {
     MULTIDISCIPLINARY_TOPIC: string;
     CONCEPT: string;
     EXTERNAL: string;
+    MISSING: string;
 };
 export declare const RESOURCE_TYPE_LEARNING_PATH = "urn:resourcetype:learningPath";
 export declare const RESOURCE_TYPE_SUBJECT_MATERIAL = "urn:resourcetype:subjectMaterial";

package/lib/model/ContentType.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.resourceEmbedTypeMapping = exports.contentTypes = exports.contentTypeMapping = exports.TOPIC = exports.TASKS_AND_ACTIVITIES = exports.SUBJECT_MATERIAL = exports.SUBJECT = exports.SOURCE_MATERIAL = exports.RESOURCE_TYPE_TASKS_AND_ACTIVITIES = exports.RESOURCE_TYPE_SUBJECT_MATERIAL = exports.RESOURCE_TYPE_SOURCE_MATERIAL = exports.RESOURCE_TYPE_LEARNING_PATH = exports.RESOURCE_TYPE_CONCEPT = exports.RESOURCE_TYPE_ASSESSMENT_RESOURCES = exports.MULTIDISCIPLINARY_TOPIC = exports.ListOfContentTypes = exports.LEARNING_PATH = exports.EXTERNAL = exports.CONCEPT = exports.ASSESSMENT_RESOURCES = void 0;
+exports.resourceEmbedTypeMapping = exports.contentTypes = exports.contentTypeMapping = exports.TOPIC = exports.TASKS_AND_ACTIVITIES = exports.SUBJECT_MATERIAL = exports.SUBJECT = exports.SOURCE_MATERIAL = exports.RESOURCE_TYPE_TASKS_AND_ACTIVITIES = exports.RESOURCE_TYPE_SUBJECT_MATERIAL = exports.RESOURCE_TYPE_SOURCE_MATERIAL = exports.RESOURCE_TYPE_LEARNING_PATH = exports.RESOURCE_TYPE_CONCEPT = exports.RESOURCE_TYPE_ASSESSMENT_RESOURCES = exports.MULTIDISCIPLINARY_TOPIC = exports.MISSING = exports.ListOfContentTypes = exports.LEARNING_PATH = exports.EXTERNAL = exports.CONCEPT = exports.ASSESSMENT_RESOURCES = void 0;
 /**
  * Copyright (c) 2017-present, NDLA.
  *
@@ -22,6 +22,7 @@ const TOPIC = exports.TOPIC = "topic";
 const MULTIDISCIPLINARY_TOPIC = exports.MULTIDISCIPLINARY_TOPIC = "multidisciplinary-topic";
 const CONCEPT = exports.CONCEPT = "concept";
 const EXTERNAL = exports.EXTERNAL = "external";
+const MISSING = exports.MISSING = "missing";
 const contentTypes = exports.contentTypes = {
   SUBJECT_MATERIAL,
   TASKS_AND_ACTIVITIES,
@@ -32,7 +33,8 @@ const contentTypes = exports.contentTypes = {
   TOPIC,
   MULTIDISCIPLINARY_TOPIC,
   CONCEPT,
-  EXTERNAL
+  EXTERNAL,
+  MISSING
 };
 const RESOURCE_TYPE_LEARNING_PATH = exports.RESOURCE_TYPE_LEARNING_PATH = "urn:resourcetype:learningPath";
 const RESOURCE_TYPE_SUBJECT_MATERIAL = exports.RESOURCE_TYPE_SUBJECT_MATERIAL = "urn:resourcetype:subjectMaterial";
@@ -40,7 +42,7 @@ const RESOURCE_TYPE_TASKS_AND_ACTIVITIES = exports.RESOURCE_TYPE_TASKS_AND_ACTIV
 const RESOURCE_TYPE_ASSESSMENT_RESOURCES = exports.RESOURCE_TYPE_ASSESSMENT_RESOURCES = "urn:resourcetype:reviewResource";
 const RESOURCE_TYPE_SOURCE_MATERIAL = exports.RESOURCE_TYPE_SOURCE_MATERIAL = "urn:resourcetype:SourceMaterial";
 const RESOURCE_TYPE_CONCEPT = exports.RESOURCE_TYPE_CONCEPT = "urn:resourcetype:concept";
-const ListOfContentTypes = exports.ListOfContentTypes = ["SUBJECT_MATERIAL", "TASKS_AND_ACTIVITIES", "ASSESSMENT_RESOURCES", "SUBJECT", "SOURCE_MATERIAL", "LEARNING_PATH", "TOPIC", "MULTIDISIPLINARY_TOPIC", "CONCEPT", "EXTERNAL"];
+const ListOfContentTypes = exports.ListOfContentTypes = ["SUBJECT_MATERIAL", "TASKS_AND_ACTIVITIES", "ASSESSMENT_RESOURCES", "SUBJECT", "SOURCE_MATERIAL", "LEARNING_PATH", "TOPIC", "MULTIDISIPLINARY_TOPIC", "CONCEPT", "EXTERNAL", "MISSING"];
 const contentTypeMapping = exports.contentTypeMapping = {
   [RESOURCE_TYPE_LEARNING_PATH]: LEARNING_PATH,
   [RESOURCE_TYPE_SUBJECT_MATERIAL]: SUBJECT_MATERIAL,

package/lib/model/index.d.ts

@@ -20,6 +20,7 @@ declare const model: {
         MULTIDISCIPLINARY_TOPIC: string;
         CONCEPT: string;
         EXTERNAL: string;
+        MISSING: string;
     };
     subjectCategories: typeof subjectCategories;
     subjectTypes: typeof subjectTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "50.12.2",
+  "version": "50.13.1",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,23 +31,23 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/accordion": "^3.0.36",
-    "@ndla/button": "^12.0.39",
-    "@ndla/carousel": "^4.0.37",
-    "@ndla/core": "^4.5.1",
-    "@ndla/dropdown-menu": "^1.0.32",
-    "@ndla/forms": "^7.0.8",
+    "@ndla/accordion": "^3.0.37",
+    "@ndla/button": "^12.0.40",
+    "@ndla/carousel": "^4.0.38",
+    "@ndla/core": "^4.5.2",
+    "@ndla/dropdown-menu": "^1.0.33",
+    "@ndla/forms": "^7.0.10",
     "@ndla/hooks": "^2.1.5",
-    "@ndla/icons": "^6.0.1",
+    "@ndla/icons": "^6.0.2",
     "@ndla/licenses": "^7.2.5",
-    "@ndla/modal": "^5.0.36",
-    "@ndla/notion": "^6.0.37",
-    "@ndla/safelink": "^5.0.1",
-    "@ndla/select": "^3.3.11",
-    "@ndla/switch": "^1.1.38",
-    "@ndla/tabs": "^4.0.1",
-    "@ndla/tooltip": "^7.0.1",
-    "@ndla/typography": "^0.4.15",
+    "@ndla/modal": "^5.0.37",
+    "@ndla/notion": "^6.0.38",
+    "@ndla/safelink": "^5.0.2",
+    "@ndla/select": "^3.3.12",
+    "@ndla/switch": "^1.1.39",
+    "@ndla/tabs": "^4.0.2",
+    "@ndla/tooltip": "^7.0.2",
+    "@ndla/typography": "^0.4.16",
     "@ndla/util": "^4.0.4",
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-slider": "^1.1.2",
@@ -71,7 +71,7 @@
   },
   "devDependencies": {
     "@ndla/types-backend": "^0.2.64",
-    "@ndla/types-embed": "^4.1.1",
+    "@ndla/types-embed": "^4.1.3",
     "css-loader": "^6.7.3",
     "mini-css-extract-plugin": "^2.7.5",
     "sass-loader": "^13.2.2",
@@ -81,5 +81,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "21b9014880a040dbb995448eb196299753d5be4b"
+  "gitHead": "6d16e6667d0dcbfd42280eb2f9929ee3f93fa64b"
 }

package/src/BlogPost/BlogPost.stories.tsx

@@ -11,7 +11,7 @@ import BlogPost, { Props } from "./BlogPost";
 import { defaultParameters } from "../../../../stories/defaults";
 
 const args: Props = {
-  title: { title: "Min bloggpost", language: "nb-no" },
+  title: "Min bloggpost",
   author: "Ola Nordmann",
   url: "#",
   headingLevel: "h3",

package/src/BlogPost/BlogPost.tsx

@@ -6,6 +6,7 @@
  *
  */
 
+import parse from "html-react-parser";
 import { useTranslation } from "react-i18next";
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
@@ -15,10 +16,7 @@ import { HeadingLevel } from "@ndla/typography";
 import { getPossiblyRelativeUrl } from "../utils/relativeUrl";
 
 export interface Props {
-  title: {
-    title: string;
-    language: string;
-  };
+  title: string;
   author?: string;
   url: string;
   headingLevel?: HeadingLevel;
@@ -87,8 +85,8 @@ const BlogPost = ({ title, author, url, metaImage, headingLevel: Heading = "h3",
   const href = getPossiblyRelativeUrl(url, path);
   return (
     <Container data-size={size} to={href}>
-      <Heading className="blog-title" css={headingCss} lang={title.language === "nb" ? "no" : title.language}>
-        {title.title}
+      <Heading className="blog-title" css={headingCss}>
+        {parse(title)}
       </Heading>
       <StyledImg src={metaImage.url} alt={metaImage.alt} />
       {!!author && <AuthorContainer aria-label={t("article.writtenBy", { authors: author })}>{author}</AuthorContainer>}

package/src/CampaignBlock/CampaignBlock.stories.tsx

@@ -22,11 +22,9 @@ export default {
 
 export const ImageLeft: StoryObj<typeof CampaignBlock> = {
   args: {
-    title: { title: "NDLA film", language: "nb-no" },
-    description: {
-      text: "NDLA film er en tjeneste i samarbeid med Norgesfilm. Denne tjenesten lar deg se en rekke spillefilmer, kortfilmer, dokumentarer og serier. Du kan også se undervisningsfilm og filmklipp. Velkommen inn i filmens verden!",
-      language: "nb-no",
-    },
+    title: "NDLA film",
+    description:
+      "NDLA film er en tjeneste i samarbeid med Norgesfilm. Denne tjenesten lar deg se en rekke spillefilmer, kortfilmer, dokumentarer og serier. Du kan også se undervisningsfilm og filmklipp. Velkommen inn i filmens verden!",
     headingLevel: "h2",
     url: {
       url: "#",
@@ -41,11 +39,9 @@ export const ImageLeft: StoryObj<typeof CampaignBlock> = {
 
 export const ImageRight: StoryObj<typeof CampaignBlock> = {
   args: {
-    title: { title: "FN-dagen 24. oktober!", language: "nb-no" },
-    description: {
-      text: " Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation  quis nostrud exercitation ",
-      language: "nb-no",
-    },
+    title: "FN-dagen 24. oktober!",
+    description:
+      " Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation  quis nostrud exercitation ",
     url: {
       url: "#",
       text: "Les mer om FN-dagen",
@@ -60,15 +56,28 @@ export const ImageRight: StoryObj<typeof CampaignBlock> = {
 
 export const NoUrl: StoryObj<typeof CampaignBlock> = {
   args: {
-    title: { title: "No url!!!", language: "nb-no" },
-    description: {
-      text: "Look ma, no url!",
-      language: "nb-no",
+    title: "No url!!!",
+    description: "Look ma, no url!",
+    image: {
+      alt: "Tømmer",
+      src: "https://api.test.ndla.no/image-api/raw/stokkmarknes_004_d013e.jpg",
     },
+    imageSide: "left",
+  },
+};
+
+export const HTML: StoryObj<typeof CampaignBlock> = {
+  args: {
+    title: "Something <em>bold</em>",
+    description: "Can go a <i>long</i> way",
     image: {
       alt: "Tømmer",
       src: "https://api.test.ndla.no/image-api/raw/stokkmarknes_004_d013e.jpg",
     },
     imageSide: "left",
+    url: {
+      url: "#",
+      text: `Read more in <span lang="nn">Nynorsk</span>`,
+    },
   },
 };

package/src/CampaignBlock/CampaignBlock.tsx

@@ -6,6 +6,7 @@
  *
  */
 
+import parse from "html-react-parser";
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { breakpoints, colors, fonts, spacing, mq, misc } from "@ndla/core";
@@ -20,14 +21,8 @@ interface Image {
 }
 
 interface Props {
-  title: {
-    title: string;
-    language: string;
-  };
-  description: {
-    text: string;
-    language: string;
-  };
+  title: string;
+  description: string;
   headingLevel?: HeadingLevel;
   url: {
     url?: string;
@@ -98,15 +93,11 @@ const CampaignBlock = ({
     <Container className={className} data-type="campaign-block" data-image-side={imageSide}>
       {image && <StyledImg src={image.src} height={200} width={240} alt={image.alt} />}
       <TextWrapper>
-        <Heading css={headingStyle} lang={title.language === "nb" ? "no" : title.language}>
-          {title.title}
-        </Heading>
-        <StyledDescription lang={description.language === "nb" ? "no" : description.language}>
-          {description.text}
-        </StyledDescription>
-        {url.url && (
+        <Heading css={headingStyle}>{parse(title)}</Heading>
+        <StyledDescription>{parse(description)}</StyledDescription>
+        {!!url?.url && (
           <StyledLink to={getPossiblyRelativeUrl(url.url, path)}>
-            {url.text}
+            {parse(url.text ?? "")}
             <Forward />
           </StyledLink>
         )}

package/src/KeyFigure/KeyFigure.stories.tsx

@@ -10,8 +10,8 @@ import { Meta, StoryFn } from "@storybook/react";
 import KeyFigure from "./KeyFigure";
 import { defaultParameters } from "../../../../stories/defaults";
 const args = {
-  title: "500",
-  subtitle: "TVERRFAGLIGE RESSURSER",
+  title: "<i>500</i>",
+  subtitle: `<span lang="nn">TVERRFAGLEGE</span> RESSURSER`,
   image: {
     alt: "Nøkkeltall tverrfaglig",
     src: "https://api.test.ndla.no/image-api/raw/wMowCjRg.svg",