@ndla/ui 56.0.72-alpha.0 → 56.0.74-alpha.0

package/dist/panda.buildinfo.json

@@ -26,11 +26,11 @@
       "paddingBlockStart]___[value:xsmall",
       "borderTop]___[value:1px solid",
       "borderColor]___[value:stroke.subtle",
-      "flexDirection]___[value:column-reverse",
       "gap]___[value:3xsmall",
       "justifyContent]___[value:space-between",
       "paddingBlock]___[value:xsmall",
       "textStyle]___[value:body.medium",
+      "marginInlineStart]___[value:auto]___[cond:& [data-contributors=\"false\"]",
       "flexDirection]___[value:row]___[cond:tabletWide",
       "gap]___[value:xsmall",
       "listStyle]___[value:none",
@@ -86,6 +86,8 @@
       "gridArea]___[value:track",
       "paddingInline]___[value:xsmall]___[cond:mobileDown",
       "minWidth]___[value:xxlarge",
+      "flexShrink]___[value:0",
+      "textAlign]___[value:center",
       "gridArea]___[value:volume",
       "paddingBlock]___[value:auto",
       "paddingInline]___[value:auto",
@@ -137,6 +139,7 @@
       "minWidth]___[value:surface.xxsmall",
       "padding]___[value:medium",
       "background]___[value:surface.default",
+      "flexDirection]___[value:column-reverse",
       "alignItems]___[value:unset]___[cond:tablet",
       "flexDirection]___[value:row]___[cond:tablet",
       "zIndex]___[value:base",
@@ -261,7 +264,6 @@
       "color]___[value:text.link",
       "whiteSpace]___[value:nowrap",
       "textDecoration]___[value:none]___[cond:_focusWithin",
-      "textAlign]___[value:center",
       "color]___[value:text.strong]___[cond:& a",
       "marginTop]___[value:0]___[cond:& h1",
       "marginBottom]___[value:medium",
@@ -343,19 +345,6 @@
       "width]___[value:surface.3xsmall",
       "textStyle]___[value:heading.large",
       "textStyle]___[value:title.medium",
-      "marginLeft]___[value:auto",
-      "marginRight]___[value:auto",
-      "paddingLeft]___[value:18px",
-      "paddingRight]___[value:18px",
-      "paddingLeft]___[value:medium]___[cond:mobileWide",
-      "paddingRight]___[value:medium]___[cond:mobileWide",
-      "content]___[value:\"\"!]___[cond:_after",
-      "display]___[value:block!]___[cond:_after",
-      "clear]___[value:both!]___[cond:_after",
-      "maxWidth]___[value:1150px",
-      "maxWidth]___[value:1024px",
-      "minHeight]___[value:100vh",
-      "backgroundColor]___[value:#f8f8f8]___[cond:tablet",
       "textStyle]___[value:label.medium",
       "color]___[value:text.subtle",
       "borderColor]___[value:stroke.error",

package/dist/styles.css

@@ -281,6 +281,10 @@
     min-width: var(--sizes-xxlarge);
 }
 
+  .ta_center {
+    text-align: center;
+}
+
   .grid-area_volume {
     grid-area: volume;
 }
@@ -525,10 +529,6 @@
     white-space: nowrap;
 }
 
-  .ta_center {
-    text-align: center;
-}
-
   .my_xxlarge {
     margin-block: var(--spacing-xxlarge);
 }
@@ -569,18 +569,6 @@
     width: var(--sizes-surface-3xsmall);
 }
 
-  .max-w_1150px {
-    max-width: 1150px;
-}
-
-  .max-w_1024px {
-    max-width: 1024px;
-}
-
-  .min-h_100vh {
-    min-height: 100vh;
-}
-
   .c_text\.subtle {
     color: var(--colors-text-subtle);
 }
@@ -641,10 +629,6 @@
     border-color: var(--colors-stroke-subtle);
 }
 
-  .flex-d_column-reverse {
-    flex-direction: column-reverse;
-}
-
   .jc_space-between {
     justify-content: space-between;
 }
@@ -661,6 +645,10 @@
     justify-content: center;
 }
 
+  .flex-sh_0 {
+    flex-shrink: 0;
+}
+
   .flex-wrap_wrap {
     flex-wrap: wrap;
 }
@@ -685,6 +673,10 @@
     background-color: var(--colors-surface-brand-3);
 }
 
+  .flex-d_column-reverse {
+    flex-direction: column-reverse;
+}
+
   .jc_flex-start {
     justify-content: flex-start;
 }
@@ -831,22 +823,6 @@
     border-color: var(--colors-surface-brand-2);
 }
 
-  .ml_auto {
-    margin-left: auto;
-}
-
-  .mr_auto {
-    margin-right: auto;
-}
-
-  .pl_18px {
-    padding-left: 18px;
-}
-
-  .pr_18px {
-    padding-right: 18px;
-}
-
   .bd-c_stroke\.error {
     border-color: var(--colors-stroke-error);
 }
@@ -875,6 +851,10 @@
     padding-block-end: var(--spacing-5xlarge);
 }
 
+  .\[\&_\[data-contributors\=\"false\"\]\]\:ms_auto [data-contributors="false"] {
+    margin-inline-start: auto;
+}
+
   .\[\&_img\]\:w_100\% img {
     width: 100%;
 }
@@ -1071,14 +1051,6 @@
     padding-block: var(--spacing-xxlarge);
 }
 
-  .after\:d_block\!::after {
-    display: block !important;
-}
-
-  .after\:clear_both\!::after {
-    clear: both !important;
-}
-
   .\[\&_h3\]\:td_underline h3 {
     text-decoration: underline;
 }
@@ -1174,10 +1146,6 @@
     top: var(--masthead-height, 0px);
 }
 
-  .after\:content_\"\"\!::after {
-    content: "" !important;
-}
-
   .\[\&_\[data-forward\]\]\:trs-prop_width\,_height [data-forward] {
     --transition-prop: width, height;
     transition-property: width, height;
@@ -1347,12 +1315,6 @@
   @media screen and (min-width: 29.75rem) {
     .mobileWide\:d_none {
       display: none;
-}
-    .mobileWide\:pl_medium {
-      padding-left: var(--spacing-medium);
-}
-    .mobileWide\:pr_medium {
-      padding-right: var(--spacing-medium);
 }
 }
 
@@ -1407,9 +1369,6 @@
 }
     .tablet\:mb_xxlarge {
       margin-bottom: var(--spacing-xxlarge);
-}
-    .tablet\:bg-c_\#f8f8f8 {
-      background-color: #f8f8f8;
 }
     .\[\&\[data-has-image\=\'true\'\]\]\:tablet\:py_xsmall[data-has-image='true'] {
       padding-block: var(--spacing-xsmall);

package/es/Article/Article.js

@@ -11,8 +11,8 @@ import { ark } from "@ark-ui/react";
 import { Heading, Text } from "@ndla/primitives";
 import { cx } from "@ndla/styled-system/css";
 import { Stack, styled } from "@ndla/styled-system/jsx";
-import { ArticleByline } from "./ArticleByline";
 import { ContentTypeBadgeNew } from "..";
+import { ArticleByline } from "./ArticleByline";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledArticleContent = styled(ark.section, {}, {
   baseComponent: true
@@ -179,7 +179,6 @@ export const Article = _ref3 => {
         authors: authors,
         suppliers: copyright?.rightsholders,
         published: published,
-        license: copyright?.license?.license ?? "",
         licenseBox: licenseBox
       }), children]
     })]

package/es/Article/ArticleByline.js

@@ -10,12 +10,10 @@ import { forwardRef, useCallback, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useLocation } from "react-router-dom";
 import { ArrowDownShortLine } from "@ndla/icons/common";
-import { getLicenseByAbbreviation } from "@ndla/licenses";
 import { AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, Heading } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { ArticleFootNotes } from "./ArticleFootNotes";
-import { LicenseLink } from "../LicenseByline/LicenseLink";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const Wrapper = styled("div", {
   base: {
     // TODO: Figure out if we want to remove this margin. It's only here to add some gap between the article content and the byline.
@@ -28,12 +26,15 @@ const Wrapper = styled("div", {
 const TextWrapper = styled("div", {
   base: {
     display: "flex",
-    flexDirection: "column-reverse",
+    flexDirection: "column",
     gap: "3xsmall",
     width: "100%",
     justifyContent: "space-between",
     paddingBlock: "xsmall",
-    textStyle: "body.medium"
+    textStyle: "body.medium",
+    '& [data-contributors="false"]': {
+      marginInlineStart: "auto"
+    }
   },
   variants: {
     learningpath: {
@@ -70,12 +71,6 @@ const getSuppliersText = (suppliers, t) => {
     }
   });
 };
-const LicenseWrapper = styled("div", {
-  base: {
-    display: "flex",
-    gap: "xsmall"
-  }
-});
 const StyledAccordionRoot = styled(AccordionRoot, {
   base: {
     paddingBlockStart: "xxlarge"
@@ -88,10 +83,8 @@ export const ArticleByline = _ref => {
     authors = [],
     suppliers = [],
     footnotes,
-    license: licenseString,
     licenseBox,
     published,
-    locale,
     displayByline = true,
     bylineType = "article"
   } = _ref;
@@ -119,27 +112,23 @@ export const ArticleByline = _ref => {
     window.addEventListener("hashchange", onHashChange);
     return () => window.removeEventListener("hashchange", onHashChange);
   }, [onHashChange]);
-  const license = licenseString && getLicenseByAbbreviation(licenseString, locale);
   const showPrimaryContributors = suppliers.length > 0 || authors.length > 0;
   return /*#__PURE__*/_jsxs(Wrapper, {
-    children: [displayByline && /*#__PURE__*/_jsxs(TextWrapper, {
+    children: [!!displayByline && /*#__PURE__*/_jsxs(TextWrapper, {
       learningpath: bylineType === "learningPath",
-      children: [/*#__PURE__*/_jsxs(LicenseWrapper, {
-        children: [license && /*#__PURE__*/_jsx(LicenseLink, {
-          license: license
-        }), showPrimaryContributors &&
-        /*#__PURE__*/
-        //eslint-disable-next-line react/no-unknown-property
-        _jsxs("span", {
-          property: "cc:attributionName",
-          children: [authors.length > 0 && `${t("article.authorsLabel", {
-            names: renderContributors(authors, t),
-            interpolation: {
-              escapeValue: false
-            }
-          })}. `, getSuppliersText(suppliers, t)]
-        })]
+      children: [!!showPrimaryContributors &&
+      /*#__PURE__*/
+      //eslint-disable-next-line react/no-unknown-property
+      _jsxs("span", {
+        property: "cc:attributionName",
+        children: [authors.length > 0 && `${t("article.authorsLabel", {
+          names: renderContributors(authors, t),
+          interpolation: {
+            escapeValue: false
+          }
+        })}. `, getSuppliersText(suppliers, t)]
       }), /*#__PURE__*/_jsxs("div", {
+        "data-contributors": showPrimaryContributors,
         children: [t(`${bylineType}.lastUpdated`), " ", published]
       })]
     }), (!!licenseBox || !!footnotes?.length) && /*#__PURE__*/_jsxs(StyledAccordionRoot, {

package/es/AudioPlayer/AudioPlayer.js

@@ -165,7 +165,7 @@ const AudioPlayer = _ref => {
   });
   return /*#__PURE__*/_jsxs(AudioPlayerWrapper, {
     children: [/*#__PURE__*/_jsxs(InfoWrapper, {
-      children: [img && /*#__PURE__*/_jsx(ImageWrapper, {
+      children: [!!img && /*#__PURE__*/_jsx(ImageWrapper, {
         children: /*#__PURE__*/_jsx("img", {
           src: img.url,
           alt: img.alt
@@ -186,7 +186,7 @@ const AudioPlayer = _ref => {
               })
             })]
           }), !!textVersion && !img && textVersionButton]
-        }), description && /*#__PURE__*/_jsxs(Text, {
+        }), !!description && /*#__PURE__*/_jsxs(Text, {
           textStyle: "body.medium",
           children: [showFullDescription || description.length < DESCRIPTION_MAX_LENGTH ? description : `${truncatedDescription}...`, description.length > DESCRIPTION_MAX_LENGTH && /*#__PURE__*/_jsx(ShowMoreButton, {
             variant: "link",

package/es/AudioPlayer/Controls.js

@@ -12,7 +12,7 @@ import { createListCollection } from "@ark-ui/react";
 import { Replay15Line, Forward15Line } from "@ndla/icons/action";
 import { PlayFill, PauseLine, VolumeUpFill } from "@ndla/icons/common";
 import { CheckLine } from "@ndla/icons/editor";
-import { Button, IconButton, PopoverContent, PopoverRoot, PopoverTrigger, SelectContent, SelectControl, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectRoot, SelectTrigger, SliderControl, SliderHiddenInput, SliderLabel, SliderRange, SliderRoot, SliderThumb, SliderTrack, Text } from "@ndla/primitives";
+import { Button, FieldRoot, IconButton, PopoverContent, PopoverRoot, PopoverTrigger, SelectContent, SelectControl, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectRoot, SelectTrigger, SliderControl, SliderHiddenInput, SliderLabel, SliderRange, SliderRoot, SliderThumb, SliderTrack, Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import { visuallyHidden } from "@ndla/styled-system/patterns";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -73,7 +73,9 @@ const ProgressWrapper = styled("div", {
 });
 const StyledText = styled(Text, {
   base: {
-    minWidth: "xxlarge"
+    minWidth: "xxlarge",
+    flexShrink: "0",
+    textAlign: "center"
   }
 });
 const VolumeButton = styled(IconButton, {
@@ -256,38 +258,40 @@ const Controls = _ref => {
             children: ["-", formatTime(remainingTime)]
           })
         })]
-      }), /*#__PURE__*/_jsxs(StyledSelectRoot, {
-        collection: speedValues,
-        value: [speedValue.toString()],
-        onValueChange: details => setSpeedValue(parseFloat(details.value[0])),
-        positioning: {
-          placement: "top"
-        },
-        children: [/*#__PURE__*/_jsx(SelectLabel, {
-          css: visuallyHidden.raw(),
-          children: t("audio.controls.selectSpeed")
-        }), /*#__PURE__*/_jsx(SelectControl, {
-          children: /*#__PURE__*/_jsx(SelectTrigger, {
-            asChild: true,
-            children: /*#__PURE__*/_jsx(SpeedButton, {
-              variant: "tertiary",
-              title: t("audio.controls.selectSpeed"),
-              "aria-label": t("audio.controls.selectSpeed"),
-              children: /*#__PURE__*/_jsx("span", {
-                children: `${speedValue}x`
+      }), /*#__PURE__*/_jsx(FieldRoot, {
+        children: /*#__PURE__*/_jsxs(StyledSelectRoot, {
+          collection: speedValues,
+          value: [speedValue.toString()],
+          onValueChange: details => setSpeedValue(parseFloat(details.value[0])),
+          positioning: {
+            placement: "top"
+          },
+          children: [/*#__PURE__*/_jsx(SelectLabel, {
+            css: visuallyHidden.raw(),
+            children: t("audio.controls.selectSpeed")
+          }), /*#__PURE__*/_jsx(SelectControl, {
+            children: /*#__PURE__*/_jsx(SelectTrigger, {
+              asChild: true,
+              children: /*#__PURE__*/_jsx(SpeedButton, {
+                variant: "tertiary",
+                title: t("audio.controls.selectSpeed"),
+                "aria-label": t("audio.controls.selectSpeed"),
+                children: /*#__PURE__*/_jsx("span", {
+                  children: `${speedValue}x`
+                })
               })
             })
-          })
-        }), /*#__PURE__*/_jsx(SelectContent, {
-          children: speedValues.items.map(speed => /*#__PURE__*/_jsxs(SelectItem, {
-            item: speed,
-            children: [/*#__PURE__*/_jsxs(SelectItemText, {
-              children: [speed, "x"]
-            }), /*#__PURE__*/_jsx(SelectItemIndicator, {
-              children: /*#__PURE__*/_jsx(CheckLine, {})
-            })]
-          }, speed))
-        })]
+          }), /*#__PURE__*/_jsx(SelectContent, {
+            children: speedValues.items.map(speed => /*#__PURE__*/_jsxs(SelectItem, {
+              item: speed,
+              children: [/*#__PURE__*/_jsxs(SelectItemText, {
+                children: [speed, "x"]
+              }), /*#__PURE__*/_jsx(SelectItemIndicator, {
+                children: /*#__PURE__*/_jsx(CheckLine, {})
+              })]
+            }, speed))
+          })]
+        })
       }), /*#__PURE__*/_jsxs(PopoverRoot, {
         positioning: {
           placement: "top"

package/es/Concept/Concept.js

@@ -64,7 +64,7 @@ export const Concept = /*#__PURE__*/forwardRef((_ref, ref) => {
       embed: visualElement
     }) : visualElement?.resource === "external" ? /*#__PURE__*/_jsx(ExternalEmbed, {
       embed: visualElement
-    }) : null, copyright && /*#__PURE__*/_jsx(EmbedByline, {
+    }) : null, !!copyright && /*#__PURE__*/_jsx(EmbedByline, {
       copyright: copyright,
       type: "concept"
     })]

package/es/ContactBlock/ContactBlock.js

@@ -183,7 +183,7 @@ export const ContactBlock = _ref => {
         textStyle: "body.large",
         children: description
       })]
-    }), image && /*#__PURE__*/_jsxs(ImageWrapper, {
+    }), !!image && /*#__PURE__*/_jsxs(ImageWrapper, {
       variant: backgroundColor,
       children: [/*#__PURE__*/_jsx(StyledImage, {
         alt: embedAlt !== undefined ? embedAlt : image.alttext.alttext,

package/es/ContentTypeBadge/ContentTypeBadgeNew.js

@@ -26,7 +26,10 @@ export const contentTypeToBadgeVariantMap = {
   [contentTypes.AUDIO]: "brand1",
   [contentTypes.PODCAST]: "brand1",
   [contentTypes.VIDEO]: "brand1",
-  [contentTypes.MISSING]: "neutral"
+  [contentTypes.MISSING]: "neutral",
+  [contentTypes.PODCAST_SERIES]: "brand1",
+  [contentTypes.GLOSS]: "brand1",
+  [contentTypes.PROGRAMME]: "neutral"
 };
 export const ContentTypeBadge = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {

package/es/ContentTypeHero/ContentTypeHero.js

@@ -27,7 +27,12 @@ export const contentTypeToHeroMap = {
   [contentTypes.AUDIO]: "primary",
   [contentTypes.PODCAST]: "primary",
   [contentTypes.VIDEO]: "primary",
-  [contentTypes.MISSING]: "neutral"
+  [contentTypes.MISSING]: "neutral",
+  [contentTypes.GLOSS]: "brand1Moderate",
+  // this will never happen
+  [contentTypes.PROGRAMME]: "primary",
+  // this will never happen
+  [contentTypes.PODCAST_SERIES]: "primary"
 };
 export const ContentTypeHero = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {

package/es/Embed/ImageEmbed.js

@@ -23,7 +23,6 @@ export const getLicenseCredits = copyright => {
     processors: copyright?.processors ?? []
   };
 };
-export const errorSvgSrc = `data:image/svg+xml;charset=UTF-8,%3Csvg fill='%238A8888' height='400' viewBox='0 0 24 12' width='100%25' xmlns='http://www.w3.org/2000/svg' style='background-color: %23EFF0F2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath transform='scale(0.3) translate(28, 8.5)' d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E`;
 const getFigureProps = (size, float) => {
   const actualFloat = float === "left" ? "left" : float === "right" ? "right" : undefined;
   const replacedSize = size?.replace("-hide-byline", "") ?? "full";

package/es/Embed/RelatedContentEmbed.js

@@ -9,7 +9,7 @@
 import { useTranslation } from "react-i18next";
 import { contentTypeMapping } from "../model/ContentType";
 import { RelatedArticle } from "../RelatedArticleList/RelatedArticleList";
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const RelatedContentEmbed = _ref => {
   let {
     embed,
@@ -21,7 +21,7 @@ const RelatedContentEmbed = _ref => {
     t
   } = useTranslation();
   if (embed.status === "error") {
-    return /*#__PURE__*/_jsx(_Fragment, {});
+    return null;
   }
   const {
     data,
@@ -49,6 +49,6 @@ const RelatedContentEmbed = _ref => {
       linkInfo: `${t("related.linkInfo")} ${embedData.urlDomain}`
     });
   }
-  return /*#__PURE__*/_jsx(_Fragment, {});
+  return null;
 };
 export default RelatedContentEmbed;

package/es/ErrorMessage/ErrorMessage.js

@@ -60,31 +60,31 @@ export const ErrorMessage = _ref => {
     customElement
   } = _ref;
   return /*#__PURE__*/_jsxs(StyledErrorMessage, {
-    children: [illustration && /*#__PURE__*/_jsx(IllustrationWrapper, {
+    children: [!!illustration && /*#__PURE__*/_jsx(IllustrationWrapper, {
       children: /*#__PURE__*/_jsx("img", {
         src: illustration.url,
         alt: illustration.altText
       })
-    }), illustrationElement && /*#__PURE__*/_jsx(IllustrationWrapper, {
+    }), !!illustrationElement && /*#__PURE__*/_jsx(IllustrationWrapper, {
       children: illustrationElement
     }), /*#__PURE__*/_jsx("h1", {
       children: messages.title
-    }), messages.description && /*#__PURE__*/_jsx(Description, {
+    }), !!messages.description && /*#__PURE__*/_jsx(Description, {
       children: messages.description
-    }), customElement && /*#__PURE__*/_jsx(CustomElementWrapper, {
+    }), !!customElement && /*#__PURE__*/_jsx(CustomElementWrapper, {
       children: customElement
-    }), messages.linksTitle && /*#__PURE__*/_jsx("h2", {
+    }), !!messages.linksTitle && /*#__PURE__*/_jsx("h2", {
       children: messages.linksTitle
-    }), messages.back && /*#__PURE__*/_jsx(SafeLink, {
+    }), !!messages.back && /*#__PURE__*/_jsx(SafeLink, {
       to: `/#${encodeURI(messages.back)}`,
       onClick: () => window.history.back(),
       children: messages.back
-    }), messages.goToFrontPage && /*#__PURE__*/_jsx(MessageWrapper, {
+    }), !!messages.goToFrontPage && /*#__PURE__*/_jsx(MessageWrapper, {
       children: /*#__PURE__*/_jsx(SafeLink, {
         to: "/",
         children: messages.goToFrontPage
       })
-    }), messages.logInFailed && /*#__PURE__*/_jsx(MessageWrapper, {
+    }), !!messages.logInFailed && /*#__PURE__*/_jsx(MessageWrapper, {
       children: /*#__PURE__*/_jsx(SafeLink, {
         to: "/minndla",
         children: messages.logInFailed

package/es/Gloss/Gloss.js

@@ -107,7 +107,7 @@ const Gloss = _ref => {
             children: /*#__PURE__*/_jsx("span", {
               children: glossData.gloss
             })
-          }), glossData.transcriptions.traditional && /*#__PURE__*/_jsx(Text, {
+          }), !!glossData.transcriptions.traditional && /*#__PURE__*/_jsx(Text, {
             textStyle: "label.medium",
             asChild: true,
             consumeCss: true,
@@ -116,7 +116,7 @@ const Gloss = _ref => {
               lang: glossData.originalLanguage,
               children: glossData.transcriptions.traditional
             }, t("gloss.transcriptions.traditional"))
-          }), glossData.transcriptions.pinyin && /*#__PURE__*/_jsx(Text, {
+          }), !!glossData.transcriptions.pinyin && /*#__PURE__*/_jsx(Text, {
             textStyle: "label.medium",
             asChild: true,
             consumeCss: true,
@@ -126,7 +126,7 @@ const Gloss = _ref => {
               lang: glossData.originalLanguage,
               children: glossData.transcriptions.pinyin
             }, t("gloss.transcriptions.pinyin"))
-          }), glossData.wordClass && /*#__PURE__*/_jsx(Text, {
+          }), !!glossData.wordClass && /*#__PURE__*/_jsx(Text, {
             textStyle: "label.medium",
             asChild: true,
             consumeCss: true,
@@ -135,7 +135,7 @@ const Gloss = _ref => {
               children: t(`wordClass.${glossData.wordClass}`).toLowerCase()
             })
           })]
-        }), audio?.src && /*#__PURE__*/_jsx(SpeechControl, {
+        }), !!audio?.src && /*#__PURE__*/_jsx(SpeechControl, {
           src: audio.src,
           title: audio.title,
           type: "gloss"

package/es/KeyFigure/KeyFigure.js

@@ -48,7 +48,7 @@ const KeyFigure = _ref => {
   } = _ref;
   return /*#__PURE__*/_jsxs(ContentWrapper, {
     "data-embed-type": "key-figure",
-    children: [image && /*#__PURE__*/_jsx(StyledImage, {
+    children: [!!image && /*#__PURE__*/_jsx(StyledImage, {
       src: `${image?.src}?width=150`,
       width: 150,
       height: 150,

package/es/LicenseByline/EmbedByline.js

@@ -85,7 +85,7 @@ export const EmbedByline = _ref => {
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [!hideByline && /*#__PURE__*/_jsx(BylineWrapper, {
       children: /*#__PURE__*/_jsxs("div", {
-        children: [hideCopyright && description, !hideCopyright && /*#__PURE__*/_jsx(LicenseContainerContent, {
+        children: [!!hideCopyright && description, !hideCopyright && /*#__PURE__*/_jsx(LicenseContainerContent, {
           type: type,
           copyright: copyright,
           children: description

package/es/LinkBlock/LinkBlock.js

@@ -93,7 +93,7 @@ const LinkBlock = _ref => {
           "data-heading": true,
           children: parse(title)
         })
-      }), date && /*#__PURE__*/_jsxs(StyledDateContainer, {
+      }), !!date && /*#__PURE__*/_jsxs(StyledDateContainer, {
         children: [/*#__PURE__*/_jsx(StyledCalendarEd, {}), formattedDate]
       })]
     }), /*#__PURE__*/_jsx(ArrowRightLine, {

package/es/i18n/formatNestedMessages.js

@@ -10,8 +10,6 @@ export const formatNestedMessages = function (phrases) {
   let formattedMessages = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   let prefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
   const messages = formattedMessages;
-
-  // eslint-disable-next-line
   Object.keys(phrases).forEach(key => {
     const value = phrases[key];
     if ({}.hasOwnProperty.call(phrases, key)) {

package/es/index.js

@@ -30,7 +30,6 @@ export { default as messagesSE } from "./locale/messages-se";
 export { default as messagesSMA } from "./locale/messages-sma";
 export { default as Breadcrumb, HomeBreadcrumb } from "./Breadcrumb";
 export { i18nInstance, formatNestedMessages, useTagsInputTranslations, useTagSelectorTranslations, useComboboxTranslations, usePaginationTranslations, useAudioSearchTranslations, useImageSearchTranslations, useVideoSearchTranslations } from "./i18n";
-export { OneColumn, PageContainer } from "./Layout";
 export { default as ContentTypeBadge, SubjectMaterialBadge, TasksAndActivitiesBadge, AssessmentResourcesBadge, LearningPathBadge, SubjectBadge, SourceMaterialBadge, ConceptBadge } from "./ContentTypeBadge";
 export { ContentTypeBadge as ContentTypeBadgeNew, contentTypeToBadgeVariantMap } from "./ContentTypeBadge/ContentTypeBadgeNew";
 export { ContentTypeBlockQuote } from "./ContentTypeBlockQuote/ContentTypeBlockQuote";

package/es/locale/messages-en.js

@@ -570,7 +570,10 @@ const messages = {
     h5p: "H5P",
     video: "Video",
     missing: "Unknown",
-    external: "External"
+    external: "External",
+    gloss: "Gloss",
+    programme: "Programme",
+    "podcast-series": "Podcast series"
   },
   modal: {
     closeModal: "Close"