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

package/lib/Article/ArticleFootNotes.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _core = require("@ndla/core");
+var _primitives = require("@ndla/primitives");
+var _jsx2 = require("@ndla/styled-system/jsx");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2017-present, NDLA.
  *
@@ -17,32 +16,44 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  */
 
 const citeDetailString = description => description ? `${description}. ` : "";
-const Cite = /*#__PURE__*/(0, _base.default)("cite", {
-  target: "eds1c3s1",
-  label: "Cite"
-})("display:flex;gap:", _core.spacing.small, ";a{box-shadow:none;text-decoration:underline;text-underline-offset:", _core.spacing.xxsmall, ";&:hover,&:focus-visible{text-decoration:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVGb290Tm90ZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCd0IiLCJmaWxlIjoiQXJ0aWNsZUZvb3ROb3Rlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY29sb3JzLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvb3ROb3RlIGFzIEZvb3ROb3RlVHlwZSB9IGZyb20gXCIuLi90eXBlc1wiO1xuXG5jb25zdCBjaXRlRGV0YWlsU3RyaW5nID0gKGRlc2NyaXB0aW9uOiBzdHJpbmcgfCB1bmRlZmluZWQpID0+IChkZXNjcmlwdGlvbiA/IGAke2Rlc2NyaXB0aW9ufS4gYCA6IFwiXCIpO1xuXG50eXBlIEZvb3ROb3RlUHJvcHMgPSB7XG4gIGZvb3ROb3RlOiBGb290Tm90ZVR5cGU7XG59O1xuXG5jb25zdCBDaXRlID0gc3R5bGVkLmNpdGVgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYSB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBGb290Tm90ZSA9ICh7IGZvb3ROb3RlIH06IEZvb3ROb3RlUHJvcHMpID0+IChcbiAgPGxpPlxuICAgIDxDaXRlIGlkPXtgbm90ZSR7Zm9vdE5vdGUucmVmfWB9PlxuICAgICAgPGEgaHJlZj17YCNyZWYke2Zvb3ROb3RlLnJlZn1gfSB0YXJnZXQ9XCJfc2VsZlwiPlxuICAgICAgICB7Zm9vdE5vdGUucmVmfVxuICAgICAgPC9hPlxuICAgICAge2DCqyR7Zm9vdE5vdGUudGl0bGV9wrsuICR7Zm9vdE5vdGUuYXV0aG9ycy5qb2luKFwiIFwiKX0uICR7Y2l0ZURldGFpbFN0cmluZyhmb290Tm90ZS5lZGl0aW9uKX0ke2NpdGVEZXRhaWxTdHJpbmcoXG4gICAgICAgIGZvb3ROb3RlLnB1Ymxpc2hlcixcbiAgICAgICl9JHtmb290Tm90ZS55ZWFyfS4gYH1cbiAgICAgIHtmb290Tm90ZS51cmwgPyAoXG4gICAgICAgIDxhIGhyZWY9e2Zvb3ROb3RlLnVybH0+XG4gICAgICAgICAge2Zvb3ROb3RlLnVybH1cbiAgICAgICAgICB7XCIuXCJ9XG4gICAgICAgIDwvYT5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvQ2l0ZT5cbiAgPC9saT5cbik7XG5cbnR5cGUgQXJ0aWNsZUZvb3ROb3Rlc1Byb3BzID0ge1xuICBmb290Tm90ZXM6IEFycmF5PEZvb3ROb3RlVHlwZT47XG59O1xuXG5jb25zdCBGb290bm90ZUxpc3QgPSBzdHlsZWQub2xgXG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHR9O1xuYDtcblxuY29uc3QgQXJ0aWNsZUZvb3ROb3RlcyA9ICh7IGZvb3ROb3RlcyB9OiBBcnRpY2xlRm9vdE5vdGVzUHJvcHMpID0+IChcbiAgPEZvb3Rub3RlTGlzdD5cbiAgICB7Zm9vdE5vdGVzLm1hcCgoZm9vdE5vdGUpID0+IChcbiAgICAgIDxGb290Tm90ZSBrZXk9e2Zvb3ROb3RlLnJlZn0gZm9vdE5vdGU9e2Zvb3ROb3RlfSAvPlxuICAgICkpfVxuICA8L0Zvb3Rub3RlTGlzdD5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGVGb290Tm90ZXM7XG4iXX0= */"));
+const StyledCite = (0, _jsx2.styled)("cite", {
+  base: {
+    display: "flex",
+    alignItems: "center",
+    gap: "xsmall"
+  }
+});
 const FootNote = _ref => {
   let {
     footNote
   } = _ref;
   return (0, _jsxRuntime.jsx)("li", {
-    children: (0, _jsxRuntime.jsxs)(Cite, {
+    children: (0, _jsxRuntime.jsx)(_primitives.Text, {
       id: `note${footNote.ref}`,
-      children: [(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", {
-        href: footNote.url,
-        children: [footNote.url, "."]
-      }) : null]
+      asChild: true,
+      consumeCss: true,
+      textStyle: "body.medium",
+      children: (0, _jsxRuntime.jsxs)(StyledCite, {
+        children: [(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", {
+          href: footNote.url,
+          children: [footNote.url, "."]
+        }) : null]
+      })
     })
   });
 };
-const FootnoteList = /*#__PURE__*/(0, _base.default)("ol", {
-  target: "eds1c3s0",
-  label: "FootnoteList"
-})("margin:0;display:flex;flex-direction:column;list-style:none;padding:", _core.spacing.small, ";color:", _core.colors.text.light, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVGb290Tm90ZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVEOEIiLCJmaWxlIjoiQXJ0aWNsZUZvb3ROb3Rlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY29sb3JzLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IEZvb3ROb3RlIGFzIEZvb3ROb3RlVHlwZSB9IGZyb20gXCIuLi90eXBlc1wiO1xuXG5jb25zdCBjaXRlRGV0YWlsU3RyaW5nID0gKGRlc2NyaXB0aW9uOiBzdHJpbmcgfCB1bmRlZmluZWQpID0+IChkZXNjcmlwdGlvbiA/IGAke2Rlc2NyaXB0aW9ufS4gYCA6IFwiXCIpO1xuXG50eXBlIEZvb3ROb3RlUHJvcHMgPSB7XG4gIGZvb3ROb3RlOiBGb290Tm90ZVR5cGU7XG59O1xuXG5jb25zdCBDaXRlID0gc3R5bGVkLmNpdGVgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYSB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBGb290Tm90ZSA9ICh7IGZvb3ROb3RlIH06IEZvb3ROb3RlUHJvcHMpID0+IChcbiAgPGxpPlxuICAgIDxDaXRlIGlkPXtgbm90ZSR7Zm9vdE5vdGUucmVmfWB9PlxuICAgICAgPGEgaHJlZj17YCNyZWYke2Zvb3ROb3RlLnJlZn1gfSB0YXJnZXQ9XCJfc2VsZlwiPlxuICAgICAgICB7Zm9vdE5vdGUucmVmfVxuICAgICAgPC9hPlxuICAgICAge2DCqyR7Zm9vdE5vdGUudGl0bGV9wrsuICR7Zm9vdE5vdGUuYXV0aG9ycy5qb2luKFwiIFwiKX0uICR7Y2l0ZURldGFpbFN0cmluZyhmb290Tm90ZS5lZGl0aW9uKX0ke2NpdGVEZXRhaWxTdHJpbmcoXG4gICAgICAgIGZvb3ROb3RlLnB1Ymxpc2hlcixcbiAgICAgICl9JHtmb290Tm90ZS55ZWFyfS4gYH1cbiAgICAgIHtmb290Tm90ZS51cmwgPyAoXG4gICAgICAgIDxhIGhyZWY9e2Zvb3ROb3RlLnVybH0+XG4gICAgICAgICAge2Zvb3ROb3RlLnVybH1cbiAgICAgICAgICB7XCIuXCJ9XG4gICAgICAgIDwvYT5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvQ2l0ZT5cbiAgPC9saT5cbik7XG5cbnR5cGUgQXJ0aWNsZUZvb3ROb3Rlc1Byb3BzID0ge1xuICBmb290Tm90ZXM6IEFycmF5PEZvb3ROb3RlVHlwZT47XG59O1xuXG5jb25zdCBGb290bm90ZUxpc3QgPSBzdHlsZWQub2xgXG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHR9O1xuYDtcblxuY29uc3QgQXJ0aWNsZUZvb3ROb3RlcyA9ICh7IGZvb3ROb3RlcyB9OiBBcnRpY2xlRm9vdE5vdGVzUHJvcHMpID0+IChcbiAgPEZvb3Rub3RlTGlzdD5cbiAgICB7Zm9vdE5vdGVzLm1hcCgoZm9vdE5vdGUpID0+IChcbiAgICAgIDxGb290Tm90ZSBrZXk9e2Zvb3ROb3RlLnJlZn0gZm9vdE5vdGU9e2Zvb3ROb3RlfSAvPlxuICAgICkpfVxuICA8L0Zvb3Rub3RlTGlzdD5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGVGb290Tm90ZXM7XG4iXX0= */"));
+const FootnoteList = (0, _jsx2.styled)("ol", {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "medium",
+    listStyle: "none"
+  }
+});
 const ArticleFootNotes = _ref2 => {
   let {
     footNotes

package/lib/AudioPlayer/AudioPlayer.js

@@ -28,6 +28,7 @@ const AudioPlayerWrapper = (0, _jsx2.styled)("div", {
     borderColor: "stroke.default",
     borderRadius: "xsmall",
     boxShadow: "full",
+    marginBlockEnd: "4xsmall",
     overflow: "hidden"
   }
 });

package/lib/Concept/Concept.js

@@ -67,7 +67,7 @@ const Concept = exports.Concept = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref
       embed: visualElement
     }) : visualElement?.resource === "external" ? (0, _jsxRuntime.jsx)(_Embed.ExternalEmbed, {
       embed: visualElement
-    }) : null, copyright && (0, _jsxRuntime.jsx)(_EmbedByline.LicenseContainerContent, {
+    }) : null, copyright && (0, _jsxRuntime.jsx)(_EmbedByline.EmbedByline, {
       copyright: copyright,
       type: "concept"
     })]