@vodafone_de/brix-components 3.1.6 → 3.1.8

package/index-CgzBmq4n.js

@@ -0,0 +1,208 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { S as ScreenreaderOnly } from "./index-DQhtQZ85.js";
+import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import styled from "styled-components";
+import { getBottomSpacing } from "./esm/foundations/token/getBottomSpacing/index.js";
+import { getFontWeight } from "./esm/foundations/token/getFontWeight/index.js";
+import { getHeadingSize } from "./esm/foundations/token/getHeadingSize/index.js";
+import { getSpacing } from "./esm/foundations/token/getSpacing/index.js";
+import { getTextColor } from "./esm/foundations/token/getTextColor/index.js";
+import { getTextDecoration } from "./esm/foundations/token/getTextDecoration/index.js";
+import { f as fontWeightBold, b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
+import { s as spacingMd, b as spacingNone, a as spacingXs } from "./Spacing-D0HQH9YJ.js";
+import { g as colorTextCritical, a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
+import { f as filterProps } from "./filterProps-Cewck8OH.js";
+const priceOrientationHorizontal = "horizontal";
+const priceOrientationVertical = "vertical";
+const priceSizeSm = "sm";
+const priceSizeMd = "md";
+const priceSizeLg = "lg";
+const priceAlignLeft = "left";
+const priceAlignCenter = "center";
+const priceDefaultProps = {
+  bottomSpacing: spacingMd,
+  orientation: priceOrientationVertical,
+  align: priceAlignLeft
+};
+const internalizePriceProps = (props) => {
+  const {
+    orientation,
+    align,
+    bottomSpacing,
+    ...rest
+  } = props;
+  return {
+    ...rest,
+    align,
+    bottomSpacing,
+    $orientation: orientation
+  };
+};
+const textDecorationStrikethrough = "Strikethrough";
+const PriceOuterWrapperStyled = styled.div.withConfig({
+  displayName: "PriceOuterWrapperStyled",
+  componentId: "sc-f6y6iv-0"
+})([""]);
+const PriceInnerWrapperStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(["aria-live"]),
+  displayName: "PriceInnerWrapperStyled",
+  componentId: "sc-f6y6iv-1"
+})(({
+  align
+}) => ({
+  textAlign: align
+}), ({
+  bottomSpacing = spacingMd
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+const StrikePriceStyled = styled.div.withConfig({
+  displayName: "StrikePriceStyled",
+  componentId: "sc-f6y6iv-2"
+})(getHeadingSize("xs"), {
+  fontWeight: getFontWeight(fontWeightBold),
+  textDecoration: getTextDecoration(textDecorationStrikethrough),
+  color: getTextColor(colorTextCritical)
+});
+const PriceOrientationStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "PriceOrientationStyled",
+  componentId: "sc-f6y6iv-3"
+})(({
+  orientation
+}) => {
+  if ("horizontal" === orientation) {
+    return {
+      display: "flex",
+      gap: `${getSpacing(spacingNone)} ${getSpacing(spacingXs)}`,
+      alignItems: "baseline"
+    };
+  }
+  return {};
+}, ({
+  orientation,
+  align
+}) => {
+  if ("horizontal" !== orientation) {
+    return {};
+  }
+  return {
+    justifyContent: align
+  };
+});
+const PriceStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "PriceStyled",
+  componentId: "sc-f6y6iv-4"
+})(({
+  size
+}) => getHeadingSize(size), {
+  fontWeight: getFontWeight(fontWeightBold),
+  color: getTextColor(colorTextNeutral)
+});
+const PriceSuffixStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "PriceSuffixStyled",
+  componentId: "sc-f6y6iv-5"
+})(getHeadingSize("xs"), {
+  color: getTextColor(colorTextNeutral)
+});
+const isTabularPriceProp = (props) => {
+  return props.component === "TabularPrice";
+};
+const createScreenReaderText = (price, strikePrice, suffix) => {
+  if (!strikePrice) {
+    return `${price} ${suffix}`;
+  }
+  return `Standardpreis ${strikePrice} - Angebotspreis ${price} ${suffix}`;
+};
+const Price = (props) => {
+  if (isTabularPriceProp(props)) {
+    return /* @__PURE__ */ jsx(TabularPrice, { ...props });
+  }
+  const {
+    orientation = priceOrientationVertical,
+    align = priceAlignLeft,
+    prefix,
+    price,
+    offerProductName,
+    ...priceProps
+  } = props;
+  const priceToRender = prefix ? `${prefix} ${price}` : price;
+  return /* @__PURE__ */ jsxs(PriceOuterWrapperStyled, { className: props.className, ...{
+    "aria-live": props["aria-live"]
+  }, children: [
+    offerProductName && /* @__PURE__ */ jsx("meta", { itemProp: "name", content: offerProductName }),
+    /* @__PURE__ */ jsx(ScreenreaderOnly, { children: createScreenReaderText(props.price, props.strikePrice, props.suffix) }),
+    /* @__PURE__ */ jsxs(PriceInnerWrapperStyled, { ...priceProps, orientation, align, ...{
+      "aria-hidden": true
+    }, itemProp: offerProductName ? "offers" : void 0, itemType: offerProductName ? "https://schema.org/Offer" : void 0, itemScope: offerProductName ? true : void 0, children: [
+      offerProductName && /* @__PURE__ */ jsx("meta", { itemProp: "priceCurrency", content: "EUR" }),
+      props.strikePrice ? /* @__PURE__ */ jsx(StrikePriceStyled, { children: renderInlineRichTextFromOpenText(priceProps.strikePrice) }) : null,
+      /* @__PURE__ */ jsxs(PriceOrientationStyled, { orientation, align, itemProp: offerProductName ? "price" : void 0, content: offerProductName ? price : void 0, children: [
+        /* @__PURE__ */ jsx(PriceStyled, { size: priceProps.size, children: renderInlineRichTextFromOpenText(priceToRender) }),
+        /* @__PURE__ */ jsx(PriceSuffixStyled, { children: renderInlineRichTextFromOpenText(priceProps.suffix) })
+      ] })
+    ] })
+  ] });
+};
+const TabularPriceInnerWrapperStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(["aria-live"]),
+  displayName: "TabularPriceInnerWrapperStyled",
+  componentId: "sc-142fiyo-0"
+})({
+  display: "flex",
+  flexDirection: "row",
+  alignItems: "baseline",
+  gap: `${getSpacing(spacingNone)} ${getSpacing(spacingXs)}`
+}, ({
+  bottomSpacing = spacingMd
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+const TabularPricePrefixStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "TabularPricePrefixStyled",
+  componentId: "sc-142fiyo-1"
+})(getHeadingSize("xs"), {
+  flexGrow: 1,
+  color: getTextColor(colorTextNeutral)
+}, ({
+  prefixWeight = fontWeightRegular
+}) => ({
+  fontWeight: getFontWeight(prefixWeight)
+}));
+const TabularPrice = ({
+  prefixWeight,
+  offerProductName,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(PriceOuterWrapperStyled, { className: props.className, ...{
+    "aria-live": props["aria-live"]
+  }, children: [
+    offerProductName && /* @__PURE__ */ jsx("meta", { itemProp: "name", content: offerProductName }),
+    /* @__PURE__ */ jsx(ScreenreaderOnly, { children: createScreenReaderText(props.price, props.strikePrice, props.prefix) }),
+    /* @__PURE__ */ jsxs(TabularPriceInnerWrapperStyled, { ...props, ...{
+      "aria-hidden": true
+    }, itemProp: offerProductName ? "offers" : void 0, itemType: offerProductName ? "https://schema.org/Offer" : void 0, itemScope: offerProductName ? true : void 0, children: [
+      offerProductName && /* @__PURE__ */ jsx("meta", { itemProp: "priceCurrency", content: "EUR" }),
+      /* @__PURE__ */ jsx(TabularPricePrefixStyled, { prefixWeight, children: props.prefix }),
+      props.strikePrice ? /* @__PURE__ */ jsx(StrikePriceStyled, { children: renderInlineRichTextFromOpenText(props.strikePrice) }) : null,
+      /* @__PURE__ */ jsx(PriceStyled, { size: props.size, itemProp: offerProductName ? "price" : void 0, content: offerProductName ? props.price : void 0, children: renderInlineRichTextFromOpenText(props.price) })
+    ] })
+  ] });
+};
+export {
+  Price as P,
+  TabularPrice as T,
+  priceOrientationVertical as a,
+  priceSizeSm as b,
+  createScreenReaderText as c,
+  priceSizeMd as d,
+  priceSizeLg as e,
+  priceAlignLeft as f,
+  priceAlignCenter as g,
+  priceDefaultProps as h,
+  internalizePriceProps as i,
+  priceOrientationHorizontal as p
+};

package/index-Ck2bCrhT.js

@@ -0,0 +1,32 @@
+const breakpoint_medium_number = 768;
+const breakpoint_medium = `${breakpoint_medium_number}px`;
+const breakpoint_large_number = 1025;
+const breakpoint_large = `${breakpoint_large_number}px`;
+const mediumMediaQuery = `screen and (min-width: ${breakpoint_medium})`;
+const largeMediaQuery = `screen and (min-width: ${breakpoint_large})`;
+const md = (stylesInViewport) => {
+  return {
+    [`@media ${mediumMediaQuery}`]: {
+      ...stylesInViewport
+    }
+  };
+};
+const lg = (stylesInViewport) => {
+  return {
+    [`@media ${largeMediaQuery}`]: {
+      ...stylesInViewport
+    }
+  };
+};
+const viewport = {
+  md,
+  lg
+};
+export {
+  breakpoint_large as a,
+  breakpoint_medium_number as b,
+  breakpoint_medium as c,
+  largeMediaQuery as l,
+  mediumMediaQuery as m,
+  viewport as v
+};

package/index-CnLaY-bi.cjs

@@ -0,0 +1,78 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const index = require("./index-_A9hEpl9.cjs");
+const Spacing = require("./Spacing-Cu_j2b83.cjs");
+const SizeTypes = require("./SizeTypes-CoZ2p2qq.cjs");
+const renderInlineRichTextFromOpenText = require("./renderInlineRichTextFromOpenText-CfOFMQ1v.cjs");
+const styled = require("styled-components");
+const foundations_mediaQuery_forcedColors = require("./foundations/media-query/forcedColors/index.js");
+const foundations_token_getBodySize = require("./foundations/token/getBodySize/index.js");
+const foundations_token_getBorderRadius = require("./foundations/token/getBorderRadius/index.js");
+const foundations_token_getBottomSpacing = require("./foundations/token/getBottomSpacing/index.js");
+const foundations_token_getFontWeight = require("./foundations/token/getFontWeight/index.js");
+const foundations_token_getObjectColor = require("./foundations/token/getObjectColor/index.js");
+const foundations_token_getSpacing = require("./foundations/token/getSpacing/index.js");
+const BorderRadius = require("./BorderRadius-tg_0N_aM.cjs");
+const FontWeight = require("./FontWeight-D3-RZpaX.cjs");
+const TextBodySize = require("./TextBodySize-DeP5RE2m.cjs");
+const colorUtils = require("./colorUtils-DlX47rtH.cjs");
+const filterProps = require("./filterProps-D3K8rtOg.cjs");
+const ObjectColor = require("./ObjectColor-BrtIOUrJ.cjs");
+const BadgeAppearanceColor = {
+  primary: ObjectColor.colorObjectBrand,
+  secondary: ObjectColor.colorObjectAccent,
+  tertiary: ObjectColor.colorObjectNeutral,
+  success: ObjectColor.colorObjectSuccess
+};
+const BadgeStyled = styled.span.withConfig({
+  shouldForwardProp: filterProps.filterProps(),
+  displayName: "BadgeStyled",
+  componentId: "sc-zs45ak-0"
+})({
+  display: "inline-flex",
+  alignItems: "center",
+  whiteSpace: "nowrap",
+  maxWidth: "100%",
+  width: "max-content",
+  gap: foundations_token_getSpacing.getSpacing(Spacing.spacingXs),
+  borderRadius: foundations_token_getBorderRadius.getBorderRadius(BorderRadius.borderRadiusFull),
+  fontWeight: foundations_token_getFontWeight.getFontWeight(FontWeight.fontWeightBold),
+  overflow: "hidden"
+}, ({
+  size = SizeTypes.mediumSize
+}) => {
+  if (SizeTypes.smallSize === size) {
+    return {
+      padding: `${foundations_token_getSpacing.getSpacing(Spacing.spacing2Xs)} ${foundations_token_getSpacing.getSpacing(Spacing.spacingSm)}`,
+      ...foundations_token_getBodySize.getBodySize(TextBodySize.textBodySm)
+    };
+  }
+  return {
+    ...foundations_token_getBodySize.getBodySize(TextBodySize.textBodyMd),
+    padding: `${foundations_token_getSpacing.getSpacing(Spacing.spacing2Xs)} ${foundations_token_getSpacing.getSpacing(Spacing.spacingMd)}`
+  };
+}, ({
+  appearance = "primary"
+}) => {
+  const backgroundColor = foundations_token_getObjectColor.getObjectColor(BadgeAppearanceColor[appearance]);
+  const foregroundColor = colorUtils.getForegroundColor(BadgeAppearanceColor[appearance]);
+  return {
+    ...foundations_mediaQuery_forcedColors.default({
+      background: "CanvasText",
+      color: "Canvas"
+    }),
+    background: backgroundColor,
+    color: foregroundColor
+  };
+}, foundations_token_getBottomSpacing.getBottomSpacing);
+const Badge = ({
+  children,
+  bottomSpacing = Spacing.spacingMd,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(BadgeStyled, { ...props, bottomSpacing, children: [
+  props.icon ? /* @__PURE__ */ jsxRuntime.jsx(index.IconLoader, { name: props.icon, size: props.size === SizeTypes.smallSize ? index.iconSizeXs : index.iconSizeSm }) : null,
+  renderInlineRichTextFromOpenText.renderInlineRichTextFromOpenText(children)
+] });
+exports.Badge = Badge;
+exports.BadgeAppearanceColor = BadgeAppearanceColor;
+exports.BadgeStyled = BadgeStyled;

package/index-D3VTZbkv.js

@@ -0,0 +1,168 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { cloneElement } from "react";
+import parse, { Element, domToReact } from "html-react-parser";
+import Body from "./esm/components/Body/index.js";
+import FootnoteLink from "./esm/components/FootnoteLink/index.js";
+import Heading from "./esm/components/Heading/index.js";
+import InlineLink from "./esm/components/InlineLink/index.js";
+import { f as headingHtmlTags, o as olTagName, g as strongTagName, i as supTagName, u as ulTagName } from "./tags-DI6H1biK.js";
+import { s as spacingMd, b as spacingNone } from "./Spacing-D0HQH9YJ.js";
+import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import styled from "styled-components";
+import { getBodySize } from "./esm/foundations/token/getBodySize/index.js";
+import { getBottomSpacing } from "./esm/foundations/token/getBottomSpacing/index.js";
+import { getFontWeight } from "./esm/foundations/token/getFontWeight/index.js";
+import { getSpacing } from "./esm/foundations/token/getSpacing/index.js";
+import { b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
+import { a as textBodySm, t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
+import { f as filterProps } from "./filterProps-Cewck8OH.js";
+import { t as textHeadingXs, b as textHeadingSm, a as textHeadingMd, c as textHeadingLg, d as textHeadingXl } from "./HeadingSize-CfCRn3Lh.js";
+import { v4 } from "uuid";
+const getUid = () => {
+  return v4();
+};
+const mapSizeToTag = {
+  h1: textHeadingXl,
+  h2: textHeadingLg,
+  h3: textHeadingMd,
+  h4: textHeadingSm,
+  h5: textHeadingXs,
+  h6: textHeadingXs
+};
+const getOptions = (paragraphSpacing, additionalProps = {}) => {
+  const options = {
+    replace(domNode) {
+      if (domNode instanceof Element) {
+        if (headingHtmlTags.includes(domNode.name)) {
+          return /* @__PURE__ */ jsx(Heading, { ...additionalProps.heading, size: mapSizeToTag[domNode.name], bottomSpacing: paragraphSpacing, children: domToReact(domNode.children, options) });
+        }
+        if ("li" === domNode.name) {
+          return /* @__PURE__ */ jsx(TextListItem, { ...additionalProps.li, children: domToReact(domNode.children, options) });
+        }
+        if ("ol" === domNode.name) {
+          return /* @__PURE__ */ jsx(TextList, { ...additionalProps.ol, tag: olTagName, children: domToReact(domNode.children, options) });
+        }
+        if ("ul" === domNode.name) {
+          return /* @__PURE__ */ jsx(TextList, { ...additionalProps.ul, children: domToReact(domNode.children, options) });
+        }
+        if ("strong" === domNode.name) {
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.strong, tag: strongTagName, children: domToReact(domNode.children, options) });
+        }
+        if ("small" === domNode.name) {
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.small, size: textBodySm, children: domToReact(domNode.children, options) });
+        }
+        if ("sup" === domNode.name) {
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.sup, tag: supTagName, children: domToReact(domNode.children, options) });
+        }
+        if ("p" === domNode.name) {
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.p, bottomSpacing: paragraphSpacing, children: domToReact(domNode.children, options) });
+        }
+        if ("a" === domNode.name) {
+          const linkLabel = domToReact(domNode.children, options);
+          const isNumber = parseInt(linkLabel, 10);
+          const href = domNode.attribs.href;
+          const isAnchor = href.indexOf("#") === 0;
+          if (!isNaN(isNumber) && isAnchor) {
+            return /* @__PURE__ */ jsx(FootnoteLink, { uid: getUid(), contentUid: href.replace("#", ""), screenReaderLabel: "Details zur Fußnote", children: linkLabel });
+          }
+          return /* @__PURE__ */ jsx(InlineLink, { ...additionalProps.a, href: domNode.attribs.href, children: domToReact(domNode.children, options) });
+        }
+      }
+    }
+  };
+  return options;
+};
+const parseHtml = (html, paragraphSpacing, tagProps = {}) => {
+  const parsed = parse(html, getOptions(paragraphSpacing, tagProps));
+  return parsed;
+};
+const RichText = ({
+  html,
+  paragraphSpacing,
+  bottomSpacing,
+  tagProps = {}
+}) => {
+  let parsedHtml = parseHtml(html, paragraphSpacing, tagProps);
+  if (parsedHtml && typeof parsedHtml !== "string" && bottomSpacing) {
+    if (!Array.isArray(parsedHtml)) {
+      parsedHtml = [parsedHtml];
+    }
+    if (Array.isArray(parsedHtml)) {
+      parsedHtml[parsedHtml.length - 1] = cloneElement(parsedHtml[parsedHtml.length - 1], {
+        bottomSpacing
+      });
+    }
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: parsedHtml });
+};
+const TextListItemStyled = styled.li.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "TextListItemStyled",
+  componentId: "sc-e2ohp8-0"
+})({
+  display: "list-item",
+  marginBottom: getSpacing(spacingMd)
+}, ({
+  bottomSpacing = spacingNone
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+const TextListStyled = styled.ul.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "TextListStyled",
+  componentId: "sc-e2ohp8-1"
+})({
+  display: "block",
+  marginBlockStart: "0px",
+  marginBlockEnd: "0px",
+  marginInlineStart: "0px",
+  marginInlineEnd: "0px",
+  paddingInlineStart: getSpacing(spacingMd),
+  marginBottom: getSpacing(spacingMd)
+}, ({
+  as
+}) => ({
+  listStyleType: olTagName === as ? "decimal" : "disc"
+}), ({
+  size = textBodyMd
+}) => getBodySize(size), ({
+  weight = fontWeightRegular
+}) => {
+  return {
+    fontWeight: getFontWeight(weight)
+  };
+}, ({
+  bottomSpacing = spacingMd
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+const TextListItem = ({
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(TextListItemStyled, { ...props, children });
+const TextList = ({
+  items,
+  children,
+  bottomSpacing,
+  itemSpacing,
+  tag = ulTagName,
+  ...props
+}) => {
+  const getContent = (items2, children2) => {
+    if (items2) {
+      return items2.map(function(item) {
+        return /* @__PURE__ */ jsx(TextListItem, { bottomSpacing: itemSpacing || item.bottomSpacing, children: "string" === typeof item.children ? /* @__PURE__ */ jsx(RichText, { html: item.children }) : renderInlineRichTextFromOpenText(item.children) }, item.uid);
+      });
+    } else if (children2) {
+      return children2;
+    }
+  };
+  bottomSpacing = itemSpacing ? spacingNone : bottomSpacing;
+  return /* @__PURE__ */ jsx(TextListStyled, { ...props, bottomSpacing, as: tag, children: getContent(items, children) });
+};
+export {
+  RichText as R,
+  TextList as T,
+  TextListItem as a,
+  getUid as g
+};

package/index-DORk60LP.cjs

@@ -0,0 +1,167 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const parse = require("html-react-parser");
+const components_Body = require("./components/Body/index.js");
+const components_FootnoteLink = require("./components/FootnoteLink/index.js");
+const components_Heading = require("./components/Heading/index.js");
+const components_InlineLink = require("./components/InlineLink/index.js");
+const tags = require("./tags-CTaUxoCi.cjs");
+const Spacing = require("./Spacing-Cu_j2b83.cjs");
+const renderInlineRichTextFromOpenText = require("./renderInlineRichTextFromOpenText-CfOFMQ1v.cjs");
+const styled = require("styled-components");
+const foundations_token_getBodySize = require("./foundations/token/getBodySize/index.js");
+const foundations_token_getBottomSpacing = require("./foundations/token/getBottomSpacing/index.js");
+const foundations_token_getFontWeight = require("./foundations/token/getFontWeight/index.js");
+const foundations_token_getSpacing = require("./foundations/token/getSpacing/index.js");
+const FontWeight = require("./FontWeight-D3-RZpaX.cjs");
+const TextBodySize = require("./TextBodySize-DeP5RE2m.cjs");
+const filterProps = require("./filterProps-D3K8rtOg.cjs");
+const HeadingSize = require("./HeadingSize-cjNplkhN.cjs");
+const uuid = require("uuid");
+const getUid = () => {
+  return uuid.v4();
+};
+const mapSizeToTag = {
+  h1: HeadingSize.textHeadingXl,
+  h2: HeadingSize.textHeadingLg,
+  h3: HeadingSize.textHeadingMd,
+  h4: HeadingSize.textHeadingSm,
+  h5: HeadingSize.textHeadingXs,
+  h6: HeadingSize.textHeadingXs
+};
+const getOptions = (paragraphSpacing, additionalProps = {}) => {
+  const options = {
+    replace(domNode) {
+      if (domNode instanceof parse.Element) {
+        if (tags.headingHtmlTags.includes(domNode.name)) {
+          return /* @__PURE__ */ jsxRuntime.jsx(components_Heading.default, { ...additionalProps.heading, size: mapSizeToTag[domNode.name], bottomSpacing: paragraphSpacing, children: parse.domToReact(domNode.children, options) });
+        }
+        if ("li" === domNode.name) {
+          return /* @__PURE__ */ jsxRuntime.jsx(TextListItem, { ...additionalProps.li, children: parse.domToReact(domNode.children, options) });
+        }
+        if ("ol" === domNode.name) {
+          return /* @__PURE__ */ jsxRuntime.jsx(TextList, { ...additionalProps.ol, tag: tags.olTagName, children: parse.domToReact(domNode.children, options) });
+        }
+        if ("ul" === domNode.name) {
+          return /* @__PURE__ */ jsxRuntime.jsx(TextList, { ...additionalProps.ul, children: parse.domToReact(domNode.children, options) });
+        }
+        if ("strong" === domNode.name) {
+          return /* @__PURE__ */ jsxRuntime.jsx(components_Body.default, { ...additionalProps.strong, tag: tags.strongTagName, children: parse.domToReact(domNode.children, options) });
+        }
+        if ("small" === domNode.name) {
+          return /* @__PURE__ */ jsxRuntime.jsx(components_Body.default, { ...additionalProps.small, size: TextBodySize.textBodySm, children: parse.domToReact(domNode.children, options) });
+        }
+        if ("sup" === domNode.name) {
+          return /* @__PURE__ */ jsxRuntime.jsx(components_Body.default, { ...additionalProps.sup, tag: tags.supTagName, children: parse.domToReact(domNode.children, options) });
+        }
+        if ("p" === domNode.name) {
+          return /* @__PURE__ */ jsxRuntime.jsx(components_Body.default, { ...additionalProps.p, bottomSpacing: paragraphSpacing, children: parse.domToReact(domNode.children, options) });
+        }
+        if ("a" === domNode.name) {
+          const linkLabel = parse.domToReact(domNode.children, options);
+          const isNumber = parseInt(linkLabel, 10);
+          const href = domNode.attribs.href;
+          const isAnchor = href.indexOf("#") === 0;
+          if (!isNaN(isNumber) && isAnchor) {
+            return /* @__PURE__ */ jsxRuntime.jsx(components_FootnoteLink, { uid: getUid(), contentUid: href.replace("#", ""), screenReaderLabel: "Details zur Fußnote", children: linkLabel });
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(components_InlineLink, { ...additionalProps.a, href: domNode.attribs.href, children: parse.domToReact(domNode.children, options) });
+        }
+      }
+    }
+  };
+  return options;
+};
+const parseHtml = (html, paragraphSpacing, tagProps = {}) => {
+  const parsed = parse(html, getOptions(paragraphSpacing, tagProps));
+  return parsed;
+};
+const RichText = ({
+  html,
+  paragraphSpacing,
+  bottomSpacing,
+  tagProps = {}
+}) => {
+  let parsedHtml = parseHtml(html, paragraphSpacing, tagProps);
+  if (parsedHtml && typeof parsedHtml !== "string" && bottomSpacing) {
+    if (!Array.isArray(parsedHtml)) {
+      parsedHtml = [parsedHtml];
+    }
+    if (Array.isArray(parsedHtml)) {
+      parsedHtml[parsedHtml.length - 1] = react.cloneElement(parsedHtml[parsedHtml.length - 1], {
+        bottomSpacing
+      });
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parsedHtml });
+};
+const TextListItemStyled = styled.li.withConfig({
+  shouldForwardProp: filterProps.filterProps(),
+  displayName: "TextListItemStyled",
+  componentId: "sc-e2ohp8-0"
+})({
+  display: "list-item",
+  marginBottom: foundations_token_getSpacing.getSpacing(Spacing.spacingMd)
+}, ({
+  bottomSpacing = Spacing.spacingNone
+}) => foundations_token_getBottomSpacing.getBottomSpacing({
+  bottomSpacing
+}));
+const TextListStyled = styled.ul.withConfig({
+  shouldForwardProp: filterProps.filterProps(),
+  displayName: "TextListStyled",
+  componentId: "sc-e2ohp8-1"
+})({
+  display: "block",
+  marginBlockStart: "0px",
+  marginBlockEnd: "0px",
+  marginInlineStart: "0px",
+  marginInlineEnd: "0px",
+  paddingInlineStart: foundations_token_getSpacing.getSpacing(Spacing.spacingMd),
+  marginBottom: foundations_token_getSpacing.getSpacing(Spacing.spacingMd)
+}, ({
+  as
+}) => ({
+  listStyleType: tags.olTagName === as ? "decimal" : "disc"
+}), ({
+  size = TextBodySize.textBodyMd
+}) => foundations_token_getBodySize.getBodySize(size), ({
+  weight = FontWeight.fontWeightRegular
+}) => {
+  return {
+    fontWeight: foundations_token_getFontWeight.getFontWeight(weight)
+  };
+}, ({
+  bottomSpacing = Spacing.spacingMd
+}) => foundations_token_getBottomSpacing.getBottomSpacing({
+  bottomSpacing
+}));
+const TextListItem = ({
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(TextListItemStyled, { ...props, children });
+const TextList = ({
+  items,
+  children,
+  bottomSpacing,
+  itemSpacing,
+  tag = tags.ulTagName,
+  ...props
+}) => {
+  const getContent = (items2, children2) => {
+    if (items2) {
+      return items2.map(function(item) {
+        return /* @__PURE__ */ jsxRuntime.jsx(TextListItem, { bottomSpacing: itemSpacing || item.bottomSpacing, children: "string" === typeof item.children ? /* @__PURE__ */ jsxRuntime.jsx(RichText, { html: item.children }) : renderInlineRichTextFromOpenText.renderInlineRichTextFromOpenText(item.children) }, item.uid);
+      });
+    } else if (children2) {
+      return children2;
+    }
+  };
+  bottomSpacing = itemSpacing ? Spacing.spacingNone : bottomSpacing;
+  return /* @__PURE__ */ jsxRuntime.jsx(TextListStyled, { ...props, bottomSpacing, as: tag, children: getContent(items, children) });
+};
+exports.RichText = RichText;
+exports.TextList = TextList;
+exports.TextListItem = TextListItem;
+exports.getUid = getUid;

package/index-DQhtQZ85.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import { f as filterProps } from "./filterProps-Cewck8OH.js";
+const screenreaderOnly = {
+  position: "absolute",
+  left: "-10000px",
+  top: "auto",
+  width: "1px",
+  height: "1px",
+  overflow: "hidden"
+};
+const ScreenReaderOnlyStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "ScreenReaderOnlyStyled",
+  componentId: "sc-1r7az4k-0"
+})(screenreaderOnly);
+const ScreenreaderOnly = ({
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx(ScreenReaderOnlyStyled, { ...props, children });
+export {
+  ScreenreaderOnly as S,
+  screenreaderOnly as s
+};