@vodafone_de/brix-components 11.3.2 → 11.3.3

package/dist/components/DiscoveryCard/index.js

@@ -7,7 +7,7 @@ import { b as bodyComponentName } from "../../componentName-BoJP6JLf.js";
 import Heading from "../Heading/index.js";
 import Link from "../Link/index.js";
 import { P as Price } from "../../index-BfQ2X8ye.js";
-import { b as RichText, R as RichTextContentful } from "../../index-BBTjURdS.js";
+import { b as RichText, R as RichTextContentful } from "../../index-t33oCIxk.js";
 import { a as richTextComponentName, r as richTextContentfulComponentName } from "../../props-B4nvU2Fb.js";
 import { a as fontWeightBold } from "../../FontWeight-C8c-UnWu.js";
 import { a as textHeadingSm } from "../../HeadingSize-O8nxnNUv.js";
@@ -16,6 +16,9 @@ import { s as spacingMd, b as spacingNone, a as spacingXs, c as spacingSm } from
 import { d as discoveryCardOrientationVertical, a as discoveryCardOrientationHorizontal } from "../../props-DX29PlMd.js";
 import { b } from "../../props-DX29PlMd.js";
 import styled from "styled-components";
+import "../../index-YejaekcB.js";
+import "../../index-BY3OGN8u.js";
+import { a as bodyAlignLeft, c as bodyAlignCenter } from "../../props-Dg-dNUZp.js";
 import Card from "../Card/index.js";
 import Image from "../Image/index.js";
 import { a as LinkStyled } from "../../index-WDSqDzDP.js";
@@ -23,7 +26,6 @@ import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { a as filterProps } from "../../filterProps-Byd2u_z1.js";
 import { s as aspectRatio16_9, q as aspectRatio1_1 } from "../../props-BhyhAixN.js";
-import { a as bodyAlignLeft, c as bodyAlignCenter } from "../../props-Dg-dNUZp.js";
 import { c as priceSizeSm, g as priceAlignLeft, h as priceAlignCenter, a as priceOrientationVertical } from "../../props-BqRtRlbH.js";
 const DiscoveryCardStyled = styled(Card).withConfig({
   shouldForwardProp: filterProps(),
@@ -92,6 +94,15 @@ styled(Image).withConfig({
   width: "100%",
   height: "100%"
 });
+const DiscoveryCardRichTextAlignStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "DiscoveryCardRichTextAlignStyled",
+  componentId: "sc-6ng9yt-4"
+})(({
+  orientation
+}) => ({
+  textAlign: discoveryCardOrientationHorizontal === orientation ? bodyAlignLeft : bodyAlignCenter
+}));
 const DiscoveryCardLinkedImage = ({
   uid,
   image,
@@ -121,8 +132,8 @@ const DiscoveryCard = ({
       badge && /* @__PURE__ */ jsx(Badge, { ...badge, size: smallSize, bottomSpacing: spacingXs }),
       /* @__PURE__ */ jsx(Heading, { ...heading, size: textHeadingSm, weight: fontWeightBold, align: discoveryCardOrientationHorizontal === orientation ? bodyAlignLeft : bodyAlignCenter, id: `headingId-${uid}`, bottomSpacing: !body && !price ? spacingSm : spacingXs, children: heading.children }),
       body && body.component === bodyComponentName && /* @__PURE__ */ jsx(Body, { ...body, align: discoveryCardOrientationHorizontal === orientation ? bodyAlignLeft : bodyAlignCenter, bottomSpacing: !price ? spacingSm : spacingXs, children: body.children }),
-      body && body.component === richTextComponentName && /* @__PURE__ */ jsx(RichText, { ...body, bottomSpacing: !price ? spacingSm : spacingXs }),
-      body && body.component === richTextContentfulComponentName && /* @__PURE__ */ jsx(RichTextContentful, { ...body, bottomSpacing: spacingMd }),
+      body && body.component === richTextComponentName && /* @__PURE__ */ jsx(DiscoveryCardRichTextAlignStyled, { orientation, children: /* @__PURE__ */ jsx(RichText, { ...body, bottomSpacing: !price ? spacingSm : spacingXs }) }),
+      body && body.component === richTextContentfulComponentName && /* @__PURE__ */ jsx(DiscoveryCardRichTextAlignStyled, { orientation, children: /* @__PURE__ */ jsx(RichTextContentful, { ...body, bottomSpacing: spacingMd }) }),
       price && /* @__PURE__ */ jsx(Price, { ...price, orientation: priceOrientationVertical, align: discoveryCardOrientationHorizontal === orientation ? priceAlignLeft : priceAlignCenter, size: priceSizeSm, bottomSpacing: spacingSm }),
       /* @__PURE__ */ jsx(Link, { ...link, "aria-describedby": `headingId-${uid}`, bottomSpacing: spacingNone })
     ] })

package/dist/components/DiscoveryCard/styled.d.ts

@@ -4,3 +4,4 @@ export declare const DiscoveryCardStyled: import('styled-components/dist/types')
 export declare const DiscoveryCardContentyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const DiscoveryCardImageLinkStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, Pick<DiscoveryCardProps, "bottomSpacing" | "orientation"> & AnchorHTMLAttributes<HTMLAnchorElement>>> & string;
 export declare const DiscoveryCardImageStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../Image').ImageProps, never>> & string & Omit<import('react').FC<import('../Image').ImageProps>, keyof import('react').Component<any, {}, any>>;
+export declare const DiscoveryCardRichTextAlignStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<DiscoveryCardProps, "orientation">>> & string;

package/dist/components/FeatureCardGroup/components/FeatureCard/index.js

@@ -12,7 +12,7 @@ import Image from "../../../Image/index.js";
 import { q as aspectRatio1_1 } from "../../../../props-BhyhAixN.js";
 import Link from "../../../Link/index.js";
 import { P as Price } from "../../../../index-BfQ2X8ye.js";
-import { b as RichText, R as RichTextContentful } from "../../../../index-BBTjURdS.js";
+import { b as RichText, R as RichTextContentful } from "../../../../index-t33oCIxk.js";
 import { a as richTextComponentName, r as richTextContentfulComponentName } from "../../../../props-B4nvU2Fb.js";
 import ToggleButton from "../../../ToggleButton/index.js";
 import { a as fontWeightBold } from "../../../../FontWeight-C8c-UnWu.js";

package/dist/components/Footnote/index.js

@@ -2,7 +2,7 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import Accordion from "../Accordion/index.js";
 import FootnoteContent from "../FootnoteContent/index.js";
-import { R as RichTextContentful } from "../../index-BBTjURdS.js";
+import { R as RichTextContentful } from "../../index-t33oCIxk.js";
 const Footnote = ({
   uid,
   heading,

package/dist/components/Form/index.js

@@ -4,7 +4,7 @@ import Body from "../Body/index.js";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Heading from "../Heading/index.js";
 import IconSnippet from "../IconSnippet/index.js";
-import { b as RichText } from "../../index-BBTjURdS.js";
+import { b as RichText } from "../../index-t33oCIxk.js";
 import { b as spacingNone } from "../../Spacing-CwWBV8DU.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";

package/dist/components/IconSnippet/index.js

@@ -9,7 +9,7 @@ import { g as iconSnippetAlignTop, d as iconSnippetPositionLeft, i as iconSnippe
 import { h, j, e, f, c, k } from "../../props-IkQSZ4Yn.js";
 import Link from "../Link/index.js";
 import { l as linkComponentName } from "../../componentName-D74Io-Fs.js";
-import { b as RichText, R as RichTextContentful } from "../../index-BBTjURdS.js";
+import { b as RichText, R as RichTextContentful } from "../../index-t33oCIxk.js";
 import { a as richTextComponentName, r as richTextContentfulComponentName } from "../../props-B4nvU2Fb.js";
 import { d as divTagName } from "../../tags-DbqTyULW.js";
 import { j as iconSizeLg, b as iconSize3xl, g as iconSizeSm } from "../../IconSize-BknHGJXj.js";

package/dist/components/ImageHeader/index.js

@@ -7,7 +7,7 @@ import { C as Container } from "../../index-C9s7aJQ9.js";
 import Heading from "../Heading/index.js";
 import { h as headingComponentName } from "../../componentName-C1oXAOj7.js";
 import { P as Price } from "../../index-BfQ2X8ye.js";
-import { R as RichTextContentful, b as RichText } from "../../index-BBTjURdS.js";
+import { R as RichTextContentful, b as RichText } from "../../index-t33oCIxk.js";
 import { r as richTextContentfulComponentName, a as richTextComponentName } from "../../props-B4nvU2Fb.js";
 import { a as breakpoint_large } from "../../breakpoint-CzBSbbY7.js";
 import { b as fontWeightLight } from "../../FontWeight-C8c-UnWu.js";

package/dist/components/Legend/index.js

@@ -4,7 +4,7 @@ import Body from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import IconSnippet from "../IconSnippet/index.js";
 import { h as iconSnippetAlignCenter } from "../../props-IkQSZ4Yn.js";
-import { b as RichText } from "../../index-BBTjURdS.js";
+import { b as RichText } from "../../index-t33oCIxk.js";
 import styled from "styled-components";
 const LegendStyled = styled.legend.withConfig({
   displayName: "LegendStyled",

package/dist/components/MediaText/index.js

@@ -8,7 +8,7 @@ import Image from "../Image/index.js";
 import { a as mediaTextPositionLeft, y as youTubeVideoComponentName, i as imageComponentName } from "../../props-D8pFDmiN.js";
 import { b, m, c } from "../../props-D8pFDmiN.js";
 import Link from "../Link/index.js";
-import { R as RichTextContentful, b as RichText } from "../../index-BBTjURdS.js";
+import { R as RichTextContentful, b as RichText } from "../../index-t33oCIxk.js";
 import YouTubeVideo from "../YouTubeVideo/index.js";
 import { p as pTagName, u as ulTagName, d as divTagName, l as liTagName } from "../../tags-DbqTyULW.js";
 import { f as fontWeightRegular } from "../../FontWeight-C8c-UnWu.js";

package/dist/components/Notification/index.js

@@ -12,7 +12,7 @@ import { h as headingComponentName } from "../../componentName-C1oXAOj7.js";
 import IconLoader from "../IconLoader/index.js";
 import Link from "../Link/index.js";
 import { l as linkComponentName } from "../../componentName-D74Io-Fs.js";
-import { b as RichText, R as RichTextContentful } from "../../index-BBTjURdS.js";
+import { b as RichText, R as RichTextContentful } from "../../index-t33oCIxk.js";
 import { a as richTextComponentName, r as richTextContentfulComponentName } from "../../props-B4nvU2Fb.js";
 import { g as iconSizeSm } from "../../IconSize-BknHGJXj.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";

package/dist/components/OpenTextFootnoteAdapter/index.js

@@ -5,7 +5,7 @@ import AccordionGroup from "../AccordionGroup/index.js";
 import { C as Container } from "../../index-C9s7aJQ9.js";
 import FootnoteContent from "../FootnoteContent/index.js";
 import Heading from "../Heading/index.js";
-import { b as RichText } from "../../index-BBTjURdS.js";
+import { b as RichText } from "../../index-t33oCIxk.js";
 import { a as textHeadingSm, b as textHeadingLg } from "../../HeadingSize-O8nxnNUv.js";
 import { g as h3TagName } from "../../tags-DbqTyULW.js";
 const getFootnoteContent = (content, footnoteContentBacklinkText) => {

package/dist/components/ProductCard/index.js

@@ -14,7 +14,7 @@ import { P as Price } from "../../index-BfQ2X8ye.js";
 import { a as fontWeightBold } from "../../FontWeight-C8c-UnWu.js";
 import { j as iconSizeLg } from "../../IconSize-BknHGJXj.js";
 import EnergySnippet from "../EnergySnippet/index.js";
-import { b as RichText } from "../../index-BBTjURdS.js";
+import { b as RichText } from "../../index-t33oCIxk.js";
 import styled from "styled-components";
 import Card from "../Card/index.js";
 import Flex from "../Flex/index.js";

package/dist/components/RichText/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
 import "react";
-import { b } from "../../index-BBTjURdS.js";
+import { b } from "../../index-t33oCIxk.js";
 export {
   b as default
 };

package/dist/components/RichTextContentful/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { R } from "../../index-BBTjURdS.js";
+import { R } from "../../index-t33oCIxk.js";
 export {
   R as default
 };

package/dist/components/TextList/components/TextListItem/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { a } from "../../../../index-BBTjURdS.js";
+import { a } from "../../../../index-t33oCIxk.js";
 import "../../../../props-B4nvU2Fb.js";
 export {
   a as default

package/dist/components/TextList/index.js

@@ -3,7 +3,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../tags-DbqTyULW.js";
 import "../../Spacing-CwWBV8DU.js";
-import { T } from "../../index-BBTjURdS.js";
+import { T } from "../../index-t33oCIxk.js";
 import { t } from "../../props-B4nvU2Fb.js";
 export {
   T as default,

package/dist/{index-BBTjURdS.js → index-t33oCIxk.js}

@@ -1,4 +1,4 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React, { cloneElement, createElement } from "react";
 import { h as headingHtmlTags, q as olTagName, e as strongTagName, f as supTagName, u as ulTagName } from "./tags-DbqTyULW.js";
 import { b as spacingNone, s as spacingMd } from "./Spacing-CwWBV8DU.js";
@@ -500,7 +500,8 @@ const RichText = ({
   html,
   paragraphSpacing,
   bottomSpacing,
-  tagProps = {}
+  tagProps = {},
+  ...props
 }) => {
   let parsedHtml = parseHtml(html, paragraphSpacing, tagProps);
   if (parsedHtml && typeof parsedHtml !== "string" && bottomSpacing) {
@@ -513,7 +514,7 @@ const RichText = ({
       });
     }
   }
-  return /* @__PURE__ */ jsx(Fragment, { children: parsedHtml });
+  return /* @__PURE__ */ jsx("div", { ...props, children: parsedHtml });
 };
 var richTextReactRenderer_es5 = {};
 var cjs = {};
@@ -2309,10 +2310,11 @@ const RichTextContentfulStyled = styled.div.withConfig({
 const RichTextContentful = ({
   html,
   paragraphSpacing,
-  bottomSpacing
+  bottomSpacing,
+  ...props
 }) => {
   const rendered = richTextReactRenderer_es5Exports.documentToReactComponents(html, getOptions(paragraphSpacing));
-  return /* @__PURE__ */ jsx(RichTextContentfulStyled, { bottomSpacing, children: rendered });
+  return /* @__PURE__ */ jsx(RichTextContentfulStyled, { ...props, bottomSpacing, children: rendered });
 };
 const TextListItemStyled = styled.li.withConfig({
   shouldForwardProp: filterProps(),

package/dist/index.js

@@ -5,7 +5,7 @@ import { default as default5 } from "./components/ToggleButtonProvider/index.js"
 import { default as default6 } from "./components/ToggleButton/index.js";
 import { default as default7 } from "./components/TimeInput/index.js";
 import { default as default8 } from "./components/Textarea/index.js";
-import { b, R, T, a } from "./index-BBTjURdS.js";
+import { b, R, T, a } from "./index-t33oCIxk.js";
 import { P, T as T2, c } from "./index-BfQ2X8ye.js";
 import { T as T3, a as a2, b as b2, c as c2, d, T as T4 } from "./TableWrapper-D_uMGOJf.js";
 import { PanelStyled, default as default9, TabGroupContainerStyled, TabGroupIndicatorStyled, TabGroupTabsScrollableContainerStyled, TabGroupTabsStyled, TabLabelStyled, TabStyled } from "./components/TabGroup/index.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vodafone_de/brix-components",
   "description": "Brix is the digital design system for vodafone.de",
-  "version": "11.3.2",
+  "version": "11.3.3",
   "exports": {
     "./package.json": "./package.json",
     ".": {