@ndla/ui 55.0.18-alpha.0 → 55.0.19

package/dist/panda.buildinfo.json

@@ -393,6 +393,7 @@
       "gridTemplateColumns]___[value:repeat(2, 1fr)",
       "gridTemplateColumns]___[value:1fr]___[cond:tabletDown",
       "marginBlockStart]___[value:xsmall",
+      "marginBlockEnd]___[value:medium",
       "padding]___[value:xsmall]___[cond:tabletWideDown",
       "flexDirection]___[value:column]___[cond:tabletDown",
       "gap]___[value:0]___[cond:tabletDown",

package/dist/styles.css

@@ -551,6 +551,10 @@
     margin-block-start: var(--spacing-xsmall);
 }
 
+  .mbe_medium {
+    margin-block-end: var(--spacing-medium);
+}
+
   .asp_1\/1 {
     aspect-ratio: 1/1;
 }

package/es/AudioPlayer/SpeechControl.js

@@ -32,6 +32,7 @@ const SpeechControl = _ref => {
     }
   };
   return /*#__PURE__*/_jsxs("div", {
+    "data-embed-type": "speech",
     children: [/*#__PURE__*/_jsx("audio", {
       ref: audioRef,
       src: src,

package/es/BlogPost/BlogPost.js

@@ -106,6 +106,7 @@ const BlogPost = _ref => {
     "data-size": size,
     to: href,
     size: size,
+    "data-embed-type": "blog-post",
     children: [/*#__PURE__*/_jsx(StyledHeading, {
       className: "blog-title",
       asChild: true,

package/es/CampaignBlock/CampaignBlock.js

@@ -22,6 +22,7 @@ const Container = styled("div", {
     backgroundColor: "background.default",
     borderRadius: "xsmall",
     boxShadow: "full",
+    marginBlockEnd: "4xsmall",
     maxWidth: "surface.xsmall",
     overflow: "hidden",
     mobileWide: {
@@ -102,33 +103,38 @@ const CampaignBlock = _ref2 => {
     alt: image.alt
   });
   const HeaderComponent = url?.url ? LinkText : Text;
-  return /*#__PURE__*/_jsxs(Container, {
-    className: className,
-    "data-type": "campaign-block",
-    children: [imageSide === "left" && imageComponent, /*#__PURE__*/_jsxs(ContentWrapper, {
-      children: [/*#__PURE__*/_jsx(MaybeLinkText, {
-        url: url?.url,
-        path: path,
-        children: /*#__PURE__*/_jsx(HeaderComponent, {
-          asChild: true,
-          consumeCss: true,
-          textStyle: "heading.small",
-          children: /*#__PURE__*/_jsx(InternalHeading, {
-            children: parse(title)
+  return (
+    /*#__PURE__*/
+    // TODO: Remove data-type
+    _jsxs(Container, {
+      className: className,
+      "data-type": "campaign-block",
+      "data-embed-type": "campaign-block",
+      children: [imageSide === "left" && imageComponent, /*#__PURE__*/_jsxs(ContentWrapper, {
+        children: [/*#__PURE__*/_jsx(MaybeLinkText, {
+          url: url?.url,
+          path: path,
+          children: /*#__PURE__*/_jsx(HeaderComponent, {
+            asChild: true,
+            consumeCss: true,
+            textStyle: "heading.small",
+            children: /*#__PURE__*/_jsx(InternalHeading, {
+              children: parse(title)
+            })
           })
-        })
-      }), /*#__PURE__*/_jsx(Text, {
-        textStyle: "body.large",
-        children: parse(description)
-      }), !!url?.url && /*#__PURE__*/_jsx(MaybeLinkText, {
-        url: url.url,
-        path: path,
-        children: /*#__PURE__*/_jsxs(LinkText, {
-          textStyle: "body.medium",
-          children: [parse(url.text ?? ""), /*#__PURE__*/_jsx(Forward, {})]
-        })
-      })]
-    }), imageSide !== "left" && imageComponent]
-  });
+        }), /*#__PURE__*/_jsx(Text, {
+          textStyle: "body.large",
+          children: parse(description)
+        }), !!url?.url && /*#__PURE__*/_jsx(MaybeLinkText, {
+          url: url.url,
+          path: path,
+          children: /*#__PURE__*/_jsxs(LinkText, {
+            textStyle: "body.medium",
+            children: [parse(url.text ?? ""), /*#__PURE__*/_jsx(Forward, {})]
+          })
+        })]
+      }), imageSide !== "left" && imageComponent]
+    })
+  );
 };
 export default CampaignBlock;

package/es/ContactBlock/ContactBlock.js

@@ -38,6 +38,7 @@ const StyledWrapper = styled("div", {
     alignItems: "center",
     justifyContent: "space-between",
     boxShadow: "full",
+    marginBlockEnd: "4xsmall",
     border: "1px solid",
     gap: "medium",
     position: "relative",
@@ -161,6 +162,7 @@ export const ContactBlock = _ref => {
     t
   } = useTranslation();
   return /*#__PURE__*/_jsxs(StyledWrapper, {
+    "data-embed-type": "contact-block",
     children: [/*#__PURE__*/_jsxs(ContentWrapper, {
       children: [/*#__PURE__*/_jsxs(HeaderWrapper, {
         variant: backgroundColor,

package/es/CopyParagraphButton/CopyParagraphButton.js

@@ -12,7 +12,6 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { colors, stackOrder } from "@ndla/core";
 import { Link } from "@ndla/icons/common";
-import { Tooltip } from "@ndla/tooltip";
 import { copyTextToClipboard } from "@ndla/util";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ContainerDiv = /*#__PURE__*/_styled("div", {
@@ -24,13 +23,13 @@ const ContainerDiv = /*#__PURE__*/_styled("div", {
 } : {
   name: "w6zggb",
   styles: "position:relative;&:hover{[data-copy-button]{opacity:1;cursor:pointer;}}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCK0IiLCJmaWxlIjoiQ29weVBhcmFncmFwaEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY29sb3JzLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IExpbmsgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSBcIkBuZGxhL3Rvb2x0aXBcIjtcbmltcG9ydCB7IGNvcHlUZXh0VG9DbGlwYm9hcmQgfSBmcm9tIFwiQG5kbGEvdXRpbFwiO1xuXG5jb25zdCBDb250YWluZXJEaXYgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICY6aG92ZXIge1xuICAgIFtkYXRhLWNvcHktYnV0dG9uXSB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IC0zZW07XG4gIHRvcDogMC4xZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLm9mZnNldFNpbmdsZX07XG4gIHRyYW5zaXRpb246IDAuMnM7XG4gIG9wYWNpdHk6IDA7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5fTtcblxuICAmIHN2ZyB7XG4gICAgd2lkdGg6IDMwcHg7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICB9XG5cbiAgJjpmb2N1cyxcbiAgJjpmb2N1cy12aXNpYmxlLFxuICAmOmFjdGl2ZSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIC8vIFdoYXQgdG8gcmVuZGVyIHdpdGhpbiB0aGUgaDJcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29weVRleHQ6IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn1cbmNvbnN0IENvcHlQYXJhZ3JhcGhCdXR0b24gPSAoeyBjaGlsZHJlbiwgY29weVRleHQsIGxhbmcgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2hhc0NvcGllZCwgc2V0SGFzQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBzYW5pdGl6ZWRUaXRsZSA9IHVzZU1lbW8oKCkgPT4gZW5jb2RlVVJJQ29tcG9uZW50KGNvcHlUZXh0LnJlcGxhY2UoLyAvZywgXCItXCIpKSwgW2NvcHlUZXh0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaGFzQ29waWVkKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHNldEhhc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgIH1cbiAgfSwgW2hhc0NvcGllZF0pO1xuXG4gIGNvbnN0IG9uQ29weUNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldEhhc0NvcGllZCh0cnVlKTtcbiAgICBjb25zdCB7IGxvY2F0aW9uIH0gPSB3aW5kb3c7XG4gICAgY29uc3QgbmV3SGFzaCA9IGAjJHtzYW5pdGl6ZWRUaXRsZX1gO1xuICAgIGNvbnN0IHBvcnQgPSBsb2NhdGlvbi5wb3J0ID8gYDoke2xvY2F0aW9uLnBvcnR9YCA6IFwiXCI7XG4gICAgY29uc3QgdXJsVG9Db3B5ID0gYCR7bG9jYXRpb24ucHJvdG9jb2x9Ly8ke2xvY2F0aW9uLmhvc3RuYW1lfSR7cG9ydH0ke2xvY2F0aW9uLnBhdGhuYW1lfSR7bG9jYXRpb24uc2VhcmNofSR7bmV3SGFzaH1gO1xuXG4gICAgY29weVRleHRUb0NsaXBib2FyZCh1cmxUb0NvcHkpO1xuICB9LCBbc2FuaXRpemVkVGl0bGVdKTtcblxuICBjb25zdCB0b29sdGlwID0gaGFzQ29waWVkID8gdChcImFydGljbGUuY29weVBhZ2VMaW5rQ29waWVkXCIpIDogdChcImFydGljbGUuY29weUhlYWRlckxpbmtcIik7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lckRpdj5cbiAgICAgIDxUb29sdGlwIHRvb2x0aXA9e3Rvb2x0aXB9PlxuICAgICAgICA8SWNvbkJ1dHRvbiBkYXRhLWNvcHktYnV0dG9uPVwiXCIgb25DbGljaz17b25Db3B5Q2xpY2t9IGFyaWEtbGFiZWw9e2Ake3Rvb2x0aXB9OiAke2NvcHlUZXh0fWB9PlxuICAgICAgICAgIDxMaW5rIC8+XG4gICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgIDwvVG9vbHRpcD5cbiAgICAgIDxoMiBpZD17c2FuaXRpemVkVGl0bGV9IHRhYkluZGV4PXstMX0gbGFuZz17bGFuZ30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvaDI+XG4gICAgPC9Db250YWluZXJEaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDb3B5UGFyYWdyYXBoQnV0dG9uO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWUrQiIsImZpbGUiOiJDb3B5UGFyYWdyYXBoQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlLCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMsIHN0YWNrT3JkZXIgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTGluayB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IGNvcHlUZXh0VG9DbGlwYm9hcmQgfSBmcm9tIFwiQG5kbGEvdXRpbFwiO1xuXG5jb25zdCBDb250YWluZXJEaXYgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICY6aG92ZXIge1xuICAgIFtkYXRhLWNvcHktYnV0dG9uXSB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IC0zZW07XG4gIHRvcDogMC4xZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLm9mZnNldFNpbmdsZX07XG4gIHRyYW5zaXRpb246IDAuMnM7XG4gIG9wYWNpdHk6IDA7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5fTtcblxuICAmIHN2ZyB7XG4gICAgd2lkdGg6IDMwcHg7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICB9XG5cbiAgJjpmb2N1cyxcbiAgJjpmb2N1cy12aXNpYmxlLFxuICAmOmFjdGl2ZSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIC8vIFdoYXQgdG8gcmVuZGVyIHdpdGhpbiB0aGUgaDJcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29weVRleHQ6IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn1cbmNvbnN0IENvcHlQYXJhZ3JhcGhCdXR0b24gPSAoeyBjaGlsZHJlbiwgY29weVRleHQsIGxhbmcgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2hhc0NvcGllZCwgc2V0SGFzQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBzYW5pdGl6ZWRUaXRsZSA9IHVzZU1lbW8oKCkgPT4gZW5jb2RlVVJJQ29tcG9uZW50KGNvcHlUZXh0LnJlcGxhY2UoLyAvZywgXCItXCIpKSwgW2NvcHlUZXh0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaGFzQ29waWVkKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHNldEhhc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgIH1cbiAgfSwgW2hhc0NvcGllZF0pO1xuXG4gIGNvbnN0IG9uQ29weUNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldEhhc0NvcGllZCh0cnVlKTtcbiAgICBjb25zdCB7IGxvY2F0aW9uIH0gPSB3aW5kb3c7XG4gICAgY29uc3QgbmV3SGFzaCA9IGAjJHtzYW5pdGl6ZWRUaXRsZX1gO1xuICAgIGNvbnN0IHBvcnQgPSBsb2NhdGlvbi5wb3J0ID8gYDoke2xvY2F0aW9uLnBvcnR9YCA6IFwiXCI7XG4gICAgY29uc3QgdXJsVG9Db3B5ID0gYCR7bG9jYXRpb24ucHJvdG9jb2x9Ly8ke2xvY2F0aW9uLmhvc3RuYW1lfSR7cG9ydH0ke2xvY2F0aW9uLnBhdGhuYW1lfSR7bG9jYXRpb24uc2VhcmNofSR7bmV3SGFzaH1gO1xuXG4gICAgY29weVRleHRUb0NsaXBib2FyZCh1cmxUb0NvcHkpO1xuICB9LCBbc2FuaXRpemVkVGl0bGVdKTtcblxuICBjb25zdCB0b29sdGlwID0gaGFzQ29waWVkID8gdChcImFydGljbGUuY29weVBhZ2VMaW5rQ29waWVkXCIpIDogdChcImFydGljbGUuY29weUhlYWRlckxpbmtcIik7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lckRpdiBkYXRhLWVtYmVkLXR5cGU9XCJjb3B5LWhlYWRpbmdcIj5cbiAgICAgIDxJY29uQnV0dG9uIGRhdGEtY29weS1idXR0b249XCJcIiBvbkNsaWNrPXtvbkNvcHlDbGlja30gdGl0bGU9e3Rvb2x0aXB9IGFyaWEtbGFiZWw9e2Ake3Rvb2x0aXB9OiAke2NvcHlUZXh0fWB9PlxuICAgICAgICA8TGluayAvPlxuICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgPGgyIGlkPXtzYW5pdGl6ZWRUaXRsZX0gdGFiSW5kZXg9ey0xfSBsYW5nPXtsYW5nfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9oMj5cbiAgICA8L0NvbnRhaW5lckRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvcHlQYXJhZ3JhcGhCdXR0b247XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const IconButton = /*#__PURE__*/_styled("button", {
   target: "e18czas70",
   label: "IconButton"
-})("position:absolute;left:-3em;top:0.1em;background:none;border:0;z-index:", stackOrder.offsetSingle, ";transition:0.2s;opacity:0;color:", colors.brand.grey, ";& svg{width:30px;height:30px;}&:focus,&:focus-visible,&:active{cursor:pointer;opacity:1;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCZ0MiLCJmaWxlIjoiQ29weVBhcmFncmFwaEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY29sb3JzLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IExpbmsgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSBcIkBuZGxhL3Rvb2x0aXBcIjtcbmltcG9ydCB7IGNvcHlUZXh0VG9DbGlwYm9hcmQgfSBmcm9tIFwiQG5kbGEvdXRpbFwiO1xuXG5jb25zdCBDb250YWluZXJEaXYgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICY6aG92ZXIge1xuICAgIFtkYXRhLWNvcHktYnV0dG9uXSB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IEljb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6IC0zZW07XG4gIHRvcDogMC4xZW07XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgei1pbmRleDogJHtzdGFja09yZGVyLm9mZnNldFNpbmdsZX07XG4gIHRyYW5zaXRpb246IDAuMnM7XG4gIG9wYWNpdHk6IDA7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5fTtcblxuICAmIHN2ZyB7XG4gICAgd2lkdGg6IDMwcHg7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICB9XG5cbiAgJjpmb2N1cyxcbiAgJjpmb2N1cy12aXNpYmxlLFxuICAmOmFjdGl2ZSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIC8vIFdoYXQgdG8gcmVuZGVyIHdpdGhpbiB0aGUgaDJcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29weVRleHQ6IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn1cbmNvbnN0IENvcHlQYXJhZ3JhcGhCdXR0b24gPSAoeyBjaGlsZHJlbiwgY29weVRleHQsIGxhbmcgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2hhc0NvcGllZCwgc2V0SGFzQ29waWVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBzYW5pdGl6ZWRUaXRsZSA9IHVzZU1lbW8oKCkgPT4gZW5jb2RlVVJJQ29tcG9uZW50KGNvcHlUZXh0LnJlcGxhY2UoLyAvZywgXCItXCIpKSwgW2NvcHlUZXh0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaGFzQ29waWVkKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHNldEhhc0NvcGllZChmYWxzZSksIDMwMDApO1xuICAgIH1cbiAgfSwgW2hhc0NvcGllZF0pO1xuXG4gIGNvbnN0IG9uQ29weUNsaWNrID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldEhhc0NvcGllZCh0cnVlKTtcbiAgICBjb25zdCB7IGxvY2F0aW9uIH0gPSB3aW5kb3c7XG4gICAgY29uc3QgbmV3SGFzaCA9IGAjJHtzYW5pdGl6ZWRUaXRsZX1gO1xuICAgIGNvbnN0IHBvcnQgPSBsb2NhdGlvbi5wb3J0ID8gYDoke2xvY2F0aW9uLnBvcnR9YCA6IFwiXCI7XG4gICAgY29uc3QgdXJsVG9Db3B5ID0gYCR7bG9jYXRpb24ucHJvdG9jb2x9Ly8ke2xvY2F0aW9uLmhvc3RuYW1lfSR7cG9ydH0ke2xvY2F0aW9uLnBhdGhuYW1lfSR7bG9jYXRpb24uc2VhcmNofSR7bmV3SGFzaH1gO1xuXG4gICAgY29weVRleHRUb0NsaXBib2FyZCh1cmxUb0NvcHkpO1xuICB9LCBbc2FuaXRpemVkVGl0bGVdKTtcblxuICBjb25zdCB0b29sdGlwID0gaGFzQ29waWVkID8gdChcImFydGljbGUuY29weVBhZ2VMaW5rQ29waWVkXCIpIDogdChcImFydGljbGUuY29weUhlYWRlckxpbmtcIik7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lckRpdj5cbiAgICAgIDxUb29sdGlwIHRvb2x0aXA9e3Rvb2x0aXB9PlxuICAgICAgICA8SWNvbkJ1dHRvbiBkYXRhLWNvcHktYnV0dG9uPVwiXCIgb25DbGljaz17b25Db3B5Q2xpY2t9IGFyaWEtbGFiZWw9e2Ake3Rvb2x0aXB9OiAke2NvcHlUZXh0fWB9PlxuICAgICAgICAgIDxMaW5rIC8+XG4gICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgIDwvVG9vbHRpcD5cbiAgICAgIDxoMiBpZD17c2FuaXRpemVkVGl0bGV9IHRhYkluZGV4PXstMX0gbGFuZz17bGFuZ30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvaDI+XG4gICAgPC9Db250YWluZXJEaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDb3B5UGFyYWdyYXBoQnV0dG9uO1xuIl19 */"));
+})("position:absolute;left:-3em;top:0.1em;background:none;border:0;z-index:", stackOrder.offsetSingle, ";transition:0.2s;opacity:0;color:", colors.brand.grey, ";& svg{width:30px;height:30px;}&:focus,&:focus-visible,&:active{cursor:pointer;opacity:1;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvcHlQYXJhZ3JhcGhCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCZ0MiLCJmaWxlIjoiQ29weVBhcmFncmFwaEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY29sb3JzLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IExpbmsgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBjb3B5VGV4dFRvQ2xpcGJvYXJkIH0gZnJvbSBcIkBuZGxhL3V0aWxcIjtcblxuY29uc3QgQ29udGFpbmVyRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAmOmhvdmVyIHtcbiAgICBbZGF0YS1jb3B5LWJ1dHRvbl0ge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB9XG4gIH1cbmA7XG5jb25zdCBJY29uQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAtM2VtO1xuICB0b3A6IDAuMWVtO1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBib3JkZXI6IDA7XG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5vZmZzZXRTaW5nbGV9O1xuICB0cmFuc2l0aW9uOiAwLjJzO1xuICBvcGFjaXR5OiAwO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleX07XG5cbiAgJiBzdmcge1xuICAgIHdpZHRoOiAzMHB4O1xuICAgIGhlaWdodDogMzBweDtcbiAgfVxuXG4gICY6Zm9jdXMsXG4gICY6Zm9jdXMtdmlzaWJsZSxcbiAgJjphY3RpdmUge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICAvLyBXaGF0IHRvIHJlbmRlciB3aXRoaW4gdGhlIGgyXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGNvcHlUZXh0OiBzdHJpbmc7XG4gIGxhbmc/OiBzdHJpbmc7XG59XG5jb25zdCBDb3B5UGFyYWdyYXBoQnV0dG9uID0gKHsgY2hpbGRyZW4sIGNvcHlUZXh0LCBsYW5nIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFtoYXNDb3BpZWQsIHNldEhhc0NvcGllZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3Qgc2FuaXRpemVkVGl0bGUgPSB1c2VNZW1vKCgpID0+IGVuY29kZVVSSUNvbXBvbmVudChjb3B5VGV4dC5yZXBsYWNlKC8gL2csIFwiLVwiKSksIFtjb3B5VGV4dF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGhhc0NvcGllZCkge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiBzZXRIYXNDb3BpZWQoZmFsc2UpLCAzMDAwKTtcbiAgICB9XG4gIH0sIFtoYXNDb3BpZWRdKTtcblxuICBjb25zdCBvbkNvcHlDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRIYXNDb3BpZWQodHJ1ZSk7XG4gICAgY29uc3QgeyBsb2NhdGlvbiB9ID0gd2luZG93O1xuICAgIGNvbnN0IG5ld0hhc2ggPSBgIyR7c2FuaXRpemVkVGl0bGV9YDtcbiAgICBjb25zdCBwb3J0ID0gbG9jYXRpb24ucG9ydCA/IGA6JHtsb2NhdGlvbi5wb3J0fWAgOiBcIlwiO1xuICAgIGNvbnN0IHVybFRvQ29weSA9IGAke2xvY2F0aW9uLnByb3RvY29sfS8vJHtsb2NhdGlvbi5ob3N0bmFtZX0ke3BvcnR9JHtsb2NhdGlvbi5wYXRobmFtZX0ke2xvY2F0aW9uLnNlYXJjaH0ke25ld0hhc2h9YDtcblxuICAgIGNvcHlUZXh0VG9DbGlwYm9hcmQodXJsVG9Db3B5KTtcbiAgfSwgW3Nhbml0aXplZFRpdGxlXSk7XG5cbiAgY29uc3QgdG9vbHRpcCA9IGhhc0NvcGllZCA/IHQoXCJhcnRpY2xlLmNvcHlQYWdlTGlua0NvcGllZFwiKSA6IHQoXCJhcnRpY2xlLmNvcHlIZWFkZXJMaW5rXCIpO1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXJEaXYgZGF0YS1lbWJlZC10eXBlPVwiY29weS1oZWFkaW5nXCI+XG4gICAgICA8SWNvbkJ1dHRvbiBkYXRhLWNvcHktYnV0dG9uPVwiXCIgb25DbGljaz17b25Db3B5Q2xpY2t9IHRpdGxlPXt0b29sdGlwfSBhcmlhLWxhYmVsPXtgJHt0b29sdGlwfTogJHtjb3B5VGV4dH1gfT5cbiAgICAgICAgPExpbmsgLz5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgIDxoMiBpZD17c2FuaXRpemVkVGl0bGV9IHRhYkluZGV4PXstMX0gbGFuZz17bGFuZ30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvaDI+XG4gICAgPC9Db250YWluZXJEaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDb3B5UGFyYWdyYXBoQnV0dG9uO1xuIl19 */"));
 const CopyParagraphButton = _ref => {
   let {
     children,
@@ -59,14 +58,13 @@ const CopyParagraphButton = _ref => {
   }, [sanitizedTitle]);
   const tooltip = hasCopied ? t("article.copyPageLinkCopied") : t("article.copyHeaderLink");
   return /*#__PURE__*/_jsxs(ContainerDiv, {
-    children: [/*#__PURE__*/_jsx(Tooltip, {
-      tooltip: tooltip,
-      children: /*#__PURE__*/_jsx(IconButton, {
-        "data-copy-button": "",
-        onClick: onCopyClick,
-        "aria-label": `${tooltip}: ${copyText}`,
-        children: /*#__PURE__*/_jsx(Link, {})
-      })
+    "data-embed-type": "copy-heading",
+    children: [/*#__PURE__*/_jsx(IconButton, {
+      "data-copy-button": "",
+      onClick: onCopyClick,
+      title: tooltip,
+      "aria-label": `${tooltip}: ${copyText}`,
+      children: /*#__PURE__*/_jsx(Link, {})
     }), /*#__PURE__*/_jsx("h2", {
       id: sanitizedTitle,
       tabIndex: -1,

package/es/Embed/AudioEmbed.js

@@ -17,9 +17,10 @@ const AudioEmbed = _ref => {
     embed,
     lang
   } = _ref;
+  const type = embed.embedData.type === "standard" ? "audio" : "podcast";
   if (embed.status === "error") {
     return /*#__PURE__*/_jsx(EmbedErrorPlaceholder, {
-      type: embed.embedData.type === "standard" ? "audio" : "podcast"
+      type: type
     });
   }
   const {
@@ -44,6 +45,7 @@ const AudioEmbed = _ref => {
   };
   return /*#__PURE__*/_jsxs(Figure, {
     lang: lang,
+    "data-embed-type": type,
     children: [/*#__PURE__*/_jsx(AudioPlayer, {
       description: data.podcastMeta?.introduction ?? "",
       img: img,

package/es/Embed/BrightcoveEmbed.js

@@ -99,6 +99,7 @@ const BrightcoveEmbed = _ref => {
     videoid: linkedVideoId
   }, data.sources) : undefined;
   return /*#__PURE__*/_jsxs(Figure, {
+    "data-embed-type": "brightcove",
     children: [/*#__PURE__*/_jsx("div", {
       className: "brightcove-video",
       children: /*#__PURE__*/_jsx(BrightcoveIframe, {

package/es/Embed/CodeEmbed.js

@@ -56,6 +56,7 @@ const CodeEmbed = _ref => {
     }
   }, [isCopied]);
   return /*#__PURE__*/_jsxs(StyledFigure, {
+    "data-embed-type": "code-block",
     children: [/*#__PURE__*/_jsx(StyledFigCaption, {
       children: embed.embedData.title || getTitleFromFormat(embed.embedData.codeFormat)
     }), /*#__PURE__*/_jsx(CodeBlock, {

package/es/Embed/ConceptEmbed.js

@@ -8,7 +8,7 @@
 
 import parse from "html-react-parser";
 import { forwardRef, useMemo } from "react";
-import { Figure, PopoverContent, PopoverRoot, PopoverTrigger } from "@ndla/primitives";
+import { PopoverContent, PopoverRoot, PopoverTrigger } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import { GlossEmbed } from "./GlossEmbed";
@@ -92,19 +92,18 @@ export const InlineConcept = /*#__PURE__*/forwardRef((_ref2, ref) => {
         children: linkText
       })
     }), /*#__PURE__*/_jsx(StyledPopoverContent, {
-      children: /*#__PURE__*/_jsx(Figure, {
-        children: /*#__PURE__*/_jsx(Concept, {
-          copyright: copyright,
-          visualElement: visualElement,
-          lang: lang,
-          title: title,
-          children: children
-        })
+      children: /*#__PURE__*/_jsx(Concept, {
+        copyright: copyright,
+        visualElement: visualElement,
+        lang: lang,
+        title: title,
+        children: children
       })
     })]
   });
 });
 export const BlockConcept = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/_jsx(Concept, {
   ...props,
+  "data-embed-type": "concept",
   ref: ref
 }));

package/es/Embed/ConceptListEmbed.js

@@ -44,6 +44,7 @@ const ConceptListEmbed = _ref => {
     data
   } = embed;
   return /*#__PURE__*/_jsx("div", {
+    "data-embed-type": "concept-list",
     children: /*#__PURE__*/_jsxs(Figure, {
       children: [embedData.title && /*#__PURE__*/_jsx("h2", {
         lang: lang,

package/es/Embed/ContentLinkEmbed.js

@@ -37,6 +37,7 @@ const ContentLinkEmbed = _ref => {
   if (embedData.openIn === "new-context" || isOembed) {
     return /*#__PURE__*/_jsx("a", {
       href: data.path,
+      "data-embed-type": "content-link",
       target: "_blank",
       rel: "noopener noreferrer",
       children: children

package/es/Embed/CopyrightEmbed.js

@@ -14,6 +14,7 @@ const CopyrightEmbed = _ref => {
     children
   } = _ref;
   return /*#__PURE__*/_jsxs("figure", {
+    "data-embed-type": "copyright",
     children: [children, /*#__PURE__*/_jsx(EmbedByline, {
       type: "copyright",
       copyright: embed.embedData.copyright

package/es/Embed/EmbedErrorPlaceholder.js

@@ -45,6 +45,7 @@ const EmbedErrorPlaceholder = _ref => {
   return /*#__PURE__*/_jsxs(StyledFigure, {
     size: figureType,
     float: float,
+    "data-embed-type": type,
     children: [children ?? /*#__PURE__*/_jsx(ErrorPlaceholder, {
       "data-embed-type": type,
       children: /*#__PURE__*/_jsx(WarningOutline, {})

package/es/Embed/ExternalEmbed.js

@@ -53,6 +53,7 @@ const ExternalEmbed = _ref => {
       alt: embedData.alt !== undefined ? embedData.alt : data.iframeImage?.alttext?.alttext ?? ""
     };
     return /*#__PURE__*/_jsx(Figure, {
+      "data-embed-type": "external",
       children: /*#__PURE__*/_jsx(ResourceBox, {
         image: image,
         title: embedData.title ?? "",
@@ -63,6 +64,7 @@ const ExternalEmbed = _ref => {
     });
   }
   return /*#__PURE__*/_jsx(StyledFigure, {
+    "data-embed-type": "external",
     ref: figRef,
     dangerouslySetInnerHTML: {
       __html: data.oembed.html ?? ""

package/es/Embed/FootnoteEmbed.js

@@ -31,6 +31,7 @@ const FootnoteEmbed = _ref => {
   }
   return /*#__PURE__*/_jsx("span", {
     id: `ref${embed.data.entryNum}`,
+    "data-embed-type": "footnote",
     children: /*#__PURE__*/_jsx(StyledSup, {
       children: /*#__PURE__*/_jsx("a", {
         href: `#note${embed.data.entryNum}`,

package/es/Embed/GlossEmbed.js

@@ -58,6 +58,7 @@ export const GlossEmbed = _ref => {
     });
   }
   return /*#__PURE__*/_jsx(Figure, {
+    "data-embed-type": "gloss",
     children: /*#__PURE__*/_jsx(Gloss, {
       glossData: concept.glossData,
       title: concept.title,

package/es/Embed/H5pEmbed.js

@@ -37,12 +37,14 @@ const H5pEmbed = _ref => {
   }
   if (embed.data.oembed) {
     return /*#__PURE__*/_jsx(FigureOembed, {
+      "data-embed-type": "h5p",
       dangerouslySetInnerHTML: {
         __html: embed.data.oembed.html ?? ""
       }
     });
   }
   return /*#__PURE__*/_jsx(StyledFigure, {
+    "data-embed-type": "h5p",
     children: /*#__PURE__*/_jsx("iframe", {
       title: embed.embedData.url,
       "aria-label": embed.embedData.url,

package/es/Embed/IframeEmbed.js

@@ -52,6 +52,7 @@ const IframeEmbed = _ref => {
       alt: alt ?? ""
     };
     return /*#__PURE__*/_jsx(Figure, {
+      "data-embed-type": "iframe",
       children: /*#__PURE__*/_jsx(ResourceBox, {
         image: image,
         title: embedData.title ?? "",
@@ -71,6 +72,7 @@ const IframeEmbed = _ref => {
   const strippedHeight = typeof height === "number" ? height : height?.replace(/\s*px/, "");
   const urlOrTitle = title || url;
   return /*#__PURE__*/_jsx(Figure, {
+    "data-embed-type": "iframe",
     children: /*#__PURE__*/_jsx(StyledIframe, {
       ref: iframeRef,
       title: urlOrTitle,

package/es/Embed/ImageEmbed.js

@@ -230,6 +230,7 @@ const ImageEmbed = _ref => {
   return /*#__PURE__*/_jsxs(StyledFigure, {
     float: figureProps?.float,
     size: imageSizes ? "full" : figureProps?.size ?? "medium",
+    "data-embed-type": "image",
     children: [children, /*#__PURE__*/_jsxs(ImageWrapper, {
       border: embedData.border === "true",
       expandable: !!figureProps?.float,

package/es/Embed/UnknownEmbed.js

@@ -20,6 +20,7 @@ const UnknownEmbed = _ref => {
     color: "text.error",
     asChild: true,
     consumeCss: true,
+    "data-embed-type": "unknown",
     children: /*#__PURE__*/_jsx("span", {
       children: t("embed.unsupported", {
         type: embed.resource

package/es/Embed/UuDisclaimerEmbed.js

@@ -48,6 +48,7 @@ const UuDisclaimerEmbed = _ref => {
   }) : null;
   return /*#__PURE__*/_jsxs("div", {
     role: "region",
+    "data-embed-type": "uu-disclaimer",
     children: [/*#__PURE__*/_jsxs(StyledMessageBox, {
       variant: "warning",
       contentEditable: false,

package/es/ErrorMessage/ErrorResourceAccessDenied.js

@@ -7,8 +7,8 @@
  */
 
 import { useTranslation } from "react-i18next";
-import { ButtonV2 } from "@ndla/button";
 import { HumanMaleBoard, LogIn } from "@ndla/icons/common";
+import { Button } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import ErrorMessage from "./ErrorMessage";
 
@@ -35,8 +35,7 @@ const ErrorResourceAccessDenied = _ref => {
     illustrationElement: /*#__PURE__*/_jsx(HumanMaleBoard, {
       size: "medium"
     }),
-    customElement: /*#__PURE__*/_jsxs(ButtonV2, {
-      size: "medium",
+    customElement: /*#__PURE__*/_jsxs(Button, {
       onClick: onAuthenticateClick,
       children: [t("user.buttonLogIn"), /*#__PURE__*/_jsx(StyledLogInIconWrapper, {
         "aria-hidden": true,

package/es/FactBox/FactBox.js

@@ -131,6 +131,7 @@ const FactBox = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, [state, onOpenChange]);
   return /*#__PURE__*/_jsxs(StyledAside, {
     "data-state": state,
+    "data-embed-type": "factbox",
     ...rest,
     ref: ref,
     children: [/*#__PURE__*/_jsx(StyledIconButton, {

package/es/LinkBlock/LinkBlock.js

@@ -82,6 +82,7 @@ const LinkBlock = _ref => {
   }, [date, articleLanguage]);
   return /*#__PURE__*/_jsxs(StyledSafeLink, {
     to: href,
+    "data-embed-type": "link-block",
     children: [/*#__PURE__*/_jsxs(InfoWrapper, {
       children: [/*#__PURE__*/_jsx(Heading, {
         asChild: true,

package/es/RelatedArticleList/RelatedArticleList.js

@@ -25,6 +25,7 @@ export const RelatedArticle = _ref => {
     type = contentTypes.SUBJECT_MATERIAL
   } = _ref;
   return /*#__PURE__*/_jsx(CardRoot, {
+    "data-embed-type": "related-article",
     children: /*#__PURE__*/_jsxs(CardContent, {
       children: [/*#__PURE__*/_jsx(ContentTypeBadge, {
         contentType: type
@@ -102,6 +103,7 @@ export const RelatedArticleList = _ref2 => {
   const childrenToShow = useMemo(() => childCount > 2 && !expanded ? children?.slice(0, 2) : children, [childCount, children, expanded]);
   return /*#__PURE__*/_jsxs(StyledSection, {
     ...rest,
+    "data-embed-type": "related-content-list",
     children: [/*#__PURE__*/_jsxs(HeadingWrapper, {
       children: [/*#__PURE__*/_jsx(Heading, {
         asChild: true,

package/es/ResourceBox/ResourceBox.js

@@ -20,6 +20,7 @@ const Container = styled("div", {
     border: "1px solid",
     borderColor: "stroke.default",
     boxShadow: "full",
+    marginBlockEnd: "medium",
     gap: "medium",
     tabletWideDown: {
       padding: "xsmall"

package/es/TreeStructure/AddFolderButton.js

@@ -12,7 +12,6 @@ import { useRef } from "react";
 import { useTranslation } from "react-i18next";
 import { ButtonV2 as Button } from "@ndla/button";
 import { Plus } from "@ndla/icons/action";
-import { Tooltip } from "@ndla/tooltip";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledAddFolderButton = /*#__PURE__*/_styled(Button, {
   target: "e1bj2d241",
@@ -23,7 +22,7 @@ const StyledAddFolderButton = /*#__PURE__*/_styled(Button, {
 } : {
   name: "it7ogd",
   styles: "&,&:disabled{border-color:transparent;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZEZvbGRlckJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0I0QyIsImZpbGUiOiJBZGRGb2xkZXJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgYXMgQnV0dG9uIH0gZnJvbSBcIkBuZGxhL2J1dHRvblwiO1xuaW1wb3J0IHsgUGx1cyB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQG5kbGEvdG9vbHRpcFwiO1xuaW1wb3J0IHsgSUZvbGRlciB9IGZyb20gXCJAbmRsYS90eXBlcy1iYWNrZW5kL215bmRsYS1hcGlcIjtcblxuaW50ZXJmYWNlIEFkZEZvbGRlckJ1dHRvblByb3BzIHtcbiAgY2FuQWRkRm9sZGVyOiBib29sZWFuO1xuICBmb2N1c2VkRm9sZGVyPzogSUZvbGRlcjtcbiAgc2V0TmV3Rm9sZGVyUGFyZW50SWQ6IChpZD86IHN0cmluZykgPT4gdm9pZDtcbiAgc2V0U2hvd1RyZWU6ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZDtcbiAgbG9hZGluZz86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEFkZEZvbGRlckJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICAmLFxuICAmOmRpc2FibGVkIHtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRQbHVzID0gc3R5bGVkKFBsdXMpYFxuICBoZWlnaHQ6IDI0cHg7XG4gIHdpZHRoOiAyNHB4O1xuYDtcblxuY29uc3QgQWRkRm9sZGVyQnV0dG9uID0gKHtcbiAgY2FuQWRkRm9sZGVyLFxuICBsb2FkaW5nLFxuICBzZXROZXdGb2xkZXJQYXJlbnRJZCxcbiAgZm9jdXNlZEZvbGRlcixcbiAgc2V0U2hvd1RyZWUsXG59OiBBZGRGb2xkZXJCdXR0b25Qcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IHRvb2x0aXAgPSBsb2FkaW5nXG4gICAgPyB0KFwibG9hZGluZ1wiKVxuICAgIDogY2FuQWRkRm9sZGVyXG4gICAgICA/IHQoXCJteU5kbGEubmV3Rm9sZGVyVW5kZXJcIiwgeyBmb2xkZXJOYW1lOiBmb2N1c2VkRm9sZGVyPy5uYW1lIH0pXG4gICAgICA6IHQoXCJ0cmVlU3RydWN0dXJlLm1heEZvbGRlcnNBbHJlYWR5QWRkZWRcIik7XG4gIHJldHVybiAoXG4gICAgPFRvb2x0aXAgdG9vbHRpcD17dG9vbHRpcH0+XG4gICAgICA8U3R5bGVkQWRkRm9sZGVyQnV0dG9uXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB2YXJpYW50PVwib3V0bGluZVwiXG4gICAgICAgIHNoYXBlPVwicGlsbFwiXG4gICAgICAgIGRpc2FibGVkPXtsb2FkaW5nIHx8ICFjYW5BZGRGb2xkZXJ9XG4gICAgICAgIGFyaWEtbGFiZWw9e3Rvb2x0aXB9XG4gICAgICAgIG9uTW91c2VEb3duPXsoZSkgPT4ge1xuICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgIHJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICB9fVxuICAgICAgICBvbk1vdXNlVXA9eyhlKSA9PiB7XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgcmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgIH19XG4gICAgICAgIG9uQ2xpY2s9eyhlKSA9PiB7XG4gICAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmZvY3VzKCk7XG4gICAgICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQoZm9jdXNlZEZvbGRlcj8uaWQpO1xuICAgICAgICAgIHNldFNob3dUcmVlKHRydWUpO1xuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkUGx1cyAvPiB7dChcIm15TmRsYS5uZXdGb2xkZXJcIil9XG4gICAgICA8L1N0eWxlZEFkZEZvbGRlckJ1dHRvbj5cbiAgICA8L1Rvb2x0aXA+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBZGRGb2xkZXJCdXR0b247XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZEZvbGRlckJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUI0QyIsImZpbGUiOiJBZGRGb2xkZXJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgYXMgQnV0dG9uIH0gZnJvbSBcIkBuZGxhL2J1dHRvblwiO1xuaW1wb3J0IHsgUGx1cyB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IElGb2xkZXIgfSBmcm9tIFwiQG5kbGEvdHlwZXMtYmFja2VuZC9teW5kbGEtYXBpXCI7XG5cbmludGVyZmFjZSBBZGRGb2xkZXJCdXR0b25Qcm9wcyB7XG4gIGNhbkFkZEZvbGRlcjogYm9vbGVhbjtcbiAgZm9jdXNlZEZvbGRlcj86IElGb2xkZXI7XG4gIHNldE5ld0ZvbGRlclBhcmVudElkOiAoaWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG4gIHNldFNob3dUcmVlOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRBZGRGb2xkZXJCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgJixcbiAgJjpkaXNhYmxlZCB7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkUGx1cyA9IHN0eWxlZChQbHVzKWBcbiAgaGVpZ2h0OiAyNHB4O1xuICB3aWR0aDogMjRweDtcbmA7XG5cbmNvbnN0IEFkZEZvbGRlckJ1dHRvbiA9ICh7XG4gIGNhbkFkZEZvbGRlcixcbiAgbG9hZGluZyxcbiAgc2V0TmV3Rm9sZGVyUGFyZW50SWQsXG4gIGZvY3VzZWRGb2xkZXIsXG4gIHNldFNob3dUcmVlLFxufTogQWRkRm9sZGVyQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0b29sdGlwID0gbG9hZGluZ1xuICAgID8gdChcImxvYWRpbmdcIilcbiAgICA6IGNhbkFkZEZvbGRlclxuICAgICAgPyB0KFwibXlOZGxhLm5ld0ZvbGRlclVuZGVyXCIsIHsgZm9sZGVyTmFtZTogZm9jdXNlZEZvbGRlcj8ubmFtZSB9KVxuICAgICAgOiB0KFwidHJlZVN0cnVjdHVyZS5tYXhGb2xkZXJzQWxyZWFkeUFkZGVkXCIpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBZGRGb2xkZXJCdXR0b25cbiAgICAgIHJlZj17cmVmfVxuICAgICAgdmFyaWFudD1cIm91dGxpbmVcIlxuICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgIGRpc2FibGVkPXtsb2FkaW5nIHx8ICFjYW5BZGRGb2xkZXJ9XG4gICAgICB0aXRsZT17dG9vbHRpcH1cbiAgICAgIGFyaWEtbGFiZWw9e3Rvb2x0aXB9XG4gICAgICBvbk1vdXNlRG93bj17KGUpID0+IHtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICByZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICAgIH19XG4gICAgICBvbk1vdXNlVXA9eyhlKSA9PiB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgcmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICB9fVxuICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmZvY3VzKCk7XG4gICAgICAgIHNldE5ld0ZvbGRlclBhcmVudElkKGZvY3VzZWRGb2xkZXI/LmlkKTtcbiAgICAgICAgc2V0U2hvd1RyZWUodHJ1ZSk7XG4gICAgICB9fVxuICAgID5cbiAgICAgIDxTdHlsZWRQbHVzIC8+IHt0KFwibXlOZGxhLm5ld0ZvbGRlclwiKX1cbiAgICA8L1N0eWxlZEFkZEZvbGRlckJ1dHRvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFkZEZvbGRlckJ1dHRvbjtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledPlus = /*#__PURE__*/_styled(Plus, {
@@ -35,7 +34,7 @@ const StyledPlus = /*#__PURE__*/_styled(Plus, {
 } : {
   name: "u5mh39",
   styles: "height:24px;width:24px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZEZvbGRlckJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IrQiIsImZpbGUiOiJBZGRGb2xkZXJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgYXMgQnV0dG9uIH0gZnJvbSBcIkBuZGxhL2J1dHRvblwiO1xuaW1wb3J0IHsgUGx1cyB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQG5kbGEvdG9vbHRpcFwiO1xuaW1wb3J0IHsgSUZvbGRlciB9IGZyb20gXCJAbmRsYS90eXBlcy1iYWNrZW5kL215bmRsYS1hcGlcIjtcblxuaW50ZXJmYWNlIEFkZEZvbGRlckJ1dHRvblByb3BzIHtcbiAgY2FuQWRkRm9sZGVyOiBib29sZWFuO1xuICBmb2N1c2VkRm9sZGVyPzogSUZvbGRlcjtcbiAgc2V0TmV3Rm9sZGVyUGFyZW50SWQ6IChpZD86IHN0cmluZykgPT4gdm9pZDtcbiAgc2V0U2hvd1RyZWU6ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZDtcbiAgbG9hZGluZz86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEFkZEZvbGRlckJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICAmLFxuICAmOmRpc2FibGVkIHtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRQbHVzID0gc3R5bGVkKFBsdXMpYFxuICBoZWlnaHQ6IDI0cHg7XG4gIHdpZHRoOiAyNHB4O1xuYDtcblxuY29uc3QgQWRkRm9sZGVyQnV0dG9uID0gKHtcbiAgY2FuQWRkRm9sZGVyLFxuICBsb2FkaW5nLFxuICBzZXROZXdGb2xkZXJQYXJlbnRJZCxcbiAgZm9jdXNlZEZvbGRlcixcbiAgc2V0U2hvd1RyZWUsXG59OiBBZGRGb2xkZXJCdXR0b25Qcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IHRvb2x0aXAgPSBsb2FkaW5nXG4gICAgPyB0KFwibG9hZGluZ1wiKVxuICAgIDogY2FuQWRkRm9sZGVyXG4gICAgICA/IHQoXCJteU5kbGEubmV3Rm9sZGVyVW5kZXJcIiwgeyBmb2xkZXJOYW1lOiBmb2N1c2VkRm9sZGVyPy5uYW1lIH0pXG4gICAgICA6IHQoXCJ0cmVlU3RydWN0dXJlLm1heEZvbGRlcnNBbHJlYWR5QWRkZWRcIik7XG4gIHJldHVybiAoXG4gICAgPFRvb2x0aXAgdG9vbHRpcD17dG9vbHRpcH0+XG4gICAgICA8U3R5bGVkQWRkRm9sZGVyQnV0dG9uXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB2YXJpYW50PVwib3V0bGluZVwiXG4gICAgICAgIHNoYXBlPVwicGlsbFwiXG4gICAgICAgIGRpc2FibGVkPXtsb2FkaW5nIHx8ICFjYW5BZGRGb2xkZXJ9XG4gICAgICAgIGFyaWEtbGFiZWw9e3Rvb2x0aXB9XG4gICAgICAgIG9uTW91c2VEb3duPXsoZSkgPT4ge1xuICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgIHJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICB9fVxuICAgICAgICBvbk1vdXNlVXA9eyhlKSA9PiB7XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgcmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgIH19XG4gICAgICAgIG9uQ2xpY2s9eyhlKSA9PiB7XG4gICAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmZvY3VzKCk7XG4gICAgICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQoZm9jdXNlZEZvbGRlcj8uaWQpO1xuICAgICAgICAgIHNldFNob3dUcmVlKHRydWUpO1xuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkUGx1cyAvPiB7dChcIm15TmRsYS5uZXdGb2xkZXJcIil9XG4gICAgICA8L1N0eWxlZEFkZEZvbGRlckJ1dHRvbj5cbiAgICA8L1Rvb2x0aXA+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBZGRGb2xkZXJCdXR0b247XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZEZvbGRlckJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEIrQiIsImZpbGUiOiJBZGRGb2xkZXJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgYXMgQnV0dG9uIH0gZnJvbSBcIkBuZGxhL2J1dHRvblwiO1xuaW1wb3J0IHsgUGx1cyB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IElGb2xkZXIgfSBmcm9tIFwiQG5kbGEvdHlwZXMtYmFja2VuZC9teW5kbGEtYXBpXCI7XG5cbmludGVyZmFjZSBBZGRGb2xkZXJCdXR0b25Qcm9wcyB7XG4gIGNhbkFkZEZvbGRlcjogYm9vbGVhbjtcbiAgZm9jdXNlZEZvbGRlcj86IElGb2xkZXI7XG4gIHNldE5ld0ZvbGRlclBhcmVudElkOiAoaWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG4gIHNldFNob3dUcmVlOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRBZGRGb2xkZXJCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgJixcbiAgJjpkaXNhYmxlZCB7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkUGx1cyA9IHN0eWxlZChQbHVzKWBcbiAgaGVpZ2h0OiAyNHB4O1xuICB3aWR0aDogMjRweDtcbmA7XG5cbmNvbnN0IEFkZEZvbGRlckJ1dHRvbiA9ICh7XG4gIGNhbkFkZEZvbGRlcixcbiAgbG9hZGluZyxcbiAgc2V0TmV3Rm9sZGVyUGFyZW50SWQsXG4gIGZvY3VzZWRGb2xkZXIsXG4gIHNldFNob3dUcmVlLFxufTogQWRkRm9sZGVyQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0b29sdGlwID0gbG9hZGluZ1xuICAgID8gdChcImxvYWRpbmdcIilcbiAgICA6IGNhbkFkZEZvbGRlclxuICAgICAgPyB0KFwibXlOZGxhLm5ld0ZvbGRlclVuZGVyXCIsIHsgZm9sZGVyTmFtZTogZm9jdXNlZEZvbGRlcj8ubmFtZSB9KVxuICAgICAgOiB0KFwidHJlZVN0cnVjdHVyZS5tYXhGb2xkZXJzQWxyZWFkeUFkZGVkXCIpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBZGRGb2xkZXJCdXR0b25cbiAgICAgIHJlZj17cmVmfVxuICAgICAgdmFyaWFudD1cIm91dGxpbmVcIlxuICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgIGRpc2FibGVkPXtsb2FkaW5nIHx8ICFjYW5BZGRGb2xkZXJ9XG4gICAgICB0aXRsZT17dG9vbHRpcH1cbiAgICAgIGFyaWEtbGFiZWw9e3Rvb2x0aXB9XG4gICAgICBvbk1vdXNlRG93bj17KGUpID0+IHtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICByZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICAgIH19XG4gICAgICBvbk1vdXNlVXA9eyhlKSA9PiB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgcmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICB9fVxuICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmZvY3VzKCk7XG4gICAgICAgIHNldE5ld0ZvbGRlclBhcmVudElkKGZvY3VzZWRGb2xkZXI/LmlkKTtcbiAgICAgICAgc2V0U2hvd1RyZWUodHJ1ZSk7XG4gICAgICB9fVxuICAgID5cbiAgICAgIDxTdHlsZWRQbHVzIC8+IHt0KFwibXlOZGxhLm5ld0ZvbGRlclwiKX1cbiAgICA8L1N0eWxlZEFkZEZvbGRlckJ1dHRvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFkZEZvbGRlckJ1dHRvbjtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const AddFolderButton = _ref => {
@@ -53,31 +52,29 @@ const AddFolderButton = _ref => {
   const tooltip = loading ? t("loading") : canAddFolder ? t("myNdla.newFolderUnder", {
     folderName: focusedFolder?.name
   }) : t("treeStructure.maxFoldersAlreadyAdded");
-  return /*#__PURE__*/_jsx(Tooltip, {
-    tooltip: tooltip,
-    children: /*#__PURE__*/_jsxs(StyledAddFolderButton, {
-      ref: ref,
-      variant: "outline",
-      shape: "pill",
-      disabled: loading || !canAddFolder,
-      "aria-label": tooltip,
-      onMouseDown: e => {
-        e.preventDefault();
-        e.stopPropagation();
-        ref.current?.focus();
-      },
-      onMouseUp: e => {
-        e.preventDefault();
-        e.stopPropagation();
-        ref.current?.focus();
-      },
-      onClick: e => {
-        e.currentTarget.focus();
-        setNewFolderParentId(focusedFolder?.id);
-        setShowTree(true);
-      },
-      children: [/*#__PURE__*/_jsx(StyledPlus, {}), " ", t("myNdla.newFolder")]
-    })
+  return /*#__PURE__*/_jsxs(StyledAddFolderButton, {
+    ref: ref,
+    variant: "outline",
+    shape: "pill",
+    disabled: loading || !canAddFolder,
+    title: tooltip,
+    "aria-label": tooltip,
+    onMouseDown: e => {
+      e.preventDefault();
+      e.stopPropagation();
+      ref.current?.focus();
+    },
+    onMouseUp: e => {
+      e.preventDefault();
+      e.stopPropagation();
+      ref.current?.focus();
+    },
+    onClick: e => {
+      e.currentTarget.focus();
+      setNewFolderParentId(focusedFolder?.id);
+      setShowTree(true);
+    },
+    children: [/*#__PURE__*/_jsx(StyledPlus, {}), " ", t("myNdla.newFolder")]
   });
 };
 export default AddFolderButton;

package/es/index.js

@@ -38,7 +38,6 @@ export { ContentTypeBadge as ContentTypeBadgeNew, contentTypeToBadgeVariantMap }
 export { default as CopyParagraphButton } from "./CopyParagraphButton";
 export { default as ContentPlaceholder } from "./ContentPlaceholder";
 export { TagSelectorRoot, TagSelectorLabel, TagSelectorItemInput, TagSelectorTrigger, TagSelectorControl, TagSelectorClearTrigger, TagSelectorInputBase, TagSelectorInput } from "./TagSelector/TagSelector";
-export { SnackbarProvider, useSnack, BaseSnack, DefaultSnackbar } from "./SnackBar";
 export { TreeStructure } from "./TreeStructure";
 export { BlogPostV2 } from "./BlogPost";
 export { ProgrammeCard } from "./ProgrammeCard";

package/es/styles.css

@@ -551,6 +551,10 @@
     margin-block-start: var(--spacing-xsmall);
 }
 
+  .mbe_medium {
+    margin-block-end: var(--spacing-medium);
+}
+
   .asp_1\/1 {
     aspect-ratio: 1/1;
 }

package/lib/AudioPlayer/SpeechControl.js

@@ -38,6 +38,7 @@ const SpeechControl = _ref => {
     }
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    "data-embed-type": "speech",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("audio", {
       ref: audioRef,
       src: src,

package/lib/BlogPost/BlogPost.js

@@ -113,6 +113,7 @@ const BlogPost = _ref => {
     "data-size": size,
     to: href,
     size: size,
+    "data-embed-type": "blog-post",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledHeading, {
       className: "blog-title",
       asChild: true,