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

package/es/Article/ArticleFootNotes.js

@@ -1,4 +1,3 @@
-import _styled from "@emotion/styled/base";
 /**
  * Copyright (c) 2017-present, NDLA.
  *
@@ -7,35 +6,48 @@ import _styled from "@emotion/styled/base";
  *
  */
 
-import { colors, spacing } from "@ndla/core";
+import { Text } from "@ndla/primitives";
+import { styled } from "@ndla/styled-system/jsx";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const citeDetailString = description => description ? `${description}. ` : "";
-const Cite = /*#__PURE__*/_styled("cite", {
-  target: "eds1c3s1",
-  label: "Cite"
-})("display:flex;gap:", spacing.small, ";a{box-shadow:none;text-decoration:underline;text-underline-offset:", 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 = styled("cite", {
+  base: {
+    display: "flex",
+    alignItems: "center",
+    gap: "xsmall"
+  }
+});
 const FootNote = _ref => {
   let {
     footNote
   } = _ref;
   return _jsx("li", {
-    children: _jsxs(Cite, {
+    children: _jsx(Text, {
       id: `note${footNote.ref}`,
-      children: [_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 ? _jsxs("a", {
-        href: footNote.url,
-        children: [footNote.url, "."]
-      }) : null]
+      asChild: true,
+      consumeCss: true,
+      textStyle: "body.medium",
+      children: _jsxs(StyledCite, {
+        children: [_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 ? _jsxs("a", {
+          href: footNote.url,
+          children: [footNote.url, "."]
+        }) : null]
+      })
     })
   });
 };
-const FootnoteList = /*#__PURE__*/_styled("ol", {
-  target: "eds1c3s0",
-  label: "FootnoteList"
-})("margin:0;display:flex;flex-direction:column;list-style:none;padding:", spacing.small, ";color:", 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 = styled("ol", {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "medium",
+    listStyle: "none"
+  }
+});
 const ArticleFootNotes = _ref2 => {
   let {
     footNotes

package/es/ContentTypeBadge/ContentTypeBadgeNew.js

@@ -27,6 +27,7 @@ export const contentTypeToBadgeVariantMap = {
   // TODO: Verify resourceEmbedTypeMapping colors
   [contentTypes.IMAGE]: "brand1",
   [contentTypes.AUDIO]: "brand1",
+  [contentTypes.PODCAST]: "brand1",
   [contentTypes.VIDEO]: "brand1",
   [contentTypes.MISSING]: "neutral"
 };

package/es/FrontpageArticle/FrontpageArticle.js

@@ -18,7 +18,7 @@ export const WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH = "1100px";
 const StyledArticle = /*#__PURE__*/_styled("article", {
   target: "e10a6yg80",
   label: "StyledArticle"
-})("width:100%;max-width:773px;h2[id]{margin-top:", spacing.large, ";}div[data-type=\"campaign-block\"]{margin:", spacing.large, " 0px;}div[data-type=\"grid\"]{h2,h3,h4{margin-top:0px;}}div[data-type=\"grid\"]+div[data-type=\"grid\"]{margin-top:", spacing.xxlarge, ";}&[data-wide=\"true\"]{max-width:1100px;h2[id]{margin-top:", spacing.xxlarge, ";}div[data-type=\"campaign-block\"]{margin:", spacing.xxlarge, " 0px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZyb250cGFnZUFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0MiLCJmaWxlIjoiRnJvbnRwYWdlQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IHVzZUNvbXBvbmVudFNpemUgfSBmcm9tIFwiQG5kbGEvaG9va3NcIjtcbmltcG9ydCB7IEhlYWRpbmcsIFRleHQgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgQXJ0aWNsZUJ5bGluZSB9IGZyb20gXCIuLi9BcnRpY2xlXCI7XG5pbXBvcnQgeyBBcnRpY2xlIH0gZnJvbSBcIi4uL3R5cGVzXCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFydGljbGU6IE9taXQ8QXJ0aWNsZSwgXCJmb290Tm90ZXNcIj47XG4gIGlkOiBzdHJpbmc7XG4gIGlzV2lkZT86IGJvb2xlYW47XG4gIGxpY2Vuc2VCb3g/OiBSZWFjdE5vZGU7XG4gIGxhbmc/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBGUk9OVFBBR0VfQVJUSUNMRV9NQVhfV0lEVEggPSBcIjc3M3B4XCI7XG5leHBvcnQgY29uc3QgV0lERV9GUk9OVFBBR0VfQVJUSUNMRV9NQVhfV0lEVEggPSBcIjExMDBweFwiO1xuXG5jb25zdCBTdHlsZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDc3M3B4O1xuICBoMltpZF0ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbiAgZGl2W2RhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCJdIHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMHB4O1xuICB9XG4gIGRpdltkYXRhLXR5cGU9XCJncmlkXCJdIHtcbiAgICBoMixcbiAgICBoMyxcbiAgICBoNCB7XG4gICAgICBtYXJnaW4tdG9wOiAwcHg7XG4gICAgfVxuICB9XG5cbiAgZGl2W2RhdGEtdHlwZT1cImdyaWRcIl0gKyBkaXZbZGF0YS10eXBlPVwiZ3JpZFwiXSB7XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLnh4bGFyZ2V9O1xuICB9XG5cbiAgJltkYXRhLXdpZGU9XCJ0cnVlXCJdIHtcbiAgICBtYXgtd2lkdGg6IDExMDBweDtcbiAgICBoMltpZF0ge1xuICAgICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLnh4bGFyZ2V9O1xuICAgIH1cbiAgICBkaXZbZGF0YS10eXBlPVwiY2FtcGFpZ24tYmxvY2tcIl0ge1xuICAgICAgbWFyZ2luOiAke3NwYWNpbmcueHhsYXJnZX0gMHB4O1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZyb250cGFnZUFydGljbGUgPSAoeyBhcnRpY2xlLCBpZCwgaXNXaWRlLCBsaWNlbnNlQm94LCBsYW5nIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaGVpZ2h0ID0gMCB9ID0gdXNlQ29tcG9uZW50U2l6ZShcIm1hc3RoZWFkXCIpO1xuICBjb25zdCBjc3NWYXJzID0gdXNlTWVtbygoKSA9PiAoeyBcIi0tbWFzdGhlYWQtaGVpZ2h0XCI6IGAke2hlaWdodH1weGAgfSkgYXMgdW5rbm93biBhcyBDU1NQcm9wZXJ0aWVzLCBbaGVpZ2h0XSk7XG4gIGNvbnN0IHsgdGl0bGUsIGludHJvZHVjdGlvbiwgY29udGVudCB9ID0gYXJ0aWNsZTtcblxuICBpZiAoaXNXaWRlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRBcnRpY2xlIGRhdGEtd2lkZT17aXNXaWRlfSBzdHlsZT17Y3NzVmFyc30gaWQ9e2lkfT5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L1N0eWxlZEFydGljbGU+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFydGljbGUgc3R5bGU9e2Nzc1ZhcnN9PlxuICAgICAgPEhlYWRpbmcgaWQ9e2lkfSBoZWFkaW5nU3R5bGU9XCJoMS1yZXNvdXJjZVwiIGVsZW1lbnQ9XCJoMVwiIG1hcmdpbj1cIm5vcm1hbFwiIHRhYkluZGV4PXstMX0gbGFuZz17bGFuZ30+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cImluZ3Jlc3NcIiBlbGVtZW50PVwiZGl2XCIgbGFuZz17bGFuZ30+XG4gICAgICAgIHtpbnRyb2R1Y3Rpb259XG4gICAgICA8L1RleHQ+XG4gICAgICB7Y29udGVudH1cbiAgICAgIDxBcnRpY2xlQnlsaW5lIGFjY29yZGlvbkhlYWRlclZhcmlhbnQ9e1wid2hpdGVcIn0gbGljZW5zZUJveD17bGljZW5zZUJveH0gZGlzcGxheUJ5bGluZT17ZmFsc2V9IC8+XG4gICAgPC9TdHlsZWRBcnRpY2xlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRnJvbnRwYWdlQXJ0aWNsZTtcbiJdfQ== */"));
+})("width:100%;max-width:773px;h2[id]{margin-top:", spacing.large, ";}div[data-type=\"campaign-block\"]{margin:", spacing.large, " 0px;}div[data-type=\"grid\"]{h2,h3,h4{margin-top:0px;}}div[data-type=\"grid\"]+div[data-type=\"grid\"]{margin-top:", spacing.xxlarge, ";}&[data-wide=\"true\"]{max-width:1100px;h2[id]{margin-top:", spacing.xxlarge, ";}div[data-type=\"campaign-block\"]{margin:", spacing.xxlarge, " 0px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZyb250cGFnZUFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0MiLCJmaWxlIjoiRnJvbnRwYWdlQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IHVzZUNvbXBvbmVudFNpemUgfSBmcm9tIFwiQG5kbGEvaG9va3NcIjtcbmltcG9ydCB7IEhlYWRpbmcsIFRleHQgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgQXJ0aWNsZUJ5bGluZSB9IGZyb20gXCIuLi9BcnRpY2xlXCI7XG5pbXBvcnQgeyBBcnRpY2xlIH0gZnJvbSBcIi4uL3R5cGVzXCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFydGljbGU6IE9taXQ8QXJ0aWNsZSwgXCJmb290Tm90ZXNcIj47XG4gIGlkOiBzdHJpbmc7XG4gIGlzV2lkZT86IGJvb2xlYW47XG4gIGxpY2Vuc2VCb3g/OiBSZWFjdE5vZGU7XG4gIGxhbmc/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBGUk9OVFBBR0VfQVJUSUNMRV9NQVhfV0lEVEggPSBcIjc3M3B4XCI7XG5leHBvcnQgY29uc3QgV0lERV9GUk9OVFBBR0VfQVJUSUNMRV9NQVhfV0lEVEggPSBcIjExMDBweFwiO1xuXG5jb25zdCBTdHlsZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDc3M3B4O1xuICBoMltpZF0ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbiAgZGl2W2RhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCJdIHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMHB4O1xuICB9XG4gIGRpdltkYXRhLXR5cGU9XCJncmlkXCJdIHtcbiAgICBoMixcbiAgICBoMyxcbiAgICBoNCB7XG4gICAgICBtYXJnaW4tdG9wOiAwcHg7XG4gICAgfVxuICB9XG5cbiAgZGl2W2RhdGEtdHlwZT1cImdyaWRcIl0gKyBkaXZbZGF0YS10eXBlPVwiZ3JpZFwiXSB7XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLnh4bGFyZ2V9O1xuICB9XG5cbiAgJltkYXRhLXdpZGU9XCJ0cnVlXCJdIHtcbiAgICBtYXgtd2lkdGg6IDExMDBweDtcbiAgICBoMltpZF0ge1xuICAgICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLnh4bGFyZ2V9O1xuICAgIH1cbiAgICBkaXZbZGF0YS10eXBlPVwiY2FtcGFpZ24tYmxvY2tcIl0ge1xuICAgICAgbWFyZ2luOiAke3NwYWNpbmcueHhsYXJnZX0gMHB4O1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZyb250cGFnZUFydGljbGUgPSAoeyBhcnRpY2xlLCBpZCwgaXNXaWRlLCBsaWNlbnNlQm94LCBsYW5nIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaGVpZ2h0ID0gMCB9ID0gdXNlQ29tcG9uZW50U2l6ZShcIm1hc3RoZWFkXCIpO1xuICBjb25zdCBjc3NWYXJzID0gdXNlTWVtbygoKSA9PiAoeyBcIi0tbWFzdGhlYWQtaGVpZ2h0XCI6IGAke2hlaWdodH1weGAgfSkgYXMgdW5rbm93biBhcyBDU1NQcm9wZXJ0aWVzLCBbaGVpZ2h0XSk7XG4gIGNvbnN0IHsgdGl0bGUsIGludHJvZHVjdGlvbiwgY29udGVudCB9ID0gYXJ0aWNsZTtcblxuICBpZiAoaXNXaWRlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRBcnRpY2xlIGRhdGEtd2lkZT17aXNXaWRlfSBzdHlsZT17Y3NzVmFyc30gaWQ9e2lkfT5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L1N0eWxlZEFydGljbGU+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFydGljbGUgc3R5bGU9e2Nzc1ZhcnN9PlxuICAgICAgPEhlYWRpbmcgaWQ9e2lkfSBoZWFkaW5nU3R5bGU9XCJoMS1yZXNvdXJjZVwiIGVsZW1lbnQ9XCJoMVwiIG1hcmdpbj1cIm5vcm1hbFwiIHRhYkluZGV4PXstMX0gbGFuZz17bGFuZ30+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cImluZ3Jlc3NcIiBlbGVtZW50PVwiZGl2XCIgbGFuZz17bGFuZ30+XG4gICAgICAgIHtpbnRyb2R1Y3Rpb259XG4gICAgICA8L1RleHQ+XG4gICAgICB7Y29udGVudH1cbiAgICAgIDxBcnRpY2xlQnlsaW5lIGxpY2Vuc2VCb3g9e2xpY2Vuc2VCb3h9IGRpc3BsYXlCeWxpbmU9e2ZhbHNlfSAvPlxuICAgIDwvU3R5bGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZyb250cGFnZUFydGljbGU7XG4iXX0= */"));
 export const FrontpageArticle = _ref => {
   let {
     article,
@@ -62,7 +62,6 @@ export const FrontpageArticle = _ref => {
       lang: lang,
       children: introduction
     }), content, _jsx(ArticleByline, {
-      accordionHeaderVariant: "white",
       licenseBox: licenseBox,
       displayByline: false
     })]

package/es/index.js

@@ -26,7 +26,6 @@ export { default as SearchResultSleeve } from "./Search/SearchResultSleeve";
 export { default as ContentTypeResult } from "./Search/ContentTypeResult";
 export { SearchFieldForm } from "./Search/SearchFieldForm";
 export { default as resourceTypeColor } from "./utils/resourceTypeColor";
-export { default as CreatedBy } from "./CreatedBy";
 export { MessageBox, MessageBanner } from "./Messages";
 export { ResourceBox } from "./ResourceBox";
 export { default as AudioPlayer } from "./AudioPlayer";

package/es/model/ContentType.js

@@ -20,6 +20,7 @@ export const MISSING = "missing";
 export const IMAGE = "image";
 export const VIDEO = "video";
 export const AUDIO = "audio";
+export const PODCAST = "podcast";
 export const contentTypes = {
   SUBJECT_MATERIAL,
   TASKS_AND_ACTIVITIES,
@@ -53,5 +54,6 @@ export const resourceEmbedTypeMapping = {
   image: "image",
   video: "video",
   concept: "concept",
-  audio: "audio"
+  audio: "audio",
+  podcast: "podcast"
 };

package/es/styles.css

@@ -1,5 +1,17 @@
 @layer utilities {
   @layer compositions {
+    .textStyle_body\.medium {
+      font-family: var(--fonts-sans);
+      font-weight: var(--font-weights-normal);
+      font-size: var(--font-sizes-small);
+      line-height: var(--line-heights-small);
+}
+
+    .textStyle_body\.medium:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin]) {
+      font-size: calc(var(--font-sizes-small) * 1.11);
+      line-height: calc(var(--line-heights-small) * 1.11);
+}
+
     .textStyle_body\.large {
       font-family: var(--fonts-sans);
       font-weight: var(--font-weights-normal);
@@ -36,18 +48,6 @@
       line-height: calc(var(--line-heights-medium) * 1.11);
 }
 
-    .textStyle_body\.medium {
-      font-family: var(--fonts-sans);
-      font-weight: var(--font-weights-normal);
-      font-size: var(--font-sizes-small);
-      line-height: var(--line-heights-small);
-}
-
-    .textStyle_body\.medium:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin]) {
-      font-size: calc(var(--font-sizes-small) * 1.11);
-      line-height: calc(var(--line-heights-small) * 1.11);
-}
-
     .\[\&_a\]\:textStyle_label\.xsmall a {
       font-family: var(--fonts-sans);
       font-weight: var(--font-weights-normal);
@@ -61,6 +61,50 @@
 }
 }
 
+  .mbs_medium {
+    margin-block-start: var(--spacing-medium);
+}
+
+  .pbs_xsmall {
+    padding-block-start: var(--spacing-xsmall);
+}
+
+  .bd-t_1px_solid {
+    border-top: 1px solid;
+}
+
+  .d_flex {
+    display: flex;
+}
+
+  .gap_3xsmall {
+    gap: var(--spacing-3xsmall);
+}
+
+  .w_100\% {
+    width: 100%;
+}
+
+  .py_xsmall {
+    padding-block: var(--spacing-xsmall);
+}
+
+  .gap_xsmall {
+    gap: var(--spacing-xsmall);
+}
+
+  .pbs_xxlarge {
+    padding-block-start: var(--spacing-xxlarge);
+}
+
+  .gap_medium {
+    gap: var(--spacing-medium);
+}
+
+  .li-s_none {
+    list-style: none;
+}
+
   .bd_1px_solid {
     border: 1px solid;
 }
@@ -81,10 +125,6 @@
     overflow: hidden;
 }
 
-  .d_flex {
-    display: flex;
-}
-
   .flex_1_0_auto {
     flex: 1 0 auto;
 }
@@ -97,18 +137,10 @@
     height: var(--sizes-surface-4xsmall);
 }
 
-  .gap_xsmall {
-    gap: var(--spacing-xsmall);
-}
-
   .p_xsmall {
     padding: var(--spacing-xsmall);
 }
 
-  .w_100\% {
-    width: 100%;
-}
-
   .bd-bs_1px_solid {
     border-block-start: 1px solid;
 }
@@ -134,10 +166,6 @@
     background: var(--colors-background-default);
 }
 
-  .py_xsmall {
-    padding-block: var(--spacing-xsmall);
-}
-
   .px_medium {
     padding-inline: var(--spacing-medium);
 }
@@ -214,10 +242,6 @@
     color: var(--colors-text-default);
 }
 
-  .gap_medium {
-    gap: var(--spacing-medium);
-}
-
   .h_100\% {
     height: 100%;
 }
@@ -411,10 +435,6 @@
     padding-block: var(--spacing-small);
 }
 
-  .bd-t_1px_solid {
-    border-top: 1px solid;
-}
-
   .bg_surface\.default {
     background: var(--colors-surface-default);
 }
@@ -443,10 +463,6 @@
     color: var(--colors-icon-strong);
 }
 
-  .li-s_none {
-    list-style: none;
-}
-
   .d_grid {
     display: grid;
 }
@@ -459,22 +475,34 @@
     aspect-ratio: 1/1;
 }
 
-  .bd-c_stroke\.default {
-    border-color: var(--colors-stroke-default);
+  .bd-c_stroke\.subtle {
+    border-color: var(--colors-stroke-subtle);
 }
 
-  .ai_center {
-    align-items: center;
+  .flex-d_column-reverse {
+    flex-direction: column-reverse;
 }
 
-  .ai_flex-start {
-    align-items: flex-start;
+  .jc_space-between {
+    justify-content: space-between;
+}
+
+  .ai_center {
+    align-items: center;
 }
 
   .flex-d_column {
     flex-direction: column;
 }
 
+  .bd-c_stroke\.default {
+    border-color: var(--colors-stroke-default);
+}
+
+  .ai_flex-start {
+    align-items: flex-start;
+}
+
   .as_flex-start {
     align-self: flex-start;
 }
@@ -487,10 +515,6 @@
     background-color: var(--colors-background-default);
 }
 
-  .bd-c_stroke\.subtle {
-    border-color: var(--colors-stroke-subtle);
-}
-
   .trs-dur_fast {
     --transition-duration: var(--durations-fast);
     transition-duration: var(--durations-fast);
@@ -620,10 +644,6 @@
     bottom: calc(var(--spacing-medium) * -1);
 }
 
-  .jc_space-between {
-    justify-content: space-between;
-}
-
   .font-style_italic {
     font-style: italic;
 }

package/lib/Article/ArticleByline.d.ts

@@ -13,7 +13,6 @@ type AuthorProps = {
 type SupplierProps = {
     name: string;
 };
-type AccordionHeaderVariants = "white" | "blue";
 type Props = {
     authors?: AuthorProps[];
     suppliers?: SupplierProps[];
@@ -22,9 +21,8 @@ type Props = {
     licenseBox?: ReactNode;
     locale?: string;
     footnotes?: FootNote[];
-    accordionHeaderVariant?: AccordionHeaderVariants;
     displayByline?: boolean;
     bylineType?: "article" | "learningPath";
 };
-declare const ArticleByline: ({ authors, suppliers, footnotes, license: licenseString, licenseBox, published, locale, accordionHeaderVariant, displayByline, bylineType, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const ArticleByline: ({ authors, suppliers, footnotes, license: licenseString, licenseBox, published, locale, displayByline, bylineType, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ArticleByline;