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

package/src/Concept/Concept.tsx

@@ -12,7 +12,7 @@ import { styled } from "@ndla/styled-system/jsx";
 import { IDraftCopyright as ConceptCopyright } from "@ndla/types-backend/concept-api";
 import { ConceptVisualElementMeta } from "@ndla/types-embed";
 import { BrightcoveEmbed, ExternalEmbed, H5pEmbed, IframeEmbed, ImageEmbed } from "../Embed";
-import { LicenseContainerContent } from "../LicenseByline/EmbedByline";
+import { EmbedByline, LicenseContainerContent } from "../LicenseByline/EmbedByline";
 
 export interface ConceptProps extends ComponentPropsWithRef<"figure"> {
   copyright?: ConceptCopyright;
@@ -66,7 +66,7 @@ export const Concept = forwardRef<HTMLElement, ConceptProps>(
         ) : visualElement?.resource === "external" ? (
           <ExternalEmbed embed={visualElement} />
         ) : null}
-        {copyright && <LicenseContainerContent copyright={copyright} type="concept" />}
+        {copyright && <EmbedByline copyright={copyright} type="concept" />}
       </StyledFigure>
     );
   },

package/src/ContactBlock/ContactBlock.tsx

@@ -18,7 +18,7 @@ import { Image } from "@ndla/primitives";
 import { IAuthor, IImageMetaInformationV3 } from "@ndla/types-backend/image-api";
 import { CanonicalUrlFuncs } from "../Embed";
 import { errorSvgSrc } from "../Embed/ImageEmbed";
-import LicenseLink from "../LicenseByline/LicenseLink";
+import { LicenseLink } from "../LicenseByline/LicenseLink";
 
 const BLOB_WIDTH = 90;
 

package/src/ContentTypeBadge/ContentTypeBadgeNew.tsx

@@ -15,7 +15,7 @@ export interface ContentTypeBadgeProps extends Omit<BadgeProps, "colorTheme"> {
   contentType: ContentType | undefined;
 }
 
-type ContentType =
+export type ContentType =
   | typeof contentTypes.SUBJECT_MATERIAL
   | typeof contentTypes.TASKS_AND_ACTIVITIES
   | typeof contentTypes.ASSESSMENT_RESOURCES
@@ -30,6 +30,7 @@ type ContentType =
   | typeof contentTypes.AUDIO
   | typeof contentTypes.VIDEO
   | typeof contentTypes.MISSING
+  | typeof contentTypes.PODCAST
   // This allows for us to fallback to string without getting a ts error, while still keeping intellisense
   | (string & {});
 
@@ -49,6 +50,7 @@ export const contentTypeToBadgeVariantMap: Record<ContentType, BadgeVariant> = {
   // TODO: Verify resourceEmbedTypeMapping colors
   [contentTypes.IMAGE]: "brand1",
   [contentTypes.AUDIO]: "brand1",
+  [contentTypes.PODCAST]: "brand1",
   [contentTypes.VIDEO]: "brand1",
   [contentTypes.MISSING]: "neutral",
 };

package/src/Embed/BrightcoveEmbed.tsx

@@ -113,7 +113,7 @@ const BrightcoveEmbed = ({ embed, renderContext = "article" }: Props) => {
           allowFullScreen
         />
       </div>
-      <EmbedByline type="video" copyright={data.copyright!} description={parsedDescription} bottomRounded>
+      <EmbedByline type="video" copyright={data.copyright!} description={parsedDescription}>
         {/* TODO: Figure out if this button should still be here. If yes, figure out what it should look like. */}
         {!!linkedVideoId && (
           <LinkedVideoButton size="small" variant="secondary" onClick={() => setShowOriginalVideo((p) => !p)}>

package/src/Embed/CopyrightEmbed.tsx

@@ -19,7 +19,7 @@ const CopyrightEmbed = ({ embed, children }: Props) => {
   return (
     <figure>
       {children}
-      <EmbedByline type="copyright" copyright={embed.embedData.copyright} bottomRounded />
+      <EmbedByline type="copyright" copyright={embed.embedData.copyright} />
     </figure>
   );
 };

package/src/FrontpageArticle/FrontpageArticle.tsx

@@ -79,7 +79,7 @@ export const FrontpageArticle = ({ article, id, isWide, licenseBox, lang }: Prop
         {introduction}
       </Text>
       {content}
-      <ArticleByline accordionHeaderVariant={"white"} licenseBox={licenseBox} displayByline={false} />
+      <ArticleByline licenseBox={licenseBox} displayByline={false} />
     </StyledArticle>
   );
 };

package/src/LicenseByline/EmbedByline.stories.tsx

@@ -6,16 +6,14 @@
  *
  */
 
-import { Meta, StoryFn } from "@storybook/react";
-import EmbedByline from "./EmbedByline";
+import { Meta, StoryFn, StoryObj } from "@storybook/react";
+import { EmbedByline } from "./EmbedByline";
 
 export default {
   title: "Components/EmbedByline",
   component: EmbedByline,
   tags: ["autodocs"],
   args: {
-    topRounded: true,
-    bottomRounded: true,
     visibleAlt: "Synlig alt-tekst kan legges her, eller fjernes helt",
     type: "image",
     description:
@@ -50,4 +48,11 @@ export const EmbedBylineStory: StoryFn<typeof EmbedByline> = (args) => {
   return <EmbedByline {...args} />;
 };
 
+export const Error: StoryObj<typeof EmbedByline> = {
+  args: {
+    error: true,
+    copyright: undefined,
+  },
+};
+
 EmbedBylineStory.storyName = "EmbedByline";

package/src/LicenseByline/EmbedByline.tsx

@@ -6,23 +6,20 @@
  *
  */
 
-import { ReactNode } from "react";
+import { ReactNode, useState } from "react";
 import { useTranslation } from "react-i18next";
-import styled from "@emotion/styled";
-import { colors, fonts, misc, spacing } from "@ndla/core";
 import { WarningOutline } from "@ndla/icons/common";
 import { getLicenseByAbbreviation, getLicenseCredits } from "@ndla/licenses";
+import { Button, Text } from "@ndla/primitives";
+import { styled } from "@ndla/styled-system/jsx";
 import { ICopyright as ArticleCopyright } from "@ndla/types-backend/article-api";
 import { ICopyright as AudioCopyright } from "@ndla/types-backend/audio-api";
 import { IDraftCopyright as ConceptCopyright } from "@ndla/types-backend/concept-api";
 import { ICopyright as ImageCopyright } from "@ndla/types-backend/image-api";
 import { BrightcoveCopyright } from "@ndla/types-embed";
-import LicenseDescription from "./LicenseDescription";
-import LicenseLink from "./LicenseLink";
+import { LicenseLink } from "./LicenseLink";
 
 interface BaseProps {
-  topRounded?: boolean;
-  bottomRounded?: boolean;
   description?: ReactNode;
   children?: ReactNode;
   visibleAlt?: string;
@@ -74,49 +71,63 @@ export type EmbedBylineTypeProps =
 
 type Props = EmbedBylineTypeProps | EmbedBylineErrorProps;
 
-const BylineWrapper = styled.figcaption`
-  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")};
-  }
-`;
-
-const StyledSpan = styled.span`
-  font-style: italic;
-  color: grey;
-  font-family: ${fonts.sans};
-  ${fonts.sizes("16px", "26px")};
-`;
-
-const EmbedByline = ({ type, topRounded, bottomRounded, description, children, visibleAlt, ...props }: Props) => {
+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 = ({ type, description, children, visibleAlt, ...props }: Props) => {
   const { t } = useTranslation();
 
   if (props.error) {
     const typeString = type === "h5p" ? "H5P" : t(`embed.type.${type}`).toLowerCase();
     return (
-      <BylineWrapper data-top-rounded={topRounded} data-bottom-rounded={bottomRounded} data-error={true}>
-        <LicenseDescription warningByline={props.error} icon={<WarningOutline />}>
-          {t("embed.embedError", { type: typeString })}
-        </LicenseDescription>
-      </BylineWrapper>
+      <ErrorBylineWrapper>
+        <ContentWrapper>
+          <WarningOutline />
+          <BaseDescription>
+            <span>{t("embed.embedError", { type: typeString })}</span>
+          </BaseDescription>
+        </ContentWrapper>
+      </ErrorBylineWrapper>
     );
   }
 
@@ -132,7 +143,11 @@ const EmbedByline = ({ type, topRounded, bottomRounded, description, children, v
           {children}
         </div>
       </BylineWrapper>
-      {visibleAlt ? <StyledSpan>{`Alt: ${visibleAlt}`}</StyledSpan> : null}
+      {visibleAlt ? (
+        <StyledText color="text.subtle" textStyle="label.medium" asChild consumeCss>
+          <span>{`Alt: ${visibleAlt}`}</span>
+        </StyledText>
+      ) : null}
     </>
   );
 };
@@ -143,16 +158,79 @@ interface LicenseContainerProps {
   type: Props["type"];
 }
 
+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",
+    },
+  },
+});
+
+interface LicenseDescriptionProps {
+  children?: ReactNode;
+}
+
+const LicenseDescription = ({ children }: LicenseDescriptionProps) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const open = isOpen ? { "data-open": "" } : {};
+  const { t } = useTranslation();
+
+  const handleToggle = () => {
+    setIsOpen(!isOpen);
+  };
+
+  return (
+    <ContentWrapper>
+      <StyledDescription {...open}>
+        <TextContent {...open}>{children}</TextContent>
+        <StyledButton variant="link" size="small" onClick={handleToggle}>
+          {isOpen ? `${t("audio.readLessDescriptionLabel")}` : `${t("audio.readMoreDescriptionLabel")}`}
+        </StyledButton>
+      </StyledDescription>
+    </ContentWrapper>
+  );
+};
+
 export const LicenseContainerContent = ({ children, copyright, type }: LicenseContainerProps) => {
   const { t, i18n } = useTranslation();
   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 (
-    <Component>
+  const content = (
+    <>
       {children}
       {` ${t(`embed.type.${type}`)}${captionAuthors.length ? ": " : ""}`}
       {captionAuthors.map((author) => author.name).join(", ")}
@@ -162,8 +240,16 @@ export const LicenseContainerContent = ({ children, copyright, type }: LicenseCo
           <LicenseLink license={license} />
         </>
       ) : null}
-    </Component>
+    </>
   );
-};
 
-export default EmbedByline;
+  if (children) {
+    return <LicenseDescription>{content}</LicenseDescription>;
+  }
+
+  return (
+    <Text textStyle="label.medium" asChild consumeCss>
+      <span>{content}</span>
+    </Text>
+  );
+};

package/src/LicenseByline/LicenseLink.tsx

@@ -6,27 +6,29 @@
  *
  */
 
-import styled from "@emotion/styled";
-import { colors } from "@ndla/core";
 import { LicenseLocaleType } from "@ndla/licenses";
 import { SafeLink } from "@ndla/safelink";
+import { styled } from "@ndla/styled-system/jsx";
 
 interface Props {
   license: LicenseLocaleType;
 }
 
-const StyledSafeLink = styled(SafeLink)`
-  color: ${colors.brand.primary};
-  text-decoration: underline;
-  white-space: nowrap;
-  box-shadow: none;
-  &:hover,
-  &:focus-within {
-    text-decoration: none;
-  }
-`;
+const StyledSafeLink = styled(SafeLink, {
+  base: {
+    color: "primary",
+    textDecoration: "underline",
+    whiteSpace: "nowrap",
+    _hover: {
+      textDecoration: "none",
+    },
+    _focusWithin: {
+      textDecoration: "none",
+    },
+  },
+});
 
-const LicenseLink = ({ license }: Props) => {
+export const LicenseLink = ({ license }: Props) => {
   if (license.abbreviation === "unknown") {
     return null;
   }
@@ -39,5 +41,3 @@ const LicenseLink = ({ license }: Props) => {
   }
   return <span>{license.abbreviation}</span>;
 };
-
-export default LicenseLink;

package/src/LicenseByline/index.tsx

@@ -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/src/index.ts

@@ -85,8 +85,6 @@ 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";
@@ -153,7 +151,6 @@ export type { TreeStructureProps } 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/src/model/ContentType.ts

@@ -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,
@@ -71,4 +72,5 @@ export const resourceEmbedTypeMapping: Record<string, string> = {
   video: "video",
   concept: "concept",
   audio: "audio",
+  podcast: "podcast",
 };

package/es/CreatedBy/CreatedBy.js

@@ -1,73 +0,0 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-/**
- * Copyright (c) 2020-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { colors, fonts } from "@ndla/core";
-import { SafeLink } from "@ndla/safelink";
-import Logo from "../Logo";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const Container = /*#__PURE__*/_styled("div", {
-  target: "e13kkrmq3",
-  label: "Container"
-})(process.env.NODE_ENV === "production" ? {
-  name: "skgbeu",
-  styles: "display:flex;justify-content:flex-end"
-} : {
-  name: "skgbeu",
-  styles: "display:flex;justify-content:flex-end",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNyZWF0ZWRCeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTRCIiwiZmlsZSI6IkNyZWF0ZWRCeS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBTYWZlTGluayB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuaW1wb3J0IExvZ28gZnJvbSBcIi4uL0xvZ29cIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbmA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgVGV4dCA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbiAgbWFyZ2luLXJpZ2h0OiAzOHB4O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgJHtmb250cy5zaXplcyhcIjIwcHhcIiwgXCIyMHB4XCIpfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQubGlnaHR9O1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICB1cmw/OiBzdHJpbmc7XG4gIHRhcmdldD86IHN0cmluZztcbn07XG5cbmNvbnN0IENyZWF0ZWRCeSA9ICh7IG5hbWUsIGRlc2NyaXB0aW9uLCB1cmwsIHRhcmdldCA9IFwiX2JsYW5rXCIgfTogUHJvcHMpID0+IChcbiAgPENvbnRhaW5lcj5cbiAgICA8V3JhcHBlcj5cbiAgICAgIDxUZXh0PlxuICAgICAgICB7dXJsID8gKFxuICAgICAgICAgIDxTdHlsZWRTYWZlTGluayB0bz17dXJsfSB0YXJnZXQ9e3RhcmdldH0+XG4gICAgICAgICAgICB7bmFtZX1cbiAgICAgICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICAgICApIDogKFxuICAgICAgICAgIG5hbWVcbiAgICAgICAgKX1cbiAgICAgICAgJm5ic3A7e2Rlc2NyaXB0aW9ufSZuYnNwO1xuICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e1wiaHR0cHM6Ly9uZGxhLm5vXCJ9IHRhcmdldD17dGFyZ2V0fT5cbiAgICAgICAgICBORExBXG4gICAgICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICAgICA8L1RleHQ+XG4gICAgICA8TG9nbyBsYWJlbD17XCJORExBXCJ9IHRvPXtcImh0dHBzOi8vbmRsYS5ub1wifSAvPlxuICAgIDwvV3JhcHBlcj5cbiAgPC9Db250YWluZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBDcmVhdGVkQnk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Wrapper = /*#__PURE__*/_styled("div", {
-  target: "e13kkrmq2",
-  label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "s5xdrg",
-  styles: "display:flex;align-items:center"
-} : {
-  name: "s5xdrg",
-  styles: "display:flex;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNyZWF0ZWRCeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IwQiIsImZpbGUiOiJDcmVhdGVkQnkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNvbG9ycywgZm9udHMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCBMb2dvIGZyb20gXCIuLi9Mb2dvXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodH07XG4gIG1hcmdpbi1yaWdodDogMzhweDtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoXCIyMHB4XCIsIFwiMjBweFwiKX07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgdXJsPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBDcmVhdGVkQnkgPSAoeyBuYW1lLCBkZXNjcmlwdGlvbiwgdXJsLCB0YXJnZXQgPSBcIl9ibGFua1wiIH06IFByb3BzKSA9PiAoXG4gIDxDb250YWluZXI+XG4gICAgPFdyYXBwZXI+XG4gICAgICA8VGV4dD5cbiAgICAgICAge3VybCA/IChcbiAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3VybH0gdGFyZ2V0PXt0YXJnZXR9PlxuICAgICAgICAgICAge25hbWV9XG4gICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBuYW1lXG4gICAgICAgICl9XG4gICAgICAgICZuYnNwO3tkZXNjcmlwdGlvbn0mbmJzcDtcbiAgICAgICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtcImh0dHBzOi8vbmRsYS5ub1wifSB0YXJnZXQ9e3RhcmdldH0+XG4gICAgICAgICAgTkRMQVxuICAgICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICAgPC9UZXh0PlxuICAgICAgPExvZ28gbGFiZWw9e1wiTkRMQVwifSB0bz17XCJodHRwczovL25kbGEubm9cIn0gLz5cbiAgICA8L1dyYXBwZXI+XG4gIDwvQ29udGFpbmVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQ3JlYXRlZEJ5O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Text = /*#__PURE__*/_styled("div", {
-  target: "e13kkrmq1",
-  label: "Text"
-})("color:", colors.text.light, ";margin-right:38px;font-family:", fonts.sans, ";", fonts.sizes("20px", "20px"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNyZWF0ZWRCeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJ1QiIsImZpbGUiOiJDcmVhdGVkQnkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNvbG9ycywgZm9udHMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCBMb2dvIGZyb20gXCIuLi9Mb2dvXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodH07XG4gIG1hcmdpbi1yaWdodDogMzhweDtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoXCIyMHB4XCIsIFwiMjBweFwiKX07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgdXJsPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBDcmVhdGVkQnkgPSAoeyBuYW1lLCBkZXNjcmlwdGlvbiwgdXJsLCB0YXJnZXQgPSBcIl9ibGFua1wiIH06IFByb3BzKSA9PiAoXG4gIDxDb250YWluZXI+XG4gICAgPFdyYXBwZXI+XG4gICAgICA8VGV4dD5cbiAgICAgICAge3VybCA/IChcbiAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3VybH0gdGFyZ2V0PXt0YXJnZXR9PlxuICAgICAgICAgICAge25hbWV9XG4gICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBuYW1lXG4gICAgICAgICl9XG4gICAgICAgICZuYnNwO3tkZXNjcmlwdGlvbn0mbmJzcDtcbiAgICAgICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtcImh0dHBzOi8vbmRsYS5ub1wifSB0YXJnZXQ9e3RhcmdldH0+XG4gICAgICAgICAgTkRMQVxuICAgICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICAgPC9UZXh0PlxuICAgICAgPExvZ28gbGFiZWw9e1wiTkRMQVwifSB0bz17XCJodHRwczovL25kbGEubm9cIn0gLz5cbiAgICA8L1dyYXBwZXI+XG4gIDwvQ29udGFpbmVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQ3JlYXRlZEJ5O1xuIl19 */"));
-const StyledSafeLink = /*#__PURE__*/_styled(SafeLink, {
-  target: "e13kkrmq0",
-  label: "StyledSafeLink"
-})("color:", colors.text.light, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNyZWF0ZWRCeS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJ1QyIsImZpbGUiOiJDcmVhdGVkQnkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNvbG9ycywgZm9udHMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCBMb2dvIGZyb20gXCIuLi9Mb2dvXCI7XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFRleHQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodH07XG4gIG1hcmdpbi1yaWdodDogMzhweDtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoXCIyMHB4XCIsIFwiMjBweFwiKX07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgZGVzY3JpcHRpb246IHN0cmluZztcbiAgdXJsPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBDcmVhdGVkQnkgPSAoeyBuYW1lLCBkZXNjcmlwdGlvbiwgdXJsLCB0YXJnZXQgPSBcIl9ibGFua1wiIH06IFByb3BzKSA9PiAoXG4gIDxDb250YWluZXI+XG4gICAgPFdyYXBwZXI+XG4gICAgICA8VGV4dD5cbiAgICAgICAge3VybCA/IChcbiAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3VybH0gdGFyZ2V0PXt0YXJnZXR9PlxuICAgICAgICAgICAge25hbWV9XG4gICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBuYW1lXG4gICAgICAgICl9XG4gICAgICAgICZuYnNwO3tkZXNjcmlwdGlvbn0mbmJzcDtcbiAgICAgICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtcImh0dHBzOi8vbmRsYS5ub1wifSB0YXJnZXQ9e3RhcmdldH0+XG4gICAgICAgICAgTkRMQVxuICAgICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICAgPC9UZXh0PlxuICAgICAgPExvZ28gbGFiZWw9e1wiTkRMQVwifSB0bz17XCJodHRwczovL25kbGEubm9cIn0gLz5cbiAgICA8L1dyYXBwZXI+XG4gIDwvQ29udGFpbmVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQ3JlYXRlZEJ5O1xuIl19 */"));
-const CreatedBy = _ref => {
-  let {
-    name,
-    description,
-    url,
-    target = "_blank"
-  } = _ref;
-  return _jsx(Container, {
-    children: _jsxs(Wrapper, {
-      children: [_jsxs(Text, {
-        children: [url ? _jsx(StyledSafeLink, {
-          to: url,
-          target: target,
-          children: name
-        }) : name, "\xA0", description, "\xA0", _jsx(StyledSafeLink, {
-          to: "https://ndla.no",
-          target: target,
-          children: "NDLA"
-        })]
-      }), _jsx(Logo, {
-        label: "NDLA",
-        to: "https://ndla.no"
-      })]
-    })
-  });
-};
-export default CreatedBy;

package/es/CreatedBy/index.js

@@ -1,10 +0,0 @@
-/**
- * Copyright (c) 2020-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import CreatedBy from "./CreatedBy";
-export default CreatedBy;

package/es/LicenseByline/LicenseDescription.js

@@ -1,63 +0,0 @@
-import _styled from "@emotion/styled/base";
-/**
- * Copyright (c) 2023-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { t } from "i18next";
-import { useState } from "react";
-import { ButtonV2 } from "@ndla/button";
-import { breakpoints, colors, fonts, mq, spacing } from "@ndla/core";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const StyledFigCaption = /*#__PURE__*/_styled("div", {
-  target: "e1vgv1qa3",
-  label: "StyledFigCaption"
-})("display:flex;gap:", spacing.small, ";align-items:center;background:unset;padding:unset;font-size:unset;color:unset;p{margin:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpY2Vuc2VEZXNjcmlwdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JtQyIsImZpbGUiOiJMaWNlbnNlRGVzY3JpcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB0IH0gZnJvbSBcImkxOG5leHRcIjtcbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpY29uPzogUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgd2FybmluZ0J5bGluZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEZpZ0NhcHRpb24gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQ6IHVuc2V0O1xuICBwYWRkaW5nOiB1bnNldDtcbiAgZm9udC1zaXplOiB1bnNldDtcbiAgY29sb3I6IHVuc2V0O1xuICBwIHtcbiAgICBtYXJnaW46IDA7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgJltkYXRhLXdhcm5pbmc9XCJmYWxzZVwiXSB7XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICAmW2RhdGEtb3Blbj1cInRydWVcIl0ge1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmU7XG4gICAgICB9XG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0bztcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZC5zcGFuYFxuICAmW2RhdGEtd2FybmluZz1cImZhbHNlXCJdIHtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBtYXgtaGVpZ2h0OiAke3NwYWNpbmcubWVkaXVtfTtcbiAgICAgICZbZGF0YS1vcGVuPVwidHJ1ZVwiXSB7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgICAgICAgbWF4LWhlaWdodDogbm9uZTtcbiAgICAgIH1cbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgIHRyYW5zaXRpb246IG1heC1oZWlnaHQgMC43cyBlYXNlLWluO1xuICAgICAgbWFyZ2luOiBhdXRvIDA7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBCdXR0b24gPSBzdHlsZWQoQnV0dG9uVjIpYFxuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gIG1pbi13aWR0aDogZml0LWNvbnRlbnQ7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMubW9iaWxlV2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IExpY2Vuc2VEZXNjcmlwdGlvbiA9ICh7IGljb24sIGNoaWxkcmVuLCB3YXJuaW5nQnlsaW5lID0gZmFsc2UgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBoYW5kbGVUb2dnbGUgPSAoKSA9PiB7XG4gICAgc2V0SXNPcGVuKCFpc09wZW4pO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ0NhcHRpb24+XG4gICAgICB7aWNvbn1cbiAgICAgIDxTdHlsZWREZXNjcmlwdGlvbiBkYXRhLW9wZW49e2lzT3Blbn0gZGF0YS13YXJuaW5nPXt3YXJuaW5nQnlsaW5lfT5cbiAgICAgICAgPFRleHRDb250ZW50IGRhdGEtb3Blbj17aXNPcGVufSBkYXRhLXdhcm5pbmc9e3dhcm5pbmdCeWxpbmV9PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9UZXh0Q29udGVudD5cbiAgICAgICAgeyF3YXJuaW5nQnlsaW5lICYmIChcbiAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJsaW5rXCIgb25DbGljaz17aGFuZGxlVG9nZ2xlfT5cbiAgICAgICAgICAgIHtpc09wZW4gPyBgJHt0KFwiYXVkaW8ucmVhZExlc3NEZXNjcmlwdGlvbkxhYmVsXCIpfWAgOiBgJHt0KFwiYXVkaW8ucmVhZE1vcmVEZXNjcmlwdGlvbkxhYmVsXCIpfWB9XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZERlc2NyaXB0aW9uPlxuICAgIDwvU3R5bGVkRmlnQ2FwdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpY2Vuc2VEZXNjcmlwdGlvbjtcbiJdfQ== */"));
-const StyledDescription = /*#__PURE__*/_styled("div", {
-  target: "e1vgv1qa2",
-  label: "StyledDescription"
-})("display:inline-flex;white-space:pre-wrap;&[data-warning=\"false\"]{", mq.range({
-  until: breakpoints.mobileWide
-}), "{display:grid;grid-template-columns:1fr auto;overflow:hidden;&[data-open=\"true\"]{display:inline;}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpY2Vuc2VEZXNjcmlwdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNvQyIsImZpbGUiOiJMaWNlbnNlRGVzY3JpcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB0IH0gZnJvbSBcImkxOG5leHRcIjtcbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpY29uPzogUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgd2FybmluZ0J5bGluZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEZpZ0NhcHRpb24gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQ6IHVuc2V0O1xuICBwYWRkaW5nOiB1bnNldDtcbiAgZm9udC1zaXplOiB1bnNldDtcbiAgY29sb3I6IHVuc2V0O1xuICBwIHtcbiAgICBtYXJnaW46IDA7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgJltkYXRhLXdhcm5pbmc9XCJmYWxzZVwiXSB7XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICAmW2RhdGEtb3Blbj1cInRydWVcIl0ge1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmU7XG4gICAgICB9XG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0bztcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZC5zcGFuYFxuICAmW2RhdGEtd2FybmluZz1cImZhbHNlXCJdIHtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBtYXgtaGVpZ2h0OiAke3NwYWNpbmcubWVkaXVtfTtcbiAgICAgICZbZGF0YS1vcGVuPVwidHJ1ZVwiXSB7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgICAgICAgbWF4LWhlaWdodDogbm9uZTtcbiAgICAgIH1cbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgIHRyYW5zaXRpb246IG1heC1oZWlnaHQgMC43cyBlYXNlLWluO1xuICAgICAgbWFyZ2luOiBhdXRvIDA7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBCdXR0b24gPSBzdHlsZWQoQnV0dG9uVjIpYFxuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gIG1pbi13aWR0aDogZml0LWNvbnRlbnQ7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMubW9iaWxlV2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IExpY2Vuc2VEZXNjcmlwdGlvbiA9ICh7IGljb24sIGNoaWxkcmVuLCB3YXJuaW5nQnlsaW5lID0gZmFsc2UgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBoYW5kbGVUb2dnbGUgPSAoKSA9PiB7XG4gICAgc2V0SXNPcGVuKCFpc09wZW4pO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ0NhcHRpb24+XG4gICAgICB7aWNvbn1cbiAgICAgIDxTdHlsZWREZXNjcmlwdGlvbiBkYXRhLW9wZW49e2lzT3Blbn0gZGF0YS13YXJuaW5nPXt3YXJuaW5nQnlsaW5lfT5cbiAgICAgICAgPFRleHRDb250ZW50IGRhdGEtb3Blbj17aXNPcGVufSBkYXRhLXdhcm5pbmc9e3dhcm5pbmdCeWxpbmV9PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9UZXh0Q29udGVudD5cbiAgICAgICAgeyF3YXJuaW5nQnlsaW5lICYmIChcbiAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJsaW5rXCIgb25DbGljaz17aGFuZGxlVG9nZ2xlfT5cbiAgICAgICAgICAgIHtpc09wZW4gPyBgJHt0KFwiYXVkaW8ucmVhZExlc3NEZXNjcmlwdGlvbkxhYmVsXCIpfWAgOiBgJHt0KFwiYXVkaW8ucmVhZE1vcmVEZXNjcmlwdGlvbkxhYmVsXCIpfWB9XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZERlc2NyaXB0aW9uPlxuICAgIDwvU3R5bGVkRmlnQ2FwdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpY2Vuc2VEZXNjcmlwdGlvbjtcbiJdfQ== */"));
-const TextContent = /*#__PURE__*/_styled("span", {
-  target: "e1vgv1qa1",
-  label: "TextContent"
-})("&[data-warning=\"false\"]{", mq.range({
-  until: breakpoints.mobileWide
-}), "{white-space:nowrap;max-height:", spacing.medium, ";overflow:hidden;text-overflow:ellipsis;transition:max-height 0.7s ease-in;margin:auto 0;&[data-open=\"true\"]{white-space:pre-wrap;max-height:none;}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpY2Vuc2VEZXNjcmlwdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0QrQiIsImZpbGUiOiJMaWNlbnNlRGVzY3JpcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB0IH0gZnJvbSBcImkxOG5leHRcIjtcbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpY29uPzogUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgd2FybmluZ0J5bGluZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEZpZ0NhcHRpb24gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQ6IHVuc2V0O1xuICBwYWRkaW5nOiB1bnNldDtcbiAgZm9udC1zaXplOiB1bnNldDtcbiAgY29sb3I6IHVuc2V0O1xuICBwIHtcbiAgICBtYXJnaW46IDA7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgJltkYXRhLXdhcm5pbmc9XCJmYWxzZVwiXSB7XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICAmW2RhdGEtb3Blbj1cInRydWVcIl0ge1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmU7XG4gICAgICB9XG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0bztcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZC5zcGFuYFxuICAmW2RhdGEtd2FybmluZz1cImZhbHNlXCJdIHtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBtYXgtaGVpZ2h0OiAke3NwYWNpbmcubWVkaXVtfTtcbiAgICAgICZbZGF0YS1vcGVuPVwidHJ1ZVwiXSB7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgICAgICAgbWF4LWhlaWdodDogbm9uZTtcbiAgICAgIH1cbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgIHRyYW5zaXRpb246IG1heC1oZWlnaHQgMC43cyBlYXNlLWluO1xuICAgICAgbWFyZ2luOiBhdXRvIDA7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBCdXR0b24gPSBzdHlsZWQoQnV0dG9uVjIpYFxuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gIG1pbi13aWR0aDogZml0LWNvbnRlbnQ7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMubW9iaWxlV2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IExpY2Vuc2VEZXNjcmlwdGlvbiA9ICh7IGljb24sIGNoaWxkcmVuLCB3YXJuaW5nQnlsaW5lID0gZmFsc2UgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBoYW5kbGVUb2dnbGUgPSAoKSA9PiB7XG4gICAgc2V0SXNPcGVuKCFpc09wZW4pO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ0NhcHRpb24+XG4gICAgICB7aWNvbn1cbiAgICAgIDxTdHlsZWREZXNjcmlwdGlvbiBkYXRhLW9wZW49e2lzT3Blbn0gZGF0YS13YXJuaW5nPXt3YXJuaW5nQnlsaW5lfT5cbiAgICAgICAgPFRleHRDb250ZW50IGRhdGEtb3Blbj17aXNPcGVufSBkYXRhLXdhcm5pbmc9e3dhcm5pbmdCeWxpbmV9PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9UZXh0Q29udGVudD5cbiAgICAgICAgeyF3YXJuaW5nQnlsaW5lICYmIChcbiAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJsaW5rXCIgb25DbGljaz17aGFuZGxlVG9nZ2xlfT5cbiAgICAgICAgICAgIHtpc09wZW4gPyBgJHt0KFwiYXVkaW8ucmVhZExlc3NEZXNjcmlwdGlvbkxhYmVsXCIpfWAgOiBgJHt0KFwiYXVkaW8ucmVhZE1vcmVEZXNjcmlwdGlvbkxhYmVsXCIpfWB9XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZERlc2NyaXB0aW9uPlxuICAgIDwvU3R5bGVkRmlnQ2FwdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpY2Vuc2VEZXNjcmlwdGlvbjtcbiJdfQ== */"));
-const Button = /*#__PURE__*/_styled(ButtonV2, {
-  target: "e1vgv1qa0",
-  label: "Button"
-})("color:", colors.brand.primary, ";font-weight:", fonts.weight.semibold, ";min-width:fit-content;margin-left:", spacing.small, ";", mq.range({
-  from: breakpoints.mobileWide
-}), "{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpY2Vuc2VEZXNjcmlwdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUUrQiIsImZpbGUiOiJMaWNlbnNlRGVzY3JpcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB0IH0gZnJvbSBcImkxOG5leHRcIjtcbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpY29uPzogUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgd2FybmluZ0J5bGluZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEZpZ0NhcHRpb24gPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQ6IHVuc2V0O1xuICBwYWRkaW5nOiB1bnNldDtcbiAgZm9udC1zaXplOiB1bnNldDtcbiAgY29sb3I6IHVuc2V0O1xuICBwIHtcbiAgICBtYXJnaW46IDA7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgJltkYXRhLXdhcm5pbmc9XCJmYWxzZVwiXSB7XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICAmW2RhdGEtb3Blbj1cInRydWVcIl0ge1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmU7XG4gICAgICB9XG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0bztcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBUZXh0Q29udGVudCA9IHN0eWxlZC5zcGFuYFxuICAmW2RhdGEtd2FybmluZz1cImZhbHNlXCJdIHtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBtYXgtaGVpZ2h0OiAke3NwYWNpbmcubWVkaXVtfTtcbiAgICAgICZbZGF0YS1vcGVuPVwidHJ1ZVwiXSB7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgICAgICAgbWF4LWhlaWdodDogbm9uZTtcbiAgICAgIH1cbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgIHRyYW5zaXRpb246IG1heC1oZWlnaHQgMC43cyBlYXNlLWluO1xuICAgICAgbWFyZ2luOiBhdXRvIDA7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBCdXR0b24gPSBzdHlsZWQoQnV0dG9uVjIpYFxuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gIG1pbi13aWR0aDogZml0LWNvbnRlbnQ7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMubW9iaWxlV2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IExpY2Vuc2VEZXNjcmlwdGlvbiA9ICh7IGljb24sIGNoaWxkcmVuLCB3YXJuaW5nQnlsaW5lID0gZmFsc2UgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2lzT3Blbiwgc2V0SXNPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBoYW5kbGVUb2dnbGUgPSAoKSA9PiB7XG4gICAgc2V0SXNPcGVuKCFpc09wZW4pO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ0NhcHRpb24+XG4gICAgICB7aWNvbn1cbiAgICAgIDxTdHlsZWREZXNjcmlwdGlvbiBkYXRhLW9wZW49e2lzT3Blbn0gZGF0YS13YXJuaW5nPXt3YXJuaW5nQnlsaW5lfT5cbiAgICAgICAgPFRleHRDb250ZW50IGRhdGEtb3Blbj17aXNPcGVufSBkYXRhLXdhcm5pbmc9e3dhcm5pbmdCeWxpbmV9PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9UZXh0Q29udGVudD5cbiAgICAgICAgeyF3YXJuaW5nQnlsaW5lICYmIChcbiAgICAgICAgICA8QnV0dG9uIHZhcmlhbnQ9XCJsaW5rXCIgb25DbGljaz17aGFuZGxlVG9nZ2xlfT5cbiAgICAgICAgICAgIHtpc09wZW4gPyBgJHt0KFwiYXVkaW8ucmVhZExlc3NEZXNjcmlwdGlvbkxhYmVsXCIpfWAgOiBgJHt0KFwiYXVkaW8ucmVhZE1vcmVEZXNjcmlwdGlvbkxhYmVsXCIpfWB9XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZERlc2NyaXB0aW9uPlxuICAgIDwvU3R5bGVkRmlnQ2FwdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpY2Vuc2VEZXNjcmlwdGlvbjtcbiJdfQ== */"));
-const LicenseDescription = _ref => {
-  let {
-    icon,
-    children,
-    warningByline = false
-  } = _ref;
-  const [isOpen, setIsOpen] = useState(false);
-  const handleToggle = () => {
-    setIsOpen(!isOpen);
-  };
-  return _jsxs(StyledFigCaption, {
-    children: [icon, _jsxs(StyledDescription, {
-      "data-open": isOpen,
-      "data-warning": warningByline,
-      children: [_jsx(TextContent, {
-        "data-open": isOpen,
-        "data-warning": warningByline,
-        children: children
-      }), !warningByline && _jsx(Button, {
-        variant: "link",
-        onClick: handleToggle,
-        children: isOpen ? `${t("audio.readLessDescriptionLabel")}` : `${t("audio.readMoreDescriptionLabel")}`
-      })]
-    })]
-  });
-};
-export default LicenseDescription;