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

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/Embed/BrightcoveEmbed.js

@@ -114,7 +114,6 @@ const BrightcoveEmbed = _ref => {
       type: "video",
       copyright: data.copyright,
       description: parsedDescription,
-      bottomRounded: true,
       children: !!linkedVideoId && _jsx(LinkedVideoButton, {
         size: "small",
         variant: "secondary",

package/es/Embed/CopyrightEmbed.js

@@ -16,8 +16,7 @@ const CopyrightEmbed = _ref => {
   return _jsxs("figure", {
     children: [children, _jsx(EmbedByline, {
       type: "copyright",
-      copyright: embed.embedData.copyright,
-      bottomRounded: true
+      copyright: embed.embedData.copyright
     })]
   });
 };

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/LicenseByline/EmbedByline.js

@@ -1,4 +1,3 @@
-import _styled from "@emotion/styled/base";
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -7,26 +6,55 @@ import _styled from "@emotion/styled/base";
  *
  */
 
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
-import { colors, fonts, misc, spacing } from "@ndla/core";
 import { WarningOutline } from "@ndla/icons/common";
 import { getLicenseByAbbreviation, getLicenseCredits } from "@ndla/licenses";
-import LicenseDescription from "./LicenseDescription";
-import LicenseLink from "./LicenseLink";
+import { Button, Text } from "@ndla/primitives";
+import { styled } from "@ndla/styled-system/jsx";
+import { LicenseLink } from "./LicenseLink";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-const BylineWrapper = /*#__PURE__*/_styled("figcaption", {
-  target: "e1087usc1",
-  label: "BylineWrapper"
-})("display:flex;flex-direction:column;font-family:", fonts.sans, ";", fonts.sizes("16px", "26px"), ";padding:", spacing.small, " 0;background-color:", colors.white, ";&[data-top-rounded=\"true\"]{border-top-right-radius:", misc.borderRadius, ";border-top-left-radius:", misc.borderRadius, ";}&[data-bottom-rounded=\"true\"]{border-bottom-right-radius:", misc.borderRadius, ";border-bottom-left-radius:", misc.borderRadius, ";}&[data-error=\"true\"]{border:none;background-color:", colors.support.redLightest, ";padding:", spacing.nsmall, " ", spacing.normal, ";", fonts.sizes("18px", "24px"), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtYmVkQnlsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RXVDIiwiZmlsZSI6IkVtYmVkQnlsaW5lLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgV2FybmluZ091dGxpbmUgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24sIGdldExpY2Vuc2VDcmVkaXRzIH0gZnJvbSBcIkBuZGxhL2xpY2Vuc2VzXCI7XG5pbXBvcnQgeyBJQ29weXJpZ2h0IGFzIEFydGljbGVDb3B5cmlnaHQgfSBmcm9tIFwiQG5kbGEvdHlwZXMtYmFja2VuZC9hcnRpY2xlLWFwaVwiO1xuaW1wb3J0IHsgSUNvcHlyaWdodCBhcyBBdWRpb0NvcHlyaWdodCB9IGZyb20gXCJAbmRsYS90eXBlcy1iYWNrZW5kL2F1ZGlvLWFwaVwiO1xuaW1wb3J0IHsgSURyYWZ0Q29weXJpZ2h0IGFzIENvbmNlcHRDb3B5cmlnaHQgfSBmcm9tIFwiQG5kbGEvdHlwZXMtYmFja2VuZC9jb25jZXB0LWFwaVwiO1xuaW1wb3J0IHsgSUNvcHlyaWdodCBhcyBJbWFnZUNvcHlyaWdodCB9IGZyb20gXCJAbmRsYS90eXBlcy1iYWNrZW5kL2ltYWdlLWFwaVwiO1xuaW1wb3J0IHsgQnJpZ2h0Y292ZUNvcHlyaWdodCB9IGZyb20gXCJAbmRsYS90eXBlcy1lbWJlZFwiO1xuaW1wb3J0IExpY2Vuc2VEZXNjcmlwdGlvbiBmcm9tIFwiLi9MaWNlbnNlRGVzY3JpcHRpb25cIjtcbmltcG9ydCBMaWNlbnNlTGluayBmcm9tIFwiLi9MaWNlbnNlTGlua1wiO1xuXG5pbnRlcmZhY2UgQmFzZVByb3BzIHtcbiAgdG9wUm91bmRlZD86IGJvb2xlYW47XG4gIGJvdHRvbVJvdW5kZWQ/OiBib29sZWFuO1xuICBkZXNjcmlwdGlvbj86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIHZpc2libGVBbHQ/OiBzdHJpbmc7XG4gIGVycm9yPzogdHJ1ZSB8IGZhbHNlO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEVtYmVkQnlsaW5lRXJyb3JQcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IEVtYmVkQnlsaW5lVHlwZVByb3BzW1widHlwZVwiXSB8IFwiaDVwXCIgfCBcImV4dGVybmFsXCI7XG4gIGVycm9yOiB0cnVlO1xufVxuXG5pbnRlcmZhY2UgSW1hZ2VQcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IFwiaW1hZ2VcIjtcbiAgY29weXJpZ2h0OiBJbWFnZUNvcHlyaWdodCB8IHVuZGVmaW5lZDtcbn1cblxuaW50ZXJmYWNlIEJyaWdodGNvdmVQcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IFwidmlkZW9cIjtcbiAgY29weXJpZ2h0OiBCcmlnaHRjb3ZlQ29weXJpZ2h0IHwgdW5kZWZpbmVkO1xufVxuXG5pbnRlcmZhY2UgQXVkaW9Qcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IFwiYXVkaW9cIjtcbiAgY29weXJpZ2h0OiBBdWRpb0NvcHlyaWdodCB8IHVuZGVmaW5lZDtcbn1cblxuaW50ZXJmYWNlIFBvZGNhc3RQcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IFwicG9kY2FzdFwiO1xuICBjb3B5cmlnaHQ6IEF1ZGlvQ29weXJpZ2h0IHwgdW5kZWZpbmVkO1xufVxuXG5pbnRlcmZhY2UgQ29uY2VwdFByb3BzIGV4dGVuZHMgQmFzZVByb3BzIHtcbiAgdHlwZTogXCJjb25jZXB0XCIgfCBcImdsb3NzXCI7XG4gIGNvcHlyaWdodDogQ29uY2VwdENvcHlyaWdodCB8IHVuZGVmaW5lZDtcbn1cblxuaW50ZXJmYWNlIENvcHlyaWdodFByb3BzIGV4dGVuZHMgQmFzZVByb3BzIHtcbiAgdHlwZTogXCJjb3B5cmlnaHRcIjtcbiAgY29weXJpZ2h0OiBBcnRpY2xlQ29weXJpZ2h0IHwgdW5kZWZpbmVkO1xufVxuXG5leHBvcnQgdHlwZSBFbWJlZEJ5bGluZVR5cGVQcm9wcyA9XG4gIHwgSW1hZ2VQcm9wc1xuICB8IEJyaWdodGNvdmVQcm9wc1xuICB8IEF1ZGlvUHJvcHNcbiAgfCBQb2RjYXN0UHJvcHNcbiAgfCBDb25jZXB0UHJvcHNcbiAgfCBDb3B5cmlnaHRQcm9wcztcblxudHlwZSBQcm9wcyA9IEVtYmVkQnlsaW5lVHlwZVByb3BzIHwgRW1iZWRCeWxpbmVFcnJvclByb3BzO1xuXG5jb25zdCBCeWxpbmVXcmFwcGVyID0gc3R5bGVkLmZpZ2NhcHRpb25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKFwiMTZweFwiLCBcIjI2cHhcIil9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgJltkYXRhLXRvcC1yb3VuZGVkPVwidHJ1ZVwiXSB7XG4gICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICB9XG5cbiAgJltkYXRhLWJvdHRvbS1yb3VuZGVkPVwidHJ1ZVwiXSB7XG4gICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICB9XG5cbiAgJltkYXRhLWVycm9yPVwidHJ1ZVwiXSB7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLnN1cHBvcnQucmVkTGlnaHRlc3R9O1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5uc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxOHB4XCIsIFwiMjRweFwiKX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFNwYW4gPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1zdHlsZTogaXRhbGljO1xuICBjb2xvcjogZ3JleTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjZweFwiKX07XG5gO1xuXG5jb25zdCBFbWJlZEJ5bGluZSA9ICh7IHR5cGUsIHRvcFJvdW5kZWQsIGJvdHRvbVJvdW5kZWQsIGRlc2NyaXB0aW9uLCBjaGlsZHJlbiwgdmlzaWJsZUFsdCwgLi4ucHJvcHMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuXG4gIGlmIChwcm9wcy5lcnJvcikge1xuICAgIGNvbnN0IHR5cGVTdHJpbmcgPSB0eXBlID09PSBcImg1cFwiID8gXCJINVBcIiA6IHQoYGVtYmVkLnR5cGUuJHt0eXBlfWApLnRvTG93ZXJDYXNlKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxCeWxpbmVXcmFwcGVyIGRhdGEtdG9wLXJvdW5kZWQ9e3RvcFJvdW5kZWR9IGRhdGEtYm90dG9tLXJvdW5kZWQ9e2JvdHRvbVJvdW5kZWR9IGRhdGEtZXJyb3I9e3RydWV9PlxuICAgICAgICA8TGljZW5zZURlc2NyaXB0aW9uIHdhcm5pbmdCeWxpbmU9e3Byb3BzLmVycm9yfSBpY29uPXs8V2FybmluZ091dGxpbmUgLz59PlxuICAgICAgICAgIHt0KFwiZW1iZWQuZW1iZWRFcnJvclwiLCB7IHR5cGU6IHR5cGVTdHJpbmcgfSl9XG4gICAgICAgIDwvTGljZW5zZURlc2NyaXB0aW9uPlxuICAgICAgPC9CeWxpbmVXcmFwcGVyPlxuICAgICk7XG4gIH1cblxuICBjb25zdCB7IGNvcHlyaWdodCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEJ5bGluZVdyYXBwZXI+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPExpY2Vuc2VDb250YWluZXJDb250ZW50IHR5cGU9e3R5cGV9IGNvcHlyaWdodD17Y29weXJpZ2h0fT5cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICA8L0xpY2Vuc2VDb250YWluZXJDb250ZW50PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L0J5bGluZVdyYXBwZXI+XG4gICAgICB7dmlzaWJsZUFsdCA/IDxTdHlsZWRTcGFuPntgQWx0OiAke3Zpc2libGVBbHR9YH08L1N0eWxlZFNwYW4+IDogbnVsbH1cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBMaWNlbnNlQ29udGFpbmVyUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgY29weXJpZ2h0OiBFbWJlZEJ5bGluZVR5cGVQcm9wc1tcImNvcHlyaWdodFwiXTtcbiAgdHlwZTogUHJvcHNbXCJ0eXBlXCJdO1xufVxuXG5leHBvcnQgY29uc3QgTGljZW5zZUNvbnRhaW5lckNvbnRlbnQgPSAoeyBjaGlsZHJlbiwgY29weXJpZ2h0LCB0eXBlIH06IExpY2Vuc2VDb250YWluZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGxpY2Vuc2UgPSBjb3B5cmlnaHQgPyBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24oY29weXJpZ2h0LmxpY2Vuc2U/LmxpY2Vuc2UgPz8gXCJcIiwgaTE4bi5sYW5ndWFnZSkgOiB1bmRlZmluZWQ7XG4gIGNvbnN0IGF1dGhvcnMgPSBnZXRMaWNlbnNlQ3JlZGl0cyhjb3B5cmlnaHQpO1xuICBjb25zdCBjYXB0aW9uQXV0aG9ycyA9IE9iamVjdC52YWx1ZXMoYXV0aG9ycykuZmluZCgoaSkgPT4gaS5sZW5ndGggPiAwKSA/PyBbXTtcblxuICBjb25zdCBDb21wb25lbnQgPSBjaGlsZHJlbiA/IExpY2Vuc2VEZXNjcmlwdGlvbiA6IFwic3BhblwiO1xuXG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtgICR7dChgZW1iZWQudHlwZS4ke3R5cGV9YCl9JHtjYXB0aW9uQXV0aG9ycy5sZW5ndGggPyBcIjogXCIgOiBcIlwifWB9XG4gICAgICB7Y2FwdGlvbkF1dGhvcnMubWFwKChhdXRob3IpID0+IGF1dGhvci5uYW1lKS5qb2luKFwiLCBcIil9XG4gICAgICB7bGljZW5zZSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICB7XCIgLyBcIn1cbiAgICAgICAgICA8TGljZW5zZUxpbmsgbGljZW5zZT17bGljZW5zZX0gLz5cbiAgICAgICAgPC8+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0NvbXBvbmVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEVtYmVkQnlsaW5lO1xuIl19 */"));
-const StyledSpan = /*#__PURE__*/_styled("span", {
-  target: "e1087usc0",
-  label: "StyledSpan"
-})("font-style:italic;color:grey;font-family:", fonts.sans, ";", fonts.sizes("16px", "26px"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtYmVkQnlsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRzhCIiwiZmlsZSI6IkVtYmVkQnlsaW5lLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgV2FybmluZ091dGxpbmUgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24sIGdldExpY2Vuc2VDcmVkaXRzIH0gZnJvbSBcIkBuZGxhL2xpY2Vuc2VzXCI7XG5pbXBvcnQgeyBJQ29weXJpZ2h0IGFzIEFydGljbGVDb3B5cmlnaHQgfSBmcm9tIFwiQG5kbGEvdHlwZXMtYmFja2VuZC9hcnRpY2xlLWFwaVwiO1xuaW1wb3J0IHsgSUNvcHlyaWdodCBhcyBBdWRpb0NvcHlyaWdodCB9IGZyb20gXCJAbmRsYS90eXBlcy1iYWNrZW5kL2F1ZGlvLWFwaVwiO1xuaW1wb3J0IHsgSURyYWZ0Q29weXJpZ2h0IGFzIENvbmNlcHRDb3B5cmlnaHQgfSBmcm9tIFwiQG5kbGEvdHlwZXMtYmFja2VuZC9jb25jZXB0LWFwaVwiO1xuaW1wb3J0IHsgSUNvcHlyaWdodCBhcyBJbWFnZUNvcHlyaWdodCB9IGZyb20gXCJAbmRsYS90eXBlcy1iYWNrZW5kL2ltYWdlLWFwaVwiO1xuaW1wb3J0IHsgQnJpZ2h0Y292ZUNvcHlyaWdodCB9IGZyb20gXCJAbmRsYS90eXBlcy1lbWJlZFwiO1xuaW1wb3J0IExpY2Vuc2VEZXNjcmlwdGlvbiBmcm9tIFwiLi9MaWNlbnNlRGVzY3JpcHRpb25cIjtcbmltcG9ydCBMaWNlbnNlTGluayBmcm9tIFwiLi9MaWNlbnNlTGlua1wiO1xuXG5pbnRlcmZhY2UgQmFzZVByb3BzIHtcbiAgdG9wUm91bmRlZD86IGJvb2xlYW47XG4gIGJvdHRvbVJvdW5kZWQ/OiBib29sZWFuO1xuICBkZXNjcmlwdGlvbj86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIHZpc2libGVBbHQ/OiBzdHJpbmc7XG4gIGVycm9yPzogdHJ1ZSB8IGZhbHNlO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEVtYmVkQnlsaW5lRXJyb3JQcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IEVtYmVkQnlsaW5lVHlwZVByb3BzW1widHlwZVwiXSB8IFwiaDVwXCIgfCBcImV4dGVybmFsXCI7XG4gIGVycm9yOiB0cnVlO1xufVxuXG5pbnRlcmZhY2UgSW1hZ2VQcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IFwiaW1hZ2VcIjtcbiAgY29weXJpZ2h0OiBJbWFnZUNvcHlyaWdodCB8IHVuZGVmaW5lZDtcbn1cblxuaW50ZXJmYWNlIEJyaWdodGNvdmVQcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IFwidmlkZW9cIjtcbiAgY29weXJpZ2h0OiBCcmlnaHRjb3ZlQ29weXJpZ2h0IHwgdW5kZWZpbmVkO1xufVxuXG5pbnRlcmZhY2UgQXVkaW9Qcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IFwiYXVkaW9cIjtcbiAgY29weXJpZ2h0OiBBdWRpb0NvcHlyaWdodCB8IHVuZGVmaW5lZDtcbn1cblxuaW50ZXJmYWNlIFBvZGNhc3RQcm9wcyBleHRlbmRzIEJhc2VQcm9wcyB7XG4gIHR5cGU6IFwicG9kY2FzdFwiO1xuICBjb3B5cmlnaHQ6IEF1ZGlvQ29weXJpZ2h0IHwgdW5kZWZpbmVkO1xufVxuXG5pbnRlcmZhY2UgQ29uY2VwdFByb3BzIGV4dGVuZHMgQmFzZVByb3BzIHtcbiAgdHlwZTogXCJjb25jZXB0XCIgfCBcImdsb3NzXCI7XG4gIGNvcHlyaWdodDogQ29uY2VwdENvcHlyaWdodCB8IHVuZGVmaW5lZDtcbn1cblxuaW50ZXJmYWNlIENvcHlyaWdodFByb3BzIGV4dGVuZHMgQmFzZVByb3BzIHtcbiAgdHlwZTogXCJjb3B5cmlnaHRcIjtcbiAgY29weXJpZ2h0OiBBcnRpY2xlQ29weXJpZ2h0IHwgdW5kZWZpbmVkO1xufVxuXG5leHBvcnQgdHlwZSBFbWJlZEJ5bGluZVR5cGVQcm9wcyA9XG4gIHwgSW1hZ2VQcm9wc1xuICB8IEJyaWdodGNvdmVQcm9wc1xuICB8IEF1ZGlvUHJvcHNcbiAgfCBQb2RjYXN0UHJvcHNcbiAgfCBDb25jZXB0UHJvcHNcbiAgfCBDb3B5cmlnaHRQcm9wcztcblxudHlwZSBQcm9wcyA9IEVtYmVkQnlsaW5lVHlwZVByb3BzIHwgRW1iZWRCeWxpbmVFcnJvclByb3BzO1xuXG5jb25zdCBCeWxpbmVXcmFwcGVyID0gc3R5bGVkLmZpZ2NhcHRpb25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKFwiMTZweFwiLCBcIjI2cHhcIil9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgJltkYXRhLXRvcC1yb3VuZGVkPVwidHJ1ZVwiXSB7XG4gICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICB9XG5cbiAgJltkYXRhLWJvdHRvbS1yb3VuZGVkPVwidHJ1ZVwiXSB7XG4gICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICB9XG5cbiAgJltkYXRhLWVycm9yPVwidHJ1ZVwiXSB7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLnN1cHBvcnQucmVkTGlnaHRlc3R9O1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5uc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxOHB4XCIsIFwiMjRweFwiKX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFNwYW4gPSBzdHlsZWQuc3BhbmBcbiAgZm9udC1zdHlsZTogaXRhbGljO1xuICBjb2xvcjogZ3JleTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjZweFwiKX07XG5gO1xuXG5jb25zdCBFbWJlZEJ5bGluZSA9ICh7IHR5cGUsIHRvcFJvdW5kZWQsIGJvdHRvbVJvdW5kZWQsIGRlc2NyaXB0aW9uLCBjaGlsZHJlbiwgdmlzaWJsZUFsdCwgLi4ucHJvcHMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuXG4gIGlmIChwcm9wcy5lcnJvcikge1xuICAgIGNvbnN0IHR5cGVTdHJpbmcgPSB0eXBlID09PSBcImg1cFwiID8gXCJINVBcIiA6IHQoYGVtYmVkLnR5cGUuJHt0eXBlfWApLnRvTG93ZXJDYXNlKCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxCeWxpbmVXcmFwcGVyIGRhdGEtdG9wLXJvdW5kZWQ9e3RvcFJvdW5kZWR9IGRhdGEtYm90dG9tLXJvdW5kZWQ9e2JvdHRvbVJvdW5kZWR9IGRhdGEtZXJyb3I9e3RydWV9PlxuICAgICAgICA8TGljZW5zZURlc2NyaXB0aW9uIHdhcm5pbmdCeWxpbmU9e3Byb3BzLmVycm9yfSBpY29uPXs8V2FybmluZ091dGxpbmUgLz59PlxuICAgICAgICAgIHt0KFwiZW1iZWQuZW1iZWRFcnJvclwiLCB7IHR5cGU6IHR5cGVTdHJpbmcgfSl9XG4gICAgICAgIDwvTGljZW5zZURlc2NyaXB0aW9uPlxuICAgICAgPC9CeWxpbmVXcmFwcGVyPlxuICAgICk7XG4gIH1cblxuICBjb25zdCB7IGNvcHlyaWdodCB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEJ5bGluZVdyYXBwZXI+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPExpY2Vuc2VDb250YWluZXJDb250ZW50IHR5cGU9e3R5cGV9IGNvcHlyaWdodD17Y29weXJpZ2h0fT5cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICA8L0xpY2Vuc2VDb250YWluZXJDb250ZW50PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L0J5bGluZVdyYXBwZXI+XG4gICAgICB7dmlzaWJsZUFsdCA/IDxTdHlsZWRTcGFuPntgQWx0OiAke3Zpc2libGVBbHR9YH08L1N0eWxlZFNwYW4+IDogbnVsbH1cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBMaWNlbnNlQ29udGFpbmVyUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgY29weXJpZ2h0OiBFbWJlZEJ5bGluZVR5cGVQcm9wc1tcImNvcHlyaWdodFwiXTtcbiAgdHlwZTogUHJvcHNbXCJ0eXBlXCJdO1xufVxuXG5leHBvcnQgY29uc3QgTGljZW5zZUNvbnRhaW5lckNvbnRlbnQgPSAoeyBjaGlsZHJlbiwgY29weXJpZ2h0LCB0eXBlIH06IExpY2Vuc2VDb250YWluZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGxpY2Vuc2UgPSBjb3B5cmlnaHQgPyBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24oY29weXJpZ2h0LmxpY2Vuc2U/LmxpY2Vuc2UgPz8gXCJcIiwgaTE4bi5sYW5ndWFnZSkgOiB1bmRlZmluZWQ7XG4gIGNvbnN0IGF1dGhvcnMgPSBnZXRMaWNlbnNlQ3JlZGl0cyhjb3B5cmlnaHQpO1xuICBjb25zdCBjYXB0aW9uQXV0aG9ycyA9IE9iamVjdC52YWx1ZXMoYXV0aG9ycykuZmluZCgoaSkgPT4gaS5sZW5ndGggPiAwKSA/PyBbXTtcblxuICBjb25zdCBDb21wb25lbnQgPSBjaGlsZHJlbiA/IExpY2Vuc2VEZXNjcmlwdGlvbiA6IFwic3BhblwiO1xuXG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtgICR7dChgZW1iZWQudHlwZS4ke3R5cGV9YCl9JHtjYXB0aW9uQXV0aG9ycy5sZW5ndGggPyBcIjogXCIgOiBcIlwifWB9XG4gICAgICB7Y2FwdGlvbkF1dGhvcnMubWFwKChhdXRob3IpID0+IGF1dGhvci5uYW1lKS5qb2luKFwiLCBcIil9XG4gICAgICB7bGljZW5zZSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICB7XCIgLyBcIn1cbiAgICAgICAgICA8TGljZW5zZUxpbmsgbGljZW5zZT17bGljZW5zZX0gLz5cbiAgICAgICAgPC8+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0NvbXBvbmVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEVtYmVkQnlsaW5lO1xuIl19 */"));
-const EmbedByline = _ref => {
+const BylineWrapper = styled("figcaption", {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    paddingBlock: "xsmall",
+    background: "surface.default",
+    textStyle: "label.medium"
+  }
+});
+const ErrorBylineWrapper = styled(BylineWrapper, {
+  base: {
+    border: "1px solid",
+    borderColor: "stroke.error",
+    borderRadius: "xsmall",
+    background: "surface.dangerSubtle",
+    paddingInline: "medium",
+    paddingBlock: "medium"
+  }
+});
+const StyledText = styled(Text, {
+  base: {
+    fontStyle: "italic"
+  }
+});
+const ContentWrapper = styled("div", {
+  base: {
+    display: "flex",
+    gap: "xsmall",
+    alignItems: "center",
+    textStyle: "label.medium"
+  }
+});
+const BaseDescription = styled("div", {
+  base: {
+    display: "inline-flex",
+    whiteSpace: "pre-wrap"
+  }
+});
+export const EmbedByline = _ref => {
   let {
     type,
-    topRounded,
-    bottomRounded,
     description,
     children,
     visibleAlt,
@@ -37,16 +65,15 @@ const EmbedByline = _ref => {
   } = useTranslation();
   if (props.error) {
     const typeString = type === "h5p" ? "H5P" : t(`embed.type.${type}`).toLowerCase();
-    return _jsx(BylineWrapper, {
-      "data-top-rounded": topRounded,
-      "data-bottom-rounded": bottomRounded,
-      "data-error": true,
-      children: _jsx(LicenseDescription, {
-        warningByline: props.error,
-        icon: _jsx(WarningOutline, {}),
-        children: t("embed.embedError", {
-          type: typeString
-        })
+    return _jsx(ErrorBylineWrapper, {
+      children: _jsxs(ContentWrapper, {
+        children: [_jsx(WarningOutline, {}), _jsx(BaseDescription, {
+          children: _jsx("span", {
+            children: t("embed.embedError", {
+              type: typeString
+            })
+          })
+        })]
       })
     });
   }
@@ -62,17 +89,89 @@ const EmbedByline = _ref => {
           children: description
         }), children]
       })
-    }), visibleAlt ? _jsx(StyledSpan, {
-      children: `Alt: ${visibleAlt}`
+    }), visibleAlt ? _jsx(StyledText, {
+      color: "text.subtle",
+      textStyle: "label.medium",
+      asChild: true,
+      consumeCss: true,
+      children: _jsx("span", {
+        children: `Alt: ${visibleAlt}`
+      })
     }) : null]
   });
 };
-export const LicenseContainerContent = _ref2 => {
+const StyledDescription = styled(BaseDescription, {
+  base: {
+    mobileWideDown: {
+      display: "grid",
+      gridTemplateColumns: "1fr auto",
+      alignItems: "center",
+      overflow: "hidden",
+      _open: {
+        display: "inline"
+      }
+    }
+  }
+});
+const TextContent = styled("span", {
+  base: {
+    mobileWideDown: {
+      whiteSpace: "nowrap",
+      maxHeight: "large",
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      transitionProperty: "max-height",
+      transitionDuration: "slow",
+      transitionTimingFunction: "ease-in",
+      _open: {
+        whiteSpace: "pre-wrap",
+        maxHeight: "none"
+      }
+    }
+  }
+});
+const StyledButton = styled(Button, {
+  base: {
+    mobileWide: {
+      display: "none"
+    }
+  }
+});
+const LicenseDescription = _ref2 => {
+  let {
+    children
+  } = _ref2;
+  const [isOpen, setIsOpen] = useState(false);
+  const open = isOpen ? {
+    "data-open": ""
+  } : {};
+  const {
+    t
+  } = useTranslation();
+  const handleToggle = () => {
+    setIsOpen(!isOpen);
+  };
+  return _jsx(ContentWrapper, {
+    children: _jsxs(StyledDescription, {
+      ...open,
+      children: [_jsx(TextContent, {
+        ...open,
+        children: children
+      }), _jsx(StyledButton, {
+        variant: "link",
+        size: "small",
+        onClick: handleToggle,
+        children: isOpen ? `${t("audio.readLessDescriptionLabel")}` : `${t("audio.readMoreDescriptionLabel")}`
+      })]
+    })
+  });
+};
+export const LicenseContainerContent = _ref3 => {
   let {
     children,
     copyright,
     type
-  } = _ref2;
+  } = _ref3;
   const {
     t,
     i18n
@@ -80,13 +179,24 @@ export const LicenseContainerContent = _ref2 => {
   const license = copyright ? getLicenseByAbbreviation(copyright.license?.license ?? "", i18n.language) : undefined;
   const authors = getLicenseCredits(copyright);
   const captionAuthors = Object.values(authors).find(i => i.length > 0) ?? [];
-  const Component = children ? LicenseDescription : "span";
-  return _jsxs(Component, {
+  const content = _jsxs(_Fragment, {
     children: [children, ` ${t(`embed.type.${type}`)}${captionAuthors.length ? ": " : ""}`, captionAuthors.map(author => author.name).join(", "), license ? _jsxs(_Fragment, {
       children: [" / ", _jsx(LicenseLink, {
         license: license
       })]
     }) : null]
   });
-};
-export default EmbedByline;
+  if (children) {
+    return _jsx(LicenseDescription, {
+      children: content
+    });
+  }
+  return _jsx(Text, {
+    textStyle: "label.medium",
+    asChild: true,
+    consumeCss: true,
+    children: _jsx("span", {
+      children: content
+    })
+  });
+};

package/es/LicenseByline/LicenseLink.js

@@ -1,4 +1,3 @@
-import _styled from "@emotion/styled/base";
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -7,14 +6,23 @@ import _styled from "@emotion/styled/base";
  *
  */
 
-import { colors } from "@ndla/core";
 import { SafeLink } from "@ndla/safelink";
+import { styled } from "@ndla/styled-system/jsx";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-const StyledSafeLink = /*#__PURE__*/_styled(SafeLink, {
-  target: "ejyopb00",
-  label: "StyledSafeLink"
-})("color:", colors.brand.primary, ";text-decoration:underline;white-space:nowrap;box-shadow:none;&:hover,&:focus-within{text-decoration:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpY2Vuc2VMaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnVDIiwiZmlsZSI6IkxpY2Vuc2VMaW5rLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTGljZW5zZUxvY2FsZVR5cGUgfSBmcm9tIFwiQG5kbGEvbGljZW5zZXNcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxpY2Vuc2U6IExpY2Vuc2VMb2NhbGVUeXBlO1xufVxuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IExpY2Vuc2VMaW5rID0gKHsgbGljZW5zZSB9OiBQcm9wcykgPT4ge1xuICBpZiAobGljZW5zZS5hYmJyZXZpYXRpb24gPT09IFwidW5rbm93blwiKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbiAgaWYgKGxpY2Vuc2UudXJsPy5sZW5ndGgpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtsaWNlbnNlLnVybH0gcmVsPVwibGljZW5zZVwiPlxuICAgICAgICB7bGljZW5zZS5hYmJyZXZpYXRpb259XG4gICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIDxzcGFuPntsaWNlbnNlLmFiYnJldmlhdGlvbn08L3NwYW4+O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGljZW5zZUxpbms7XG4iXX0= */"));
-const LicenseLink = _ref => {
+const StyledSafeLink = styled(SafeLink, {
+  base: {
+    color: "primary",
+    textDecoration: "underline",
+    whiteSpace: "nowrap",
+    _hover: {
+      textDecoration: "none"
+    },
+    _focusWithin: {
+      textDecoration: "none"
+    }
+  }
+});
+export const LicenseLink = _ref => {
   let {
     license
   } = _ref;
@@ -31,5 +39,4 @@ const LicenseLink = _ref => {
   return _jsx("span", {
     children: license.abbreviation
   });
-};
-export default LicenseLink;
+};

package/es/LicenseByline/index.js

@@ -6,5 +6,5 @@
  *
  */
 
-export { default as EmbedByline } from "./EmbedByline";
-export { default as LicenseLink } from "./LicenseLink";
+export { EmbedByline } from "./EmbedByline";
+export { LicenseLink } from "./LicenseLink";

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";
@@ -47,7 +46,6 @@ export { TagSelectorRoot, TagSelectorLabel, TagSelectorItemInput, TagSelectorTri
 export { SnackbarProvider, useSnack, BaseSnack, DefaultSnackbar } from "./SnackBar";
 export { TreeStructure } from "./TreeStructure";
 export { SearchField, SearchResultList, SearchResultItem, ActiveFilters } from "./Search";
-export { OrderedList, UnOrderedList } from "./List";
 export { BlogPostV2 } from "./BlogPost";
 export { ProgrammeCard } from "./ProgrammeCard";
 export { KeyFigure } from "./KeyFigure";

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"
 };