@vodafone_de/brix-components 7.0.4 → 7.0.6

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

@@ -0,0 +1,4 @@
+import { MediaTextProps } from './props';
+export declare const MediaTextStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<MediaTextProps, "orientation" | "bottomSpacing">>> & string;
+export declare const MediaTextMediaStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<MediaTextProps, "orientation" | "bottomSpacing">>> & string;
+export declare const MediaTextContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<MediaTextProps, "orientation">>> & string;

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-BeSd-V81.js";
+import { R as RichText } from "../../index-BRs8j3Vq.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,7 +6,7 @@ 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-ZHkR70j3.js";
+import { B as Badge } from "../../index-CKvLGUdD.js";
 import ColorSwatch from "../ColorSwatch/index.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
@@ -27,7 +27,7 @@ import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { c as colorBackgroundNeutral } from "../../BackgroundColor-e0N9tdDR.js";
 import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
 import { a as borderWidthFocus, d as borderWidthSelected } from "../../BorderWidth-DfOlyKK7.js";
-import { b as fontWeightRegular, f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
+import { a as fontWeightRegular, f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
 import { o as opacityOverlay } from "../../Opacity-smkGiwsf.js";
 import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
 import { f as filterProps } from "../../filterProps-Cewck8OH.js";

package/dist/components/Price/index.js

@@ -2,7 +2,7 @@
 import "react/jsx-runtime";
 import "../../index-DQhtQZ85.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { c, P, i, g, f, h, p, a, e, d, b } from "../../index-aUJfXBUI.js";
+import { c, P, i, g, f, h, p, a, e, d, b } from "../../index-WLBo71sp.js";
 export {
   c as createScreenReaderText,
   P as default,

package/dist/components/ProductCard/index.js

@@ -2,15 +2,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { it as iconSizeLg } from "../../index-Cbojl4_Q.js";
 import Image, { aspectRatio1_1 } from "../Image/index.js";
-import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
+import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.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-ZHkR70j3.js";
+import { B as Badge } from "../../index-CKvLGUdD.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, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-aUJfXBUI.js";
+import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-WLBo71sp.js";
 import styled from "styled-components";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import Card from "../Card/index.js";

package/dist/components/Rating/assets/StarSVG.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-declare const StarSVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+declare const StarSVG: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.SVGProps<SVGSVGElement>, never>> & string & Omit<(props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element, keyof React.Component<any, {}, any>>;
 export default StarSVG;

package/dist/components/Rating/index.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from "react";
-import { u as useViewport, v as viewportSm } from "../../index-Cs0Hw0dj.js";
 import Fieldset from "../Fieldset/index.js";
 import styled from "styled-components";
+import { u as useViewport, v as viewportSm } from "../../index-Cs0Hw0dj.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
 import { getHoverColor } from "../../foundations/token/getHoverColor/index.js";
@@ -14,9 +14,22 @@ import { c as colorBorderFocus, i as colorBorderSelected, a as colorBorderNeutra
 import { a as borderWidthFocus } from "../../BorderWidth-DfOlyKK7.js";
 import { b as colorObjectSelected } from "../../ObjectColor-BZDBuV8H.js";
 import { a as spacingXs } from "../../Spacing-D0HQH9YJ.js";
-const StarSVG = (props) => /* @__PURE__ */ jsx("svg", { style: {
-  display: "inline-block"
-}, width: "26", height: "25", viewBox: "0 0 26 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("path", { d: "M1 9.95223L9.26911 8.58599L12.8296 1L16.6847 8.44108L25 9.48408L19.1147 15.449L20.6911 23.6799L13.199 19.9252L5.85987 23.9682L7.11465 15.6831L1 9.95223Z", fill: "white", stroke: "#7E7E7E", strokeLinecap: "round", strokeLinejoin: "round" }) });
+const StarSVGBase = (props) => {
+  const viewport = useViewport();
+  let width = 32;
+  let height = 30.624;
+  if (viewport === viewportSm) {
+    width = 24;
+    height = 22.968;
+  }
+  return /* @__PURE__ */ jsx("svg", { style: {
+    display: "inline-block"
+  }, width, height, viewBox: "0 0 26 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("path", { d: "M1 9.95223L9.26911 8.58599L12.8296 1L16.6847 8.44108L25 9.48408L19.1147 15.449L20.6911 23.6799L13.199 19.9252L5.85987 23.9682L7.11465 15.6831L1 9.95223Z", fill: "white", stroke: "#7E7E7E", strokeLinecap: "round", strokeLinejoin: "round" }) });
+};
+const StarSVG = styled(StarSVGBase).withConfig({
+  displayName: "StarSVG",
+  componentId: "sc-iheyat-0"
+})([""]);
 const getSvgPathStyles = (props) => ({
   fill: props.selected ? getObjectColor(colorObjectSelected) : props.isInHoverRange ? getHoverColor(colorBackgroundNeutral) : "transparent",
   strokeWidth: "1px",
@@ -85,22 +98,9 @@ const HiddenRadioStyled = styled.input.withConfig({
   whiteSpace: "nowrap",
   width: "1px"
 });
-const useStarSize = () => {
-  const viewport = useViewport();
-  if (viewport === viewportSm) {
-    return {
-      width: 24,
-      height: 22.968
-    };
-  }
-  return {
-    width: 32,
-    height: 30.624
-  };
-};
 const Rating = ({
   value,
-  onValueChange,
+  onUpdate,
   className,
   groupName,
   uid,
@@ -109,7 +109,6 @@ const Rating = ({
 }) => {
   const [internalValue, setInternalValue] = useState(value ?? 0);
   const [hoverValue, setHoverValue] = useState(null);
-  const starSize = useStarSize();
   useEffect(() => {
     if (value !== void 0) {
       setInternalValue(value);
@@ -118,8 +117,8 @@ const Rating = ({
   const handleChange = (event) => {
     const newValue = Number(event.target.value);
     setInternalValue(newValue);
-    if (onValueChange) {
-      onValueChange(newValue);
+    if (onUpdate) {
+      onUpdate(newValue);
     }
   };
   const handleMouseEnter = (index) => {
@@ -131,8 +130,8 @@ const Rating = ({
   const handleClick = (starValue) => {
     if (starValue === internalValue) {
       setInternalValue(0);
-      if (onValueChange) {
-        onValueChange(0);
+      if (onUpdate) {
+        onUpdate(0);
       }
     }
   };
@@ -142,7 +141,7 @@ const Rating = ({
     const isInHoverRange = hoverValue !== null && starValue <= hoverValue;
     return /* @__PURE__ */ jsxs(StarLabelStyled, { selected: starValue <= internalValue, isInHoverRange, htmlFor: `${uid}-star-${starValue}`, onMouseEnter: () => handleMouseEnter(index), onMouseLeave: handleMouseLeave, "aria-label": `${starValue} von 5 Sternen`, children: [
       /* @__PURE__ */ jsx(HiddenRadioStyled, { type: "radio", id: `${uid}-star-${starValue}`, name: groupName || uid, value: starValue, checked: starValue === internalValue, onChange: handleChange, onClick: () => handleClick(starValue) }),
-      /* @__PURE__ */ jsx(StarSVG, { width: starSize.width, height: starSize.height })
+      /* @__PURE__ */ jsx(StarSVG, {})
     ] }, `star-${starValue}-${uid}`);
   }) }) });
 };

package/dist/components/Rating/props.d.ts

@@ -2,7 +2,7 @@ import { FieldsetSharedProps } from '../Fieldset';
 /**
  * Props for the Rating component
  */
-export interface RatingProps extends Omit<FieldsetSharedProps, 'status' | 'errorMessage' | 'disabled'> {
+export interface RatingProps extends Omit<FieldsetSharedProps, 'status' | 'errorMessage' | 'disabled' | 'helperText'> {
     /**
      * The current rating value (number of stars selected)
      */
@@ -10,7 +10,7 @@ export interface RatingProps extends Omit<FieldsetSharedProps, 'status' | 'error
     /**
      * Callback fired when the rating value changes
      */
-    onValueChange?: (value: number) => void;
+    onUpdate?: (value: number) => void;
     /**
      * Optional group name to identify the rating group for accessibility
      */

package/dist/components/RichText/index.js

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

package/dist/components/SearchInput/index.js

@@ -5,7 +5,7 @@ import { forwardRef, useState, useRef, useImperativeHandle } from "react";
 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-BSqC5P9h.js";
+import { p as primaryAppearance } from "../../styled-DLS1p_AJ.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import Form from "../Form/index.js";
 import styled from "styled-components";

package/dist/components/Stepper/index.js

@@ -12,7 +12,7 @@ import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index
 import { getFontWeight } from "../../foundations/token/getFontWeight/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
 import { g as colorBorderBrand, a as colorBorderNeutral, h as colorBorderInverse } from "../../BorderColor-BummoQ1-.js";
-import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
+import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
 import { c as colorObjectBrand, a as colorObjectInverse } from "../../ObjectColor-BZDBuV8H.js";
 import { s as spacingMd } from "../../Spacing-D0HQH9YJ.js";
 import { t as textBodyMd } from "../../TextBodySize-BcZR9mh2.js";

package/dist/components/TabularPrice/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { T } from "../../index-aUJfXBUI.js";
+import { T } from "../../index-WLBo71sp.js";
 import "../../index-DQhtQZ85.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {

package/dist/components/TextList/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { a, T } from "../../index-BeSd-V81.js";
+import { a, T } from "../../index-BRs8j3Vq.js";
 import "../../tags-DI6H1biK.js";
 import "../../Spacing-D0HQH9YJ.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";

package/dist/components/Tray/index.js

@@ -4,7 +4,7 @@ import { useState, useRef, useEffect } from "react";
 import { createPortal } from "react-dom";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Heading from "../Heading/index.js";
-import { f as fontWeightBold } from "../../FontWeight-CR22KTex.js";
+import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
 import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
 import { s as spacingMd, b as spacingNone } from "../../Spacing-D0HQH9YJ.js";
 import styled from "styled-components";

package/dist/{index-C7meHOM4.js → index-57IF0yrd.js}

@@ -1,6 +1,6 @@
 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-BSqC5P9h.js";
+import { l as leftPosition, c as ButtonIconStyled, b as buttonHeight, g as getButtonAppearance, p as primaryAppearance } from "./styled-DLS1p_AJ.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import { getBodySize } from "./foundations/token/getBodySize/index.js";
@@ -9,7 +9,7 @@ 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 fontWeightRegular } from "./FontWeight-DEBGHbtO.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";

package/dist/{index-BeSd-V81.js → index-BRs8j3Vq.js}

@@ -13,7 +13,7 @@ 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 fontWeightRegular } from "./FontWeight-DEBGHbtO.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";

package/dist/{index-ZHkR70j3.js → index-CKvLGUdD.js}

@@ -12,7 +12,7 @@ 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 { f as fontWeightBold } from "./FontWeight-DEBGHbtO.js";
 import { a as textBodySm, t as textBodyMd } from "./TextBodySize-BcZR9mh2.js";
 import { b as getForegroundColor } from "./colorUtils-BSfFfgbi.js";
 import { f as filterProps } from "./filterProps-Cewck8OH.js";

package/dist/{index-C5GzK6_0.js → index-DrySIh-D.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { iv as iconSizeSm } from "./index-Cbojl4_Q.js";
-import { c as ButtonIconStyled } from "./styled-BSqC5P9h.js";
+import { c as ButtonIconStyled } from "./styled-DLS1p_AJ.js";
 import { r as renderInlineRichTextFromOpenText } from "./renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";

package/dist/{index-aUJfXBUI.js → index-WLBo71sp.js}

@@ -8,7 +8,7 @@ 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 { f as fontWeightBold, a as fontWeightRegular } from "./FontWeight-DEBGHbtO.js";
 import { s as spacingMd, b as spacingNone, a as spacingXs } from "./Spacing-D0HQH9YJ.js";
 import { g as colorTextCritical, a as colorTextNeutral } from "./TextColor-DsntmDNw.js";
 import { f as filterProps } from "./filterProps-Cewck8OH.js";

package/dist/index.d.ts

@@ -40,6 +40,8 @@ export * from './components/Overlay';
 export { default as Overlay } from './components/Overlay';
 export * from './components/Notification';
 export { default as Notification } from './components/Notification';
+export * from './components/MediaText';
+export { default as MediaText } from './components/MediaText';
 export * from './components/LoadingSpinner';
 export { default as LoadingSpinner } from './components/LoadingSpinner';
 export * from './components/LinkListItem';

package/dist/index.js

@@ -2,8 +2,8 @@ import { default as default2, YoutubeVideoIframeStyled, YoutubeVideoStyled } fro
 import { default as default3 } from "./components/Tray/index.js";
 import { default as default4 } from "./components/TimeInput/index.js";
 import { default as default5 } from "./components/Textarea/index.js";
-import { R, T, a } from "./index-BeSd-V81.js";
-import { P, T as T2, c, i, g, f, h, p, a as a2, e, d, b } from "./index-aUJfXBUI.js";
+import { R, T, a } from "./index-BRs8j3Vq.js";
+import { P, T as T2, c, i, g, f, h, p, a as a2, e, d, b } from "./index-WLBo71sp.js";
 import { default as default6 } from "./components/Switch/index.js";
 import { default as default7 } from "./components/SuggestInput/index.js";
 import { default as default8 } from "./components/Stepper/index.js";
@@ -17,60 +17,61 @@ import { default as default14 } from "./components/ProductCard/index.js";
 import { default as default15 } from "./components/PickerGroup/index.js";
 import { default as default16, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
 import { default as default17, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
-import { default as default18 } from "./components/LoadingSpinner/index.js";
-import { default as default19, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
-import { default as default20, linkListVariantColumn, linkListVariantRow } from "./components/LinkList/index.js";
-import { L } from "./index-C5GzK6_0.js";
-import { default as default21 } from "./components/Link/index.js";
-import { default as default22 } from "./components/Legend/index.js";
-import { default as default23 } from "./components/Label/index.js";
-import { default as default24 } from "./components/Input/index.js";
-import { default as default25 } from "./components/InlineLink/index.js";
-import { default as default26, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderVariantFull, imageHeaderVariantSplit } from "./components/ImageHeader/index.js";
-import { default as default27, aspectRatio16_9, aspectRatio1_1, aspectRatio21_9, aspectRatio32_9, aspectRatio3_4, aspectRatio48_9, horizontalAlignmentCenter, horizontalAlignmentLeft, horizontalAlignmentRight, objectFitContain, objectFitCover, objectFitNone, objectPositionCenter, objectPositionLeftBottom, objectPositionLeftCenter, objectPositionLeftTop, objectPositionRightBottom, objectPositionRightCenter, objectPositionRightTop } from "./components/Image/index.js";
-import { default as default28 } from "./components/IconSnippetList/index.js";
-import { default as default29, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall } from "./components/IconSnippet/index.js";
-import { default as default30, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
-import { default as default31, iconSize5xl, iconSize6xl, iconSize7xl, iconSize8xl, iconSize9xl } from "./components/Icon/index.js";
-import { default as default32 } from "./components/HifiIcon/index.js";
-import { default as default33, headingAlignCenter, headingAlignLeft } from "./components/Heading/index.js";
-import { default as default34 } from "./components/GridItem/index.js";
-import { default as default35 } from "./components/Grid/index.js";
-import { default as default36 } from "./components/GoogleMap/index.js";
-import { default as default37, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
-import { default as default38 } from "./components/FormHelperMessage/index.js";
-import { default as default39 } from "./components/FormHelperLabel/index.js";
-import { default as default40 } from "./components/FormElement/index.js";
-import { default as default41 } from "./components/Form/index.js";
-import { default as default42 } from "./components/FootnoteLink/index.js";
-import { default as default43 } from "./components/FootnoteContent/index.js";
-import { default as default44, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
-import { default as default45 } from "./components/Flex/index.js";
-import { default as default46 } from "./components/FilterGroup/index.js";
-import { default as default47 } from "./components/Fieldset/index.js";
-import { default as default48 } from "./components/Divider/index.js";
-import { default as default49 } from "./components/DiscoveryCardGroup/index.js";
-import { default as default50, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical } from "./components/DiscoveryCard/index.js";
-import { default as default51 } from "./components/Dialog/index.js";
-import { default as default52 } from "./components/DemoBox/index.js";
-import { default as default53 } from "./components/DateInput/index.js";
-import { default as default54, ContainerAppearanceColor } from "./components/Container/index.js";
-import { default as default55 } from "./components/ConsentMessage/index.js";
-import { default as default56 } from "./components/ColorSwatchGroup/index.js";
-import { default as default57, colorSwatchSizeMedium, colorSwatchSizeSmall } from "./components/ColorSwatch/index.js";
-import { default as default58 } from "./components/Collapsible/index.js";
-import { default as default59 } from "./components/CheckboxGroup/index.js";
-import { default as default60 } from "./components/Checkbox/index.js";
-import { default as default61 } from "./components/Carousel/index.js";
-import { default as default62 } from "./components/Card/index.js";
-import { default as default63 } from "./components/ButtonGroup/index.js";
-import { B } from "./index-C7meHOM4.js";
-import { default as default64, buttonAutoWidth, buttonFullWidth } from "./components/Button/index.js";
-import { default as default65 } from "./components/BottomBar/index.js";
-import { default as default66, bodyAlignCenter, bodyAlignLeft, bodyAlignRight } from "./components/Body/index.js";
-import { B as B2, a as a3 } from "./index-ZHkR70j3.js";
-import { default as default67 } from "./components/AccordionGroup/index.js";
-import { default as default68, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded } from "./components/Accordion/index.js";
+import { default as default18, mediaTextOrientationLeft, mediaTextOrientationRight, mediaTextOrientationTop } from "./components/MediaText/index.js";
+import { default as default19 } from "./components/LoadingSpinner/index.js";
+import { default as default20, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
+import { default as default21, linkListVariantColumn, linkListVariantRow } from "./components/LinkList/index.js";
+import { L } from "./index-DrySIh-D.js";
+import { default as default22 } from "./components/Link/index.js";
+import { default as default23 } from "./components/Legend/index.js";
+import { default as default24 } from "./components/Label/index.js";
+import { default as default25 } from "./components/Input/index.js";
+import { default as default26 } from "./components/InlineLink/index.js";
+import { default as default27, imageHeaderPositionLeft, imageHeaderPositionRight, imageHeaderVariantFull, imageHeaderVariantSplit } from "./components/ImageHeader/index.js";
+import { default as default28, aspectRatio16_9, aspectRatio1_1, aspectRatio21_9, aspectRatio32_9, aspectRatio3_4, aspectRatio48_9, horizontalAlignmentCenter, horizontalAlignmentLeft, horizontalAlignmentRight, objectFitContain, objectFitCover, objectFitNone, objectPositionCenter, objectPositionLeftBottom, objectPositionLeftCenter, objectPositionLeftTop, objectPositionRightBottom, objectPositionRightCenter, objectPositionRightTop } from "./components/Image/index.js";
+import { default as default29 } from "./components/IconSnippetList/index.js";
+import { default as default30, iconSnippetAlignCenter, iconSnippetAlignTop, iconSnippetPositionCenter, iconSnippetPositionLeft, iconSnippetSize3Xl, iconSnippetSizeLarge, iconSnippetSizeSmall } from "./components/IconSnippet/index.js";
+import { default as default31, iconButtonShapeCircle, iconButtonShapeSquare } from "./components/IconButton/index.js";
+import { default as default32, iconSize5xl, iconSize6xl, iconSize7xl, iconSize8xl, iconSize9xl } from "./components/Icon/index.js";
+import { default as default33 } from "./components/HifiIcon/index.js";
+import { default as default34, headingAlignCenter, headingAlignLeft } from "./components/Heading/index.js";
+import { default as default35 } from "./components/GridItem/index.js";
+import { default as default36 } from "./components/Grid/index.js";
+import { default as default37 } from "./components/GoogleMap/index.js";
+import { default as default38, inputStatusIcons } from "./components/FormHelperStatusIcon/index.js";
+import { default as default39 } from "./components/FormHelperMessage/index.js";
+import { default as default40 } from "./components/FormHelperLabel/index.js";
+import { default as default41 } from "./components/FormElement/index.js";
+import { default as default42 } from "./components/Form/index.js";
+import { default as default43 } from "./components/FootnoteLink/index.js";
+import { default as default44 } from "./components/FootnoteContent/index.js";
+import { default as default45, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
+import { default as default46 } from "./components/Flex/index.js";
+import { default as default47 } from "./components/FilterGroup/index.js";
+import { default as default48 } from "./components/Fieldset/index.js";
+import { default as default49 } from "./components/Divider/index.js";
+import { default as default50 } from "./components/DiscoveryCardGroup/index.js";
+import { default as default51, discoveryCardOrientationHorizontal, discoveryCardOrientationVertical } from "./components/DiscoveryCard/index.js";
+import { default as default52 } from "./components/Dialog/index.js";
+import { default as default53 } from "./components/DemoBox/index.js";
+import { default as default54 } from "./components/DateInput/index.js";
+import { default as default55, ContainerAppearanceColor } from "./components/Container/index.js";
+import { default as default56 } from "./components/ConsentMessage/index.js";
+import { default as default57 } from "./components/ColorSwatchGroup/index.js";
+import { default as default58, colorSwatchSizeMedium, colorSwatchSizeSmall } from "./components/ColorSwatch/index.js";
+import { default as default59 } from "./components/Collapsible/index.js";
+import { default as default60 } from "./components/CheckboxGroup/index.js";
+import { default as default61 } from "./components/Checkbox/index.js";
+import { default as default62 } from "./components/Carousel/index.js";
+import { default as default63 } from "./components/Card/index.js";
+import { default as default64 } from "./components/ButtonGroup/index.js";
+import { B } from "./index-57IF0yrd.js";
+import { default as default65, buttonAutoWidth, buttonFullWidth } from "./components/Button/index.js";
+import { default as default66 } from "./components/BottomBar/index.js";
+import { default as default67, bodyAlignCenter, bodyAlignLeft, bodyAlignRight } from "./components/Body/index.js";
+import { B as B2, a as a3 } from "./index-CKvLGUdD.js";
+import { default as default68 } from "./components/AccordionGroup/index.js";
+import { default as default69, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded } from "./components/Accordion/index.js";
 import { getTextDecoration } from "./foundations/token/getTextDecoration/index.js";
 import { getTextColor } from "./foundations/token/getTextColor/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
@@ -101,65 +102,66 @@ import { a as a4, i as i2 } from "./props-DDpgcryb.js";
 import { e as e2, d as d2, c as c2, b as b2, f as f2, a as a5 } from "./styled-B0YKfXTz.js";
 import { C } from "./styled-CYugcGtx.js";
 export {
-  default68 as Accordion,
-  default67 as AccordionGroup,
+  default69 as Accordion,
+  default68 as AccordionGroup,
   B2 as Badge,
   a3 as BadgeAppearanceColor,
-  default66 as Body,
-  default65 as BottomBar,
-  default64 as Button,
+  default67 as Body,
+  default66 as BottomBar,
+  default65 as Button,
   B as ButtonAsLink,
-  default63 as ButtonGroup,
-  default62 as Card,
+  default64 as ButtonGroup,
+  default63 as Card,
   C as CardAppearanceColor,
-  default61 as Carousel,
-  default60 as Checkbox,
-  default59 as CheckboxGroup,
-  default58 as Collapsible,
-  default57 as ColorSwatch,
-  default56 as ColorSwatchGroup,
-  default55 as ConsentMessage,
-  default54 as Container,
+  default62 as Carousel,
+  default61 as Checkbox,
+  default60 as CheckboxGroup,
+  default59 as Collapsible,
+  default58 as ColorSwatch,
+  default57 as ColorSwatchGroup,
+  default56 as ConsentMessage,
+  default55 as Container,
   ContainerAppearanceColor,
-  default53 as DateInput,
-  default52 as DemoBox,
-  default51 as Dialog,
-  default50 as DiscoveryCard,
-  default49 as DiscoveryCardGroup,
-  default48 as Divider,
-  default47 as Fieldset,
-  default46 as FilterGroup,
-  default45 as Flex,
-  default44 as FlexItem,
-  default43 as FootnoteContent,
-  default42 as FootnoteLink,
-  default41 as Form,
-  default40 as FormElement,
-  default39 as FormHelperLabel,
-  default38 as FormHelperMessage,
-  default37 as FormHelperStatusIcon,
+  default54 as DateInput,
+  default53 as DemoBox,
+  default52 as Dialog,
+  default51 as DiscoveryCard,
+  default50 as DiscoveryCardGroup,
+  default49 as Divider,
+  default48 as Fieldset,
+  default47 as FilterGroup,
+  default46 as Flex,
+  default45 as FlexItem,
+  default44 as FootnoteContent,
+  default43 as FootnoteLink,
+  default42 as Form,
+  default41 as FormElement,
+  default40 as FormHelperLabel,
+  default39 as FormHelperMessage,
+  default38 as FormHelperStatusIcon,
   GlobalStyle,
-  default36 as GoogleMap,
-  default35 as Grid,
-  default34 as GridItem,
-  default33 as Heading,
+  default37 as GoogleMap,
+  default36 as Grid,
+  default35 as GridItem,
+  default34 as Heading,
   HiddenRadioStyled,
-  default32 as HifiIcon,
-  default31 as Icon,
-  default30 as IconButton,
-  default29 as IconSnippet,
-  default28 as IconSnippetList,
-  default27 as Image,
-  default26 as ImageHeader,
-  default25 as InlineLink,
-  default24 as Input,
-  default23 as Label,
-  default22 as Legend,
-  default21 as Link,
+  default33 as HifiIcon,
+  default32 as Icon,
+  default31 as IconButton,
+  default30 as IconSnippet,
+  default29 as IconSnippetList,
+  default28 as Image,
+  default27 as ImageHeader,
+  default26 as InlineLink,
+  default25 as Input,
+  default24 as Label,
+  default23 as Legend,
+  default22 as Link,
   L as LinkAsButton,
-  default20 as LinkList,
-  default19 as LinkListItem,
-  default18 as LoadingSpinner,
+  default21 as LinkList,
+  default20 as LinkListItem,
+  default19 as LoadingSpinner,
+  default18 as MediaText,
   default17 as Notification,
   default16 as Overlay,
   default15 as PickerGroup,
@@ -266,6 +268,9 @@ export {
   linkListItemVariantVertical,
   linkListVariantColumn,
   linkListVariantRow,
+  mediaTextOrientationLeft,
+  mediaTextOrientationRight,
+  mediaTextOrientationTop,
   m as mediumMediaQuery,
   noReducedMotion,
   notificationStatusError,

package/dist/{styled-BSqC5P9h.js → styled-DLS1p_AJ.js}

@@ -19,7 +19,7 @@ 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 fontWeightRegular } from "./FontWeight-CR22KTex.js";
+import { a as fontWeightRegular } from "./FontWeight-DEBGHbtO.js";
 import { a as opacityDisabled } from "./Opacity-smkGiwsf.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";

package/package.json

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

package/dist/components/Carousel/utils/useScrollSpy.d.ts

@@ -1,2 +0,0 @@
-import { CarouselState } from '../components/CarouselContext';
-export declare const useScrollSpy: (carouselState: CarouselState) => number;