@vodafone_de/brix-components 3.0.3 → 3.0.4

package/dist/components/Badge/index.js

@@ -3,8 +3,8 @@ import "react/jsx-runtime";
 import "../../index-Cbojl4_Q.js";
 import "../../Spacing-D0HQH9YJ.js";
 import "../../SizeTypes-Ck_RdzIf.js";
-import "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
-import { b, B } from "../../index-C0N671c1.js";
+import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import { b, B } from "../../index-Bt1uVtoc.js";
 export {
   b as BadgeAppearanceColor,
   B as default

package/dist/components/Body/index.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { c as spacingSm, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import { t as textBodyMd, a as textBodySm } from "../../TextBodySize-BcZR9mh2.js";
-import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";

package/dist/components/Button/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
-import { B as ButtonAsLink, g as getButtonIcon } from "../../index-DUnDnTyk.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import { B as ButtonAsLink, g as getButtonIcon } from "../../index-BtMpJbZ-.js";
 import { B as ButtonStyled } from "../../styled-BPTa90Cm.js";
 const buttonFullWidth = "full";
 const buttonAutoWidth = "auto";

package/dist/components/ButtonAsLink/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
-import { B } from "../../index-DUnDnTyk.js";
-import "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
+import { B } from "../../index-BtMpJbZ-.js";
+import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   B as default
 };

package/dist/components/DemoBox/index.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import IconSnippet from "../IconSnippet/index.js";
 import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
-import { g as getUid } from "../../index-D6hvbziL.js";
+import { g as getUid } from "../../index-Cy-Cg4bU.js";
 import { D as DemoBoxStyled } from "../../styled-CXSdomF5.js";
 const heading = {
   component: "Heading",

package/dist/components/DiscoveryCard/index.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { R as RichText } from "../../index-D6hvbziL.js";
+import { R as RichText } from "../../index-Cy-Cg4bU.js";
 import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
 import { b as textHeadingSm } from "../../HeadingSize-CfCRn3Lh.js";
 import { s as spacingMd, b as spacingNone, a as spacingXs, c as spacingSm } from "../../Spacing-D0HQH9YJ.js";
 import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
-import { a as BadgeStyled, B as Badge } from "../../index-C0N671c1.js";
+import { a as BadgeStyled, B as Badge } from "../../index-Bt1uVtoc.js";
 import Body, { bodyAlignLeft, bodyAlignCenter } from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import Link from "../Link/index.js";
-import { P as Price, c as priceSizeSm, d as priceAlignLeft, a as priceAlignCenter, b as priceOrientationVertical } from "../../index-CeJsIf3Z.js";
+import { P as Price, c as priceSizeSm, d as priceAlignLeft, a as priceAlignCenter, b as priceOrientationVertical } from "../../index-Bm66OyL0.js";
 import Image, { aspectRatio16_9, aspectRatio1_1 } from "../Image/index.js";
 import { a as cornerRounded } from "../../CornerStyle-JEbGNArR.js";
 import styled from "styled-components";
@@ -18,7 +18,7 @@ import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { f as filterProps } from "../../filterProps-Cewck8OH.js";
 import Card from "../Card/index.js";
-import { a as LinkStyled } from "../../index-B5AxA0A-.js";
+import { a as LinkStyled } from "../../index-eiZAFM1T.js";
 const discoveryCardOrientationVertical = "vertical";
 const discoveryCardOrientationHorizontal = "horizontal";
 const DiscoveryCardStyled = styled(Card).withConfig({

package/dist/components/DiscoveryCardGroup/index.js

@@ -6,7 +6,7 @@ import Grid from "../Grid/index.js";
 import GridItem from "../GridItem/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { a as LinkStyled } from "../../index-B5AxA0A-.js";
+import { a as LinkStyled } from "../../index-eiZAFM1T.js";
 const DiscoveryCardGroupGridStyled = styled(Grid).withConfig({
   displayName: "DiscoveryCardGroupGridStyled",
   componentId: "sc-6axszn-0"

package/dist/components/Heading/index.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import FootnoteLink from "../FootnoteLink/index.js";
 import { a as spacingXs, c as spacingSm, s as spacingMd, f as spacingLg, d as spacingXl } from "../../Spacing-D0HQH9YJ.js";
-import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import { h as h5TagName, a as h4TagName, b as h3TagName, c as h2TagName, e as h1TagName, f as headingHtmlTags } from "../../tags-DI6H1biK.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";

package/dist/components/IconSnippet/index.js

@@ -4,7 +4,7 @@ import { df as IconLoader, iu as iconSizeMd, io as iconSize2xl } from "../../ind
 import Body from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import InlineLink from "../InlineLink/index.js";
-import { R as RichText } from "../../index-D6hvbziL.js";
+import { R as RichText } from "../../index-Cy-Cg4bU.js";
 import { d as divTagName } from "../../tags-DI6H1biK.js";
 import { a as spacingXs, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import Link from "../Link/index.js";

package/dist/components/ImageHeader/index.js

@@ -4,13 +4,13 @@ import Body from "../Body/index.js";
 import { a as fontWeightLight } from "../../FontWeight-CR22KTex.js";
 import { s as spacingMd, c as spacingSm, d as spacingXl, a as spacingXs, e as spacing2Xs, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import { m as mediumSize } from "../../SizeTypes-Ck_RdzIf.js";
-import { g as getUid, R as RichText } from "../../index-D6hvbziL.js";
+import { g as getUid, R as RichText } from "../../index-Cy-Cg4bU.js";
 import Button from "../Button/index.js";
 import Container from "../Container/index.js";
 import Heading, { headingAlignCenter } from "../Heading/index.js";
-import { P as Price, c as priceSizeSm } from "../../index-CeJsIf3Z.js";
+import { P as Price, c as priceSizeSm } from "../../index-Bm66OyL0.js";
 import styled from "styled-components";
-import { B as Badge } from "../../index-C0N671c1.js";
+import { B as Badge } from "../../index-Bt1uVtoc.js";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Grid from "../Grid/index.js";
 import GridItem from "../GridItem/index.js";

package/dist/components/Input/index.js

@@ -6,7 +6,7 @@ import FormHelperLabel from "../FormHelperLabel/index.js";
 import FormHelperMessage from "../FormHelperMessage/index.js";
 import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
 import { s as spacingMd, a as spacingXs } from "../../Spacing-D0HQH9YJ.js";
-import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import { i as inputStateError } from "../../props-Czq9XX2J.js";
 import { a } from "../../props-Czq9XX2J.js";
 import { I as InputWrapperStyled, a as InputStyled } from "../../styled-CDWclYAa.js";

package/dist/components/Label/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";

package/dist/components/Legend/index.js

@@ -3,7 +3,7 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import Body from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import IconSnippet, { iconSnippetAlignCenter } from "../IconSnippet/index.js";
-import { R as RichText } from "../../index-D6hvbziL.js";
+import { R as RichText } from "../../index-Cy-Cg4bU.js";
 import styled from "styled-components";
 const LegendStyled = styled.legend.withConfig({
   displayName: "LegendStyled",

package/dist/components/Link/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { L as LinkAsButton, a as LinkStyled, g as getLinkIcon } from "../../index-B5AxA0A-.js";
-import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
+import { L as LinkAsButton, a as LinkStyled, g as getLinkIcon } from "../../index-eiZAFM1T.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 const isLinkAsButtonProp = (props) => {
   return props.href === void 0;
 };

package/dist/components/LinkAsButton/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
-import { L } from "../../index-B5AxA0A-.js";
-import "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
+import { L } from "../../index-eiZAFM1T.js";
+import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   L as default
 };

package/dist/components/LinkListItem/index.js

@@ -4,7 +4,7 @@ import { iu as iconSizeMd, df as IconLoader } from "../../index-Cbojl4_Q.js";
 import { s as spanTagName } from "../../tags-DI6H1biK.js";
 import { s as spacingMd, a as spacingXs, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
-import { B as Badge } from "../../index-C0N671c1.js";
+import { B as Badge } from "../../index-Bt1uVtoc.js";
 import Body from "../Body/index.js";
 import styled from "styled-components";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";

package/dist/components/Notification/index.js

@@ -7,7 +7,7 @@ import ButtonGroup from "../ButtonGroup/index.js";
 import Flex from "../Flex/index.js";
 import Heading from "../Heading/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-D6hvbziL.js";
+import { R as RichText } from "../../index-Cy-Cg4bU.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
 import { e as colorBorderCritical, f as colorBorderWarning, d as colorBorderSuccess, k as colorBorderInformation } from "../../BorderColor-BummoQ1-.js";

package/dist/components/PickerGroup/index.js

@@ -6,9 +6,9 @@ import { e as spacing2Xs, s as spacingMd, c as spacingSm, b as spacingNone } fro
 import { useState, useEffect } from "react";
 import Grid from "../Grid/index.js";
 import { df as IconLoader, iu as iconSizeMd } from "../../index-Cbojl4_Q.js";
-import { B as Badge } from "../../index-C0N671c1.js";
+import { B as Badge } from "../../index-Bt1uVtoc.js";
 import ColorSwatch from "../ColorSwatch/index.js";
-import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import Image, { aspectRatio1_1 } from "../Image/index.js";
 import { v as viewport } from "../../index-Ck2bCrhT.js";

package/dist/components/Price/index.js

@@ -1,8 +1,8 @@
 "use client";
 import "react/jsx-runtime";
 import "../../index-DQhtQZ85.js";
-import "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
-import { e, P, i, a, d, h, f, b, g, p, c } from "../../index-CeJsIf3Z.js";
+import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import { e, P, i, a, d, h, f, b, g, p, c } from "../../index-Bm66OyL0.js";
 export {
   e as createScreenReaderText,
   P as default,

package/dist/components/ProductCard/index.js

@@ -5,12 +5,12 @@ import Image, { aspectRatio1_1 } from "../Image/index.js";
 import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
 import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
 import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
-import { B as Badge } from "../../index-C0N671c1.js";
+import { B as Badge } from "../../index-Bt1uVtoc.js";
 import Body from "../Body/index.js";
 import ColorSwatchGroup from "../ColorSwatchGroup/index.js";
 import Heading from "../Heading/index.js";
 import Link from "../Link/index.js";
-import { P as Price, p as priceSizeMd, a as priceAlignCenter, b as priceOrientationVertical } from "../../index-CeJsIf3Z.js";
+import { P as Price, p as priceSizeMd, a as priceAlignCenter, b as priceOrientationVertical } from "../../index-Bm66OyL0.js";
 import styled from "styled-components";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import Card from "../Card/index.js";

package/dist/components/RichText/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
 import "react";
-import { R } from "../../index-D6hvbziL.js";
+import { R } from "../../index-Cy-Cg4bU.js";
 export {
   R as default
 };

package/dist/components/SearchInput/index.js

@@ -6,7 +6,7 @@ import FormHelperLabel from "../FormHelperLabel/index.js";
 import IconButton, { iconButtonShapeSquare } from "../IconButton/index.js";
 import { b as spacingNone, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import { p as primaryAppearance } from "../../styled-BPTa90Cm.js";
-import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import Form from "../Form/index.js";
 import styled from "styled-components";
 import { I as InputWrapperStyled, a as InputStyled } from "../../styled-CDWclYAa.js";

package/dist/components/SelectInput/index.js

@@ -8,7 +8,7 @@ import FormHelperMessage from "../FormHelperMessage/index.js";
 import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
 import { i as inputStateError } from "../../props-Czq9XX2J.js";
 import { a as spacingXs, c as spacingSm, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";

package/dist/components/Stepper/index.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { useViewport } from "../../hooks/useViewport/index.js";
-import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { v as viewport, b as breakpoint_medium_number } from "../../index-Ck2bCrhT.js";

package/dist/components/SuggestInput/index.js

@@ -9,7 +9,7 @@ import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
 import { i as inputStateError } from "../../props-Czq9XX2J.js";
 import { I as InputWrapperStyled, a as InputStyled } from "../../styled-CDWclYAa.js";
 import { c as spacingSm, a as spacingXs, s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
-import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import Body from "../Body/index.js";
 import { g as strongTagName } from "../../tags-DI6H1biK.js";
 import styled from "styled-components";

package/dist/components/TabularPrice/index.js

@@ -1,8 +1,8 @@
 "use client";
 import "react/jsx-runtime";
-import { T } from "../../index-CeJsIf3Z.js";
+import { T } from "../../index-Bm66OyL0.js";
 import "../../index-DQhtQZ85.js";
-import "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
+import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   T as default
 };

package/dist/components/TextList/index.js

@@ -1,9 +1,9 @@
 "use client";
 import "react/jsx-runtime";
-import { T, a } from "../../index-D6hvbziL.js";
+import { T, a } from "../../index-Cy-Cg4bU.js";
 import "../../tags-DI6H1biK.js";
 import "../../Spacing-D0HQH9YJ.js";
-import "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
+import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   T as TextListItem,
   a as default

package/dist/components/Textarea/index.js

@@ -6,7 +6,7 @@ import FormHelperLabel from "../FormHelperLabel/index.js";
 import FormHelperMessage from "../FormHelperMessage/index.js";
 import { i as inputStateError } from "../../props-Czq9XX2J.js";
 import { c as spacingSm, d as spacingXl, s as spacingMd, a as spacingXs } from "../../Spacing-D0HQH9YJ.js";
-import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-CA52y1-B.js";
+import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";

package/dist/{index-CeJsIf3Z.js → index-Bm66OyL0.js}

@@ -1,6 +1,6 @@
 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 { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
 import { getFontWeight } from "./foundations/token/getFontWeight/index.js";

package/dist/{index-C0N671c1.js → index-Bt1uVtoc.js}

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { df as IconLoader, ix as iconSizeXs, iv as iconSizeSm } from "./index-Cbojl4_Q.js";
 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 { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import forcedColors from "./foundations/media-query/forcedColors/index.js";
 import { getBodySize } from "./foundations/token/getBodySize/index.js";

package/dist/{index-DUnDnTyk.js → index-BtMpJbZ-.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { iv as iconSizeSm } from "./index-Cbojl4_Q.js";
 import { l as leftPosition, c as ButtonIconStyled, b as buttonHeight, g as getButtonAppearance, p as primaryAppearance } from "./styled-BPTa90Cm.js";
-import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-CA52y1-B.js";
+import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import { getBodySize } from "./foundations/token/getBodySize/index.js";
 import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";

package/dist/{index-D6hvbziL.js → index-Cy-Cg4bU.js}

@@ -1,12 +1,13 @@
 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 parse, { Element, domToReact } from "html-react-parser";
 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 { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import { getBodySize } from "./foundations/token/getBodySize/index.js";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
@@ -31,40 +32,40 @@ const mapSizeToTag = {
 const getOptions = (paragraphSpacing, additionalProps = {}) => {
   const options = {
     replace(domNode) {
-      if (domNode instanceof libExports.Element) {
+      if (domNode instanceof Element) {
         if (headingHtmlTags.includes(domNode.name)) {
-          return /* @__PURE__ */ jsx(Heading, { ...additionalProps.heading, size: mapSizeToTag[domNode.name], bottomSpacing: paragraphSpacing, children: libExports.domToReact(domNode.children, options) });
+          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: libExports.domToReact(domNode.children, options) });
+          return /* @__PURE__ */ jsx(TextListItem, { ...additionalProps.li, children: domToReact(domNode.children, options) });
         }
         if ("ol" === domNode.name) {
-          return /* @__PURE__ */ jsx(TextList, { ...additionalProps.ol, tag: olTagName, children: libExports.domToReact(domNode.children, options) });
+          return /* @__PURE__ */ jsx(TextList, { ...additionalProps.ol, tag: olTagName, children: domToReact(domNode.children, options) });
         }
         if ("ul" === domNode.name) {
-          return /* @__PURE__ */ jsx(TextList, { ...additionalProps.ul, children: libExports.domToReact(domNode.children, options) });
+          return /* @__PURE__ */ jsx(TextList, { ...additionalProps.ul, children: domToReact(domNode.children, options) });
         }
         if ("strong" === domNode.name) {
-          return /* @__PURE__ */ jsx(Body, { ...additionalProps.strong, tag: strongTagName, children: libExports.domToReact(domNode.children, options) });
+          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: libExports.domToReact(domNode.children, options) });
+          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: libExports.domToReact(domNode.children, options) });
+          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: libExports.domToReact(domNode.children, options) });
+          return /* @__PURE__ */ jsx(Body, { ...additionalProps.p, bottomSpacing: paragraphSpacing, children: domToReact(domNode.children, options) });
         }
         if ("a" === domNode.name) {
-          const linkLabel = libExports.domToReact(domNode.children, options);
+          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: libExports.domToReact(domNode.children, options) });
+          return /* @__PURE__ */ jsx(InlineLink, { ...additionalProps.a, href: domNode.attribs.href, children: domToReact(domNode.children, options) });
         }
       }
     }

package/dist/{index-B5AxA0A-.js → index-eiZAFM1T.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { iv as iconSizeSm } from "./index-Cbojl4_Q.js";
 import { c as ButtonIconStyled } from "./styled-BPTa90Cm.js";
-import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-CA52y1-B.js";
+import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.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";

package/dist/renderInlineRichTextFromOpenText-RvOG3QbI.js

@@ -0,0 +1,13 @@
+import parse from "html-react-parser";
+const renderInlineRichTextFromOpenText = (fromCms) => {
+  if (typeof fromCms === "string") {
+    return parse(fromCms);
+  }
+  if (Array.isArray(fromCms)) {
+    return fromCms.map(renderInlineRichTextFromOpenText);
+  }
+  return fromCms;
+};
+export {
+  renderInlineRichTextFromOpenText as r
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vodafone_de/brix-components",
   "description": "Brix is the digital design system for vodafone.de",
-  "version": "3.0.3",
+  "version": "3.0.4",
   "exports": {
     "./components/*": {
       "import": "./dist/components/*/index.js",