@vodafone_de/brix-components 3.0.0 → 3.0.2

package/dist/hooks/useViewport/index.js

@@ -0,0 +1,24 @@
+import { useState, useEffect } from "react";
+import { l as largeMediaQuery, m as mediumMediaQuery } from "../../index-Ck2bCrhT.js";
+import { useMediaQuery } from "../useMediaQuery/index.js";
+const viewportSm = "sm";
+const viewportMd = "md";
+const viewportLg = "lg";
+const useViewport = () => {
+  const [tablet] = useMediaQuery(mediumMediaQuery);
+  const [desktop] = useMediaQuery(largeMediaQuery);
+  const [viewportState, setViewportState] = useState(viewportSm);
+  useEffect(() => {
+    if (desktop) {
+      setViewportState(viewportLg);
+    } else if (tablet) {
+      setViewportState(viewportMd);
+    } else {
+      setViewportState(viewportSm);
+    }
+  }, [tablet, desktop]);
+  return viewportState;
+};
+export {
+  useViewport
+};

package/dist/index-BXLT6ke-.js

@@ -0,0 +1,79 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { iconSizeSm } from "@vfde-react/inline-icon-library";
+import { c as ButtonIconStyled } from "./styled-FNJyDkPV.js";
+import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-CA52y1-B.js";
+import styled from "styled-components";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { s as spacingMd, b as spacingNone, a as spacingXs } from "./Spacing-D0HQH9YJ.js";
+import { f as filterProps } from "./filterProps-Cewck8OH.js";
+import forcedColors from "./foundations/media-query/forcedColors/index.js";
+import { getBodySize } from "./foundations/token/getBodySize/index.js";
+import { getBorderColor } from "./foundations/token/getBorderColor/index.js";
+import { getBorderWidth } from "./foundations/token/getBorderWidth/index.js";
+import { getSpacing } from "./foundations/token/getSpacing/index.js";
+import { getTextColor } from "./foundations/token/getTextColor/index.js";
+import { c as colorBorderFocus } from "./BorderColor-BummoQ1-.js";
+import { a as borderWidthFocus } from "./BorderWidth-DfOlyKK7.js";
+import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
+import { f as colorTextBrand } from "./TextColor-BXiR5Uq9.js";
+const getLinkIcon = (icon) => /* @__PURE__ */ jsx(ButtonIconStyled, { name: icon.name, iconPosition: icon.position, size: iconSizeSm });
+const linkBaseCssObject = {
+  ...forcedColors({
+    color: "LinkText"
+  }),
+  display: "flex",
+  width: "fit-content",
+  flexWrap: "nowrap",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  gap: `${getSpacing(spacingNone)} ${getSpacing(spacingXs)}`,
+  ...getBodySize(textBodyMd),
+  "&:focus-visible": {
+    ...forcedColors({
+      outline: `${getBorderWidth(borderWidthFocus)} solid CanvasText`
+    }),
+    boxShadow: `${getBorderColor(colorBorderFocus)} 0px 0px 0px ${getBorderWidth(borderWidthFocus)}`,
+    outline: "none",
+    textDecoration: "underline"
+  },
+  color: getTextColor(colorTextBrand),
+  "&:visited": {
+    ...forcedColors({
+      color: "VisitedText"
+    }),
+    color: getTextColor(colorTextBrand)
+  },
+  background: "transparent",
+  textDecoration: "none",
+  "&:hover": {
+    textDecoration: "underline"
+  }
+};
+const LinkStyled = styled.a.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "LinkStyled",
+  componentId: "sc-1eekm6o-0"
+})(linkBaseCssObject, ({
+  bottomSpacing = spacingMd
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+const LinkAsButtonStyled = styled.button.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "LinkAsButtonStyled",
+  componentId: "sc-d0hr7z-0"
+})(linkBaseCssObject, ({
+  bottomSpacing = spacingMd
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+const LinkAsButton = (props) => /* @__PURE__ */ jsxs(LinkAsButtonStyled, { ...props, children: [
+  renderInlineRichTextFromOpenText(props.children),
+  getLinkIcon(props.icon)
+] });
+export {
+  LinkAsButton as L,
+  LinkStyled as a,
+  getLinkIcon as g
+};

package/dist/index-C4XnzWFL.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { iconSizeSm } from "@vfde-react/inline-icon-library";
+import { l as leftPosition, c as ButtonIconStyled, b as buttonHeight, g as getButtonAppearance, p as primaryAppearance } from "./styled-FNJyDkPV.js";
+import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-CA52y1-B.js";
+import styled from "styled-components";
+import { getBodySize } from "./foundations/token/getBodySize/index.js";
+import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
+import { getSpacing } from "./foundations/token/getSpacing/index.js";
+import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
+import { b as fontWeightRegular } from "./FontWeight-CR22KTex.js";
+import { a as spacingXs, d as spacingXl, b as spacingNone, s as spacingMd } from "./Spacing-D0HQH9YJ.js";
+import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
+import { f as filterProps } from "./filterProps-Cewck8OH.js";
+const getButtonIcon = (icon) => {
+  if (!icon || !icon.name) {
+    return null;
+  }
+  const position = icon.position || leftPosition;
+  return /* @__PURE__ */ jsx(ButtonIconStyled, { iconPosition: position, size: iconSizeSm, name: icon.name });
+};
+const ButtonAsLinkStyled = styled.a.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "ButtonAsLinkStyled",
+  componentId: "sc-c87xxk-0"
+})({
+  appearance: "none",
+  display: "flex",
+  flexWrap: "nowrap",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  gap: `${getSpacing(spacingNone)} ${getSpacing(spacingXs)}`,
+  padding: `${getSpacing(spacingXs)} ${getSpacing(spacingXl)}`,
+  borderRadius: getBorderRadius(borderRadiusMd),
+  fontWeight: getFontWeight(fontWeightRegular),
+  height: buttonHeight,
+  textDecoration: "none",
+  "&:hover": {
+    textDecoration: "none"
+  }
+}, getBodySize(textBodyMd), ({
+  width = "auto"
+}) => ({
+  width: "full" === width ? "100%" : "fit-content"
+}), ({
+  appearance = primaryAppearance
+}) => getButtonAppearance(appearance), ({
+  bottomSpacing = spacingMd
+}) => getBottomSpacing({
+  bottomSpacing
+}));
+const ButtonAsLink = (props) => /* @__PURE__ */ jsxs(ButtonAsLinkStyled, { ...props, children: [
+  renderInlineRichTextFromOpenText(props.children),
+  getButtonIcon(props == null ? void 0 : props.icon)
+] });
+export {
+  ButtonAsLink as B,
+  getButtonIcon as g
+};

package/dist/index-CeJsIf3Z.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-CA52y1-B.js";
+import styled from "styled-components";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
+import { getHeadingSize } from "./foundations/token/getHeadingSize/index.js";
+import { getSpacing } from "./foundations/token/getSpacing/index.js";
+import { getTextColor } from "./foundations/token/getTextColor/index.js";
+import { getTextDecoration } from "./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-BXiR5Uq9.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,
+  priceAlignCenter as a,
+  priceOrientationVertical as b,
+  priceSizeSm as c,
+  priceAlignLeft as d,
+  createScreenReaderText as e,
+  priceOrientationHorizontal as f,
+  priceSizeLg as g,
+  priceDefaultProps as h,
+  internalizePriceProps as i,
+  priceSizeMd as p
+};

package/dist/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/dist/index-CzTqNQTT.js

@@ -0,0 +1,79 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { IconLoader, iconSizeXs, iconSizeSm } from "@vfde-react/inline-icon-library";
+import { a as spacingXs, e as spacing2Xs, c as spacingSm, s as spacingMd } from "./Spacing-D0HQH9YJ.js";
+import { s as smallSize, m as mediumSize } from "./SizeTypes-Ck_RdzIf.js";
+import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-CA52y1-B.js";
+import styled from "styled-components";
+import forcedColors from "./foundations/media-query/forcedColors/index.js";
+import { getBodySize } from "./foundations/token/getBodySize/index.js";
+import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
+import { getObjectColor } from "./foundations/token/getObjectColor/index.js";
+import { getSpacing } from "./foundations/token/getSpacing/index.js";
+import { c as borderRadiusFull } from "./BorderRadius-ClUShVLu.js";
+import { f as fontWeightBold } from "./FontWeight-CR22KTex.js";
+import { a as textBodySm, t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
+import { g as getForegroundColor } from "./colorUtils-uLZF5UIN.js";
+import { f as filterProps } from "./filterProps-Cewck8OH.js";
+import { e as colorObjectSuccess, f as colorObjectNeutral, g as colorObjectAccent, c as colorObjectBrand } from "./ObjectColor-BZDBuV8H.js";
+const BadgeAppearanceColor = {
+  primary: colorObjectBrand,
+  secondary: colorObjectAccent,
+  tertiary: colorObjectNeutral,
+  success: colorObjectSuccess
+};
+const BadgeStyled = styled.span.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "BadgeStyled",
+  componentId: "sc-zs45ak-0"
+})({
+  display: "inline-flex",
+  alignItems: "center",
+  whiteSpace: "nowrap",
+  maxWidth: "100%",
+  width: "max-content",
+  gap: getSpacing(spacingXs),
+  borderRadius: getBorderRadius(borderRadiusFull),
+  fontWeight: getFontWeight(fontWeightBold),
+  overflow: "hidden"
+}, ({
+  size = mediumSize
+}) => {
+  if (smallSize === size) {
+    return {
+      padding: `${getSpacing(spacing2Xs)} ${getSpacing(spacingSm)}`,
+      ...getBodySize(textBodySm)
+    };
+  }
+  return {
+    ...getBodySize(textBodyMd),
+    padding: `${getSpacing(spacing2Xs)} ${getSpacing(spacingMd)}`
+  };
+}, ({
+  appearance = "primary"
+}) => {
+  const backgroundColor = getObjectColor(BadgeAppearanceColor[appearance]);
+  const foregroundColor = getForegroundColor(BadgeAppearanceColor[appearance]);
+  return {
+    ...forcedColors({
+      background: "CanvasText",
+      color: "Canvas"
+    }),
+    background: backgroundColor,
+    color: foregroundColor
+  };
+}, getBottomSpacing);
+const Badge = ({
+  children,
+  bottomSpacing = spacingMd,
+  ...props
+}) => /* @__PURE__ */ jsxs(BadgeStyled, { ...props, bottomSpacing, children: [
+  props.icon ? /* @__PURE__ */ jsx(IconLoader, { name: props.icon, size: props.size === smallSize ? iconSizeXs : iconSizeSm }) : null,
+  renderInlineRichTextFromOpenText(children)
+] });
+export {
+  Badge as B,
+  BadgeStyled as a,
+  BadgeAppearanceColor as b
+};

package/dist/index-D6hvbziL.js

@@ -0,0 +1,167 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { cloneElement } from "react";
+import { p as parse, l as libExports, r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-CA52y1-B.js";
+import Body from "./components/Body/index.js";
+import FootnoteLink from "./components/FootnoteLink/index.js";
+import Heading from "./components/Heading/index.js";
+import InlineLink from "./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 styled from "styled-components";
+import { getBodySize } from "./foundations/token/getBodySize/index.js";
+import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
+import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
+import { getSpacing } from "./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 libExports.Element) {
+        if (headingHtmlTags.includes(domNode.name)) {
+          return /* @__PURE__ */ jsx(Heading, { ...additionalProps.heading, size: mapSizeToTag[domNode.name], bottomSpacing: paragraphSpacing, children: libExports.domToReact(domNode.children, options) });
+        }
+        if ("li" === domNode.name) {
+          return /* @__PURE__ */ jsx(TextListItem, { ...additionalProps.li, children: libExports.domToReact(domNode.children, options) });
+        }
+        if ("ol" === domNode.name) {
+          return /* @__PURE__ */ jsx(TextList, { ...additionalProps.ol, tag: olTagName, children: libExports.domToReact(domNode.children, options) });
+        }
+        if ("ul" === domNode.name) {
+          return /* @__PURE__ */ jsx(TextList, { ...additionalProps.ul, children: libExports.domToReact(domNode.children, options) });
+        }
+        if ("strong" === domNode.name) {
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.strong, tag: strongTagName, children: libExports.domToReact(domNode.children, options) });
+        }
+        if ("small" === domNode.name) {
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.small, size: textBodySm, children: libExports.domToReact(domNode.children, options) });
+        }
+        if ("sup" === domNode.name) {
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.sup, tag: supTagName, children: libExports.domToReact(domNode.children, options) });
+        }
+        if ("p" === domNode.name) {
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.p, bottomSpacing: paragraphSpacing, children: libExports.domToReact(domNode.children, options) });
+        }
+        if ("a" === domNode.name) {
+          const linkLabel = libExports.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: libExports.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,
+  TextListItem as T,
+  TextList as a,
+  getUid as g
+};

package/dist/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
+};

package/dist/props-Czq9XX2J.js

@@ -0,0 +1,6 @@
+const inputStateSuccess = "success";
+const inputStateError = "error";
+export {
+  inputStateSuccess as a,
+  inputStateError as i
+};