@ndla/ui 55.0.18-alpha.0 → 55.0.19-alpha.0

package/lib/ContactBlock/ContactBlock.js

@@ -167,6 +167,7 @@ const ContactBlock = _ref => {
     t
   } = (0, _reactI18next.useTranslation)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledWrapper, {
+    "data-embed-type": "contact-block",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentWrapper, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(HeaderWrapper, {
         variant: backgroundColor,

package/lib/CopyParagraphButton/CopyParagraphButton.js

@@ -9,7 +9,6 @@ var _react = require("react");
 var _reactI18next = require("react-i18next");
 var _core = require("@ndla/core");
 var _common = require("@ndla/icons/common");
-var _tooltip = require("@ndla/tooltip");
 var _util = require("@ndla/util");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -29,13 +28,13 @@ const ContainerDiv = /*#__PURE__*/(0, _base.default)("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__*/(0, _base.default)("button", {
   target: "e18czas70",
   label: "IconButton"
-})("position:absolute;left:-3em;top:0.1em;background:none;border:0;z-index:", _core.stackOrder.offsetSingle, ";transition:0.2s;opacity:0;color:", _core.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:", _core.stackOrder.offsetSingle, ";transition:0.2s;opacity:0;color:", _core.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,
@@ -64,14 +63,13 @@ const CopyParagraphButton = _ref => {
   }, [sanitizedTitle]);
   const tooltip = hasCopied ? t("article.copyPageLinkCopied") : t("article.copyHeaderLink");
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContainerDiv, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.Tooltip, {
-      tooltip: tooltip,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, {
-        "data-copy-button": "",
-        onClick: onCopyClick,
-        "aria-label": `${tooltip}: ${copyText}`,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.Link, {})
-      })
+    "data-embed-type": "copy-heading",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, {
+      "data-copy-button": "",
+      onClick: onCopyClick,
+      title: tooltip,
+      "aria-label": `${tooltip}: ${copyText}`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.Link, {})
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
       id: sanitizedTitle,
       tabIndex: -1,

package/lib/Embed/AudioEmbed.js

@@ -25,9 +25,10 @@ const AudioEmbed = _ref => {
     embed,
     lang
   } = _ref;
+  const type = embed.embedData.type === "standard" ? "audio" : "podcast";
   if (embed.status === "error") {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
-      type: embed.embedData.type === "standard" ? "audio" : "podcast"
+      type: type
     });
   }
   const {
@@ -52,6 +53,7 @@ const AudioEmbed = _ref => {
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Figure, {
     lang: lang,
+    "data-embed-type": type,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AudioPlayer.default, {
       description: data.podcastMeta?.introduction ?? "",
       img: img,

package/lib/Embed/BrightcoveEmbed.js

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

package/lib/Embed/CodeEmbed.js

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

package/lib/Embed/ConceptEmbed.js

@@ -100,19 +100,18 @@ const InlineConcept = exports.InlineConcept = /*#__PURE__*/(0, _react.forwardRef
         children: linkText
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledPopoverContent, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Figure, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Concept.Concept, {
-          copyright: copyright,
-          visualElement: visualElement,
-          lang: lang,
-          title: title,
-          children: children
-        })
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Concept.Concept, {
+        copyright: copyright,
+        visualElement: visualElement,
+        lang: lang,
+        title: title,
+        children: children
       })
     })]
   });
 });
 const BlockConcept = exports.BlockConcept = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Concept.Concept, {
   ...props,
+  "data-embed-type": "concept",
   ref: ref
 }));

package/lib/Embed/ConceptListEmbed.js

@@ -50,6 +50,7 @@ const ConceptListEmbed = _ref => {
     data
   } = embed;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    "data-embed-type": "concept-list",
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Figure, {
       children: [embedData.title && /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
         lang: lang,

package/lib/Embed/ContentLinkEmbed.js

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

package/lib/Embed/CopyrightEmbed.js

@@ -20,6 +20,7 @@ const CopyrightEmbed = _ref => {
     children
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
+    "data-embed-type": "copyright",
     children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
       type: "copyright",
       copyright: embed.embedData.copyright

package/lib/Embed/EmbedErrorPlaceholder.js

@@ -51,6 +51,7 @@ const EmbedErrorPlaceholder = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledFigure, {
     size: figureType,
     float: float,
+    "data-embed-type": type,
     children: [children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorPlaceholder, {
       "data-embed-type": type,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.WarningOutline, {})

package/lib/Embed/ExternalEmbed.js

@@ -60,6 +60,7 @@ const ExternalEmbed = _ref => {
       alt: embedData.alt !== undefined ? embedData.alt : data.iframeImage?.alttext?.alttext ?? ""
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Figure, {
+      "data-embed-type": "external",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResourceBox.ResourceBox, {
         image: image,
         title: embedData.title ?? "",
@@ -70,6 +71,7 @@ const ExternalEmbed = _ref => {
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledFigure, {
+    "data-embed-type": "external",
     ref: figRef,
     dangerouslySetInnerHTML: {
       __html: data.oembed.html ?? ""

package/lib/Embed/FootnoteEmbed.js

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

package/lib/Embed/GlossEmbed.js

@@ -65,6 +65,7 @@ const GlossEmbed = _ref => {
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Figure, {
+    "data-embed-type": "gloss",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Gloss.Gloss, {
       glossData: concept.glossData,
       title: concept.title,

package/lib/Embed/H5pEmbed.js

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

package/lib/Embed/IframeEmbed.js

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

package/lib/Embed/ImageEmbed.js

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

package/lib/Embed/UnknownEmbed.js

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

package/lib/Embed/UuDisclaimerEmbed.js

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

package/lib/ErrorMessage/ErrorResourceAccessDenied.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _reactI18next = require("react-i18next");
-var _button = require("@ndla/button");
 var _common = require("@ndla/icons/common");
+var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -41,8 +41,7 @@ const ErrorResourceAccessDenied = _ref => {
     illustrationElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.HumanMaleBoard, {
       size: "medium"
     }),
-    customElement: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.ButtonV2, {
-      size: "medium",
+    customElement: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Button, {
       onClick: onAuthenticateClick,
       children: [t("user.buttonLogIn"), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledLogInIconWrapper, {
         "aria-hidden": true,

package/lib/FactBox/FactBox.js

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

package/lib/LinkBlock/LinkBlock.js

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

package/lib/RelatedArticleList/RelatedArticleList.js

@@ -31,6 +31,7 @@ const RelatedArticle = _ref => {
     type = _ContentType.contentTypes.SUBJECT_MATERIAL
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.CardRoot, {
+    "data-embed-type": "related-article",
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.CardContent, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ContentTypeBadgeNew.ContentTypeBadge, {
         contentType: type
@@ -109,6 +110,7 @@ const RelatedArticleList = _ref2 => {
   const childrenToShow = (0, _react.useMemo)(() => childCount > 2 && !expanded ? children?.slice(0, 2) : children, [childCount, children, expanded]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledSection, {
     ...rest,
+    "data-embed-type": "related-content-list",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(HeadingWrapper, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
         asChild: true,

package/lib/TreeStructure/AddFolderButton.js

@@ -9,7 +9,6 @@ var _react = require("react");
 var _reactI18next = require("react-i18next");
 var _button = require("@ndla/button");
 var _action = require("@ndla/icons/action");
-var _tooltip = require("@ndla/tooltip");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
@@ -28,7 +27,7 @@ const StyledAddFolderButton = /*#__PURE__*/(0, _base.default)(_button.ButtonV2,
 } : {
   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__*/(0, _base.default)(_action.Plus, {
@@ -40,7 +39,7 @@ const StyledPlus = /*#__PURE__*/(0, _base.default)(_action.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 => {
@@ -58,31 +57,29 @@ const AddFolderButton = _ref => {
   const tooltip = loading ? t("loading") : canAddFolder ? t("myNdla.newFolderUnder", {
     folderName: focusedFolder?.name
   }) : t("treeStructure.maxFoldersAlreadyAdded");
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.Tooltip, {
-    tooltip: tooltip,
-    children: /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(StyledPlus, {}), " ", t("myNdla.newFolder")]
-    })
+  return /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)(StyledPlus, {}), " ", t("myNdla.newFolder")]
   });
 };
 var _default = exports.default = AddFolderButton;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "55.0.18-alpha.0",
+  "version": "55.0.19-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -35,15 +35,12 @@
   "dependencies": {
     "@ndla/button": "^14.0.8-alpha.0",
     "@ndla/core": "^5.0.1",
-    "@ndla/forms": "^9.0.10-alpha.0",
     "@ndla/hooks": "^2.1.8",
     "@ndla/icons": "^7.0.9-alpha.0",
     "@ndla/licenses": "^8.0.0-alpha.0",
-    "@ndla/modal": "^7.0.8-alpha.0",
-    "@ndla/primitives": "^0.0.21",
-    "@ndla/safelink": "^6.0.4-alpha.0",
+    "@ndla/primitives": "^0.0.22",
+    "@ndla/safelink": "^6.0.5-alpha.0",
     "@ndla/styled-system": "^0.0.8",
-    "@ndla/tooltip": "^8.0.1",
     "@ndla/typography": "^0.4.23",
     "@ndla/util": "^4.1.0",
     "date-fns": "^2.30.0",
@@ -76,5 +73,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a5f4f60d7a65d6f0aa91e357e080584cda8a70f3"
+  "gitHead": "cbe8d6b48a44da4dd99d66bd5cda517622da2859"
 }

package/src/AudioPlayer/SpeechControl.tsx

@@ -32,7 +32,7 @@ const SpeechControl = ({ src, title, type = "audio" }: Props) => {
     }
   };
   return (
-    <div>
+    <div data-embed-type="speech">
       {/* eslint-disable-next-line jsx-a11y/media-has-caption */}
       <audio ref={audioRef} src={src} title={title} preload="metadata" />
       <TooltipRoot>

package/src/BlogPost/BlogPost.tsx

@@ -111,7 +111,7 @@ const BlogPost = ({ title, author, url, metaImage, headingLevel: Heading = "h3",
   const href = getPossiblyRelativeUrl(url, path);
   const imageWidth = size === "large" ? 532 : 350;
   return (
-    <Container data-size={size} to={href} size={size}>
+    <Container data-size={size} to={href} size={size} data-embed-type="blog-post">
       <StyledHeading className="blog-title" asChild consumeCss textStyle="title.large">
         <Heading>{parse(title)}</Heading>
       </StyledHeading>

package/src/CampaignBlock/CampaignBlock.tsx

@@ -121,7 +121,8 @@ const CampaignBlock = ({
   const imageComponent = image && <StyledImg src={`${image.src}?width=455`} height={340} width={455} alt={image.alt} />;
   const HeaderComponent = url?.url ? LinkText : Text;
   return (
-    <Container className={className} data-type="campaign-block">
+    // TODO: Remove data-type
+    <Container className={className} data-type="campaign-block" data-embed-type="campaign-block">
       {imageSide === "left" && imageComponent}
       <ContentWrapper>
         <MaybeLinkText url={url?.url} path={path}>

package/src/ContactBlock/ContactBlock.tsx

@@ -167,7 +167,7 @@ export const ContactBlock = ({
 }: Props) => {
   const { t } = useTranslation();
   return (
-    <StyledWrapper>
+    <StyledWrapper data-embed-type="contact-block">
       <ContentWrapper>
         <HeaderWrapper variant={backgroundColor} imageExists={!!image}>
           {/* TODO: The font in the design specified `Source Sans Pro` and this is the default `Satoshi` */}

package/src/CopyParagraphButton/CopyParagraphButton.tsx

@@ -11,7 +11,6 @@ import { useTranslation } from "react-i18next";
 import styled from "@emotion/styled";
 import { colors, stackOrder } from "@ndla/core";
 import { Link } from "@ndla/icons/common";
-import { Tooltip } from "@ndla/tooltip";
 import { copyTextToClipboard } from "@ndla/util";
 
 const ContainerDiv = styled.div`
@@ -76,12 +75,10 @@ const CopyParagraphButton = ({ children, copyText, lang }: Props) => {
 
   const tooltip = hasCopied ? t("article.copyPageLinkCopied") : t("article.copyHeaderLink");
   return (
-    <ContainerDiv>
-      <Tooltip tooltip={tooltip}>
-        <IconButton data-copy-button="" onClick={onCopyClick} aria-label={`${tooltip}: ${copyText}`}>
-          <Link />
-        </IconButton>
-      </Tooltip>
+    <ContainerDiv data-embed-type="copy-heading">
+      <IconButton data-copy-button="" onClick={onCopyClick} title={tooltip} aria-label={`${tooltip}: ${copyText}`}>
+        <Link />
+      </IconButton>
       <h2 id={sanitizedTitle} tabIndex={-1} lang={lang}>
         {children}
       </h2>

package/src/Embed/AudioEmbed.tsx

@@ -25,8 +25,9 @@ export const getFirstNonEmptyLicenseCredits = (authors: {
 }) => Object.values(authors).find((i) => i.length > 0) ?? [];
 
 const AudioEmbed = ({ embed, lang }: Props) => {
+  const type = embed.embedData.type === "standard" ? "audio" : "podcast";
   if (embed.status === "error") {
-    return <EmbedErrorPlaceholder type={embed.embedData.type === "standard" ? "audio" : "podcast"} />;
+    return <EmbedErrorPlaceholder type={type} />;
   }
 
   const { data, embedData } = embed;
@@ -42,7 +43,7 @@ const AudioEmbed = ({ embed, lang }: Props) => {
   const img = coverPhoto && { url: coverPhoto.url, alt: coverPhoto.altText };
 
   return (
-    <Figure lang={lang}>
+    <Figure lang={lang} data-embed-type={type}>
       <AudioPlayer
         description={data.podcastMeta?.introduction ?? ""}
         img={img}

package/src/Embed/BrightcoveEmbed.tsx

@@ -101,7 +101,7 @@ const BrightcoveEmbed = ({ embed, renderContext = "article" }: Props) => {
     : undefined;
 
   return (
-    <Figure>
+    <Figure data-embed-type="brightcove">
       <div className="brightcove-video">
         <BrightcoveIframe
           ref={iframeRef}

package/src/Embed/CodeEmbed.tsx

@@ -62,7 +62,7 @@ const CodeEmbed = ({ embed }: Props) => {
   }, [isCopied]);
 
   return (
-    <StyledFigure>
+    <StyledFigure data-embed-type="code-block">
       <StyledFigCaption>{embed.embedData.title || getTitleFromFormat(embed.embedData.codeFormat)}</StyledFigCaption>
       <CodeBlock
         highlightedCode={embed.status === "success" ? embed.data.highlightedCode : ""}

package/src/Embed/ConceptEmbed.tsx

@@ -95,11 +95,9 @@ export const InlineConcept = forwardRef<HTMLSpanElement, InlineConceptProps>(
         </InlineTriggerButton>
       </PopoverTrigger>
       <StyledPopoverContent>
-        <Figure>
-          <Concept copyright={copyright} visualElement={visualElement} lang={lang} title={title}>
-            {children}
-          </Concept>
-        </Figure>
+        <Concept copyright={copyright} visualElement={visualElement} lang={lang} title={title}>
+          {children}
+        </Concept>
       </StyledPopoverContent>
     </PopoverRoot>
   ),
@@ -108,5 +106,5 @@ export const InlineConcept = forwardRef<HTMLSpanElement, InlineConceptProps>(
 export interface BlockConceptProps extends ConceptProps {}
 
 export const BlockConcept = forwardRef<HTMLElement, BlockConceptProps>((props, ref) => (
-  <Concept {...props} ref={ref} />
+  <Concept {...props} data-embed-type="concept" ref={ref} />
 ));

package/src/Embed/ConceptListEmbed.tsx

@@ -41,7 +41,7 @@ const ConceptListEmbed = ({ embed, lang }: Props) => {
   }
   const { embedData, data } = embed;
   return (
-    <div>
+    <div data-embed-type="concept-list">
       <Figure>
         {embedData.title && <h2 lang={lang}>{embedData.title}</h2>}
         <ConceptList>