@ndla/ui 56.0.140-alpha.0 → 56.0.142-alpha.0

package/dist/panda.buildinfo.json

@@ -244,13 +244,6 @@
       "transitionTimingFunction]___[value:ease-out]___[cond:& svg",
       "alignSelf]___[value:flex-end",
       "fill]___[value:icon.subtle",
-      "color]___[value:text.strong]___[cond:& a",
-      "marginTop]___[value:0]___[cond:& h1",
-      "marginBottom]___[value:medium",
-      "marginTop]___[value:xxlarge]___[cond:tablet",
-      "marginBottom]___[value:xxlarge]___[cond:tablet",
-      "marginBlock]___[value:xxlarge",
-      "marginTop]___[value:3xsmall",
       "gridTemplateRows]___[value:0fr",
       "transitionProperty]___[value:grid-template-rows",
       "transitionDuration]___[value:slow",

package/dist/styles.css

@@ -300,10 +300,6 @@
     border-radius: var(--radii-large);
 }
 
-  .my_xxlarge {
-    margin-block: var(--spacing-xxlarge);
-}
-
   .py_small {
     padding-block: var(--spacing-small);
 }
@@ -763,14 +759,6 @@
     height: var(--sizes-medium);
 }
 
-  .mb_medium {
-    margin-bottom: var(--spacing-medium);
-}
-
-  .mt_3xsmall {
-    margin-top: var(--spacing-3xsmall);
-}
-
   .bottom_-medium {
     bottom: calc(var(--spacing-medium) * -1);
 }
@@ -930,10 +918,6 @@
     transition-timing-function: ease-out;
 }
 
-  .\[\&_a\]\:c_text\.strong a {
-    color: var(--colors-text-strong);
-}
-
   .open\:grid-tr_1fr:is([open], [data-open], [data-state="open"], :popover-open) {
     grid-template-rows: 1fr;
 }
@@ -1082,10 +1066,6 @@
     width: 100%;
 }
 
-  .\[\&_h1\]\:mt_0 h1 {
-    margin-top: 0;
-}
-
   .\[\&_\>_div\]\:min-h_surface\.3xsmall > div {
     min-height: var(--sizes-surface-3xsmall);
 }
@@ -1294,12 +1274,6 @@
       display: -webkit-box;
       -webkit-line-clamp: 4;
       -webkit-box-orient: vertical;
-}
-    .tablet\:mt_xxlarge {
-      margin-top: var(--spacing-xxlarge);
-}
-    .tablet\:mb_xxlarge {
-      margin-bottom: var(--spacing-xxlarge);
 }
     .\[\&\[data-has-image\=\'true\'\]\]\:tablet\:py_xsmall[data-has-image='true'] {
       padding-block: var(--spacing-xsmall);

package/es/AudioPlayer/SpeechControl.mjs

@@ -1,5 +1,5 @@
 import { useRef } from "react";
-import { IconButton, TooltipContent, TooltipRoot, TooltipTrigger } from "@ndla/primitives";
+import { IconButton } from "@ndla/primitives";
 import { useTranslation } from "react-i18next";
 import { VolumeUpFill } from "@ndla/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -22,15 +22,13 @@ const SpeechControl = ({ src, title, type = "audio" }) => {
 			src,
 			title,
 			preload: "metadata"
-		}), /* @__PURE__ */ jsxs(TooltipRoot, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx(IconButton, {
-				variant: "tertiary",
-				"aria-label": t(`${type}.play`),
-				onClick: togglePlay,
-				children: /* @__PURE__ */ jsx(VolumeUpFill, {})
-			})
-		}), /* @__PURE__ */ jsx(TooltipContent, { children: t(`${type}.play`) })] })]
+		}), /* @__PURE__ */ jsx(IconButton, {
+			variant: "tertiary",
+			"aria-label": t(`${type}.play`),
+			title: t(`${type}.play`),
+			onClick: togglePlay,
+			children: /* @__PURE__ */ jsx(VolumeUpFill, {})
+		})]
 	});
 };
 var SpeechControl_default = SpeechControl;

package/es/AudioPlayer/SpeechControl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SpeechControl.mjs","names":[],"sources":["../../src/AudioPlayer/SpeechControl.tsx"],"sourcesContent":["/**\n * Copyright (c) 2021-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { VolumeUpFill } from \"@ndla/icons\";\nimport { TooltipRoot, TooltipTrigger, TooltipContent, IconButton } from \"@ndla/primitives\";\n\ntype Props = {\n  src: string;\n  title: string;\n  type?: \"gloss\" | \"audio\";\n};\n\nconst SpeechControl = ({ src, title, type = \"audio\" }: Props) => {\n  const { t } = useTranslation();\n  const audioRef = useRef<HTMLAudioElement>(null);\n\n  const togglePlay = () => {\n    if (audioRef.current) {\n      const audioElement = audioRef.current;\n      if (audioElement.paused) {\n        audioElement.play();\n      } else {\n        audioElement.pause();\n      }\n    }\n  };\n  return (\n    <div data-embed-type=\"speech\">\n      {/* eslint-disable-next-line jsx-a11y/media-has-caption */}\n      <audio ref={audioRef} src={src} title={title} preload=\"metadata\" />\n      <TooltipRoot>\n        <TooltipTrigger asChild>\n          <IconButton variant=\"tertiary\" aria-label={t(`${type}.play`)} onClick={togglePlay}>\n            <VolumeUpFill />\n          </IconButton>\n        </TooltipTrigger>\n        <TooltipContent>{t(`${type}.play`)}</TooltipContent>\n      </TooltipRoot>\n    </div>\n  );\n};\n\nexport default SpeechControl;\n"],"mappings":";;;;;;;AAmBA,MAAM,gBAAgB,CAAC,EAAE,KAAK,OAAO,OAAO,SAAgB,KAAK;CAC/D,MAAM,EAAE,GAAG,GAAG,gBAAgB;CAC9B,MAAM,WAAW,OAAyB,KAAK;CAE/C,MAAM,aAAa,MAAM;AACvB,MAAI,SAAS,SAAS;GACpB,MAAM,eAAe,SAAS;AAC9B,OAAI,aAAa,OACf,cAAa,MAAM;OAEnB,cAAa,OAAO;EAEvB;CACF;AACD,wBACE,KAAC;EAAI,mBAAgB;6BAEnB,IAAC;GAAM,KAAK;GAAe;GAAY;GAAO,SAAQ;IAAa,kBACnE,KAAC,0CACC,IAAC;GAAe;6BACd,IAAC;IAAW,SAAQ;IAAW,cAAY,GAAG,EAAE,KAAK,OAAO;IAAE,SAAS;8BACrE,IAAC,iBAAe;KACL;IACE,kBACjB,IAAC,4BAAgB,GAAG,EAAE,KAAK,OAAO,GAAkB,IACxC;GACV;AAET;AAED,4BAAe"}
+{"version":3,"file":"SpeechControl.mjs","names":[],"sources":["../../src/AudioPlayer/SpeechControl.tsx"],"sourcesContent":["/**\n * Copyright (c) 2021-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { VolumeUpFill } from \"@ndla/icons\";\nimport { IconButton } from \"@ndla/primitives\";\n\ntype Props = {\n  src: string;\n  title: string;\n  type?: \"gloss\" | \"audio\";\n};\n\nconst SpeechControl = ({ src, title, type = \"audio\" }: Props) => {\n  const { t } = useTranslation();\n  const audioRef = useRef<HTMLAudioElement>(null);\n\n  const togglePlay = () => {\n    if (audioRef.current) {\n      const audioElement = audioRef.current;\n      if (audioElement.paused) {\n        audioElement.play();\n      } else {\n        audioElement.pause();\n      }\n    }\n  };\n  return (\n    <div data-embed-type=\"speech\">\n      {/* eslint-disable-next-line jsx-a11y/media-has-caption */}\n      <audio ref={audioRef} src={src} title={title} preload=\"metadata\" />\n      <IconButton variant=\"tertiary\" aria-label={t(`${type}.play`)} title={t(`${type}.play`)} onClick={togglePlay}>\n        <VolumeUpFill />\n      </IconButton>\n    </div>\n  );\n};\n\nexport default SpeechControl;\n"],"mappings":";;;;;;;AAmBA,MAAM,gBAAgB,CAAC,EAAE,KAAK,OAAO,OAAO,SAAgB,KAAK;CAC/D,MAAM,EAAE,GAAG,GAAG,gBAAgB;CAC9B,MAAM,WAAW,OAAyB,KAAK;CAE/C,MAAM,aAAa,MAAM;AACvB,MAAI,SAAS,SAAS;GACpB,MAAM,eAAe,SAAS;AAC9B,OAAI,aAAa,OACf,cAAa,MAAM;OAEnB,cAAa,OAAO;EAEvB;CACF;AACD,wBACE,KAAC;EAAI,mBAAgB;6BAEnB,IAAC;GAAM,KAAK;GAAe;GAAY;GAAO,SAAQ;IAAa,kBACnE,IAAC;GAAW,SAAQ;GAAW,cAAY,GAAG,EAAE,KAAK,OAAO;GAAE,OAAO,GAAG,EAAE,KAAK,OAAO;GAAE,SAAS;6BAC/F,IAAC,iBAAe;IACL;GACT;AAET;AAED,4BAAe"}

package/es/index.mjs

@@ -32,7 +32,6 @@ import { ArticleByline, ArticleBylineAccordionItem } from "./Article/ArticleByli
 import { Article, ArticleContent, ArticleFooter, ArticleHGroup, ArticleHeader, ArticleTitle, ArticleWrapper } from "./Article/Article.mjs";
 import { getPossiblyRelativeUrl } from "./utils/relativeUrl.mjs";
 import { RelatedArticleList_default } from "./RelatedArticleList/index.mjs";
-import { ErrorMessage_default } from "./ErrorMessage/index.mjs";
 import { FileListEmbed, FileListItem, FileListWrapper } from "./FileList/FileList.mjs";
 import { File, FileListElement } from "./FileList/File.mjs";
 import { PdfFile } from "./FileList/PdfFile.mjs";
@@ -61,4 +60,4 @@ import { LinkBlock_default } from "./LinkBlock/LinkBlock.mjs";
 import { LinkBlockSection_default } from "./LinkBlock/LinkBlockSection.mjs";
 import { ZendeskButton } from "./ZendeskButton/ZendeskButton.mjs";
 
-export { Article, ArticleByline, ArticleBylineAccordionItem, ArticleContent, ArticleFootNotes, ArticleFooter, ArticleHGroup, ArticleHeader, ArticleTitle, ArticleWrapper, AudioEmbed_default as AudioEmbed, AudioPlayer_default as AudioPlayer, BlockConcept, Breadcrumb_default as Breadcrumb, BrightcoveEmbed_default as BrightcoveEmbed, CampaignBlock_default as CampaignBlock, CodeBlock_default as CodeBlock, CodeEmbed_default as CodeEmbed, Concept, ConceptEmbed, ConceptInlineTriggerButton, ContactBlock, ContentLinkEmbed_default as ContentLinkEmbed, ContentTypeBadge, ContentTypeBlockQuote, ContentTypeFramedContent, ContentTypeHero, CopyParagraphButton_default as CopyParagraphButton, CopyrightEmbed_default as CopyrightEmbed, EmbedByline, EmbedWrapper, ErrorMessage_default as ErrorMessage, ExternalEmbed_default as ExternalEmbed, FactBox_default as FactBox, File, FileListElement, FileListEmbed, FileListItem, FileListWrapper, FootnoteEmbed_default as FootnoteEmbed, Gloss_default as Gloss, GlossExample_default as GlossExample, Grid, GridParallaxItem, H5pEmbed_default as H5pEmbed, HomeBreadcrumb_default as HomeBreadcrumb, IframeEmbed_default as IframeEmbed, ImageEmbed_default as ImageEmbed, InlineConcept, InlineTriggerButton, KeyFigure_default as KeyFigure, LicenseLink, LinkBlock_default as LinkBlock, LinkBlockSection_default as LinkBlockSection, PdfFile, Pitch, RelatedArticle, RelatedArticleList_default as RelatedArticleList, RelatedContentEmbed_default as RelatedContentEmbed, ResourceBox_default as ResourceBox, TagSelectorClearTrigger, TagSelectorControl, TagSelectorInput, TagSelectorInputBase, TagSelectorItemInput, TagSelectorLabel, TagSelectorRoot, TagSelectorTrigger, UnknownEmbed_default as UnknownEmbed, UuDisclaimerEmbed_default as UuDisclaimerEmbed, ZendeskButton, codeLanguageOptions, model_default as constants, contactBlockBackgrounds, contentTypeToBadgeVariantMap, formatNestedMessages, getCrop, getFocalPoint, getPossiblyRelativeUrl, licenseAttributes, messages_en_default as messagesEN, messages_nb_default as messagesNB, messages_nn_default as messagesNN, messages_se_default as messagesSE, useAudioSearchTranslations, useComboboxTranslations, useDatePickerTranslations, useImageSearchTranslations, usePaginationTranslations, useTagSelectorTranslations, useTagsInputTranslations, useVideoSearchTranslations };
+export { Article, ArticleByline, ArticleBylineAccordionItem, ArticleContent, ArticleFootNotes, ArticleFooter, ArticleHGroup, ArticleHeader, ArticleTitle, ArticleWrapper, AudioEmbed_default as AudioEmbed, AudioPlayer_default as AudioPlayer, BlockConcept, Breadcrumb_default as Breadcrumb, BrightcoveEmbed_default as BrightcoveEmbed, CampaignBlock_default as CampaignBlock, CodeBlock_default as CodeBlock, CodeEmbed_default as CodeEmbed, Concept, ConceptEmbed, ConceptInlineTriggerButton, ContactBlock, ContentLinkEmbed_default as ContentLinkEmbed, ContentTypeBadge, ContentTypeBlockQuote, ContentTypeFramedContent, ContentTypeHero, CopyParagraphButton_default as CopyParagraphButton, CopyrightEmbed_default as CopyrightEmbed, EmbedByline, EmbedWrapper, ExternalEmbed_default as ExternalEmbed, FactBox_default as FactBox, File, FileListElement, FileListEmbed, FileListItem, FileListWrapper, FootnoteEmbed_default as FootnoteEmbed, Gloss_default as Gloss, GlossExample_default as GlossExample, Grid, GridParallaxItem, H5pEmbed_default as H5pEmbed, HomeBreadcrumb_default as HomeBreadcrumb, IframeEmbed_default as IframeEmbed, ImageEmbed_default as ImageEmbed, InlineConcept, InlineTriggerButton, KeyFigure_default as KeyFigure, LicenseLink, LinkBlock_default as LinkBlock, LinkBlockSection_default as LinkBlockSection, PdfFile, Pitch, RelatedArticle, RelatedArticleList_default as RelatedArticleList, RelatedContentEmbed_default as RelatedContentEmbed, ResourceBox_default as ResourceBox, TagSelectorClearTrigger, TagSelectorControl, TagSelectorInput, TagSelectorInputBase, TagSelectorItemInput, TagSelectorLabel, TagSelectorRoot, TagSelectorTrigger, UnknownEmbed_default as UnknownEmbed, UuDisclaimerEmbed_default as UuDisclaimerEmbed, ZendeskButton, codeLanguageOptions, model_default as constants, contactBlockBackgrounds, contentTypeToBadgeVariantMap, formatNestedMessages, getCrop, getFocalPoint, getPossiblyRelativeUrl, licenseAttributes, messages_en_default as messagesEN, messages_nb_default as messagesNB, messages_nn_default as messagesNN, messages_se_default as messagesSE, useAudioSearchTranslations, useComboboxTranslations, useDatePickerTranslations, useImageSearchTranslations, usePaginationTranslations, useTagSelectorTranslations, useTagsInputTranslations, useVideoSearchTranslations };

package/lib/AudioPlayer/SpeechControl.js

@@ -23,15 +23,13 @@ const SpeechControl = ({ src, title, type = "audio" }) => {
 			src,
 			title,
 			preload: "metadata"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ndla_primitives.TooltipRoot, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.TooltipTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.IconButton, {
-				variant: "tertiary",
-				"aria-label": t(`${type}.play`),
-				onClick: togglePlay,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_icons.VolumeUpFill, {})
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.TooltipContent, { children: t(`${type}.play`) })] })]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.IconButton, {
+			variant: "tertiary",
+			"aria-label": t(`${type}.play`),
+			title: t(`${type}.play`),
+			onClick: togglePlay,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_icons.VolumeUpFill, {})
+		})]
 	});
 };
 var SpeechControl_default = SpeechControl;

package/lib/AudioPlayer/SpeechControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpeechControl.js","names":["TooltipRoot","TooltipTrigger","IconButton","VolumeUpFill","TooltipContent"],"sources":["../../src/AudioPlayer/SpeechControl.tsx"],"sourcesContent":["/**\n * Copyright (c) 2021-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { VolumeUpFill } from \"@ndla/icons\";\nimport { TooltipRoot, TooltipTrigger, TooltipContent, IconButton } from \"@ndla/primitives\";\n\ntype Props = {\n  src: string;\n  title: string;\n  type?: \"gloss\" | \"audio\";\n};\n\nconst SpeechControl = ({ src, title, type = \"audio\" }: Props) => {\n  const { t } = useTranslation();\n  const audioRef = useRef<HTMLAudioElement>(null);\n\n  const togglePlay = () => {\n    if (audioRef.current) {\n      const audioElement = audioRef.current;\n      if (audioElement.paused) {\n        audioElement.play();\n      } else {\n        audioElement.pause();\n      }\n    }\n  };\n  return (\n    <div data-embed-type=\"speech\">\n      {/* eslint-disable-next-line jsx-a11y/media-has-caption */}\n      <audio ref={audioRef} src={src} title={title} preload=\"metadata\" />\n      <TooltipRoot>\n        <TooltipTrigger asChild>\n          <IconButton variant=\"tertiary\" aria-label={t(`${type}.play`)} onClick={togglePlay}>\n            <VolumeUpFill />\n          </IconButton>\n        </TooltipTrigger>\n        <TooltipContent>{t(`${type}.play`)}</TooltipContent>\n      </TooltipRoot>\n    </div>\n  );\n};\n\nexport default SpeechControl;\n"],"mappings":";;;;;;;;AAmBA,MAAM,gBAAgB,CAAC,EAAE,KAAK,OAAO,OAAO,SAAgB,KAAK;CAC/D,MAAM,EAAE,GAAG,GAAG,mCAAgB;CAC9B,MAAM,WAAW,kBAAyB,KAAK;CAE/C,MAAM,aAAa,MAAM;AACvB,MAAI,SAAS,SAAS;GACpB,MAAM,eAAe,SAAS;AAC9B,OAAI,aAAa,OACf,cAAa,MAAM;OAEnB,cAAa,OAAO;EAEvB;CACF;AACD,wBACE,4BAAC;EAAI,mBAAgB;6BAEnB,2BAAC;GAAM,KAAK;GAAe;GAAY;GAAO,SAAQ;IAAa,kBACnE,4BAACA,4DACC,2BAACC;GAAe;6BACd,2BAACC;IAAW,SAAQ;IAAW,cAAY,GAAG,EAAE,KAAK,OAAO;IAAE,SAAS;8BACrE,2BAACC,8BAAe;KACL;IACE,kBACjB,2BAACC,8CAAgB,GAAG,EAAE,KAAK,OAAO,GAAkB,IACxC;GACV;AAET;AAED,4BAAe"}
+{"version":3,"file":"SpeechControl.js","names":["IconButton","VolumeUpFill"],"sources":["../../src/AudioPlayer/SpeechControl.tsx"],"sourcesContent":["/**\n * Copyright (c) 2021-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { VolumeUpFill } from \"@ndla/icons\";\nimport { IconButton } from \"@ndla/primitives\";\n\ntype Props = {\n  src: string;\n  title: string;\n  type?: \"gloss\" | \"audio\";\n};\n\nconst SpeechControl = ({ src, title, type = \"audio\" }: Props) => {\n  const { t } = useTranslation();\n  const audioRef = useRef<HTMLAudioElement>(null);\n\n  const togglePlay = () => {\n    if (audioRef.current) {\n      const audioElement = audioRef.current;\n      if (audioElement.paused) {\n        audioElement.play();\n      } else {\n        audioElement.pause();\n      }\n    }\n  };\n  return (\n    <div data-embed-type=\"speech\">\n      {/* eslint-disable-next-line jsx-a11y/media-has-caption */}\n      <audio ref={audioRef} src={src} title={title} preload=\"metadata\" />\n      <IconButton variant=\"tertiary\" aria-label={t(`${type}.play`)} title={t(`${type}.play`)} onClick={togglePlay}>\n        <VolumeUpFill />\n      </IconButton>\n    </div>\n  );\n};\n\nexport default SpeechControl;\n"],"mappings":";;;;;;;;AAmBA,MAAM,gBAAgB,CAAC,EAAE,KAAK,OAAO,OAAO,SAAgB,KAAK;CAC/D,MAAM,EAAE,GAAG,GAAG,mCAAgB;CAC9B,MAAM,WAAW,kBAAyB,KAAK;CAE/C,MAAM,aAAa,MAAM;AACvB,MAAI,SAAS,SAAS;GACpB,MAAM,eAAe,SAAS;AAC9B,OAAI,aAAa,OACf,cAAa,MAAM;OAEnB,cAAa,OAAO;EAEvB;CACF;AACD,wBACE,4BAAC;EAAI,mBAAgB;6BAEnB,2BAAC;GAAM,KAAK;GAAe;GAAY;GAAO,SAAQ;IAAa,kBACnE,2BAACA;GAAW,SAAQ;GAAW,cAAY,GAAG,EAAE,KAAK,OAAO;GAAE,OAAO,GAAG,EAAE,KAAK,OAAO;GAAE,SAAS;6BAC/F,2BAACC,8BAAe;IACL;GACT;AAET;AAED,4BAAe"}

package/lib/index.d.ts

@@ -12,7 +12,6 @@ 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 RelatedArticleList, RelatedArticle } from "./RelatedArticleList";
-export { default as ErrorMessage } from "./ErrorMessage";
 export { FileListEmbed, File, PdfFile, FileListItem, FileListElement, FileListWrapper } from "./FileList";
 export { default as FactBox } from "./FactBox";
 export type { ContentTypeHeroProps } from "./ContentTypeHero";

package/lib/index.js

@@ -32,7 +32,6 @@ const require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_Articl
 const require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_Article_Article = require('./Article/Article.js');
 const require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_utils_relativeUrl = require('./utils/relativeUrl.js');
 const require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_RelatedArticleList_index = require('./RelatedArticleList/index.js');
-const require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_ErrorMessage_index = require('./ErrorMessage/index.js');
 const require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_FileList_FileList = require('./FileList/FileList.js');
 const require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_FileList_File = require('./FileList/File.js');
 const require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_FileList_PdfFile = require('./FileList/PdfFile.js');
@@ -92,7 +91,6 @@ exports.CopyParagraphButton = require__Users_jec_code_ndla_frontend_packages_pac
 exports.CopyrightEmbed = require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_Embed_CopyrightEmbed.CopyrightEmbed_default;
 exports.EmbedByline = require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_LicenseByline_EmbedByline.EmbedByline;
 exports.EmbedWrapper = require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_Embed_EmbedWrapper.EmbedWrapper;
-exports.ErrorMessage = require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_ErrorMessage_index.ErrorMessage_default;
 exports.ExternalEmbed = require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_Embed_ExternalEmbed.ExternalEmbed_default;
 exports.FactBox = require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_FactBox_index.FactBox_default;
 exports.File = require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_FileList_File.File;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ndla/ui",
   "type": "module",
-  "version": "56.0.140-alpha.0",
+  "version": "56.0.142-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "exports": {
@@ -38,7 +38,7 @@
   "dependencies": {
     "@ark-ui/react": "^5.25.0",
     "@ndla/core": "^6.0.3-alpha.0",
-    "@ndla/icons": "^8.0.66-alpha.0",
+    "@ndla/icons": "^8.0.67-alpha.0",
     "@ndla/licenses": "^10.0.0-alpha.0",
     "@ndla/primitives": "^1.0.99-alpha.0",
     "@ndla/safelink": "^7.0.102-alpha.0",
@@ -62,5 +62,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1c974c9234fe76368bdb7c418a67de46dd159fdb"
+  "gitHead": "6fde2ca9ba17fc522610391805f05984bbe630f6"
 }

package/src/AudioPlayer/SpeechControl.tsx

@@ -9,7 +9,7 @@
 import { useRef } from "react";
 import { useTranslation } from "react-i18next";
 import { VolumeUpFill } from "@ndla/icons";
-import { TooltipRoot, TooltipTrigger, TooltipContent, IconButton } from "@ndla/primitives";
+import { IconButton } from "@ndla/primitives";
 
 type Props = {
   src: string;
@@ -35,14 +35,9 @@ const SpeechControl = ({ src, title, type = "audio" }: Props) => {
     <div data-embed-type="speech">
       {/* eslint-disable-next-line jsx-a11y/media-has-caption */}
       <audio ref={audioRef} src={src} title={title} preload="metadata" />
-      <TooltipRoot>
-        <TooltipTrigger asChild>
-          <IconButton variant="tertiary" aria-label={t(`${type}.play`)} onClick={togglePlay}>
-            <VolumeUpFill />
-          </IconButton>
-        </TooltipTrigger>
-        <TooltipContent>{t(`${type}.play`)}</TooltipContent>
-      </TooltipRoot>
+      <IconButton variant="tertiary" aria-label={t(`${type}.play`)} title={t(`${type}.play`)} onClick={togglePlay}>
+        <VolumeUpFill />
+      </IconButton>
     </div>
   );
 };

package/src/index.ts

@@ -56,8 +56,6 @@ export { getPossiblyRelativeUrl } from "./utils/relativeUrl";
 
 export { default as RelatedArticleList, RelatedArticle } from "./RelatedArticleList";
 
-export { default as ErrorMessage } from "./ErrorMessage";
-
 export { FileListEmbed, File, PdfFile, FileListItem, FileListElement, FileListWrapper } from "./FileList";
 
 export { default as FactBox } from "./FactBox";

package/es/ErrorMessage/ErrorMessage.mjs

@@ -1,54 +0,0 @@
-import "react";
-import { Text } from "@ndla/primitives";
-import { styled } from "@ndla/styled-system/jsx";
-import { SafeLink } from "@ndla/safelink";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/ErrorMessage/ErrorMessage.tsx
-const StyledErrorMessage = styled("article", { base: {
-	textAlign: "center",
-	"& a": { color: "text.strong" },
-	"& h1": { marginTop: "0" }
-} });
-const IllustrationWrapper = styled("div", { base: {
-	display: "flex",
-	justifyContent: "center",
-	marginBottom: "medium",
-	tablet: { marginTop: "xxlarge" }
-} });
-const Description = styled(Text, { base: {
-	marginBottom: "medium",
-	tablet: { marginBottom: "xxlarge" }
-} });
-const CustomElementWrapper = styled("div", { base: { marginBlock: "xxlarge" } });
-const MessageWrapper = styled("div", { base: { marginTop: "3xsmall" } });
-const ErrorMessage = ({ children, messages, illustration, illustrationElement, customElement }) => /* @__PURE__ */ jsxs(StyledErrorMessage, { children: [
-	!!illustration && /* @__PURE__ */ jsx(IllustrationWrapper, { children: /* @__PURE__ */ jsx("img", {
-		src: illustration.url,
-		alt: illustration.altText
-	}) }),
-	!!illustrationElement && /* @__PURE__ */ jsx(IllustrationWrapper, { children: illustrationElement }),
-	/* @__PURE__ */ jsx("h1", { children: messages.title }),
-	!!messages.description && /* @__PURE__ */ jsx(Description, { children: messages.description }),
-	!!customElement && /* @__PURE__ */ jsx(CustomElementWrapper, { children: customElement }),
-	!!messages.linksTitle && /* @__PURE__ */ jsx("h2", { children: messages.linksTitle }),
-	!!messages.back && /* @__PURE__ */ jsx(SafeLink, {
-		to: `/#${encodeURI(messages.back)}`,
-		onClick: () => window.history.back(),
-		children: messages.back
-	}),
-	!!messages.goToFrontPage && /* @__PURE__ */ jsx(MessageWrapper, { children: /* @__PURE__ */ jsx(SafeLink, {
-		to: "/",
-		children: messages.goToFrontPage
-	}) }),
-	!!messages.logInFailed && /* @__PURE__ */ jsx(MessageWrapper, { children: /* @__PURE__ */ jsx(SafeLink, {
-		to: "/minndla",
-		children: messages.logInFailed
-	}) }),
-	children
-] });
-var ErrorMessage_default = ErrorMessage;
-
-//#endregion
-export { ErrorMessage_default as ErrorMessage_default$1 };
-//# sourceMappingURL=ErrorMessage.mjs.map

package/es/ErrorMessage/ErrorMessage.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorMessage.mjs","names":[],"sources":["../../src/ErrorMessage/ErrorMessage.tsx"],"sourcesContent":["/**\n * Copyright (c) 2019-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { type ReactNode } from \"react\";\nimport { Text } from \"@ndla/primitives\";\nimport { SafeLink } from \"@ndla/safelink\";\nimport { styled } from \"@ndla/styled-system/jsx\";\n\n// TODO: This has not been redesignet yet. This is just a rewrite of the previous design in panda\n\nconst StyledErrorMessage = styled(\"article\", {\n  base: {\n    textAlign: \"center\",\n    \"& a\": {\n      color: \"text.strong\",\n    },\n    \"& h1\": {\n      marginTop: \"0\",\n    },\n  },\n});\n\nconst IllustrationWrapper = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    marginBottom: \"medium\",\n    tablet: {\n      marginTop: \"xxlarge\",\n    },\n  },\n});\n\nconst Description = styled(Text, {\n  base: {\n    marginBottom: \"medium\",\n    tablet: {\n      marginBottom: \"xxlarge\",\n    },\n  },\n});\n\nconst CustomElementWrapper = styled(\"div\", {\n  base: {\n    marginBlock: \"xxlarge\",\n  },\n});\n\nconst MessageWrapper = styled(\"div\", {\n  base: {\n    marginTop: \"3xsmall\",\n  },\n});\n\ninterface Props {\n  messages: {\n    title: string;\n    description?: string;\n    linksTitle?: string;\n    back?: string;\n    goToFrontPage?: string;\n    logInFailed?: string;\n  };\n  illustration?: {\n    url: string;\n    altText: string;\n  };\n  illustrationElement?: ReactNode;\n  customElement?: ReactNode;\n  children?: ReactNode;\n}\nexport const ErrorMessage = ({ children, messages, illustration, illustrationElement, customElement }: Props) => (\n  <StyledErrorMessage>\n    {!!illustration && (\n      <IllustrationWrapper>\n        <img src={illustration.url} alt={illustration.altText} />\n      </IllustrationWrapper>\n    )}\n    {!!illustrationElement && <IllustrationWrapper>{illustrationElement}</IllustrationWrapper>}\n    <h1>{messages.title}</h1>\n    {!!messages.description && <Description>{messages.description}</Description>}\n    {!!customElement && <CustomElementWrapper>{customElement}</CustomElementWrapper>}\n    {!!messages.linksTitle && <h2>{messages.linksTitle}</h2>}\n    {!!messages.back && (\n      <SafeLink to={`/#${encodeURI(messages.back)}`} onClick={() => window.history.back()}>\n        {messages.back}\n      </SafeLink>\n    )}\n    {!!messages.goToFrontPage && (\n      <MessageWrapper>\n        <SafeLink to=\"/\">{messages.goToFrontPage}</SafeLink>\n      </MessageWrapper>\n    )}\n    {!!messages.logInFailed && (\n      <MessageWrapper>\n        <SafeLink to=\"/minndla\">{messages.logInFailed}</SafeLink>\n      </MessageWrapper>\n    )}\n    {children}\n  </StyledErrorMessage>\n);\n\nexport default ErrorMessage;\n"],"mappings":";;;;;;;AAeA,MAAM,qBAAqB,OAAO,WAAW,EAC3C,MAAM;CACJ,WAAW;CACX,OAAO,EACL,OAAO,cACR;CACD,QAAQ,EACN,WAAW,IACZ;AACF,EACF,EAAC;AAEF,MAAM,sBAAsB,OAAO,OAAO,EACxC,MAAM;CACJ,SAAS;CACT,gBAAgB;CAChB,cAAc;CACd,QAAQ,EACN,WAAW,UACZ;AACF,EACF,EAAC;AAEF,MAAM,cAAc,OAAO,MAAM,EAC/B,MAAM;CACJ,cAAc;CACd,QAAQ,EACN,cAAc,UACf;AACF,EACF,EAAC;AAEF,MAAM,uBAAuB,OAAO,OAAO,EACzC,MAAM,EACJ,aAAa,UACd,EACF,EAAC;AAEF,MAAM,iBAAiB,OAAO,OAAO,EACnC,MAAM,EACJ,WAAW,UACZ,EACF,EAAC;AAmBF,MAAa,eAAe,CAAC,EAAE,UAAU,UAAU,cAAc,qBAAqB,eAAsB,qBAC1G,KAAC;GACI,gCACD,IAAC,iDACC,IAAC;EAAI,KAAK,aAAa;EAAK,KAAK,aAAa;GAAW,GACrC;GAErB,uCAAuB,IAAC,iCAAqB,sBAA0C;iBAC1F,IAAC,kBAAI,SAAS,QAAW;GACtB,SAAS,+BAAe,IAAC,yBAAa,SAAS,cAA0B;GACzE,iCAAiB,IAAC,kCAAsB,gBAAqC;GAC7E,SAAS,8BAAc,IAAC,kBAAI,SAAS,aAAgB;GACrD,SAAS,wBACV,IAAC;EAAS,KAAK,IAAI,UAAU,SAAS,KAAK,CAAC;EAAG,SAAS,MAAM,OAAO,QAAQ,MAAM;YAChF,SAAS;GACD;GAEV,SAAS,iCACV,IAAC,4CACC,IAAC;EAAS,IAAG;YAAK,SAAS;GAAyB,GACrC;GAEhB,SAAS,+BACV,IAAC,4CACC,IAAC;EAAS,IAAG;YAAY,SAAS;GAAuB,GAC1C;CAElB;IACkB;AAGvB,2BAAe"}

package/es/ErrorMessage/index.mjs

@@ -1,8 +0,0 @@
-import { ErrorMessage_default$1 as ErrorMessage_default } from "./ErrorMessage.mjs";
-
-//#region src/ErrorMessage/index.ts
-var ErrorMessage_default$1 = ErrorMessage_default;
-
-//#endregion
-export { ErrorMessage_default$1 as ErrorMessage_default };
-//# sourceMappingURL=index.mjs.map

package/es/ErrorMessage/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["ErrorMessage"],"sources":["../../src/ErrorMessage/index.ts"],"sourcesContent":["/**\n * Copyright (c) 2019-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport ErrorMessage from \"./ErrorMessage\";\n\nexport default ErrorMessage;\n"],"mappings":";;;AAUA,6BAAeA"}

package/lib/ErrorMessage/ErrorMessage.d.ts

@@ -1,27 +0,0 @@
-/**
- * Copyright (c) 2019-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 { type ReactNode } from "react";
-interface Props {
-    messages: {
-        title: string;
-        description?: string;
-        linksTitle?: string;
-        back?: string;
-        goToFrontPage?: string;
-        logInFailed?: string;
-    };
-    illustration?: {
-        url: string;
-        altText: string;
-    };
-    illustrationElement?: ReactNode;
-    customElement?: ReactNode;
-    children?: ReactNode;
-}
-export declare const ErrorMessage: ({ children, messages, illustration, illustrationElement, customElement }: Props) => import("react/jsx-runtime").JSX.Element;
-export default ErrorMessage;

package/lib/ErrorMessage/ErrorMessage.js

@@ -1,55 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
-const react = require_rolldown_runtime.__toESM(require("react"));
-const __ndla_primitives = require_rolldown_runtime.__toESM(require("@ndla/primitives"));
-const __ndla_styled_system_jsx = require_rolldown_runtime.__toESM(require("@ndla/styled-system/jsx"));
-const __ndla_safelink = require_rolldown_runtime.__toESM(require("@ndla/safelink"));
-const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
-
-//#region src/ErrorMessage/ErrorMessage.tsx
-const StyledErrorMessage = (0, __ndla_styled_system_jsx.styled)("article", { base: {
-	textAlign: "center",
-	"& a": { color: "text.strong" },
-	"& h1": { marginTop: "0" }
-} });
-const IllustrationWrapper = (0, __ndla_styled_system_jsx.styled)("div", { base: {
-	display: "flex",
-	justifyContent: "center",
-	marginBottom: "medium",
-	tablet: { marginTop: "xxlarge" }
-} });
-const Description = (0, __ndla_styled_system_jsx.styled)(__ndla_primitives.Text, { base: {
-	marginBottom: "medium",
-	tablet: { marginBottom: "xxlarge" }
-} });
-const CustomElementWrapper = (0, __ndla_styled_system_jsx.styled)("div", { base: { marginBlock: "xxlarge" } });
-const MessageWrapper = (0, __ndla_styled_system_jsx.styled)("div", { base: { marginTop: "3xsmall" } });
-const ErrorMessage = ({ children, messages, illustration, illustrationElement, customElement }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledErrorMessage, { children: [
-	!!illustration && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IllustrationWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-		src: illustration.url,
-		alt: illustration.altText
-	}) }),
-	!!illustrationElement && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IllustrationWrapper, { children: illustrationElement }),
-	/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", { children: messages.title }),
-	!!messages.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Description, { children: messages.description }),
-	!!customElement && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomElementWrapper, { children: customElement }),
-	!!messages.linksTitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", { children: messages.linksTitle }),
-	!!messages.back && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_safelink.SafeLink, {
-		to: `/#${encodeURI(messages.back)}`,
-		onClick: () => window.history.back(),
-		children: messages.back
-	}),
-	!!messages.goToFrontPage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_safelink.SafeLink, {
-		to: "/",
-		children: messages.goToFrontPage
-	}) }),
-	!!messages.logInFailed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageWrapper, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_safelink.SafeLink, {
-		to: "/minndla",
-		children: messages.logInFailed
-	}) }),
-	children
-] });
-var ErrorMessage_default = ErrorMessage;
-
-//#endregion
-exports.ErrorMessage_default$1 = ErrorMessage_default;
-//# sourceMappingURL=ErrorMessage.js.map

package/lib/ErrorMessage/ErrorMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorMessage.js","names":["Text","SafeLink"],"sources":["../../src/ErrorMessage/ErrorMessage.tsx"],"sourcesContent":["/**\n * Copyright (c) 2019-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { type ReactNode } from \"react\";\nimport { Text } from \"@ndla/primitives\";\nimport { SafeLink } from \"@ndla/safelink\";\nimport { styled } from \"@ndla/styled-system/jsx\";\n\n// TODO: This has not been redesignet yet. This is just a rewrite of the previous design in panda\n\nconst StyledErrorMessage = styled(\"article\", {\n  base: {\n    textAlign: \"center\",\n    \"& a\": {\n      color: \"text.strong\",\n    },\n    \"& h1\": {\n      marginTop: \"0\",\n    },\n  },\n});\n\nconst IllustrationWrapper = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    marginBottom: \"medium\",\n    tablet: {\n      marginTop: \"xxlarge\",\n    },\n  },\n});\n\nconst Description = styled(Text, {\n  base: {\n    marginBottom: \"medium\",\n    tablet: {\n      marginBottom: \"xxlarge\",\n    },\n  },\n});\n\nconst CustomElementWrapper = styled(\"div\", {\n  base: {\n    marginBlock: \"xxlarge\",\n  },\n});\n\nconst MessageWrapper = styled(\"div\", {\n  base: {\n    marginTop: \"3xsmall\",\n  },\n});\n\ninterface Props {\n  messages: {\n    title: string;\n    description?: string;\n    linksTitle?: string;\n    back?: string;\n    goToFrontPage?: string;\n    logInFailed?: string;\n  };\n  illustration?: {\n    url: string;\n    altText: string;\n  };\n  illustrationElement?: ReactNode;\n  customElement?: ReactNode;\n  children?: ReactNode;\n}\nexport const ErrorMessage = ({ children, messages, illustration, illustrationElement, customElement }: Props) => (\n  <StyledErrorMessage>\n    {!!illustration && (\n      <IllustrationWrapper>\n        <img src={illustration.url} alt={illustration.altText} />\n      </IllustrationWrapper>\n    )}\n    {!!illustrationElement && <IllustrationWrapper>{illustrationElement}</IllustrationWrapper>}\n    <h1>{messages.title}</h1>\n    {!!messages.description && <Description>{messages.description}</Description>}\n    {!!customElement && <CustomElementWrapper>{customElement}</CustomElementWrapper>}\n    {!!messages.linksTitle && <h2>{messages.linksTitle}</h2>}\n    {!!messages.back && (\n      <SafeLink to={`/#${encodeURI(messages.back)}`} onClick={() => window.history.back()}>\n        {messages.back}\n      </SafeLink>\n    )}\n    {!!messages.goToFrontPage && (\n      <MessageWrapper>\n        <SafeLink to=\"/\">{messages.goToFrontPage}</SafeLink>\n      </MessageWrapper>\n    )}\n    {!!messages.logInFailed && (\n      <MessageWrapper>\n        <SafeLink to=\"/minndla\">{messages.logInFailed}</SafeLink>\n      </MessageWrapper>\n    )}\n    {children}\n  </StyledErrorMessage>\n);\n\nexport default ErrorMessage;\n"],"mappings":";;;;;;;;AAeA,MAAM,qBAAqB,qCAAO,WAAW,EAC3C,MAAM;CACJ,WAAW;CACX,OAAO,EACL,OAAO,cACR;CACD,QAAQ,EACN,WAAW,IACZ;AACF,EACF,EAAC;AAEF,MAAM,sBAAsB,qCAAO,OAAO,EACxC,MAAM;CACJ,SAAS;CACT,gBAAgB;CAChB,cAAc;CACd,QAAQ,EACN,WAAW,UACZ;AACF,EACF,EAAC;AAEF,MAAM,cAAc,qCAAOA,wBAAM,EAC/B,MAAM;CACJ,cAAc;CACd,QAAQ,EACN,cAAc,UACf;AACF,EACF,EAAC;AAEF,MAAM,uBAAuB,qCAAO,OAAO,EACzC,MAAM,EACJ,aAAa,UACd,EACF,EAAC;AAEF,MAAM,iBAAiB,qCAAO,OAAO,EACnC,MAAM,EACJ,WAAW,UACZ,EACF,EAAC;AAmBF,MAAa,eAAe,CAAC,EAAE,UAAU,UAAU,cAAc,qBAAqB,eAAsB,qBAC1G,4BAAC;GACI,gCACD,2BAAC,iDACC,2BAAC;EAAI,KAAK,aAAa;EAAK,KAAK,aAAa;GAAW,GACrC;GAErB,uCAAuB,2BAAC,iCAAqB,sBAA0C;iBAC1F,2BAAC,kBAAI,SAAS,QAAW;GACtB,SAAS,+BAAe,2BAAC,yBAAa,SAAS,cAA0B;GACzE,iCAAiB,2BAAC,kCAAsB,gBAAqC;GAC7E,SAAS,8BAAc,2BAAC,kBAAI,SAAS,aAAgB;GACrD,SAAS,wBACV,2BAACC;EAAS,KAAK,IAAI,UAAU,SAAS,KAAK,CAAC;EAAG,SAAS,MAAM,OAAO,QAAQ,MAAM;YAChF,SAAS;GACD;GAEV,SAAS,iCACV,2BAAC,4CACC,2BAACA;EAAS,IAAG;YAAK,SAAS;GAAyB,GACrC;GAEhB,SAAS,+BACV,2BAAC,4CACC,2BAACA;EAAS,IAAG;YAAY,SAAS;GAAuB,GAC1C;CAElB;IACkB;AAGvB,2BAAe"}

package/lib/ErrorMessage/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * Copyright (c) 2019-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 ErrorMessage from "./ErrorMessage";
-export default ErrorMessage;

package/lib/ErrorMessage/index.js

@@ -1,8 +0,0 @@
-const require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_ErrorMessage_ErrorMessage = require('./ErrorMessage.js');
-
-//#region src/ErrorMessage/index.ts
-var ErrorMessage_default$1 = require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_ErrorMessage_ErrorMessage.ErrorMessage_default$1;
-
-//#endregion
-exports.ErrorMessage_default = ErrorMessage_default$1;
-//# sourceMappingURL=index.js.map

package/lib/ErrorMessage/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["ErrorMessage"],"sources":["../../src/ErrorMessage/index.ts"],"sourcesContent":["/**\n * Copyright (c) 2019-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport ErrorMessage from \"./ErrorMessage\";\n\nexport default ErrorMessage;\n"],"mappings":";;;AAUA,6BAAeA"}

package/src/ErrorMessage/ErrorMessage.stories.tsx

@@ -1,57 +0,0 @@
-/**
- * Copyright (c) 2023-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 type { Meta, StoryFn, StoryObj } from "@storybook/react";
-import ErrorMessage from "./ErrorMessage";
-// @ts-expect-error - It exists.
-import Oops from "../../../../images/oops.gif";
-
-/**
- * Feilmeldingskomponenten lenker tilbake til forrige side eller til forsiden. Den brukes når det har oppstått en feil i systemet, f.eks. ved 404- eller 503-feil.
- */
-export default {
-  title: "Patterns/ErrorMessage",
-  component: ErrorMessage,
-  tags: ["autodocs"],
-  parameters: {
-    inlineStories: true,
-  },
-  args: {
-    illustration: {
-      url: Oops,
-      altText: "Systemfeil",
-    },
-    messages: {
-      title: "Oisann, her gikk noe galt",
-      description: "En kort beskrivelse av feilen som oppsto.",
-      linksTitle: "Kom igang:",
-      back: "Gå tilbake",
-      goToFrontPage: "Gå til forsiden",
-    },
-  },
-} as Meta<typeof ErrorMessage>;
-
-export const ErrorMessageStory: StoryFn<typeof ErrorMessage> = (args) => {
-  return <ErrorMessage {...args} />;
-};
-
-ErrorMessageStory.storyName = "ErrorMessage";
-
-export const LoginFailed: StoryObj<typeof ErrorMessage> = {
-  args: {
-    illustration: {
-      url: Oops,
-      altText: "Systemfeil",
-    },
-    messages: {
-      title: "Ops, her gikk noe galt",
-      linksTitle: "Prøv igjen",
-      logInFailed: "Logg inn",
-    },
-  },
-};

package/src/ErrorMessage/ErrorMessage.tsx

@@ -1,108 +0,0 @@
-/**
- * Copyright (c) 2019-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 { type ReactNode } from "react";
-import { Text } from "@ndla/primitives";
-import { SafeLink } from "@ndla/safelink";
-import { styled } from "@ndla/styled-system/jsx";
-
-// TODO: This has not been redesignet yet. This is just a rewrite of the previous design in panda
-
-const StyledErrorMessage = styled("article", {
-  base: {
-    textAlign: "center",
-    "& a": {
-      color: "text.strong",
-    },
-    "& h1": {
-      marginTop: "0",
-    },
-  },
-});
-
-const IllustrationWrapper = styled("div", {
-  base: {
-    display: "flex",
-    justifyContent: "center",
-    marginBottom: "medium",
-    tablet: {
-      marginTop: "xxlarge",
-    },
-  },
-});
-
-const Description = styled(Text, {
-  base: {
-    marginBottom: "medium",
-    tablet: {
-      marginBottom: "xxlarge",
-    },
-  },
-});
-
-const CustomElementWrapper = styled("div", {
-  base: {
-    marginBlock: "xxlarge",
-  },
-});
-
-const MessageWrapper = styled("div", {
-  base: {
-    marginTop: "3xsmall",
-  },
-});
-
-interface Props {
-  messages: {
-    title: string;
-    description?: string;
-    linksTitle?: string;
-    back?: string;
-    goToFrontPage?: string;
-    logInFailed?: string;
-  };
-  illustration?: {
-    url: string;
-    altText: string;
-  };
-  illustrationElement?: ReactNode;
-  customElement?: ReactNode;
-  children?: ReactNode;
-}
-export const ErrorMessage = ({ children, messages, illustration, illustrationElement, customElement }: Props) => (
-  <StyledErrorMessage>
-    {!!illustration && (
-      <IllustrationWrapper>
-        <img src={illustration.url} alt={illustration.altText} />
-      </IllustrationWrapper>
-    )}
-    {!!illustrationElement && <IllustrationWrapper>{illustrationElement}</IllustrationWrapper>}
-    <h1>{messages.title}</h1>
-    {!!messages.description && <Description>{messages.description}</Description>}
-    {!!customElement && <CustomElementWrapper>{customElement}</CustomElementWrapper>}
-    {!!messages.linksTitle && <h2>{messages.linksTitle}</h2>}
-    {!!messages.back && (
-      <SafeLink to={`/#${encodeURI(messages.back)}`} onClick={() => window.history.back()}>
-        {messages.back}
-      </SafeLink>
-    )}
-    {!!messages.goToFrontPage && (
-      <MessageWrapper>
-        <SafeLink to="/">{messages.goToFrontPage}</SafeLink>
-      </MessageWrapper>
-    )}
-    {!!messages.logInFailed && (
-      <MessageWrapper>
-        <SafeLink to="/minndla">{messages.logInFailed}</SafeLink>
-      </MessageWrapper>
-    )}
-    {children}
-  </StyledErrorMessage>
-);
-
-export default ErrorMessage;

package/src/ErrorMessage/index.ts

@@ -1,11 +0,0 @@
-/**
- * Copyright (c) 2019-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 ErrorMessage from "./ErrorMessage";
-
-export default ErrorMessage;