@ndla/ui 56.0.123-alpha.0 → 56.0.124-alpha.0

package/es/Concept/Concept.js

@@ -1,72 +1,50 @@
-/**
- * Copyright (c) 2024-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 { EmbedByline } from "../LicenseByline/EmbedByline.js";
+import { licenseAttributes } from "../utils/licenseAttributes.js";
+import { ImageEmbed_default } from "../Embed/ImageEmbed.js";
+import { H5pEmbed_default } from "../Embed/H5pEmbed.js";
+import { ExternalEmbed_default } from "../Embed/ExternalEmbed.js";
+import { IframeEmbed_default } from "../Embed/IframeEmbed.js";
+import { BrightcoveEmbed_default } from "../Embed/BrightcoveEmbed.js";
 import { forwardRef } from "react";
 import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { BrightcoveEmbed, ExternalEmbed, H5pEmbed, IframeEmbed, ImageEmbed } from "../Embed";
-import { EmbedByline } from "../LicenseByline/EmbedByline";
-import { licenseAttributes } from "../utils/licenseAttributes";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const StyledFigure = styled(Figure, {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "medium"
-  }
-});
-const ContentWrapper = styled("div", {
-  base: {
-    textStyle: "body.large",
-    display: "inline",
-    "& p": {
-      display: "inline"
-    }
-  }
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/Concept/Concept.tsx
+const StyledFigure = styled(Figure, { base: {
+	display: "flex",
+	flexDirection: "column",
+	gap: "medium"
+} });
+const ContentWrapper = styled("div", { base: {
+	textStyle: "body.large",
+	display: "inline",
+	"& p": { display: "inline" }
+} });
+const Concept = forwardRef(({ copyright, visualElement, lang, children, title, source, previewAlt,...rest }, ref) => {
+	const licenseProps = licenseAttributes(copyright?.license?.license, lang, source);
+	return /* @__PURE__ */ jsxs(StyledFigure, {
+		ref,
+		...rest,
+		...licenseProps,
+		children: [
+			/* @__PURE__ */ jsxs(ContentWrapper, {
+				lang,
+				children: [!!title && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("b", { children: title }), ` – `] }), children]
+			}),
+			visualElement?.resource === "image" ? /* @__PURE__ */ jsx(ImageEmbed_default, {
+				embed: visualElement,
+				lang,
+				previewAlt
+			}) : visualElement?.resource === "brightcove" ? /* @__PURE__ */ jsx(BrightcoveEmbed_default, { embed: visualElement }) : visualElement?.resource === "h5p" ? /* @__PURE__ */ jsx(H5pEmbed_default, { embed: visualElement }) : visualElement?.resource === "iframe" ? /* @__PURE__ */ jsx(IframeEmbed_default, { embed: visualElement }) : visualElement?.resource === "external" ? /* @__PURE__ */ jsx(ExternalEmbed_default, { embed: visualElement }) : null,
+			!!copyright && /* @__PURE__ */ jsx(EmbedByline, {
+				copyright,
+				type: "concept"
+			})
+		]
+	});
 });
-export const Concept = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    copyright,
-    visualElement,
-    lang,
-    children,
-    title,
-    source,
-    previewAlt,
-    ...rest
-  } = _ref;
-  const licenseProps = licenseAttributes(copyright?.license?.license, lang, source);
-  return /*#__PURE__*/_jsxs(StyledFigure, {
-    ref: ref,
-    ...rest,
-    ...licenseProps,
-    children: [/*#__PURE__*/_jsxs(ContentWrapper, {
-      lang: lang,
-      children: [!!title && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx("b", {
-          children: title
-        }), ` – `]
-      }), children]
-    }), visualElement?.resource === "image" ? /*#__PURE__*/_jsx(ImageEmbed, {
-      embed: visualElement,
-      lang: lang,
-      previewAlt: previewAlt
-    }) : visualElement?.resource === "brightcove" ? /*#__PURE__*/_jsx(BrightcoveEmbed, {
-      embed: visualElement
-    }) : visualElement?.resource === "h5p" ? /*#__PURE__*/_jsx(H5pEmbed, {
-      embed: visualElement
-    }) : visualElement?.resource === "iframe" ? /*#__PURE__*/_jsx(IframeEmbed, {
-      embed: visualElement
-    }) : visualElement?.resource === "external" ? /*#__PURE__*/_jsx(ExternalEmbed, {
-      embed: visualElement
-    }) : null, !!copyright && /*#__PURE__*/_jsx(EmbedByline, {
-      copyright: copyright,
-      type: "concept"
-    })]
-  });
-});
+
+//#endregion
+export { Concept };
+//# sourceMappingURL=Concept.js.map

package/es/Concept/Concept.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Concept.js","names":["ImageEmbed","BrightcoveEmbed","H5pEmbed","IframeEmbed","ExternalEmbed"],"sources":["../../src/Concept/Concept.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { type ComponentPropsWithRef, type ReactNode, forwardRef } from \"react\";\nimport { Figure } from \"@ndla/primitives\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { IDraftCopyrightDTO as ConceptCopyright } from \"@ndla/types-backend/concept-api\";\nimport type { ConceptVisualElementMeta } from \"@ndla/types-embed\";\nimport { BrightcoveEmbed, ExternalEmbed, H5pEmbed, IframeEmbed, ImageEmbed } from \"../Embed\";\nimport { EmbedByline } from \"../LicenseByline/EmbedByline\";\nimport { licenseAttributes } from \"../utils/licenseAttributes\";\n\nexport interface ConceptProps extends ComponentPropsWithRef<\"figure\"> {\n  copyright?: ConceptCopyright;\n  visualElement?: ConceptVisualElementMeta;\n  lang?: string;\n  title?: string;\n  children?: ReactNode;\n  source?: string;\n  previewAlt?: boolean;\n}\n\nconst StyledFigure = styled(Figure, {\n  base: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"medium\",\n  },\n});\n\nconst ContentWrapper = styled(\"div\", {\n  base: {\n    textStyle: \"body.large\",\n    display: \"inline\",\n    \"& p\": {\n      display: \"inline\",\n    },\n  },\n});\n\nexport const Concept = forwardRef<HTMLElement, ConceptProps>(\n  ({ copyright, visualElement, lang, children, title, source, previewAlt, ...rest }, ref) => {\n    const licenseProps = licenseAttributes(copyright?.license?.license, lang, source);\n\n    return (\n      <StyledFigure ref={ref} {...rest} {...licenseProps}>\n        <ContentWrapper lang={lang}>\n          {!!title && (\n            <>\n              <b>{title}</b>\n              {` – `}\n            </>\n          )}\n          {children}\n        </ContentWrapper>\n        {visualElement?.resource === \"image\" ? (\n          <ImageEmbed embed={visualElement} lang={lang} previewAlt={previewAlt} />\n        ) : visualElement?.resource === \"brightcove\" ? (\n          <BrightcoveEmbed embed={visualElement} />\n        ) : visualElement?.resource === \"h5p\" ? (\n          <H5pEmbed embed={visualElement} />\n        ) : visualElement?.resource === \"iframe\" ? (\n          <IframeEmbed embed={visualElement} />\n        ) : visualElement?.resource === \"external\" ? (\n          <ExternalEmbed embed={visualElement} />\n        ) : null}\n        {!!copyright && <EmbedByline copyright={copyright} type=\"concept\" />}\n      </StyledFigure>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;AA2BA,MAAM,eAAe,OAAO,QAAQ,EAClC,MAAM;CACJ,SAAS;CACT,eAAe;CACf,KAAK;AACN,EACF,EAAC;AAEF,MAAM,iBAAiB,OAAO,OAAO,EACnC,MAAM;CACJ,WAAW;CACX,SAAS;CACT,OAAO,EACL,SAAS,SACV;AACF,EACF,EAAC;AAEF,MAAa,UAAU,WACrB,CAAC,EAAE,WAAW,eAAe,MAAM,UAAU,OAAO,QAAQ,WAAY,GAAG,MAAM,EAAE,QAAQ;CACzF,MAAM,eAAe,kBAAkB,WAAW,SAAS,SAAS,MAAM,OAAO;AAEjF,wBACE,KAAC;EAAkB;EAAK,GAAI;EAAM,GAAI;;mBACpC,KAAC;IAAqB;iBACjB,yBACD,8CACE,IAAC,iBAAG,QAAU,GACZ,QACD,EAEJ;KACc;GAChB,eAAe,aAAa,0BAC3B,IAACA;IAAW,OAAO;IAAqB;IAAkB;KAAc,GACtE,eAAe,aAAa,+BAC9B,IAACC,2BAAgB,OAAO,gBAAiB,GACvC,eAAe,aAAa,wBAC9B,IAACC,oBAAS,OAAO,gBAAiB,GAChC,eAAe,aAAa,2BAC9B,IAACC,uBAAY,OAAO,gBAAiB,GACnC,eAAe,aAAa,6BAC9B,IAACC,yBAAc,OAAO,gBAAiB,GACrC;KACD,6BAAa,IAAC;IAAuB;IAAW,MAAK;KAAY;;GACvD;AAElB,EACF"}

package/es/ContactBlock/ContactBlock.js

@@ -1,199 +1,145 @@
-/**
- * Copyright (c) 2024-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 { useTranslation } from "react-i18next";
+import { LicenseContainerContent } from "../LicenseByline/EmbedByline.js";
 import { Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { LicenseContainerContent } from "../LicenseByline/EmbedByline";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ContactBlock/ContactBlock.tsx
 const BackgroundVariant = {
-  strong: {
-    _before: {
-      backgroundColor: "surface.brand.3"
-    }
-  },
-  moderate: {
-    _before: {
-      backgroundColor: "surface.brand.3.moderate"
-    }
-  },
-  subtle: {
-    _before: {
-      backgroundColor: "surface.brand.3.subtle"
-    }
-  }
+	strong: { _before: { backgroundColor: "surface.brand.3" } },
+	moderate: { _before: { backgroundColor: "surface.brand.3.moderate" } },
+	subtle: { _before: { backgroundColor: "surface.brand.3.subtle" } }
 };
-export const contactBlockBackgrounds = Object.keys(BackgroundVariant);
-const StyledWrapper = styled("div", {
-  base: {
-    display: "flex",
-    minWidth: "surface.xxsmall",
-    padding: "medium",
-    alignItems: "center",
-    justifyContent: "space-between",
-    boxShadow: "full",
-    border: "1px solid",
-    gap: "medium",
-    position: "relative",
-    borderColor: "stroke.default",
-    borderRadius: "xsmall",
-    overflow: "hidden",
-    background: "surface.default",
-    flexDirection: "column-reverse",
-    tablet: {
-      alignItems: "unset",
-      flexDirection: "row"
-    }
-  }
-});
-const EmailLink = styled("a", {
-  base: {
-    color: "text.default",
-    textDecoration: "underline",
-    _hover: {
-      textDecoration: "none"
-    },
-    _focusVisible: {
-      textDecoration: "none"
-    }
-  }
-});
+const contactBlockBackgrounds = Object.keys(BackgroundVariant);
+const StyledWrapper = styled("div", { base: {
+	display: "flex",
+	minWidth: "surface.xxsmall",
+	padding: "medium",
+	alignItems: "center",
+	justifyContent: "space-between",
+	boxShadow: "full",
+	border: "1px solid",
+	gap: "medium",
+	position: "relative",
+	borderColor: "stroke.default",
+	borderRadius: "xsmall",
+	overflow: "hidden",
+	background: "surface.default",
+	flexDirection: "column-reverse",
+	tablet: {
+		alignItems: "unset",
+		flexDirection: "row"
+	}
+} });
+const EmailLink = styled("a", { base: {
+	color: "text.default",
+	textDecoration: "underline",
+	_hover: { textDecoration: "none" },
+	_focusVisible: { textDecoration: "none" }
+} });
 const HeaderWrapper = styled("div", {
-  base: {
-    position: "relative",
-    display: "flex",
-    flexDirection: "column",
-    gap: "3xsmall",
-    zIndex: "base",
-    _before: {
-      content: '""',
-      position: "absolute",
-      top: "-60px",
-      left: "-50px",
-      right: "0",
-      bottom: "0",
-      height: "calc(100% + 50px)",
-      width: "surface.3xlarge",
-      transform: "rotate(-4deg)",
-      zIndex: "hide"
-    }
-  },
-  variants: {
-    variant: BackgroundVariant,
-    imageExists: {
-      true: {
-        tabletDown: {
-          _before: {
-            display: "none"
-          }
-        }
-      }
-    }
-  }
+	base: {
+		position: "relative",
+		display: "flex",
+		flexDirection: "column",
+		gap: "3xsmall",
+		zIndex: "base",
+		_before: {
+			content: "\"\"",
+			position: "absolute",
+			top: "-60px",
+			left: "-50px",
+			right: "0",
+			bottom: "0",
+			height: "calc(100% + 50px)",
+			width: "surface.3xlarge",
+			transform: "rotate(-4deg)",
+			zIndex: "hide"
+		}
+	},
+	variants: {
+		variant: BackgroundVariant,
+		imageExists: { true: { tabletDown: { _before: { display: "none" } } } }
+	}
 });
 const ImageWrapper = styled("div", {
-  base: {
-    display: "flex",
-    gap: "xxsmall",
-    alignItems: "flex-start",
-    justifyContent: "flex-start",
-    flexDirection: "column",
-    zIndex: "base",
-    tabletDown: {
-      _before: {
-        content: '""',
-        position: "absolute",
-        top: "-50px",
-        left: "-50px",
-        right: "0",
-        bottom: "0",
-        height: "surface.xxsmall",
-        width: "surface.3xlarge",
-        transform: "rotate(-4deg)",
-        zIndex: "hide"
-      }
-    }
-  },
-  variants: {
-    variant: BackgroundVariant
-  }
+	base: {
+		display: "flex",
+		gap: "xxsmall",
+		alignItems: "flex-start",
+		justifyContent: "flex-start",
+		flexDirection: "column",
+		zIndex: "base",
+		tabletDown: { _before: {
+			content: "\"\"",
+			position: "absolute",
+			top: "-50px",
+			left: "-50px",
+			right: "0",
+			bottom: "0",
+			height: "surface.xxsmall",
+			width: "surface.3xlarge",
+			transform: "rotate(-4deg)",
+			zIndex: "hide"
+		} }
+	},
+	variants: { variant: BackgroundVariant }
 });
-const StyledImage = styled("img", {
-  base: {
-    borderRadius: "xsmall",
-    width: "surface.xsmall",
-    height: "surface.xsmall",
-    objectFit: "cover"
-  }
-});
-const ContentWrapper = styled("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "medium",
-    flex: "1",
-    width: "100%"
-  }
-});
-const StyledDescription = styled(Text, {
-  base: {
-    fontFamily: "serif"
-  }
-});
-export const ContactBlock = _ref => {
-  let {
-    image,
-    jobTitle,
-    description,
-    name,
-    email,
-    embedAlt,
-    lang,
-    backgroundColor = "strong"
-  } = _ref;
-  const {
-    t
-  } = useTranslation();
-  return /*#__PURE__*/_jsxs(StyledWrapper, {
-    "data-embed-type": "contact-block",
-    children: [/*#__PURE__*/_jsxs(ContentWrapper, {
-      children: [/*#__PURE__*/_jsxs(HeaderWrapper, {
-        variant: backgroundColor,
-        imageExists: !!image,
-        children: [/*#__PURE__*/_jsx(Text, {
-          lang: lang,
-          fontWeight: "bold",
-          textStyle: "heading.small",
-          children: name
-        }), /*#__PURE__*/_jsx(Text, {
-          lang: lang,
-          children: jobTitle
-        }), /*#__PURE__*/_jsxs(Text, {
-          children: [`${t("email")}: `, /*#__PURE__*/_jsx(EmailLink, {
-            href: `mailto:${email}`,
-            children: email
-          })]
-        })]
-      }), /*#__PURE__*/_jsx(StyledDescription, {
-        textStyle: "body.large",
-        children: description
-      })]
-    }), !!image && /*#__PURE__*/_jsxs(ImageWrapper, {
-      variant: backgroundColor,
-      children: [/*#__PURE__*/_jsx(StyledImage, {
-        alt: embedAlt !== undefined ? embedAlt : image.alttext.alttext,
-        src: image.image.imageUrl,
-        width: 300,
-        height: 300
-      }), /*#__PURE__*/_jsx(LicenseContainerContent, {
-        type: "image",
-        copyright: image.copyright
-      })]
-    })]
-  });
-};
+const StyledImage = styled("img", { base: {
+	borderRadius: "xsmall",
+	width: "surface.xsmall",
+	height: "surface.xsmall",
+	objectFit: "cover"
+} });
+const ContentWrapper = styled("div", { base: {
+	display: "flex",
+	flexDirection: "column",
+	gap: "medium",
+	flex: "1",
+	width: "100%"
+} });
+const StyledDescription = styled(Text, { base: { fontFamily: "serif" } });
+const ContactBlock = ({ image, jobTitle, description, name, email, embedAlt, lang, backgroundColor = "strong" }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs(StyledWrapper, {
+		"data-embed-type": "contact-block",
+		children: [/* @__PURE__ */ jsxs(ContentWrapper, { children: [/* @__PURE__ */ jsxs(HeaderWrapper, {
+			variant: backgroundColor,
+			imageExists: !!image,
+			children: [
+				/* @__PURE__ */ jsx(Text, {
+					lang,
+					fontWeight: "bold",
+					textStyle: "heading.small",
+					children: name
+				}),
+				/* @__PURE__ */ jsx(Text, {
+					lang,
+					children: jobTitle
+				}),
+				/* @__PURE__ */ jsxs(Text, { children: [`${t("email")}: `, /* @__PURE__ */ jsx(EmailLink, {
+					href: `mailto:${email}`,
+					children: email
+				})] })
+			]
+		}), /* @__PURE__ */ jsx(StyledDescription, {
+			textStyle: "body.large",
+			children: description
+		})] }), !!image && /* @__PURE__ */ jsxs(ImageWrapper, {
+			variant: backgroundColor,
+			children: [/* @__PURE__ */ jsx(StyledImage, {
+				alt: embedAlt !== void 0 ? embedAlt : image.alttext.alttext,
+				src: image.image.imageUrl,
+				width: 300,
+				height: 300
+			}), /* @__PURE__ */ jsx(LicenseContainerContent, {
+				type: "image",
+				copyright: image.copyright
+			})]
+		})]
+	});
+};
+
+//#endregion
+export { ContactBlock, contactBlockBackgrounds };
+//# sourceMappingURL=ContactBlock.js.map

package/es/ContactBlock/ContactBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactBlock.js","names":["BackgroundVariant: Record<ContactBlockBackground, SystemStyleObject>"],"sources":["../../src/ContactBlock/ContactBlock.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { useTranslation } from \"react-i18next\";\nimport { Text } from \"@ndla/primitives\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { SystemStyleObject } from \"@ndla/styled-system/types\";\nimport type { IImageMetaInformationV3DTO } from \"@ndla/types-backend/image-api\";\nimport { LicenseContainerContent } from \"../LicenseByline/EmbedByline\";\n\nexport type ContactBlockBackground = \"strong\" | \"moderate\" | \"subtle\";\n\nconst BackgroundVariant: Record<ContactBlockBackground, SystemStyleObject> = {\n  strong: { _before: { backgroundColor: \"surface.brand.3\" } },\n  moderate: { _before: { backgroundColor: \"surface.brand.3.moderate\" } },\n  subtle: { _before: { backgroundColor: \"surface.brand.3.subtle\" } },\n};\n\nexport const contactBlockBackgrounds = Object.keys(BackgroundVariant) as ContactBlockBackground[];\n\nconst StyledWrapper = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    minWidth: \"surface.xxsmall\",\n    padding: \"medium\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    boxShadow: \"full\",\n    border: \"1px solid\",\n    gap: \"medium\",\n    position: \"relative\",\n    borderColor: \"stroke.default\",\n    borderRadius: \"xsmall\",\n    overflow: \"hidden\",\n    background: \"surface.default\",\n    flexDirection: \"column-reverse\",\n    tablet: {\n      alignItems: \"unset\",\n      flexDirection: \"row\",\n    },\n  },\n});\n\nconst EmailLink = styled(\"a\", {\n  base: {\n    color: \"text.default\",\n    textDecoration: \"underline\",\n    _hover: { textDecoration: \"none\" },\n    _focusVisible: { textDecoration: \"none\" },\n  },\n});\n\nconst HeaderWrapper = styled(\"div\", {\n  base: {\n    position: \"relative\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"3xsmall\",\n    zIndex: \"base\",\n    _before: {\n      content: '\"\"',\n      position: \"absolute\",\n      top: \"-60px\",\n      left: \"-50px\",\n      right: \"0\",\n      bottom: \"0\",\n      height: \"calc(100% + 50px)\",\n      width: \"surface.3xlarge\",\n      transform: \"rotate(-4deg)\",\n      zIndex: \"hide\",\n    },\n  },\n  variants: {\n    variant: BackgroundVariant,\n    imageExists: {\n      true: {\n        tabletDown: {\n          _before: {\n            display: \"none\",\n          },\n        },\n      },\n    },\n  },\n});\n\nconst ImageWrapper = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    gap: \"xxsmall\",\n    alignItems: \"flex-start\",\n    justifyContent: \"flex-start\",\n    flexDirection: \"column\",\n    zIndex: \"base\",\n    tabletDown: {\n      _before: {\n        content: '\"\"',\n        position: \"absolute\",\n        top: \"-50px\",\n        left: \"-50px\",\n        right: \"0\",\n        bottom: \"0\",\n        height: \"surface.xxsmall\",\n        width: \"surface.3xlarge\",\n        transform: \"rotate(-4deg)\",\n        zIndex: \"hide\",\n      },\n    },\n  },\n  variants: {\n    variant: BackgroundVariant,\n  },\n});\n\nconst StyledImage = styled(\"img\", {\n  base: {\n    borderRadius: \"xsmall\",\n    width: \"surface.xsmall\",\n    height: \"surface.xsmall\",\n    objectFit: \"cover\",\n  },\n});\n\nconst ContentWrapper = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: \"medium\",\n    flex: \"1\",\n    width: \"100%\",\n  },\n});\n\nconst StyledDescription = styled(Text, {\n  base: {\n    fontFamily: \"serif\",\n  },\n});\n\ninterface Props {\n  image?: IImageMetaInformationV3DTO;\n  jobTitle: string;\n  description: string;\n  backgroundColor?: ContactBlockBackground;\n  imageWidth?: number;\n  name: string;\n  email: string;\n  embedAlt?: string;\n  lang?: string;\n}\n\nexport const ContactBlock = ({\n  image,\n  jobTitle,\n  description,\n  name,\n  email,\n  embedAlt,\n  lang,\n  backgroundColor = \"strong\",\n}: Props) => {\n  const { t } = useTranslation();\n  return (\n    <StyledWrapper data-embed-type=\"contact-block\">\n      <ContentWrapper>\n        <HeaderWrapper variant={backgroundColor} imageExists={!!image}>\n          <Text lang={lang} fontWeight=\"bold\" textStyle=\"heading.small\">\n            {name}\n          </Text>\n          <Text lang={lang}>{jobTitle}</Text>\n          <Text>\n            {`${t(\"email\")}: `}\n            <EmailLink href={`mailto:${email}`}>{email}</EmailLink>\n          </Text>\n        </HeaderWrapper>\n        <StyledDescription textStyle=\"body.large\">{description}</StyledDescription>\n      </ContentWrapper>\n      {!!image && (\n        <ImageWrapper variant={backgroundColor}>\n          <StyledImage\n            alt={embedAlt !== undefined ? embedAlt : image.alttext.alttext}\n            src={image.image.imageUrl}\n            width={300}\n            height={300}\n          />\n          <LicenseContainerContent type=\"image\" copyright={image.copyright} />\n        </ImageWrapper>\n      )}\n    </StyledWrapper>\n  );\n};\n"],"mappings":";;;;;;;AAiBA,MAAMA,oBAAuE;CAC3E,QAAQ,EAAE,SAAS,EAAE,iBAAiB,kBAAmB,EAAE;CAC3D,UAAU,EAAE,SAAS,EAAE,iBAAiB,2BAA4B,EAAE;CACtE,QAAQ,EAAE,SAAS,EAAE,iBAAiB,yBAA0B,EAAE;AACnE;AAED,MAAa,0BAA0B,OAAO,KAAK,kBAAkB;AAErE,MAAM,gBAAgB,OAAO,OAAO,EAClC,MAAM;CACJ,SAAS;CACT,UAAU;CACV,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,WAAW;CACX,QAAQ;CACR,KAAK;CACL,UAAU;CACV,aAAa;CACb,cAAc;CACd,UAAU;CACV,YAAY;CACZ,eAAe;CACf,QAAQ;EACN,YAAY;EACZ,eAAe;CAChB;AACF,EACF,EAAC;AAEF,MAAM,YAAY,OAAO,KAAK,EAC5B,MAAM;CACJ,OAAO;CACP,gBAAgB;CAChB,QAAQ,EAAE,gBAAgB,OAAQ;CAClC,eAAe,EAAE,gBAAgB,OAAQ;AAC1C,EACF,EAAC;AAEF,MAAM,gBAAgB,OAAO,OAAO;CAClC,MAAM;EACJ,UAAU;EACV,SAAS;EACT,eAAe;EACf,KAAK;EACL,QAAQ;EACR,SAAS;GACP,SAAS;GACT,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,OAAO;GACP,WAAW;GACX,QAAQ;EACT;CACF;CACD,UAAU;EACR,SAAS;EACT,aAAa,EACX,MAAM,EACJ,YAAY,EACV,SAAS,EACP,SAAS,OACV,EACF,EACF,EACF;CACF;AACF,EAAC;AAEF,MAAM,eAAe,OAAO,OAAO;CACjC,MAAM;EACJ,SAAS;EACT,KAAK;EACL,YAAY;EACZ,gBAAgB;EAChB,eAAe;EACf,QAAQ;EACR,YAAY,EACV,SAAS;GACP,SAAS;GACT,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,OAAO;GACP,WAAW;GACX,QAAQ;EACT,EACF;CACF;CACD,UAAU,EACR,SAAS,kBACV;AACF,EAAC;AAEF,MAAM,cAAc,OAAO,OAAO,EAChC,MAAM;CACJ,cAAc;CACd,OAAO;CACP,QAAQ;CACR,WAAW;AACZ,EACF,EAAC;AAEF,MAAM,iBAAiB,OAAO,OAAO,EACnC,MAAM;CACJ,SAAS;CACT,eAAe;CACf,KAAK;CACL,MAAM;CACN,OAAO;AACR,EACF,EAAC;AAEF,MAAM,oBAAoB,OAAO,MAAM,EACrC,MAAM,EACJ,YAAY,QACb,EACF,EAAC;AAcF,MAAa,eAAe,CAAC,EAC3B,OACA,UACA,aACA,MACA,OACA,UACA,MACA,kBAAkB,UACZ,KAAK;CACX,MAAM,EAAE,GAAG,GAAG,gBAAgB;AAC9B,wBACE,KAAC;EAAc,mBAAgB;6BAC7B,KAAC,6CACC,KAAC;GAAc,SAAS;GAAiB,eAAe;;oBACtD,IAAC;KAAW;KAAM,YAAW;KAAO,WAAU;eAC3C;MACI;oBACP,IAAC;KAAW;eAAO;MAAgB;oBACnC,KAAC,oBACG,EAAE,EAAE,QAAQ,CAAC,qBACf,IAAC;KAAU,OAAO,SAAS,MAAM;eAAI;MAAkB,IAClD;;IACO,kBAChB,IAAC;GAAkB,WAAU;aAAc;IAAgC,IAC5D,IACd,yBACD,KAAC;GAAa,SAAS;8BACrB,IAAC;IACC,KAAK,sBAAyB,WAAW,MAAM,QAAQ;IACvD,KAAK,MAAM,MAAM;IACjB,OAAO;IACP,QAAQ;KACR,kBACF,IAAC;IAAwB,MAAK;IAAQ,WAAW,MAAM;KAAa;IACvD;GAEH;AAEnB"}

package/es/ContentTypeBadge/ContentTypeBadge.js

@@ -1,50 +1,41 @@
-/**
- * Copyright (c) 2024-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 { ASSESSMENT_RESOURCES, AUDIO, CONCEPT, EXTERNAL, FRONTPAGE_ARTICLE, GLOSS, IMAGE, LEARNING_PATH, MISSING, MULTIDISCIPLINARY, PODCAST, PODCAST_SERIES, PROGRAMME, SOURCE_MATERIAL, SUBJECT, SUBJECT_MATERIAL, TASKS_AND_ACTIVITIES, TOPIC, VIDEO } from "../model/ContentType.js";
 import { forwardRef } from "react";
-import { useTranslation } from "react-i18next";
 import { Badge } from "@ndla/primitives";
-import * as contentTypes from "../model/ContentType";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const contentTypeToBadgeVariantMap = {
-  [contentTypes.SUBJECT_MATERIAL]: "brand1",
-  [contentTypes.TASKS_AND_ACTIVITIES]: "brand2",
-  [contentTypes.ASSESSMENT_RESOURCES]: "brand2",
-  [contentTypes.SUBJECT]: "neutral",
-  [contentTypes.SOURCE_MATERIAL]: "brand1",
-  [contentTypes.LEARNING_PATH]: "brand3",
-  [contentTypes.TOPIC]: "neutral",
-  [contentTypes.MULTIDISCIPLINARY]: "neutral",
-  [contentTypes.CONCEPT]: "brand1",
-  [contentTypes.EXTERNAL]: "brand2",
-  [contentTypes.IMAGE]: "brand1",
-  [contentTypes.AUDIO]: "brand1",
-  [contentTypes.PODCAST]: "brand1",
-  [contentTypes.VIDEO]: "brand1",
-  [contentTypes.MISSING]: "neutral",
-  [contentTypes.PODCAST_SERIES]: "brand1",
-  [contentTypes.GLOSS]: "brand1",
-  [contentTypes.PROGRAMME]: "neutral",
-  [contentTypes.FRONTPAGE_ARTICLE]: "brand2"
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ContentTypeBadge/ContentTypeBadge.tsx
+const contentTypeToBadgeVariantMap = {
+	[SUBJECT_MATERIAL]: "brand1",
+	[TASKS_AND_ACTIVITIES]: "brand2",
+	[ASSESSMENT_RESOURCES]: "brand2",
+	[SUBJECT]: "neutral",
+	[SOURCE_MATERIAL]: "brand1",
+	[LEARNING_PATH]: "brand3",
+	[TOPIC]: "neutral",
+	[MULTIDISCIPLINARY]: "neutral",
+	[CONCEPT]: "brand1",
+	[EXTERNAL]: "brand2",
+	[IMAGE]: "brand1",
+	[AUDIO]: "brand1",
+	[PODCAST]: "brand1",
+	[VIDEO]: "brand1",
+	[MISSING]: "neutral",
+	[PODCAST_SERIES]: "brand1",
+	[GLOSS]: "brand1",
+	[PROGRAMME]: "neutral",
+	[FRONTPAGE_ARTICLE]: "brand2"
 };
-export const ContentTypeBadge = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    contentType,
-    children,
-    ...props
-  } = _ref;
-  const {
-    t
-  } = useTranslation();
-  return /*#__PURE__*/_jsx(Badge, {
-    colorTheme: contentTypeToBadgeVariantMap[contentType ?? "missing"] ?? contentTypeToBadgeVariantMap["missing"],
-    ...props,
-    ref: ref,
-    children: children ?? t(`contentTypes.${contentType}`)
-  });
-});
+const ContentTypeBadge = forwardRef(({ contentType, children,...props }, ref) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(Badge, {
+		colorTheme: contentTypeToBadgeVariantMap[contentType ?? "missing"] ?? contentTypeToBadgeVariantMap["missing"],
+		...props,
+		ref,
+		children: children ?? t(`contentTypes.${contentType}`)
+	});
+});
+
+//#endregion
+export { ContentTypeBadge, contentTypeToBadgeVariantMap };
+//# sourceMappingURL=ContentTypeBadge.js.map

package/es/ContentTypeBadge/ContentTypeBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypeBadge.js","names":["contentTypeToBadgeVariantMap: Record<ContentType, BadgeVariant>"],"sources":["../../src/ContentTypeBadge/ContentTypeBadge.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { forwardRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Badge, type BadgeProps, type BadgeVariant } from \"@ndla/primitives\";\nimport * as contentTypes from \"../model/ContentType\";\n\nexport interface ContentTypeBadgeProps extends Omit<BadgeProps, \"colorTheme\"> {\n  contentType: ContentType | undefined;\n}\n\nexport type StrictContentType =\n  | typeof contentTypes.SUBJECT_MATERIAL\n  | typeof contentTypes.TASKS_AND_ACTIVITIES\n  | typeof contentTypes.ASSESSMENT_RESOURCES\n  | typeof contentTypes.SUBJECT\n  | typeof contentTypes.SOURCE_MATERIAL\n  | typeof contentTypes.LEARNING_PATH\n  | typeof contentTypes.TOPIC\n  | typeof contentTypes.MULTIDISCIPLINARY\n  | typeof contentTypes.CONCEPT\n  | typeof contentTypes.EXTERNAL\n  | typeof contentTypes.IMAGE\n  | typeof contentTypes.AUDIO\n  | typeof contentTypes.VIDEO\n  | typeof contentTypes.MISSING\n  | typeof contentTypes.PODCAST\n  | typeof contentTypes.GLOSS\n  | typeof contentTypes.PROGRAMME\n  | typeof contentTypes.PODCAST_SERIES\n  | typeof contentTypes.FRONTPAGE_ARTICLE;\n\nexport type ContentType =\n  | StrictContentType\n  // This allows for us to fallback to string without getting a ts error, while still keeping intellisense\n  | (string & {});\n\nexport const contentTypeToBadgeVariantMap: Record<ContentType, BadgeVariant> = {\n  [contentTypes.SUBJECT_MATERIAL]: \"brand1\",\n  [contentTypes.TASKS_AND_ACTIVITIES]: \"brand2\",\n  [contentTypes.ASSESSMENT_RESOURCES]: \"brand2\",\n  [contentTypes.SUBJECT]: \"neutral\",\n  [contentTypes.SOURCE_MATERIAL]: \"brand1\",\n  [contentTypes.LEARNING_PATH]: \"brand3\",\n  [contentTypes.TOPIC]: \"neutral\",\n  [contentTypes.MULTIDISCIPLINARY]: \"neutral\",\n  [contentTypes.CONCEPT]: \"brand1\",\n  [contentTypes.EXTERNAL]: \"brand2\",\n  [contentTypes.IMAGE]: \"brand1\",\n  [contentTypes.AUDIO]: \"brand1\",\n  [contentTypes.PODCAST]: \"brand1\",\n  [contentTypes.VIDEO]: \"brand1\",\n  [contentTypes.MISSING]: \"neutral\",\n  [contentTypes.PODCAST_SERIES]: \"brand1\",\n  [contentTypes.GLOSS]: \"brand1\",\n  [contentTypes.PROGRAMME]: \"neutral\",\n  [contentTypes.FRONTPAGE_ARTICLE]: \"brand2\",\n};\n\nexport const ContentTypeBadge = forwardRef<HTMLDivElement, ContentTypeBadgeProps>(\n  ({ contentType, children, ...props }, ref) => {\n    const { t } = useTranslation();\n    return (\n      <Badge\n        colorTheme={contentTypeToBadgeVariantMap[contentType ?? \"missing\"] ?? contentTypeToBadgeVariantMap[\"missing\"]}\n        {...props}\n        ref={ref}\n      >\n        {children ?? t(`contentTypes.${contentType}`)}\n      </Badge>\n    );\n  },\n);\n"],"mappings":";;;;;;;AA2CA,MAAaA,+BAAkE;qBAC5C;yBACI;yBACA;YACb;oBACQ;kBACF;UACR;sBACY;YACV;aACC;UACH;UACA;YACE;UACF;YACE;mBACO;UACT;cACI;sBACQ;AACnC;AAED,MAAa,mBAAmB,WAC9B,CAAC,EAAE,aAAa,SAAU,GAAG,OAAO,EAAE,QAAQ;CAC5C,MAAM,EAAE,GAAG,GAAG,gBAAgB;AAC9B,wBACE,IAAC;EACC,YAAY,6BAA6B,eAAe,cAAc,6BAA6B;EACnG,GAAI;EACC;YAEJ,YAAY,GAAG,eAAe,YAAY,EAAE;GACvC;AAEX,EACF"}

package/es/ContentTypeBlockQuote/ContentTypeBlockQuote.js

@@ -1,32 +1,25 @@
-/**
- * Copyright (c) 2024-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 { forwardRef } from "react";
 import { BlockQuote } from "@ndla/primitives";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ContentTypeBlockQuote/ContentTypeBlockQuote.tsx
 const contentTypeToVariantMapping = {
-  "subject-material": "brand1",
-  "source-material": "brand1",
-  concept: "brand1",
-  "tasks-and-activities": "brand2",
-  "assessment-resources": "brand2"
+	"subject-material": "brand1",
+	"source-material": "brand1",
+	concept: "brand1",
+	"tasks-and-activities": "brand2",
+	"assessment-resources": "brand2"
 };
-export const ContentTypeBlockQuote = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    variant,
-    contentType,
-    ...props
-  } = _ref;
-  const color = contentType ? contentTypeToVariantMapping[contentType] ?? "brand1" : "brand1";
-  const variantColor = variant === "colored" ? color : undefined;
-  return /*#__PURE__*/_jsx(BlockQuote, {
-    ...props,
-    variant: variantColor,
-    ref: ref
-  });
-});
+const ContentTypeBlockQuote = forwardRef(({ variant, contentType,...props }, ref) => {
+	const color = contentType ? contentTypeToVariantMapping[contentType] ?? "brand1" : "brand1";
+	const variantColor = variant === "colored" ? color : void 0;
+	return /* @__PURE__ */ jsx(BlockQuote, {
+		...props,
+		variant: variantColor,
+		ref
+	});
+});
+
+//#endregion
+export { ContentTypeBlockQuote };
+//# sourceMappingURL=ContentTypeBlockQuote.js.map