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

package/es/AudioPlayer/SpeechControl.js

@@ -1,56 +1,40 @@
-/**
- * Copyright (c) 2021-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 { useRef } from "react";
+import { IconButton, TooltipContent, TooltipRoot, TooltipTrigger } from "@ndla/primitives";
 import { useTranslation } from "react-i18next";
 import { VolumeUpFill } from "@ndla/icons";
-import { TooltipRoot, TooltipTrigger, TooltipContent, IconButton } from "@ndla/primitives";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SpeechControl = _ref => {
-  let {
-    src,
-    title,
-    type = "audio"
-  } = _ref;
-  const {
-    t
-  } = useTranslation();
-  const audioRef = useRef(null);
-  const togglePlay = () => {
-    if (audioRef.current) {
-      const audioElement = audioRef.current;
-      if (audioElement.paused) {
-        audioElement.play();
-      } else {
-        audioElement.pause();
-      }
-    }
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    "data-embed-type": "speech",
-    children: [/*#__PURE__*/_jsx("audio", {
-      ref: audioRef,
-      src: src,
-      title: title,
-      preload: "metadata"
-    }), /*#__PURE__*/_jsxs(TooltipRoot, {
-      children: [/*#__PURE__*/_jsx(TooltipTrigger, {
-        asChild: true,
-        children: /*#__PURE__*/_jsx(IconButton, {
-          variant: "tertiary",
-          "aria-label": t(`${type}.play`),
-          onClick: togglePlay,
-          children: /*#__PURE__*/_jsx(VolumeUpFill, {})
-        })
-      }), /*#__PURE__*/_jsx(TooltipContent, {
-        children: t(`${type}.play`)
-      })]
-    })]
-  });
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/AudioPlayer/SpeechControl.tsx
+const SpeechControl = ({ src, title, type = "audio" }) => {
+	const { t } = useTranslation();
+	const audioRef = useRef(null);
+	const togglePlay = () => {
+		if (audioRef.current) {
+			const audioElement = audioRef.current;
+			if (audioElement.paused) audioElement.play();
+			else audioElement.pause();
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-embed-type": "speech",
+		children: [/* @__PURE__ */ jsx("audio", {
+			ref: audioRef,
+			src,
+			title,
+			preload: "metadata"
+		}), /* @__PURE__ */ jsxs(TooltipRoot, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(IconButton, {
+				variant: "tertiary",
+				"aria-label": t(`${type}.play`),
+				onClick: togglePlay,
+				children: /* @__PURE__ */ jsx(VolumeUpFill, {})
+			})
+		}), /* @__PURE__ */ jsx(TooltipContent, { children: t(`${type}.play`) })] })]
+	});
 };
-export default SpeechControl;
+var SpeechControl_default = SpeechControl;
+
+//#endregion
+export { SpeechControl_default };
+//# sourceMappingURL=SpeechControl.js.map

package/es/AudioPlayer/SpeechControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpeechControl.js","names":[],"sources":["../../src/AudioPlayer/SpeechControl.tsx"],"sourcesContent":["/**\n * Copyright (c) 2021-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 { useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { VolumeUpFill } from \"@ndla/icons\";\nimport { TooltipRoot, TooltipTrigger, TooltipContent, IconButton } from \"@ndla/primitives\";\n\ntype Props = {\n  src: string;\n  title: string;\n  type?: \"gloss\" | \"audio\";\n};\n\nconst SpeechControl = ({ src, title, type = \"audio\" }: Props) => {\n  const { t } = useTranslation();\n  const audioRef = useRef<HTMLAudioElement>(null);\n\n  const togglePlay = () => {\n    if (audioRef.current) {\n      const audioElement = audioRef.current;\n      if (audioElement.paused) {\n        audioElement.play();\n      } else {\n        audioElement.pause();\n      }\n    }\n  };\n  return (\n    <div data-embed-type=\"speech\">\n      {/* eslint-disable-next-line jsx-a11y/media-has-caption */}\n      <audio ref={audioRef} src={src} title={title} preload=\"metadata\" />\n      <TooltipRoot>\n        <TooltipTrigger asChild>\n          <IconButton variant=\"tertiary\" aria-label={t(`${type}.play`)} onClick={togglePlay}>\n            <VolumeUpFill />\n          </IconButton>\n        </TooltipTrigger>\n        <TooltipContent>{t(`${type}.play`)}</TooltipContent>\n      </TooltipRoot>\n    </div>\n  );\n};\n\nexport default SpeechControl;\n"],"mappings":";;;;;;;AAmBA,MAAM,gBAAgB,CAAC,EAAE,KAAK,OAAO,OAAO,SAAgB,KAAK;CAC/D,MAAM,EAAE,GAAG,GAAG,gBAAgB;CAC9B,MAAM,WAAW,OAAyB,KAAK;CAE/C,MAAM,aAAa,MAAM;AACvB,MAAI,SAAS,SAAS;GACpB,MAAM,eAAe,SAAS;AAC9B,OAAI,aAAa,OACf,cAAa,MAAM;OAEnB,cAAa,OAAO;EAEvB;CACF;AACD,wBACE,KAAC;EAAI,mBAAgB;6BAEnB,IAAC;GAAM,KAAK;GAAe;GAAY;GAAO,SAAQ;IAAa,kBACnE,KAAC,0CACC,IAAC;GAAe;6BACd,IAAC;IAAW,SAAQ;IAAW,cAAY,GAAG,EAAE,KAAK,OAAO;IAAE,SAAS;8BACrE,IAAC,iBAAe;KACL;IACE,kBACjB,IAAC,4BAAgB,GAAG,EAAE,KAAK,OAAO,GAAkB,IACxC;GACV;AAET;AAED,4BAAe"}

package/es/AudioPlayer/index.js

@@ -1,10 +1,8 @@
-/**
- * Copyright (c) 2021-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 { AudioPlayer_default } from "./AudioPlayer.js";
 
-import AudioPlayer from "./AudioPlayer";
-export default AudioPlayer;
+//#region src/AudioPlayer/index.ts
+var AudioPlayer_default$1 = AudioPlayer_default;
+
+//#endregion
+export { AudioPlayer_default$1 as AudioPlayer_default };
+//# sourceMappingURL=index.js.map

package/es/AudioPlayer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AudioPlayer"],"sources":["../../src/AudioPlayer/index.ts"],"sourcesContent":["/**\n * Copyright (c) 2021-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 AudioPlayer from \"./AudioPlayer\";\n\nexport default AudioPlayer;\n"],"mappings":";;;AAUA,4BAAeA"}

package/es/Breadcrumb/Breadcrumb.js

@@ -1,60 +1,44 @@
-/**
- * Copyright (c) 2016-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 { BreadcrumbItem_default } from "./BreadcrumbItem.js";
+import "react";
 import { styled } from "@ndla/styled-system/jsx";
-import BreadcrumbItem from "./BreadcrumbItem";
-import { jsx as _jsx } from "react/jsx-runtime";
-const StyledList = styled("ol", {
-  base: {
-    display: "flex",
-    flexWrap: "wrap",
-    alignItems: "center",
-    listStyle: "none",
-    gap: "xxsmall",
-    mobileDown: {
-      alignItems: "flex-start",
-      justifyContent: "center",
-      flexDirection: "column"
-    }
-  }
-});
-const Breadcrumb = _ref => {
-  let {
-    items,
-    renderItem,
-    renderSeparator,
-    collapseFirst,
-    collapseLast = true
-  } = _ref;
-  const {
-    t
-  } = useTranslation();
-  return /*#__PURE__*/_jsx("nav", {
-    "aria-label": t("breadcrumb.breadcrumb"),
-    children: /*#__PURE__*/_jsx(StyledList, {
-      children: items.map((item, index) => /*#__PURE__*/_jsx(BreadcrumbItem, {
-        renderItem: renderItem,
-        renderSeparator: renderSeparator,
-        ref: element => {
-          if (element === null || !collapseFirst && index === 0 || !collapseLast && index === items.length - 1) {
-            if (element) {
-              element.setMaxWidth("none");
-            }
-          }
-        },
-        totalCount: items.length,
-        item: {
-          ...item,
-          index
-        }
-      }, typeof item.to === "string" ? item.to : item.to.pathname))
-    })
-  });
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/Breadcrumb/Breadcrumb.tsx
+const StyledList = styled("ol", { base: {
+	display: "flex",
+	flexWrap: "wrap",
+	alignItems: "center",
+	listStyle: "none",
+	gap: "xxsmall",
+	mobileDown: {
+		alignItems: "flex-start",
+		justifyContent: "center",
+		flexDirection: "column"
+	}
+} });
+const Breadcrumb = ({ items, renderItem, renderSeparator, collapseFirst, collapseLast = true }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": t("breadcrumb.breadcrumb"),
+		children: /* @__PURE__ */ jsx(StyledList, { children: items.map((item, index) => /* @__PURE__ */ jsx(BreadcrumbItem_default, {
+			renderItem,
+			renderSeparator,
+			ref: (element) => {
+				if (element === null || !collapseFirst && index === 0 || !collapseLast && index === items.length - 1) {
+					if (element) element.setMaxWidth("none");
+				}
+			},
+			totalCount: items.length,
+			item: {
+				...item,
+				index
+			}
+		}, typeof item.to === "string" ? item.to : item.to.pathname)) })
+	});
 };
-export default Breadcrumb;
+var Breadcrumb_default = Breadcrumb;
+
+//#endregion
+export { Breadcrumb_default };
+//# sourceMappingURL=Breadcrumb.js.map

package/es/Breadcrumb/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","names":["BreadcrumbItem"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["/**\n * Copyright (c) 2016-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 ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport BreadcrumbItem, { type IndexedBreadcrumbItem, type SimpleBreadcrumbItem } from \"./BreadcrumbItem\";\n\ninterface Props {\n  items: SimpleBreadcrumbItem[];\n  collapseFirst?: boolean;\n  collapseLast?: boolean;\n  renderItem?: (item: IndexedBreadcrumbItem, totalCount: number) => ReactNode;\n  renderSeparator?: (item: IndexedBreadcrumbItem, totalCount: number) => ReactNode;\n}\n\nconst StyledList = styled(\"ol\", {\n  base: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    alignItems: \"center\",\n    listStyle: \"none\",\n    gap: \"xxsmall\",\n    mobileDown: {\n      alignItems: \"flex-start\",\n      justifyContent: \"center\",\n      flexDirection: \"column\",\n    },\n  },\n});\n\nconst Breadcrumb = ({ items, renderItem, renderSeparator, collapseFirst, collapseLast = true }: Props) => {\n  const { t } = useTranslation();\n\n  return (\n    <nav aria-label={t(\"breadcrumb.breadcrumb\")}>\n      <StyledList>\n        {items.map((item, index) => (\n          <BreadcrumbItem\n            renderItem={renderItem}\n            renderSeparator={renderSeparator}\n            ref={(element) => {\n              if (\n                element === null ||\n                (!collapseFirst && index === 0) ||\n                (!collapseLast && index === items.length - 1)\n              ) {\n                if (element) {\n                  element.setMaxWidth(\"none\");\n                }\n              }\n            }}\n            key={typeof item.to === \"string\" ? item.to : item.to.pathname}\n            totalCount={items.length}\n            item={{ ...item, index }}\n          />\n        ))}\n      </StyledList>\n    </nav>\n  );\n};\n\nexport default Breadcrumb;\n"],"mappings":";;;;;;;AAqBA,MAAM,aAAa,OAAO,MAAM,EAC9B,MAAM;CACJ,SAAS;CACT,UAAU;CACV,YAAY;CACZ,WAAW;CACX,KAAK;CACL,YAAY;EACV,YAAY;EACZ,gBAAgB;EAChB,eAAe;CAChB;AACF,EACF,EAAC;AAEF,MAAM,aAAa,CAAC,EAAE,OAAO,YAAY,iBAAiB,eAAe,eAAe,MAAa,KAAK;CACxG,MAAM,EAAE,GAAG,GAAG,gBAAgB;AAE9B,wBACE,IAAC;EAAI,cAAY,EAAE,wBAAwB;4BACzC,IAAC,wBACE,MAAM,IAAI,CAAC,MAAM,0BAChB,IAACA;GACa;GACK;GACjB,KAAK,CAAC,YAAY;AAChB,QACE,YAAY,SACV,iBAAiB,UAAU,MAC3B,gBAAgB,UAAU,MAAM,SAAS,GAE3C;SAAI,QACF,SAAQ,YAAY,OAAO;IAC5B;GAEJ;GAED,YAAY,MAAM;GAClB,MAAM;IAAE,GAAG;IAAM;GAAO;YAFZ,KAAK,OAAO,WAAW,KAAK,KAAK,KAAK,GAAG,SAGrD,CACF,GACS;GACT;AAET;AAED,yBAAe"}

package/es/Breadcrumb/BreadcrumbItem.js

@@ -1,62 +1,36 @@
-/**
- * Copyright (c) 2016-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 { useRef, useImperativeHandle, forwardRef } from "react";
+import { forwardRef, useImperativeHandle, useRef } from "react";
+import { styled } from "@ndla/styled-system/jsx";
 import { ArrowRightShortLine } from "@ndla/icons";
 import { SafeLink } from "@ndla/safelink";
-import { styled } from "@ndla/styled-system/jsx";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const StyledListItem = styled("li", {
-  base: {
-    display: "flex",
-    color: "inherit",
-    gap: "3xsmall",
-    alignItems: "flex-end",
-    tabletDown: {
-      display: "block"
-    },
-    "& a": {
-      _visited: {
-        color: "inherit"
-      }
-    }
-  }
-});
-const BreadcrumbItem = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    renderItem,
-    renderSeparator,
-    item,
-    totalCount
-  } = _ref;
-  const liRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    setMaxWidth: maxWidth => {
-      liRef.current.children[0].style.maxWidth = maxWidth;
-    }
-  }));
-  const {
-    to,
-    name,
-    index
-  } = item;
-  const isLast = index === totalCount - 1;
-  return /*#__PURE__*/_jsxs(StyledListItem, {
-    ref: liRef,
-    "aria-current": isLast ? "page" : undefined,
-    children: [renderItem ? renderItem(item, totalCount) : isLast ? /*#__PURE__*/_jsx("span", {
-      children: name
-    }) : /*#__PURE__*/_jsx(SafeLink, {
-      to: to,
-      children: /*#__PURE__*/_jsx("span", {
-        children: name
-      })
-    }), renderSeparator ? renderSeparator(item, totalCount) : !isLast && /*#__PURE__*/_jsx(ArrowRightShortLine, {})]
-  });
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/Breadcrumb/BreadcrumbItem.tsx
+const StyledListItem = styled("li", { base: {
+	display: "flex",
+	color: "inherit",
+	gap: "3xsmall",
+	alignItems: "flex-end",
+	tabletDown: { display: "block" },
+	"& a": { _visited: { color: "inherit" } }
+} });
+const BreadcrumbItem = forwardRef(({ renderItem, renderSeparator, item, totalCount }, ref) => {
+	const liRef = useRef(null);
+	useImperativeHandle(ref, () => ({ setMaxWidth: (maxWidth) => {
+		liRef.current.children[0].style.maxWidth = maxWidth;
+	} }));
+	const { to, name, index } = item;
+	const isLast = index === totalCount - 1;
+	return /* @__PURE__ */ jsxs(StyledListItem, {
+		ref: liRef,
+		"aria-current": isLast ? "page" : void 0,
+		children: [renderItem ? renderItem(item, totalCount) : isLast ? /* @__PURE__ */ jsx("span", { children: name }) : /* @__PURE__ */ jsx(SafeLink, {
+			to,
+			children: /* @__PURE__ */ jsx("span", { children: name })
+		}), renderSeparator ? renderSeparator(item, totalCount) : !isLast && /* @__PURE__ */ jsx(ArrowRightShortLine, {})]
+	});
 });
-export default BreadcrumbItem;
+var BreadcrumbItem_default = BreadcrumbItem;
+
+//#endregion
+export { BreadcrumbItem_default };
+//# sourceMappingURL=BreadcrumbItem.js.map

package/es/Breadcrumb/BreadcrumbItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.js","names":["maxWidth: number"],"sources":["../../src/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["/**\n * Copyright (c) 2016-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 { useRef, useImperativeHandle, type ReactNode, forwardRef } from \"react\";\nimport { ArrowRightShortLine } from \"@ndla/icons\";\nimport { SafeLink } from \"@ndla/safelink\";\nimport { styled } from \"@ndla/styled-system/jsx\";\n\nexport interface SimpleBreadcrumbItem {\n  to: string | Partial<Location>;\n  name: ReactNode;\n}\n\nexport interface IndexedBreadcrumbItem extends SimpleBreadcrumbItem {\n  index: number;\n}\n\nexport interface BreadcrumbRenderProps {\n  item: IndexedBreadcrumbItem;\n  totalCount: number;\n}\n\nconst StyledListItem = styled(\"li\", {\n  base: {\n    display: \"flex\",\n    color: \"inherit\",\n    gap: \"3xsmall\",\n    alignItems: \"flex-end\",\n    tabletDown: {\n      display: \"block\",\n    },\n    \"& a\": {\n      _visited: {\n        color: \"inherit\",\n      },\n    },\n  },\n});\n\ninterface Props {\n  item: IndexedBreadcrumbItem;\n  autoCollapse?: boolean;\n  totalCount: number;\n  renderItem?: (item: IndexedBreadcrumbItem, totalCount: number) => ReactNode;\n  renderSeparator?: (item: IndexedBreadcrumbItem, totalCount: number) => ReactNode;\n}\n\nconst BreadcrumbItem = forwardRef<any, Props>(({ renderItem, renderSeparator, item, totalCount }, ref) => {\n  const liRef = useRef<any>(null);\n\n  useImperativeHandle(ref, () => ({\n    setMaxWidth: (maxWidth: number) => {\n      liRef.current.children[0].style.maxWidth = maxWidth;\n    },\n  }));\n\n  const { to, name, index } = item;\n  const isLast = index === totalCount - 1;\n  return (\n    <StyledListItem ref={liRef} aria-current={isLast ? \"page\" : undefined}>\n      {renderItem ? (\n        renderItem(item, totalCount)\n      ) : isLast ? (\n        <span>{name}</span>\n      ) : (\n        <SafeLink to={to}>\n          <span>{name}</span>\n        </SafeLink>\n      )}\n      {renderSeparator ? renderSeparator(item, totalCount) : !isLast && <ArrowRightShortLine />}\n    </StyledListItem>\n  );\n});\n\nexport default BreadcrumbItem;\n"],"mappings":";;;;;;;AA2BA,MAAM,iBAAiB,OAAO,MAAM,EAClC,MAAM;CACJ,SAAS;CACT,OAAO;CACP,KAAK;CACL,YAAY;CACZ,YAAY,EACV,SAAS,QACV;CACD,OAAO,EACL,UAAU,EACR,OAAO,UACR,EACF;AACF,EACF,EAAC;AAUF,MAAM,iBAAiB,WAAuB,CAAC,EAAE,YAAY,iBAAiB,MAAM,YAAY,EAAE,QAAQ;CACxG,MAAM,QAAQ,OAAY,KAAK;AAE/B,qBAAoB,KAAK,OAAO,EAC9B,aAAa,CAACA,aAAqB;AACjC,QAAM,QAAQ,SAAS,GAAG,MAAM,WAAW;CAC5C,EACF,GAAE;CAEH,MAAM,EAAE,IAAI,MAAM,OAAO,GAAG;CAC5B,MAAM,SAAS,UAAU,aAAa;AACtC,wBACE,KAAC;EAAe,KAAK;EAAO,gBAAc,SAAS;aAChD,aACC,WAAW,MAAM,WAAW,GAC1B,yBACF,IAAC,oBAAM,OAAY,mBAEnB,IAAC;GAAa;6BACZ,IAAC,oBAAM,OAAY;IACV,EAEZ,kBAAkB,gBAAgB,MAAM,WAAW,IAAI,0BAAU,IAAC,wBAAsB;GAC1E;AAEpB,EAAC;AAEF,6BAAe"}

package/es/Breadcrumb/HomeBreadcrumb.js

@@ -1,77 +1,44 @@
-/**
- * Copyright (c) 2022-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 { Breadcrumb_default } from "./Breadcrumb.js";
+import { styled } from "@ndla/styled-system/jsx";
 import { ArrowRightShortLine, HomeLine } from "@ndla/icons";
 import { SafeLink } from "@ndla/safelink";
-import { styled } from "@ndla/styled-system/jsx";
-import Breadcrumb from "./Breadcrumb";
-import { jsx as _jsx } from "react/jsx-runtime";
-const StyledSafeLink = styled(SafeLink, {
-  base: {
-    color: "inherit",
-    textDecoration: "underline",
-    _hover: {
-      textDecoration: "none"
-    },
-    _focusVisible: {
-      textDecoration: "none"
-    }
-  }
-});
-const StyledArrowRight = styled(ArrowRightShortLine, {
-  base: {
-    tabletDown: {
-      display: "none"
-    }
-  }
-});
-const IconSafeLink = styled(SafeLink, {
-  base: {
-    color: "inherit"
-  }
-});
-const HomeBreadcrumb = _ref => {
-  let {
-    items
-  } = _ref;
-  const renderItem = (item, totalCount) => {
-    if (item.index === totalCount - 1) {
-      return /*#__PURE__*/_jsx("span", {
-        children: item.name
-      });
-    }
-    if (item.index === 0 && typeof item.name === "string") {
-      return /*#__PURE__*/_jsx(IconSafeLink, {
-        "aria-label": item.name,
-        to: item.to,
-        children: /*#__PURE__*/_jsx(HomeLine, {
-          title: item.name
-        })
-      });
-    }
-    return /*#__PURE__*/_jsx(StyledSafeLink, {
-      to: item.to,
-      children: item.name
-    });
-  };
-  const renderSeparator = (item, totalCount) => {
-    if (item.index === totalCount - 1) {
-      return null;
-    }
-    if (item.index === 0) {
-      return /*#__PURE__*/_jsx(StyledArrowRight, {});
-    }
-    return /*#__PURE__*/_jsx(ArrowRightShortLine, {});
-  };
-  return /*#__PURE__*/_jsx(Breadcrumb, {
-    items: items,
-    renderItem: renderItem,
-    renderSeparator: renderSeparator
-  });
+import { jsx } from "react/jsx-runtime";
+
+//#region src/Breadcrumb/HomeBreadcrumb.tsx
+const StyledSafeLink = styled(SafeLink, { base: {
+	color: "inherit",
+	textDecoration: "underline",
+	_hover: { textDecoration: "none" },
+	_focusVisible: { textDecoration: "none" }
+} });
+const StyledArrowRight = styled(ArrowRightShortLine, { base: { tabletDown: { display: "none" } } });
+const IconSafeLink = styled(SafeLink, { base: { color: "inherit" } });
+const HomeBreadcrumb = ({ items }) => {
+	const renderItem = (item, totalCount) => {
+		if (item.index === totalCount - 1) return /* @__PURE__ */ jsx("span", { children: item.name });
+		if (item.index === 0 && typeof item.name === "string") return /* @__PURE__ */ jsx(IconSafeLink, {
+			"aria-label": item.name,
+			to: item.to,
+			children: /* @__PURE__ */ jsx(HomeLine, { title: item.name })
+		});
+		return /* @__PURE__ */ jsx(StyledSafeLink, {
+			to: item.to,
+			children: item.name
+		});
+	};
+	const renderSeparator = (item, totalCount) => {
+		if (item.index === totalCount - 1) return null;
+		if (item.index === 0) return /* @__PURE__ */ jsx(StyledArrowRight, {});
+		return /* @__PURE__ */ jsx(ArrowRightShortLine, {});
+	};
+	return /* @__PURE__ */ jsx(Breadcrumb_default, {
+		items,
+		renderItem,
+		renderSeparator
+	});
 };
-export default HomeBreadcrumb;
+var HomeBreadcrumb_default = HomeBreadcrumb;
+
+//#endregion
+export { HomeBreadcrumb_default };
+//# sourceMappingURL=HomeBreadcrumb.js.map

package/es/Breadcrumb/HomeBreadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomeBreadcrumb.js","names":["item: IndexedBreadcrumbItem","totalCount: number","Breadcrumb"],"sources":["../../src/Breadcrumb/HomeBreadcrumb.tsx"],"sourcesContent":["/**\n * Copyright (c) 2022-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 { ArrowRightShortLine, HomeLine } from \"@ndla/icons\";\nimport { SafeLink } from \"@ndla/safelink\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport Breadcrumb from \"./Breadcrumb\";\nimport type { IndexedBreadcrumbItem, SimpleBreadcrumbItem } from \"./BreadcrumbItem\";\n\nconst StyledSafeLink = styled(SafeLink, {\n  base: {\n    color: \"inherit\",\n    textDecoration: \"underline\",\n    _hover: {\n      textDecoration: \"none\",\n    },\n    _focusVisible: {\n      textDecoration: \"none\",\n    },\n  },\n});\n\nconst StyledArrowRight = styled(ArrowRightShortLine, {\n  base: {\n    tabletDown: {\n      display: \"none\",\n    },\n  },\n});\n\nconst IconSafeLink = styled(SafeLink, {\n  base: {\n    color: \"inherit\",\n  },\n});\n\ninterface Props {\n  items: SimpleBreadcrumbItem[];\n}\n\nconst HomeBreadcrumb = ({ items }: Props) => {\n  const renderItem = (item: IndexedBreadcrumbItem, totalCount: number) => {\n    if (item.index === totalCount - 1) {\n      return <span>{item.name}</span>;\n    }\n    if (item.index === 0 && typeof item.name === \"string\") {\n      return (\n        <IconSafeLink aria-label={item.name} to={item.to}>\n          <HomeLine title={item.name} />\n        </IconSafeLink>\n      );\n    }\n    return <StyledSafeLink to={item.to}>{item.name}</StyledSafeLink>;\n  };\n\n  const renderSeparator = (item: IndexedBreadcrumbItem, totalCount: number) => {\n    if (item.index === totalCount - 1) {\n      return null;\n    }\n    if (item.index === 0) {\n      return <StyledArrowRight />;\n    }\n    return <ArrowRightShortLine />;\n  };\n\n  return <Breadcrumb items={items} renderItem={renderItem} renderSeparator={renderSeparator} />;\n};\n\nexport default HomeBreadcrumb;\n"],"mappings":";;;;;;;AAcA,MAAM,iBAAiB,OAAO,UAAU,EACtC,MAAM;CACJ,OAAO;CACP,gBAAgB;CAChB,QAAQ,EACN,gBAAgB,OACjB;CACD,eAAe,EACb,gBAAgB,OACjB;AACF,EACF,EAAC;AAEF,MAAM,mBAAmB,OAAO,qBAAqB,EACnD,MAAM,EACJ,YAAY,EACV,SAAS,OACV,EACF,EACF,EAAC;AAEF,MAAM,eAAe,OAAO,UAAU,EACpC,MAAM,EACJ,OAAO,UACR,EACF,EAAC;AAMF,MAAM,iBAAiB,CAAC,EAAE,OAAc,KAAK;CAC3C,MAAM,aAAa,CAACA,MAA6BC,eAAuB;AACtE,MAAI,KAAK,UAAU,aAAa,EAC9B,wBAAO,IAAC,oBAAM,KAAK,OAAY;AAEjC,MAAI,KAAK,UAAU,YAAY,KAAK,SAAS,SAC3C,wBACE,IAAC;GAAa,cAAY,KAAK;GAAM,IAAI,KAAK;6BAC5C,IAAC,YAAS,OAAO,KAAK,OAAQ;IACjB;AAGnB,yBAAO,IAAC;GAAe,IAAI,KAAK;aAAK,KAAK;IAAsB;CACjE;CAED,MAAM,kBAAkB,CAACD,MAA6BC,eAAuB;AAC3E,MAAI,KAAK,UAAU,aAAa,EAC9B,QAAO;AAET,MAAI,KAAK,UAAU,EACjB,wBAAO,IAAC,qBAAmB;AAE7B,yBAAO,IAAC,wBAAsB;CAC/B;AAED,wBAAO,IAACC;EAAkB;EAAmB;EAA6B;GAAmB;AAC9F;AAED,6BAAe"}

package/es/Breadcrumb/index.js

@@ -1,11 +1,9 @@
-/**
- * Copyright (c) 2016-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 { Breadcrumb_default } from "./Breadcrumb.js";
+import { HomeBreadcrumb_default } from "./HomeBreadcrumb.js";
 
-import Breadcrumb from "./Breadcrumb";
-export { default as HomeBreadcrumb } from "./HomeBreadcrumb";
-export default Breadcrumb;
+//#region src/Breadcrumb/index.ts
+var Breadcrumb_default$1 = Breadcrumb_default;
+
+//#endregion
+export { Breadcrumb_default$1 as Breadcrumb_default };
+//# sourceMappingURL=index.js.map

package/es/Breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Breadcrumb"],"sources":["../../src/Breadcrumb/index.ts"],"sourcesContent":["/**\n * Copyright (c) 2016-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 Breadcrumb from \"./Breadcrumb\";\n\nexport type { SimpleBreadcrumbItem, IndexedBreadcrumbItem } from \"./BreadcrumbItem\";\n\nexport { default as HomeBreadcrumb } from \"./HomeBreadcrumb\";\n\nexport default Breadcrumb;\n"],"mappings":";;;;AAcA,2BAAeA"}