@ndla/ui 55.0.16-alpha.0 → 55.0.17-alpha.0

package/lib/Article/ArticleByline.js

@@ -13,7 +13,7 @@ var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _ArticleFootNotes = _interopRequireDefault(require("./ArticleFootNotes"));
 var _LicenseLink = require("../LicenseByline/LicenseLink");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2020-present, NDLA.
@@ -131,13 +131,13 @@ const ArticleByline = _ref => {
   }, [onHashChange]);
   const license = licenseString && (0, _licenses.getLicenseByAbbreviation)(licenseString, locale);
   const showPrimaryContributors = suppliers.length > 0 || authors.length > 0;
-  return (0, _jsxRuntime.jsxs)(Wrapper, {
-    children: [displayByline && (0, _jsxRuntime.jsxs)(TextWrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
+    children: [displayByline && /*#__PURE__*/(0, _jsxRuntime.jsxs)(TextWrapper, {
       learningpath: bylineType === "learningPath",
-      children: [(0, _jsxRuntime.jsxs)(LicenseWrapper, {
-        children: [license && (0, _jsxRuntime.jsx)(_LicenseLink.LicenseLink, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(LicenseWrapper, {
+        children: [license && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseLink.LicenseLink, {
           license: license
-        }), showPrimaryContributors && (0, _jsxRuntime.jsxs)("span", {
+        }), showPrimaryContributors && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
           children: [authors.length > 0 && `${t("article.authorsLabel", {
             names: renderContributors(authors, t),
             interpolation: {
@@ -145,48 +145,48 @@ const ArticleByline = _ref => {
             }
           })}. `, getSuppliersText(suppliers, t)]
         })]
-      }), (0, _jsxRuntime.jsxs)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         children: [t(`${bylineType}.lastUpdated`), " ", published]
       })]
-    }), (0, _jsxRuntime.jsxs)(StyledAccordionRoot, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledAccordionRoot, {
       multiple: true,
       value: openAccordions,
       onValueChange: details => setOpenAccordions(details.value),
-      children: [licenseBox && (0, _jsxRuntime.jsxs)(_primitives.AccordionItem, {
+      children: [licenseBox && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItem, {
         value: accordionItemValue,
-        children: [(0, _jsxRuntime.jsxs)(_primitives.AccordionItemTrigger, {
-          children: [(0, _jsxRuntime.jsx)(_primitives.Heading, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItemTrigger, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
             asChild: true,
             consumeCss: true,
             textStyle: "label.medium",
             fontWeight: "bold",
-            children: (0, _jsxRuntime.jsx)("h2", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
               children: t("article.useContent")
             })
-          }), (0, _jsxRuntime.jsx)(_primitives.AccordionItemIndicator, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemIndicator, {
             asChild: true,
-            children: (0, _jsxRuntime.jsx)(_common.ChevronDown, {})
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ChevronDown, {})
           })]
-        }), (0, _jsxRuntime.jsx)(_primitives.AccordionItemContent, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemContent, {
           children: licenseBox
         })]
-      }), !!footnotes?.length && (0, _jsxRuntime.jsxs)(_primitives.AccordionItem, {
+      }), !!footnotes?.length && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItem, {
         value: footnotesAccordionId,
-        children: [(0, _jsxRuntime.jsxs)(_primitives.AccordionItemTrigger, {
-          children: [(0, _jsxRuntime.jsx)(_primitives.Heading, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItemTrigger, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
             asChild: true,
             consumeCss: true,
             textStyle: "label.medium",
             fontWeight: "bold",
-            children: (0, _jsxRuntime.jsx)("h2", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
               children: t("article.footnotes")
             })
-          }), (0, _jsxRuntime.jsx)(_primitives.AccordionItemIndicator, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemIndicator, {
             asChild: true,
-            children: (0, _jsxRuntime.jsx)(_common.ChevronDown, {})
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ChevronDown, {})
           })]
-        }), (0, _jsxRuntime.jsx)(_primitives.AccordionItemContent, {
-          children: (0, _jsxRuntime.jsx)(_ArticleFootNotes.default, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemContent, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArticleFootNotes.default, {
             footNotes: footnotes
           })
         })]

package/lib/Article/ArticleFootNotes.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2017-present, NDLA.
  *
@@ -27,18 +27,18 @@ const FootNote = _ref => {
   let {
     footNote
   } = _ref;
-  return (0, _jsxRuntime.jsx)("li", {
-    children: (0, _jsxRuntime.jsx)(_primitives.Text, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
       id: `note${footNote.ref}`,
       asChild: true,
       consumeCss: true,
       textStyle: "body.medium",
-      children: (0, _jsxRuntime.jsxs)(StyledCite, {
-        children: [(0, _jsxRuntime.jsx)("a", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledCite, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
           href: `#ref${footNote.ref}`,
           target: "_self",
           children: footNote.ref
-        }), `«${footNote.title}». ${footNote.authors.join(" ")}. ${citeDetailString(footNote.edition)}${citeDetailString(footNote.publisher)}${footNote.year}. `, footNote.url ? (0, _jsxRuntime.jsxs)("a", {
+        }), `«${footNote.title}». ${footNote.authors.join(" ")}. ${citeDetailString(footNote.edition)}${citeDetailString(footNote.publisher)}${footNote.year}. `, footNote.url ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
           href: footNote.url,
           children: [footNote.url, "."]
         }) : null]
@@ -58,8 +58,8 @@ const ArticleFootNotes = _ref2 => {
   let {
     footNotes
   } = _ref2;
-  return (0, _jsxRuntime.jsx)(FootnoteList, {
-    children: footNotes.map(footNote => (0, _jsxRuntime.jsx)(FootNote, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FootnoteList, {
+    children: footNotes.map(footNote => /*#__PURE__*/(0, _jsxRuntime.jsx)(FootNote, {
       footNote: footNote
     }, footNote.ref))
   });

package/lib/Article/ArticleParagraph.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ArticleParagraph = void 0;
 var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2024-present, NDLA.
  *
@@ -24,7 +24,7 @@ const StyledParagraph = (0, _jsx2.styled)("p", {
     }
   }
 });
-const ArticleParagraph = props => (0, _jsxRuntime.jsx)(StyledParagraph, {
+const ArticleParagraph = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledParagraph, {
   ...props
 });
 exports.ArticleParagraph = ArticleParagraph;

package/lib/Article/index.d.ts

@@ -5,11 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import Article, { ArticleTitle, ArticleIntroduction, ArticleWrapper } from "./Article";
 import ArticleByline from "./ArticleByline";
 import ArticleFootNotes from "./ArticleFootNotes";
-import ArticleHeaderWrapper from "./ArticleHeaderWrapper";
-export { ArticleByline, ArticleFootNotes, ArticleHeaderWrapper, ArticleTitle, ArticleIntroduction, ArticleWrapper };
+export { Article, ArticleContent, ArticleWrapper, ArticleHeader, ArticleFooter } from "./Article";
+export { ArticleByline, ArticleFootNotes };
 export { ArticleParagraph } from "./ArticleParagraph";
-export type { ArticleModifier } from "./Article";
-export default Article;

package/lib/Article/index.js

@@ -3,40 +3,46 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "Article", {
+  enumerable: true,
+  get: function () {
+    return _Article.Article;
+  }
+});
 Object.defineProperty(exports, "ArticleByline", {
   enumerable: true,
   get: function () {
     return _ArticleByline.default;
   }
 });
-Object.defineProperty(exports, "ArticleFootNotes", {
+Object.defineProperty(exports, "ArticleContent", {
   enumerable: true,
   get: function () {
-    return _ArticleFootNotes.default;
+    return _Article.ArticleContent;
   }
 });
-Object.defineProperty(exports, "ArticleHeaderWrapper", {
+Object.defineProperty(exports, "ArticleFootNotes", {
   enumerable: true,
   get: function () {
-    return _ArticleHeaderWrapper.default;
+    return _ArticleFootNotes.default;
   }
 });
-Object.defineProperty(exports, "ArticleIntroduction", {
+Object.defineProperty(exports, "ArticleFooter", {
   enumerable: true,
   get: function () {
-    return _Article.ArticleIntroduction;
+    return _Article.ArticleFooter;
   }
 });
-Object.defineProperty(exports, "ArticleParagraph", {
+Object.defineProperty(exports, "ArticleHeader", {
   enumerable: true,
   get: function () {
-    return _ArticleParagraph.ArticleParagraph;
+    return _Article.ArticleHeader;
   }
 });
-Object.defineProperty(exports, "ArticleTitle", {
+Object.defineProperty(exports, "ArticleParagraph", {
   enumerable: true,
   get: function () {
-    return _Article.ArticleTitle;
+    return _ArticleParagraph.ArticleParagraph;
   }
 });
 Object.defineProperty(exports, "ArticleWrapper", {
@@ -45,20 +51,8 @@ Object.defineProperty(exports, "ArticleWrapper", {
     return _Article.ArticleWrapper;
   }
 });
-exports.default = void 0;
-var _Article = _interopRequireWildcard(require("./Article"));
 var _ArticleByline = _interopRequireDefault(require("./ArticleByline"));
 var _ArticleFootNotes = _interopRequireDefault(require("./ArticleFootNotes"));
-var _ArticleHeaderWrapper = _interopRequireDefault(require("./ArticleHeaderWrapper"));
+var _Article = require("./Article");
 var _ArticleParagraph = require("./ArticleParagraph");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * Copyright (c) 2017-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-var _default = exports.default = _Article.default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/AudioPlayer/AudioPlayer.js

@@ -11,7 +11,7 @@ var _safelink = require("@ndla/safelink");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _Controls = _interopRequireDefault(require("./Controls"));
 var _SpeechControl = _interopRequireDefault(require("./SpeechControl"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2017-present, NDLA.
@@ -139,7 +139,7 @@ const AudioPlayer = _ref => {
   const truncatedDescription = (0, _react.useMemo)(() => description?.slice(0, DESCRIPTION_MAX_LENGTH), [description]);
   const textDescriptionId = (0, _react.useId)();
   if (speech) {
-    return (0, _jsxRuntime.jsx)(_SpeechControl.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeechControl.default, {
       src: src,
       title: title
     });
@@ -147,7 +147,7 @@ const AudioPlayer = _ref => {
   const toggleTextVersion = () => {
     setShowTextVersion(curr => !curr);
   };
-  const textVersionButton = (0, _jsxRuntime.jsx)(TextVersionButton, {
+  const textVersionButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(TextVersionButton, {
     variant: "secondary",
     "aria-expanded": showTextVersion,
     "aria-controls": textDescriptionId,
@@ -155,52 +155,52 @@ const AudioPlayer = _ref => {
     onClick: toggleTextVersion,
     children: t(showTextVersion ? "audio.textVersion.close" : "audio.textVersion.heading")
   });
-  return (0, _jsxRuntime.jsxs)(AudioPlayerWrapper, {
-    children: [(0, _jsxRuntime.jsxs)(InfoWrapper, {
-      children: [img && (0, _jsxRuntime.jsx)(ImageWrapper, {
-        children: (0, _jsxRuntime.jsx)("img", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AudioPlayerWrapper, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(InfoWrapper, {
+      children: [img && /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageWrapper, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           src: img.url,
           alt: img.alt
         })
-      }), (0, _jsxRuntime.jsxs)(TextWrapper, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(TextWrapper, {
         "data-has-image": !!img,
-        children: [(0, _jsxRuntime.jsxs)(TitleWrapper, {
-          children: [(0, _jsxRuntime.jsxs)("div", {
-            children: [subtitle?.url ? (0, _jsxRuntime.jsx)(_safelink.SafeLink, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(TitleWrapper, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            children: [subtitle?.url ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
               to: subtitle.url,
               children: subtitle.title
-            }) : subtitle?.title, (0, _jsxRuntime.jsx)(_primitives.Heading, {
+            }) : subtitle?.title, /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
               asChild: true,
               consumeCss: true,
               textStyle: "title.large",
-              children: (0, _jsxRuntime.jsx)("h3", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
                 children: title
               })
             })]
           }), !!textVersion && !img && textVersionButton]
-        }), description && (0, _jsxRuntime.jsxs)(_primitives.Text, {
+        }), description && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Text, {
           textStyle: "body.medium",
-          children: [showFullDescription || description.length < DESCRIPTION_MAX_LENGTH ? description : `${truncatedDescription}...`, (0, _jsxRuntime.jsx)(_primitives.Button, {
+          children: [showFullDescription || description.length < DESCRIPTION_MAX_LENGTH ? description : `${truncatedDescription}...`, /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Button, {
             variant: "link",
             onClick: () => setShowFullDescription(p => !p),
             children: t(`audio.${showFullDescription ? "readLessDescriptionLabel" : "readMoreDescriptionLabel"}`)
           })]
         }), !!textVersion && !!img && textVersionButton]
       })]
-    }), (0, _jsxRuntime.jsx)(_Controls.default, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Controls.default, {
       src: src,
       title: title
-    }), !!textVersion && (0, _jsxRuntime.jsxs)(TextVersionWrapper, {
+    }), !!textVersion && /*#__PURE__*/(0, _jsxRuntime.jsxs)(TextVersionWrapper, {
       id: textDescriptionId,
       hidden: !showTextVersion,
-      children: [(0, _jsxRuntime.jsx)(_primitives.Heading, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
         asChild: true,
         textStyle: "title.medium",
         consumeCss: true,
-        children: (0, _jsxRuntime.jsx)("h3", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
           children: t("audio.textVersion.heading")
         })
-      }), (0, _jsxRuntime.jsx)(TextVersionText, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TextVersionText, {
         children: textVersion
       })]
     })]

package/lib/AudioPlayer/Controls.js

@@ -12,7 +12,7 @@ var _editor = require("@ndla/icons/editor");
 var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _patterns = require("@ndla/styled-system/patterns");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2021-present, NDLA.
  *
@@ -189,39 +189,39 @@ const Controls = _ref => {
       setVolumeValue(details.value[0]);
     }
   };
-  return (0, _jsxRuntime.jsxs)("div", {
-    children: [(0, _jsxRuntime.jsx)("audio", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("audio", {
       ref: audioRef,
       src: src,
       title: title,
       preload: "metadata"
-    }), (0, _jsxRuntime.jsxs)(ControlsWrapper, {
-      children: [(0, _jsxRuntime.jsx)(Back15SecButton, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ControlsWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Back15SecButton, {
         variant: "tertiary",
         title: t("audio.controls.rewind15sec"),
         "aria-label": t("audio.controls.rewind15sec"),
         onClick: () => onSeekSeconds(-15),
-        children: (0, _jsxRuntime.jsx)(_action.Back15, {})
-      }), (0, _jsxRuntime.jsx)(PlayButton, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.Back15, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PlayButton, {
         "aria-label": t(playing ? t("audio.pause") : t("audio.play")),
         variant: "primary",
         onClick: togglePlay,
-        children: playing ? (0, _jsxRuntime.jsx)(_common.Pause, {}) : (0, _jsxRuntime.jsx)(_common.Play, {})
-      }), (0, _jsxRuntime.jsx)(Forward15SecButton, {
+        children: playing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.Pause, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.Play, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Forward15SecButton, {
         variant: "tertiary",
         title: t("audio.controls.forward15sec"),
         "aria-label": t("audio.controls.forward15sec"),
         onClick: () => onSeekSeconds(15),
-        children: (0, _jsxRuntime.jsx)(_action.Forward15, {})
-      }), (0, _jsxRuntime.jsxs)(ProgressWrapper, {
-        children: [(0, _jsxRuntime.jsx)(_primitives.Text, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.Forward15, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ProgressWrapper, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
           textStyle: "label.medium",
           asChild: true,
           consumeCss: true,
-          children: (0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             children: formatTime(currentTime)
           })
-        }), (0, _jsxRuntime.jsx)(_primitives.SliderRoot, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderRoot, {
           value: [audioRef.current?.currentTime ?? 0],
           defaultValue: [0],
           step: 1,
@@ -231,69 +231,69 @@ const Controls = _ref => {
             start: formatTime(Math.round(value.value)),
             end: formatTime(Math.round(audioRef.current?.duration ?? 0))
           }),
-          children: (0, _jsxRuntime.jsxs)(_primitives.SliderControl, {
-            children: [(0, _jsxRuntime.jsx)(_primitives.SliderTrack, {
-              children: (0, _jsxRuntime.jsx)(_primitives.SliderRange, {})
-            }), (0, _jsxRuntime.jsx)(_primitives.SliderThumb, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.SliderControl, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderTrack, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderRange, {})
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderThumb, {
               index: 0,
-              children: (0, _jsxRuntime.jsx)(_primitives.SliderHiddenInput, {})
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderHiddenInput, {})
             })]
           })
-        }), (0, _jsxRuntime.jsx)(_primitives.Text, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
           textStyle: "label.medium",
           asChild: true,
           consumeCss: true,
-          children: (0, _jsxRuntime.jsxs)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: ["-", formatTime(remainingTime)]
           })
         })]
-      }), (0, _jsxRuntime.jsxs)(StyledSelectRoot, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledSelectRoot, {
         items: speedValues,
         value: [speedValue.toString()],
         onValueChange: details => setSpeedValue(parseFloat(details.value[0])),
         positioning: {
           placement: "top"
         },
-        children: [(0, _jsxRuntime.jsx)(_primitives.SelectLabel, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectLabel, {
           css: _patterns.visuallyHidden.raw(),
           children: t("audio.controls.selectSpeed")
-        }), (0, _jsxRuntime.jsx)(_primitives.SelectControl, {
-          children: (0, _jsxRuntime.jsx)(_primitives.SelectTrigger, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectControl, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectTrigger, {
             asChild: true,
-            children: (0, _jsxRuntime.jsx)(SpeedButton, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SpeedButton, {
               variant: "tertiary",
               title: t("audio.controls.selectSpeed"),
               "aria-label": t("audio.controls.selectSpeed"),
-              children: (0, _jsxRuntime.jsx)("span", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 children: `${speedValue}x`
               })
             })
           })
-        }), (0, _jsxRuntime.jsx)(_primitives.SelectPositioner, {
-          children: (0, _jsxRuntime.jsx)(_primitives.SelectContent, {
-            children: speedValues.map(speed => (0, _jsxRuntime.jsxs)(_primitives.SelectItem, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectPositioner, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectContent, {
+            children: speedValues.map(speed => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.SelectItem, {
               item: speed,
-              children: [(0, _jsxRuntime.jsxs)(_primitives.SelectItemText, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.SelectItemText, {
                 children: [speed, "x"]
-              }), (0, _jsxRuntime.jsx)(_primitives.SelectItemIndicator, {
-                children: (0, _jsxRuntime.jsx)(_editor.Done, {})
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectItemIndicator, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.Done, {})
               })]
             }, speed))
           })
         })]
-      }), (0, _jsxRuntime.jsxs)(_primitives.PopoverRoot, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.PopoverRoot, {
         positioning: {
           placement: "top"
         },
-        children: [(0, _jsxRuntime.jsx)(_primitives.PopoverTrigger, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.PopoverTrigger, {
           asChild: true,
-          children: (0, _jsxRuntime.jsx)(VolumeButton, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(VolumeButton, {
             variant: "tertiary",
             "aria-label": t("audio.controls.adjustVolume"),
-            children: (0, _jsxRuntime.jsx)(_common.VolumeUp, {})
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.VolumeUp, {})
           })
-        }), (0, _jsxRuntime.jsx)(_primitives.PopoverContent, {
-          children: (0, _jsxRuntime.jsxs)(_primitives.SliderRoot, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.PopoverContent, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.SliderRoot, {
             orientation: "vertical",
             value: [volumeValue],
             min: 0,
@@ -301,15 +301,15 @@ const Controls = _ref => {
             defaultValue: [100],
             step: 1,
             onValueChange: handleVolumeSliderChange,
-            children: [(0, _jsxRuntime.jsx)(_primitives.SliderLabel, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderLabel, {
               css: _patterns.visuallyHidden.raw(),
               children: t("audio.controls.adjustVolume")
-            }), (0, _jsxRuntime.jsxs)(StyledSliderControl, {
-              children: [(0, _jsxRuntime.jsx)(_primitives.SliderTrack, {
-                children: (0, _jsxRuntime.jsx)(_primitives.SliderRange, {})
-              }), (0, _jsxRuntime.jsx)(_primitives.SliderThumb, {
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledSliderControl, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderTrack, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderRange, {})
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderThumb, {
                 index: 0,
-                children: (0, _jsxRuntime.jsx)(_primitives.SliderHiddenInput, {})
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderHiddenInput, {})
               })]
             })]
           })

package/lib/AudioPlayer/SpeechControl.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _reactI18next = require("react-i18next");
 var _common = require("@ndla/icons/common");
 var _primitives = require("@ndla/primitives");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2021-present, NDLA.
  *
@@ -37,22 +37,22 @@ const SpeechControl = _ref => {
       }
     }
   };
-  return (0, _jsxRuntime.jsxs)("div", {
-    children: [(0, _jsxRuntime.jsx)("audio", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("audio", {
       ref: audioRef,
       src: src,
       title: title,
       preload: "metadata"
-    }), (0, _jsxRuntime.jsxs)(_primitives.TooltipRoot, {
-      children: [(0, _jsxRuntime.jsx)(_primitives.TooltipTrigger, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.TooltipRoot, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TooltipTrigger, {
         asChild: true,
-        children: (0, _jsxRuntime.jsx)(_primitives.IconButton, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.IconButton, {
           variant: "tertiary",
           "aria-label": t(`${type}.play`),
           onClick: togglePlay,
-          children: (0, _jsxRuntime.jsx)(_common.VolumeUp, {})
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.VolumeUp, {})
         })
-      }), (0, _jsxRuntime.jsx)(_primitives.TooltipContent, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.TooltipContent, {
         children: t(`${type}.play`)
       })]
     })]

package/lib/BlogPost/BlogPost.js

@@ -10,7 +10,7 @@ var _primitives = require("@ndla/primitives");
 var _safelink = require("@ndla/safelink");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _relativeUrl = require("../utils/relativeUrl");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2023-present, NDLA.
@@ -109,22 +109,22 @@ const BlogPost = _ref => {
   } = (0, _reactI18next.useTranslation)();
   const href = (0, _relativeUrl.getPossiblyRelativeUrl)(url, path);
   const imageWidth = size === "large" ? 532 : 350;
-  return (0, _jsxRuntime.jsxs)(Container, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
     "data-size": size,
     to: href,
     size: size,
-    children: [(0, _jsxRuntime.jsx)(StyledHeading, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledHeading, {
       className: "blog-title",
       asChild: true,
       consumeCss: true,
       textStyle: "title.large",
-      children: (0, _jsxRuntime.jsx)(Heading, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Heading, {
         children: (0, _htmlReactParser.default)(title)
       })
-    }), (0, _jsxRuntime.jsx)(StyledImg, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImg, {
       src: `${metaImage.url}?width=${imageWidth}`,
       alt: metaImage.alt
-    }), !!author && (0, _jsxRuntime.jsx)(AuthorContainer, {
+    }), !!author && /*#__PURE__*/(0, _jsxRuntime.jsx)(AuthorContainer, {
       "aria-label": t("article.writtenBy", {
         authors: author
       }),