@vodafone_de/brix-components 9.0.4 → 10.0.0

package/dist/{mapContentToComponents-C_O2rRrX.js → mapContentToComponents-DcPjYAXH.js}

@@ -1,54 +1,55 @@
 import Accordion, { isAccordionProps } from "./components/Accordion/index.js";
 import AccordionGroup, { isAccordionGroupProps } from "./components/AccordionGroup/index.js";
-import { i as isBadgeProps, B as Badge } from "./index-j22agtAk.js";
+import ArtDirectedImage from "./components/ArtDirectedImage/index.js";
+import { i as isBadgeProps, B as Badge } from "./index-DwGcrvTh.js";
 import Body, { isBodyProps } from "./components/Body/index.js";
 import Button from "./components/Button/index.js";
-import { i as isButtonAsLinkProps, f as isButtonProps, B as ButtonAsLink } from "./validate-Dlzxlfzp.js";
+import { i as isButtonAsLinkProps, f as isButtonProps, B as ButtonAsLink } from "./validate-CLBUbscx.js";
 import ButtonGroup, { isButtonGroupProps } from "./components/ButtonGroup/index.js";
 import Card, { isCardProps } from "./components/Card/index.js";
 import ConsentMessage from "./components/ConsentMessage/index.js";
-import Container, { isContainerProps } from "./components/Container/index.js";
+import { i as isContainerProps, C as Container } from "./index-DbG0QL9D.js";
 import DiscoveryCard, { isDiscoveryCardProps } from "./components/DiscoveryCard/index.js";
 import DiscoveryCardGroup, { isDiscoveryCardGroupProps } from "./components/DiscoveryCardGroup/index.js";
 import Divider, { isDividerProps } from "./components/Divider/index.js";
-import Grid, { isGridProps, isGridConfig } from "./components/Grid/index.js";
-import GridItem, { isGridItemProps } from "./components/GridItem/index.js";
+import { n as isGridProps, l as isGridConfig, a as Grid, i as isGridItemProps, G as GridItem } from "./index-Bu-7sSif.js";
 import Heading, { isHeadingProps } from "./components/Heading/index.js";
 import HifiIcon, { isHifiIconProps } from "./components/HifiIcon/index.js";
 import { a as isIconLoaderProps, I as IconLoader, b as iconNames } from "./index--RjkzZm0.js";
 import IconSnippet, { isIconSnippetProps } from "./components/IconSnippet/index.js";
 import IconSnippetList, { isIconSnippetListProps } from "./components/IconSnippetList/index.js";
-import Image from "./components/Image/index.js";
+import Image, { isImageProps } from "./components/Image/index.js";
 import ImageHeader, { isImageHeaderProps } from "./components/ImageHeader/index.js";
 import Link, { isLinkProps } from "./components/Link/index.js";
-import { i as isLinkAsButtonProps, L as LinkAsButton } from "./index-CEotMXpL.js";
+import { i as isLinkAsButtonProps, L as LinkAsButton } from "./index-Dd-A7i9Y.js";
 import LinkList, { linkListVariantRow, linkListVariantColumn } from "./components/LinkList/index.js";
-import { d as isConsentMessageProps, e as isRichTextContentfulProps, f as isYoutubeVideoProps, i as isMediaTextProps, M as MediaText } from "./index-ClAH0TNC.js";
-import { k as isPriceProps, P as Price } from "./index-TL0X3rXH.js";
-import ResponsiveImage, { isResponsiveImageProps } from "./components/ResponsiveImage/index.js";
+import { d as isConsentMessageProps, e as isRichTextContentfulProps, f as isYoutubeVideoProps, i as isMediaTextProps, M as MediaText } from "./index-72IFVw5W.js";
+import { k as isPriceProps, P as Price } from "./index-DCXRnuHz.js";
 import RichTextContentful from "./components/RichtTextContentful/index.js";
 import YoutubeVideo from "./components/YoutubeVideo/index.js";
 import { jsx } from "react/jsx-runtime";
 import { i as isObject, h as hasMatchingComponentName } from "./isObject-BYBrvoVW.js";
 import { useContentfulInspectorMode } from "@contentful/live-preview/react";
-import "./styled-7vJ7mrAA.js";
+import { i as isBottomSpacing } from "./isBottomSpacing-BxfreCZU.js";
+import "react";
 import "./hooks/useLinkComponent/index.js";
-import "html-react-parser";
+import "./components/UtilityLink/index.js";
+import "./hooks/useImageComponent/index.js";
 import { a as cornerRounded, c as cornerStraight } from "./CornerStyle-JEbGNArR.js";
-import { z as isImageProps } from "./validate-DYmFz2FF.js";
+import "./styled-BKH3egch.js";
 import { linkListItemVariantVertical, linkListItemVariantHorizontal } from "./components/LinkListItem/index.js";
-import "./index-DCE5HNIR.js";
-import "./index-BJHhIBYl.js";
+import "./index-C2E3JrhF.js";
+import "./index-BsykXBqC.js";
 import "./NotificationErrorIcon-DMnAJgPN.js";
-import "react";
 import "./components/Collapsible/index.js";
-import "./styled-BxkvYuWW.js";
+import "./hooks/usePictureComponent/index.js";
+import "./styled-CUp4EbPh.js";
 import "./components/FlexItem/index.js";
-import "./styled-Dq0NuP5r.js";
+import "./styled-rsUoUFyl.js";
+import "html-react-parser";
 import "./components/InlineLink/index.js";
 import "./TableWrapper-Do9KCTGV.js";
-import "./index-C4eCcl02.js";
-import "./styled-0KSRG-Fv.js";
+import "./index-DP6Nlg-a.js";
 const validateLegibleContent = (check) => {
   var _a, _b, _c, _d;
   if (null === check) {
@@ -249,6 +250,130 @@ const mapAccordionGroup = (content, isDraft = false) => {
   const Component = isDraft ? LivePreviewInspector : AccordionGroup;
   return /* @__PURE__ */ jsx(Component, { ...props, children }, props.uid);
 };
+const validateArtDirectedImageProps = (props) => {
+  if (!isObject(props)) {
+    return false;
+  }
+  const artDirectedImageProps = props;
+  if (!hasMatchingComponentName(artDirectedImageProps.component, "ArtDirectedImage")) {
+    return false;
+  }
+  if (!artDirectedImageProps.image || !isImageProps(artDirectedImageProps.image)) {
+    return false;
+  }
+  if (artDirectedImageProps.sources !== void 0 && !isObject(artDirectedImageProps.sources)) {
+    return false;
+  }
+  if (artDirectedImageProps.bottomSpacing && !isBottomSpacing(artDirectedImageProps.bottomSpacing)) {
+    return false;
+  }
+  return true;
+};
+const isArtDirectedImageProps = (props) => {
+  return validateArtDirectedImageProps(props);
+};
+const mapCmsToCornerStyle = {
+  Straight: cornerStraight,
+  Rounded: cornerRounded
+};
+const transformCornerStyle = (cmsCornerStyle) => {
+  if (!cmsCornerStyle) {
+    return void 0;
+  }
+  if (!mapCmsToCornerStyle[cmsCornerStyle]) {
+    return void 0;
+  }
+  return mapCmsToCornerStyle[cmsCornerStyle];
+};
+const mapImageProps = (content) => {
+  if (!isLegibleContent(content)) {
+    return false;
+  }
+  if (!content.fields.imgSrc) {
+    return false;
+  }
+  const uid = getContentfulIdentifier(content);
+  const {
+    objectFit,
+    horizontalAlignment,
+    corners,
+    alt,
+    aspectRatio,
+    bottomSpacing,
+    ariaAttributes
+  } = content.fields;
+  const src = content.fields.imgSrc.fields.file.url;
+  const transformedAriaAttributes = transformAriaAttributes(ariaAttributes);
+  const props = {
+    src,
+    alt,
+    aspectRatio,
+    horizontalAlignment,
+    objectFit,
+    corners: transformCornerStyle(corners),
+    bottomSpacing: transformBottomSpacing(bottomSpacing),
+    component: "Image",
+    uid,
+    internal: content,
+    ...transformedAriaAttributes
+  };
+  removeUndefinedInPlace(props);
+  if (isImageProps(props)) {
+    return props;
+  }
+  return false;
+};
+const mapImage = (content, isDraft) => {
+  const props = mapImageProps(content);
+  if (false === props) {
+    return null;
+  }
+  const Component = isDraft ? LivePreviewInspector : Image;
+  return /* @__PURE__ */ jsx(Component, { ...props }, props.uid);
+};
+const mapArtDirectedImageProps = (content) => {
+  if (!isLegibleContent(content)) {
+    return false;
+  }
+  if (!content.fields.image) {
+    console.log("::error::", "image is mandatory for ArtDirectedImage");
+  }
+  if (!content.fields.sources) {
+    console.log("::error::", "sources is mandatory for ArtDirectedImage");
+  }
+  const uid = getContentfulIdentifier(content);
+  const image = mapImageProps(content.fields.image);
+  if (false === image) {
+    console.log("::error::", "image is not valid for ResponsiveImage");
+    return false;
+  }
+  content.fields.sourceMd;
+  content.fields.sourceLg;
+  const sources = {
+    /*         md: sourceMd,
+    lg: sourceLg, */
+  };
+  const props = {
+    sources,
+    image,
+    component: "ArtDirectedImage",
+    uid,
+    internal: content
+  };
+  removeUndefinedInPlace(props);
+  if (isArtDirectedImageProps(props)) {
+    return props;
+  }
+  return false;
+};
+const mapArtDirectedImage = (content, isDraft) => {
+  const props = mapArtDirectedImageProps(content);
+  if (false === props) {
+    return null;
+  }
+  const Component = isDraft ? LivePreviewInspector : ArtDirectedImage;
+  return /* @__PURE__ */ jsx(Component, { ...props }, props.uid);
+};
 const mapBadgeProps = (content) => {
   if (!isLegibleContent(content)) {
     return false;
@@ -739,67 +864,6 @@ const mapHeading = (content, isDraft) => {
   const Component = isDraft ? LivePreviewInspector : Heading;
   return /* @__PURE__ */ jsx(Component, { ...props, children }, props.uid);
 };
-const mapCmsToCornerStyle = {
-  Straight: cornerStraight,
-  Rounded: cornerRounded
-};
-const transformCornerStyle = (cmsCornerStyle) => {
-  if (!cmsCornerStyle) {
-    return void 0;
-  }
-  if (!mapCmsToCornerStyle[cmsCornerStyle]) {
-    return void 0;
-  }
-  return mapCmsToCornerStyle[cmsCornerStyle];
-};
-const mapImageProps = (content) => {
-  if (!isLegibleContent(content)) {
-    return false;
-  }
-  if (!content.fields.imgSrc) {
-    return false;
-  }
-  const uid = getContentfulIdentifier(content);
-  const {
-    objectFit,
-    objectPosition,
-    horizontalAlignment,
-    corners,
-    alt,
-    aspectRatio,
-    bottomSpacing,
-    ariaAttributes
-  } = content.fields;
-  const src = content.fields.imgSrc.fields.file.url;
-  const transformedAriaAttributes = transformAriaAttributes(ariaAttributes);
-  const props = {
-    src,
-    alt,
-    aspectRatio,
-    objectPosition,
-    horizontalAlignment,
-    objectFit,
-    corners: transformCornerStyle(corners),
-    bottomSpacing: transformBottomSpacing(bottomSpacing),
-    component: "Image",
-    uid,
-    internal: content,
-    ...transformedAriaAttributes
-  };
-  removeUndefinedInPlace(props);
-  if (isImageProps(props)) {
-    return props;
-  }
-  return false;
-};
-const mapImage = (content, isDraft) => {
-  const props = mapImageProps(content);
-  if (false === props) {
-    return null;
-  }
-  const Component = isDraft ? LivePreviewInspector : Image;
-  return /* @__PURE__ */ jsx(Component, { ...props }, props.uid);
-};
 const mapPriceProps = (content) => {
   if (!isLegibleContent(content)) {
     return false;
@@ -1262,61 +1326,12 @@ const mapIconSnippetList = (content, isDraft = false) => {
   const Component = isDraft ? LivePreviewInspector : IconSnippetList;
   return /* @__PURE__ */ jsx(Component, { ...props, children }, props.uid);
 };
-const mapResponsiveImageProps = (content) => {
-  if (!isLegibleContent(content)) {
-    return false;
-  }
-  if (!content.fields.imageSm) {
-    console.log("::error::", "imageSm is mandatory for ResponsiveImage");
-  }
-  const uid = getContentfulIdentifier(content);
-  const imageSm = mapImageProps(content.fields.imageSm);
-  const imageMd = mapImageProps(content.fields.imageMd);
-  const imageLg = mapImageProps(content.fields.imageLg);
-  const {
-    ariaAttributes
-  } = content.fields;
-  const transformedAriaAttributes = transformAriaAttributes(ariaAttributes);
-  if (false === imageSm) {
-    console.log("::error::", "imageSm is not valid for ResponsiveImage");
-    return false;
-  }
-  const images = {
-    sm: imageSm
-  };
-  if (false !== imageMd) {
-    images.md = imageMd;
-  }
-  if (false !== imageLg) {
-    images.lg = imageLg;
-  }
-  const props = {
-    images,
-    component: "ResponsiveImage",
-    uid,
-    internal: content,
-    ...transformedAriaAttributes
-  };
-  removeUndefinedInPlace(props);
-  if (isResponsiveImageProps(props)) {
-    return props;
-  }
-  return false;
-};
-const mapResponsiveImage = (content, isDraft) => {
-  const props = mapResponsiveImageProps(content);
-  if (false === props) {
-    return null;
-  }
-  const Component = isDraft ? LivePreviewInspector : ResponsiveImage;
-  return /* @__PURE__ */ jsx(Component, { ...props }, props.uid);
-};
 const mapImageHeaderProps = (content) => {
   if (!isLegibleContent(content)) {
     return false;
   }
-  if (!content.fields.responsiveImage) {
-    console.log("::error::", "responsiveImage is mandatory for ImageHeader");
+  if (!content.fields.artDirectedImage) {
+    console.log("::error::", "artDirectedImage is mandatory for ImageHeader");
   }
   if (!content.fields.heading) {
     console.log("::error::", "heading is mandatory for ImageHeader");
@@ -1329,7 +1344,7 @@ const mapImageHeaderProps = (content) => {
     ariaAttributes
   } = content.fields;
   const transformedAriaAttributes = transformAriaAttributes(ariaAttributes);
-  const responsiveImage = mapResponsiveImageProps(content.fields.responsiveImage) || void 0;
+  const artDirectedImage = mapArtDirectedImageProps(content.fields.artDirectedImage) || void 0;
   const badge = mapBadgeProps(content.fields.badge) || void 0;
   const heading = mapHeadingProps(content.fields.heading) || void 0;
   const subline = mapHeadingProps(content.fields.subline) || mapBodyProps(content.fields.subline) || mapRichtTextContentfulProps(content.fields.subline) || void 0;
@@ -1337,7 +1352,7 @@ const mapImageHeaderProps = (content) => {
   const price = mapPriceProps(content.fields.price) || void 0;
   const contentGridDesktopColumns = parseInt(content.fields.contentGridDesktopColumns, 10) || void 0;
   const props = {
-    responsiveImage,
+    artDirectedImage,
     badge,
     heading,
     subline,
@@ -1810,7 +1825,7 @@ const mapGridItem = (content, isDraft = false) => {
   const Component = isDraft ? LivePreviewInspector : GridItem;
   return /* @__PURE__ */ jsx(Component, { ...props, children }, props.uid);
 };
-const supportedComponents = ["Accordion", "AccordionGroup", "Badge", "Body", "Button", "ButtonGroup", "ButtonAsLink", "Card", "Container", "ConsentMessage", "DiscoveryCard", "DiscoveryCardGroup", "Divider", "Grid", "GridItem", "Heading", "HifiIcon", "Link", "LinkAsButton", "LinkList", "IconSnippet", "IconSnippetList", "Image", "ImageHeader", "IconLoader", "Price", "MediaText", "ResponsiveImage", "RichTextContentful", "YoutubeVideo"];
+const supportedComponents = ["Accordion", "AccordionGroup", "Badge", "Body", "Button", "ButtonGroup", "ButtonAsLink", "Card", "Container", "ConsentMessage", "DiscoveryCard", "DiscoveryCardGroup", "Divider", "Grid", "GridItem", "Heading", "HifiIcon", "Link", "LinkAsButton", "LinkList", "IconSnippet", "IconSnippetList", "Image", "ImageHeader", "IconLoader", "Price", "MediaText", "ArtDirectedImage", "RichTextContentful", "YoutubeVideo"];
 const componentsFeatures = {
   Accordion: {
     component: Accordion,
@@ -2028,12 +2043,12 @@ const componentsFeatures = {
     propsMap: mapMediaTextProps,
     mapChildren: false
   },
-  ResponsiveImage: {
-    component: ResponsiveImage,
+  ArtDirectedImage: {
+    component: ArtDirectedImage,
     inspectorField: "cmsTitle",
-    contentModel: "responsiveImage",
-    contentMapper: mapResponsiveImage,
-    propsMap: mapResponsiveImageProps,
+    contentModel: "artDirectedImage",
+    contentMapper: mapArtDirectedImage,
+    propsMap: mapArtDirectedImageProps,
     mapChildren: false
   },
   RichTextContentful: {

package/dist/{styled-Dw5c-xwf.js → styled-BIcsESkS.js}

@@ -6,7 +6,7 @@ import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { f as colorBorderWarning } from "./BorderColor-BummoQ1-.js";
 import { b as spacingSm, s as spacingMd } from "./Spacing-8v6hcO2x.js";
 import { a as colorTextNeutral } from "./TextColor-BXVMXUVE.js";
-import { a as filterProps } from "./filterProps-BJ5SpbnA.js";
+import { a as filterProps } from "./filterProps-CxkibNnG.js";
 const DemoBoxStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "DemoBoxStyled",

package/dist/{styled-7vJ7mrAA.js → styled-BKH3egch.js}

@@ -8,12 +8,12 @@ import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js"
 import { getFontWeight } from "./foundations/token/getFontWeight/index.js";
 import { getOpacity } from "./foundations/token/getOpacity/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
-import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
+import { b as borderRadiusMd } from "./BorderRadius-2LdggXbQ.js";
 import { a as fontWeightRegular } from "./FontWeight-DEBGHbtO.js";
 import { a as opacityDisabled } from "./Opacity-smkGiwsf.js";
 import { a as spacingXs, e as spacingXl, c as spacingNone, s as spacingMd } from "./Spacing-8v6hcO2x.js";
 import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
-import { a as filterProps } from "./filterProps-BJ5SpbnA.js";
+import { a as filterProps } from "./filterProps-CxkibNnG.js";
 const leftPosition = "left";
 const rightPosition = "right";
 const primaryAppearance = "primary";

package/dist/{styled-BxkvYuWW.js → styled-CUp4EbPh.js}

@@ -2,13 +2,16 @@ import styled from "styled-components";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { s as spacingMd, c as spacingNone } from "./Spacing-8v6hcO2x.js";
-import { a as filterProps } from "./filterProps-BJ5SpbnA.js";
+import { a as filterProps } from "./filterProps-CxkibNnG.js";
 const flexOrientationHorizontal = "horizontal";
 const flexOrientationVertical = "vertical";
 const flexJustifyStart = "start";
 const flexJustifyEnd = "end";
 const flexJustifyCenter = "center";
 const flexJustifyBetween = "between";
+const flexAlignStart = "start";
+const flexAlignEnd = "end";
+const flexAlignCenter = "center";
 const translateToJustifyContent = (justify) => {
   if (!justify) {
     return;
@@ -21,6 +24,17 @@ const translateToJustifyContent = (justify) => {
   };
   return justifyValues[justify];
 };
+const translateToAlignItems = (alignItems) => {
+  if (!alignItems) {
+    return;
+  }
+  const alignValues = {
+    [flexAlignEnd]: "flex-end",
+    [flexAlignCenter]: "center",
+    [flexAlignStart]: "flex-start"
+  };
+  return alignValues[alignItems];
+};
 const FlexStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "FlexStyled",
@@ -47,6 +61,10 @@ const FlexStyled = styled.div.withConfig({
   justify = flexJustifyStart
 }) => ({
   justifyContent: translateToJustifyContent(justify)
+}), ({
+  alignItems = flexAlignStart
+}) => ({
+  alignItems: translateToAlignItems(alignItems)
 }), ({
   gapSpacing = spacingMd
 }) => {
@@ -67,5 +85,8 @@ export {
   flexJustifyEnd as c,
   flexJustifyCenter as d,
   flexJustifyBetween as e,
-  flexOrientationHorizontal as f
+  flexOrientationHorizontal as f,
+  flexAlignStart as g,
+  flexAlignEnd as h,
+  flexAlignCenter as i
 };

package/dist/{styled-BBXC0aka.js → styled-D-fzMZNS.js}

@@ -14,7 +14,7 @@ import { b as colorBackgroundOverlay } from "./BackgroundColor-e0N9tdDR.js";
 import { o as opacityOverlay } from "./Opacity-smkGiwsf.js";
 import { l as largeSize } from "./SizeTypes-Ck_RdzIf.js";
 import { c as spacingNone } from "./Spacing-8v6hcO2x.js";
-import { a as filterProps } from "./filterProps-BJ5SpbnA.js";
+import { a as filterProps } from "./filterProps-CxkibNnG.js";
 const loadingSpinnerOverlays = {
   Light: `rgba(255, 255, 255, ${getOpacity(opacityOverlay)})`,
   Dark: `rgba(38, 38, 38, ${getOpacity(opacityOverlay)})`

package/dist/{styled-0KSRG-Fv.js → styled-DdeOXNN9.js}

@@ -1,11 +1,11 @@
 import styled from "styled-components";
-import { a as CardStyled } from "./styled-Dq0NuP5r.js";
-import { D as DemoBoxStyled } from "./styled-Dw5c-xwf.js";
+import { a as CardStyled } from "./styled-rsUoUFyl.js";
+import { D as DemoBoxStyled } from "./styled-BIcsESkS.js";
 import viewport from "./foundations/media-query/viewport/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { s as spacingMd } from "./Spacing-8v6hcO2x.js";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
-import { a as filterProps } from "./filterProps-BJ5SpbnA.js";
+import { a as filterProps } from "./filterProps-CxkibNnG.js";
 const getColumnWidth = ({
   sm,
   md,
@@ -128,6 +128,28 @@ const GridItemStyled = styled.div.withConfig({
 }), ({
   align
 }) => getCardAlignment(align), getBottomSpacing);
+const GridStyled = styled.div.withConfig({
+  shouldForwardProp: filterProps(),
+  displayName: "GridStyled",
+  componentId: "sc-1ydkxh9-0"
+})({
+  boxSizing: "border-box",
+  display: "flex",
+  flexWrap: "wrap"
+}, ({
+  align = "left"
+}) => ({
+  justifyContent: align
+}), ({
+  stretch = false
+}) => ({
+  alignItems: stretch ? "stretch" : "flex-start"
+}), ({
+  spacing = spacingMd
+}) => ({
+  gap: getSpacing(spacing)
+}), getBottomSpacing);
 export {
-  GridItemStyled as G
+  GridItemStyled as G,
+  GridStyled as a
 };

package/dist/{styled-xKyZg4q9.js → styled-DmMk0W0J.js}

@@ -10,11 +10,11 @@ import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { c as colorBackgroundNeutral, a as colorBackgroundSubtle } from "./BackgroundColor-e0N9tdDR.js";
 import { c as colorBorderFocus, a as colorBorderNeutral, b as colorBorderUnselected, d as colorBorderSuccess, e as colorBorderCritical } from "./BorderColor-BummoQ1-.js";
-import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
+import { b as borderRadiusMd } from "./BorderRadius-2LdggXbQ.js";
 import { b as borderWidthUnselected } from "./BorderWidth-BjXpOdM5.js";
 import { b as spacingSm, a as spacingXs } from "./Spacing-8v6hcO2x.js";
 import { c as colorTextPlaceholder, a as colorTextNeutral } from "./TextColor-BXVMXUVE.js";
-import { a as filterProps } from "./filterProps-BJ5SpbnA.js";
+import { a as filterProps } from "./filterProps-CxkibNnG.js";
 const InputWrapperStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(["readOnly"]),
   displayName: "InputWrapperStyled",

package/dist/{styled-Dq0NuP5r.js → styled-rsUoUFyl.js}

@@ -6,10 +6,10 @@ import { getBorderRadius } from "./foundations/token/getBorderRadius/index.js";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { getTextColor } from "./foundations/token/getTextColor/index.js";
-import { b as borderRadiusMd } from "./BorderRadius-ClUShVLu.js";
+import { b as borderRadiusMd } from "./BorderRadius-2LdggXbQ.js";
 import { s as spacingMd } from "./Spacing-8v6hcO2x.js";
 import { a as colorTextNeutral } from "./TextColor-BXVMXUVE.js";
-import { a as filterProps } from "./filterProps-BJ5SpbnA.js";
+import { a as filterProps } from "./filterProps-CxkibNnG.js";
 import { g as getCssVar } from "./getCssVar-BP6T9pFM.js";
 import { e as colorBackgroundBrandGradient, c as colorBackgroundNeutral } from "./BackgroundColor-e0N9tdDR.js";
 const CardAppearanceColor = {

package/dist/{tags-D7CRQqc1.js → tags-Cwgg3Gx2.js}

@@ -19,8 +19,8 @@ const asideTagName = "aside";
 const navTagName = "nav";
 const mainTagName = "main";
 export {
-  asideTagName as a,
-  articleTagName as b,
+  articleTagName as a,
+  asideTagName as b,
   spanTagName as c,
   divTagName as d,
   headingHtmlTags as e,
@@ -31,12 +31,12 @@ export {
   h4TagName as j,
   h2TagName as k,
   liTagName as l,
-  mainTagName as m,
-  navTagName as n,
+  h1TagName as m,
+  h6TagName as n,
   olTagName as o,
-  h1TagName as p,
-  h6TagName as q,
-  pTagName as r,
+  pTagName as p,
+  navTagName as q,
+  mainTagName as r,
   sectionTagName as s,
   ulTagName as u
 };

package/dist/{validate-Dlzxlfzp.js → validate-CLBUbscx.js}

@@ -1,9 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { i as iconSizeSm } from "./IconSize-AJp7xdJi.js";
-import { a as ButtonIconStyled, l as leftPosition, b as buttonHeight, p as primaryAppearance, s as secondaryAppearance, t as tertiaryAppearance, r as rightPosition } from "./styled-7vJ7mrAA.js";
+import { a as ButtonIconStyled, l as leftPosition, b as buttonHeight, p as primaryAppearance, s as secondaryAppearance, t as tertiaryAppearance, r as rightPosition } from "./styled-BKH3egch.js";
 import { useLinkComponent } from "./hooks/useLinkComponent/index.js";
-import { a as filterProps, f as filterPropsForUnstyledComponent } from "./filterProps-BJ5SpbnA.js";
-import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
+import { a as filterProps, f as filterPropsForUnstyledComponent } from "./filterProps-CxkibNnG.js";
 import { s as sanitizeLinkProps } from "./sanitizeLinkProps-D2Kkovy1.js";
 import styled from "styled-components";
 import { g as getButtonAppearance } from "./ButtonAppearanceHelper-DBCLijF0.js";
@@ -13,11 +12,10 @@ 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 borderRadiusMd } from "./BorderRadius-2LdggXbQ.js";
 import { a as fontWeightRegular } from "./FontWeight-DEBGHbtO.js";
 import { c as spacingNone, a as spacingXs, e as spacingXl, s as spacingMd } from "./Spacing-8v6hcO2x.js";
 import { t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
-import "html-react-parser";
 import { i as isObject, h as hasMatchingComponentName } from "./isObject-BYBrvoVW.js";
 import { i as isBottomSpacing } from "./isBottomSpacing-BxfreCZU.js";
 import { b as iconNames } from "./index--RjkzZm0.js";
@@ -109,7 +107,7 @@ const isButtonAsLinkProps = (props) => {
 const ButtonAsLink = (props) => {
   const LinkComponent = useLinkComponent();
   return /* @__PURE__ */ jsx(ButtonAsLinkStyled, { ...props, children: /* @__PURE__ */ jsxs(LinkComponent, { ...sanitizeLinkProps(filterPropsForUnstyledComponent(props)), children: [
-    renderInlineRichTextFromOpenText(props.children),
+    props.children,
     getButtonIcon(props == null ? void 0 : props.icon)
   ] }) });
 };

package/package.json

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

package/dist/Viewport-C35jx6QE.js

@@ -1,8 +0,0 @@
-const viewportSm = "sm";
-const viewportMd = "md";
-const viewportLg = "lg";
-export {
-  viewportLg as a,
-  viewportMd as b,
-  viewportSm as v
-};

package/dist/components/ResponsiveImage/index.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { ResponsiveImageProps } from './props';
-declare const ResponsiveImage: FC<ResponsiveImageProps>;
-export default ResponsiveImage;
-export * from './props';
-export * from './validate';