@vodafone_de/brix-components 7.1.7 → 7.1.9

package/dist/components/Notification/index.js

@@ -7,9 +7,9 @@ import Flex from "../Flex/index.js";
 import Heading from "../Heading/index.js";
 import { I as IconLoader } from "../../index-C3dW-7e_.js";
 import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
-import "../../styled-RnVr222F.js";
+import "../../styled-DUsRG1Xh.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-B5p4bosD.js";
+import { R as RichText } from "../../index-rbdl_kyF.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
 import { e as colorBorderCritical, g as colorBorderWarning, d as colorBorderSuccess, k as colorBorderInformation } from "../../BorderColor-CYdSW9dg.js";
@@ -23,11 +23,11 @@ import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index
 import { getIconColor } from "../../foundations/token/getIconColor/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { c as colorBackgroundNeutral } from "../../BackgroundColor-DSOSZvNi.js";
-import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
+import { b as borderRadiusMd } from "../../BorderRadius-2LdggXbQ.js";
 import { g as borderWidthMd } from "../../BorderWidth-eg_mz82k.js";
 import { d as colorIconInverse } from "../../IconColor-CtC9WUgr.js";
 import { a as spacingMd, c as spacingSm } from "../../Spacing-BMQelJYr.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-CPul3CC8.js";
 const notificationStatusVariants = {
   info: {
     borderColor: getBorderColor(colorBorderInformation),

package/dist/components/OpenTextFootnoteAdapter/index.js

@@ -5,7 +5,7 @@ import AccordionGroup from "../AccordionGroup/index.js";
 import Container from "../Container/index.js";
 import FootnoteContent from "../FootnoteContent/index.js";
 import Heading from "../Heading/index.js";
-import { R as RichText } from "../../index-B5p4bosD.js";
+import { R as RichText } from "../../index-rbdl_kyF.js";
 import { b as textHeadingSm, c as textHeadingLg } from "../../HeadingSize-CfCRn3Lh.js";
 import { h as h3TagName } from "../../tags-38kBhOn6.js";
 const getFootnoteContent = (content, footnoteContentBacklinkText) => {

package/dist/components/Overlay/index.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import styled from "styled-components";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { d as colorBackgroundOverlayStatic } from "../../BackgroundColor-DSOSZvNi.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-CPul3CC8.js";
 const overlayAppearancePrimary = "primary";
 const overlayAppearanceSecondary = "secondary";
 const OverlayStyled = styled.div.withConfig({

package/dist/components/PickerGroup/index.js

@@ -8,12 +8,12 @@ import Grid from "../Grid/index.js";
 import Badge from "../Badge/index.js";
 import ColorSwatch from "../ColorSwatch/index.js";
 import { c as iconSizeMd } from "../../props-7dcsjRUx.js";
-import "../../styled-RnVr222F.js";
+import "../../styled-DUsRG1Xh.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";
 import { I as IconLoader } from "../../index-C3dW-7e_.js";
 import Image, { aspectRatio1_1 } from "../Image/index.js";
-import { v as viewport } from "../../index-Ck2bCrhT.js";
+import viewport from "../../foundations/media-query/viewport/index.js";
 import GridItem from "../GridItem/index.js";
 import { s as screenreaderOnly } from "../../screenreaderOnly-Dv2v6MAr.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
@@ -27,12 +27,12 @@ import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { c as colorBackgroundNeutral } from "../../BackgroundColor-DSOSZvNi.js";
-import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
+import { b as borderRadiusMd } from "../../BorderRadius-2LdggXbQ.js";
 import { a as borderWidthFocus, c as borderWidthSelected } from "../../BorderWidth-eg_mz82k.js";
 import { f as fontWeightRegular, a as fontWeightBold } from "../../FontWeight-C2pGs7aR.js";
 import { o as opacityOverlay } from "../../Opacity-smkGiwsf.js";
 import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-CPul3CC8.js";
 import { getHeadingSize } from "../../foundations/token/getHeadingSize/index.js";
 import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
 import { getBodySize } from "../../foundations/token/getBodySize/index.js";

package/dist/components/Price/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
 import "../ScreenreaderOnly/index.js";
-import { c, P, g, f, p, a, e, d, b } from "../../index-C69TqGKE.js";
+import { c, P, g, f, p, a, e, d, b } from "../../index-Vub90geg.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   c as createScreenReaderText,

package/dist/components/ProductCard/index.js

@@ -7,9 +7,9 @@ import ColorSwatchGroup from "../ColorSwatchGroup/index.js";
 import Heading from "../Heading/index.js";
 import Image, { aspectRatio1_1 } from "../Image/index.js";
 import { d as iconSizeLg } from "../../props-7dcsjRUx.js";
-import "../../styled-RnVr222F.js";
+import "../../styled-DUsRG1Xh.js";
 import Link from "../Link/index.js";
-import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-C69TqGKE.js";
+import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-Vub90geg.js";
 import { a as fontWeightBold } from "../../FontWeight-C2pGs7aR.js";
 import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
 import { a as spacingMd, s as spacingNone } from "../../Spacing-BMQelJYr.js";
@@ -17,7 +17,7 @@ import styled from "styled-components";
 import Card from "../Card/index.js";
 import Icon from "../Icon/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { a as headingAlignCenter } from "../../styled-VAsSnb5y.js";
+import { a as headingAlignCenter } from "../../styled-Csv7V9ez.js";
 const ProductCardStyled = styled(Card).withConfig({
   displayName: "ProductCardStyled",
   componentId: "sc-1ps8gys-0"

package/dist/components/QuickLinkList/index.js

@@ -2,12 +2,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import Grid from "../Grid/index.js";
 import GridItem from "../GridItem/index.js";
-import { u as useViewport, v as viewportLg } from "../../index-G2mpsxF7.js";
+import { u as useViewport, v as viewportLg } from "../../index-DKCzYjXw.js";
 import Icon from "../Icon/index.js";
 import { d as iconSizeLg } from "../../props-7dcsjRUx.js";
-import "../../styled-RnVr222F.js";
+import "../../styled-DUsRG1Xh.js";
 import { useLinkComponent } from "../../hooks/useLinkComponent/index.js";
-import { f as filterPropsForUnstyledComponent } from "../../filterProps-CTn92eZw.js";
+import { f as filterPropsForUnstyledComponent } from "../../filterProps-CPul3CC8.js";
 import { s as sanitizeLinkProps } from "../../sanitizeLinkProps-D2Kkovy1.js";
 import styled from "styled-components";
 import { B as ButtonAppearanceColor } from "../../ButtonAppearanceHelper-D2SlSoU8.js";

package/dist/components/RadioGroup/index.js

@@ -16,11 +16,11 @@ import { getObjectColor } from "../../foundations/token/getObjectColor/index.js"
 import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { c as colorBorderFocus, e as colorBorderCritical, j as colorBorderSelected, b as colorBorderUnselected } from "../../BorderColor-CYdSW9dg.js";
-import { c as borderRadiusFull } from "../../BorderRadius-ClUShVLu.js";
+import { a as borderRadiusFull } from "../../BorderRadius-2LdggXbQ.js";
 import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
 import { d as colorObjectSelected, b as colorObjectInverse } from "../../ObjectColor-0RAzLGI5.js";
 import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-CPul3CC8.js";
 const RadioContainer = styled(Flex).withConfig({
   shouldForwardProp: filterProps(["disabled"]),
   displayName: "RadioContainer",

package/dist/components/Rating/index.js

@@ -2,8 +2,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from "react";
 import styled from "styled-components";
-import { v as viewport } from "../../index-Ck2bCrhT.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import viewport from "../../foundations/media-query/viewport/index.js";
+import { a as filterProps } from "../../filterProps-CPul3CC8.js";
 import { s as screenreaderOnly } from "../../screenreaderOnly-Dv2v6MAr.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";

package/dist/components/RichText/index.js

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

package/dist/components/RichtTextContentful/index.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { d as distExports, r as richTextReactRenderer_es5Exports, R as RichTextContentfulStyled } from "../../styled-DOK4C5Ml.js";
+import { d as distExports, r as richTextReactRenderer_es5Exports, R as RichTextContentfulStyled } from "../../styled-QLVvcMdB.js";
 import Body from "../Body/index.js";
 import Divider from "../Divider/index.js";
 import Heading from "../Heading/index.js";
 import InlineLink from "../InlineLink/index.js";
-import { a as TextListItem, T as TextList } from "../../index-B5p4bosD.js";
+import { a as TextListItem, T as TextList } from "../../index-rbdl_kyF.js";
 const getOptions = (paragraphSpacing = void 0) => {
   const options = {
     renderMark: {

package/dist/components/ScreenreaderOnly/index.js

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import styled from "styled-components";
 import { s as screenreaderOnly } from "../../screenreaderOnly-Dv2v6MAr.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-CPul3CC8.js";
 const ScreenReaderOnlyStyled = styled.span.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "ScreenReaderOnlyStyled",

package/dist/components/SearchInput/index.js

@@ -4,13 +4,13 @@ import { useState, useRef } from "react";
 import FormHelperLabel from "../FormHelperLabel/index.js";
 import IconButton, { iconButtonShapeSquare } from "../IconButton/index.js";
 import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
-import "../../styled-RnVr222F.js";
-import { p as primaryAppearance } from "../../styled-q7r_5eaz.js";
+import "../../styled-DUsRG1Xh.js";
+import { p as primaryAppearance } from "../../styled-Dk6VS_Sg.js";
 import { a as spacingMd, s as spacingNone } from "../../Spacing-BMQelJYr.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import { bn as CloseIcon } from "../../_5gPlusIcon-CnxmOo1u.js";
 import styled from "styled-components";
-import { I as InputWrapperStyled, a as InputStyled } from "../../styled-BTBLpB_G.js";
+import { I as InputWrapperStyled, a as InputStyled } from "../../styled-CWusLu5R.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
@@ -18,7 +18,7 @@ import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { c as colorBorderFocus } from "../../BorderColor-CYdSW9dg.js";
 import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-CPul3CC8.js";
 const SearchInputButtonWrapperStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "SearchInputButtonWrapperStyled",

package/dist/components/SelectInput/index.js

@@ -7,7 +7,7 @@ import FormHelperLabel from "../FormHelperLabel/index.js";
 import FormHelperMessage from "../FormHelperMessage/index.js";
 import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
 import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
-import "../../styled-RnVr222F.js";
+import "../../styled-DUsRG1Xh.js";
 import { a as inputStateError } from "../../props-DDpgcryb.js";
 import { b as spacingXs, c as spacingSm, a as spacingMd } from "../../Spacing-BMQelJYr.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
@@ -21,9 +21,9 @@ import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { c as colorBackgroundNeutral } from "../../BackgroundColor-DSOSZvNi.js";
 import { c as colorBorderFocus, a as colorBorderNeutral, b as colorBorderUnselected, d as colorBorderSuccess, e as colorBorderCritical } from "../../BorderColor-CYdSW9dg.js";
-import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
+import { b as borderRadiusMd } from "../../BorderRadius-2LdggXbQ.js";
 import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-CPul3CC8.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const SelectInputWrapperStyled = styled.div.withConfig({
   displayName: "SelectInputWrapperStyled",

package/dist/components/Stepper/index.js

@@ -1,11 +1,12 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
-import { u as useViewport } from "../../index-G2mpsxF7.js";
+import { u as useViewport } from "../../index-DKCzYjXw.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";
+import viewport from "../../foundations/media-query/viewport/index.js";
+import { c as breakpoint_medium_number } from "../../breakpoint-CzBSbbY7.js";
 import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
@@ -16,7 +17,7 @@ import { a as fontWeightBold } from "../../FontWeight-C2pGs7aR.js";
 import { a as colorObjectBrand, b as colorObjectInverse } from "../../ObjectColor-0RAzLGI5.js";
 import { a as spacingMd } from "../../Spacing-BMQelJYr.js";
 import { t as textBodyMd } from "../../TextBodySize-BcZR9mh2.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-CPul3CC8.js";
 const StepperItemStyled = styled.li.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "StepperItemStyled",

package/dist/components/SuggestInput/index.js

@@ -7,9 +7,9 @@ import FormHelperMessage from "../FormHelperMessage/index.js";
 import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
 import { I as IconLoader } from "../../index-C3dW-7e_.js";
 import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
-import "../../styled-RnVr222F.js";
+import "../../styled-DUsRG1Xh.js";
 import { a as inputStateError } from "../../props-DDpgcryb.js";
-import { I as InputWrapperStyled, a as InputStyled } from "../../styled-BTBLpB_G.js";
+import { I as InputWrapperStyled, a as InputStyled } from "../../styled-CWusLu5R.js";
 import { c as spacingSm, b as spacingXs, a as spacingMd } from "../../Spacing-BMQelJYr.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import Body from "../Body/index.js";
@@ -31,7 +31,7 @@ import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
 import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-CPul3CC8.js";
 const calculateListMaxHeight = (numberOfVisibleItems) => {
   return `calc((${getSpacing(spacingSm)} * 2 + ${getBodySize(textBodyMd).fontSize} * ${getBodySize(textBodyMd).lineHeight}) * ${numberOfVisibleItems})`;
 };

package/dist/components/Switch/index.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { I as IconLoader } from "../../index-C3dW-7e_.js";
 import { i as iconSize2xs } from "../../props-7dcsjRUx.js";
-import "../../styled-RnVr222F.js";
+import "../../styled-DUsRG1Xh.js";
 import styled from "styled-components";
 import Label from "../Label/index.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
@@ -16,12 +16,12 @@ import { getObjectColor } from "../../foundations/token/getObjectColor/index.js"
 import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { c as colorBorderFocus } from "../../BorderColor-CYdSW9dg.js";
-import { c as borderRadiusFull } from "../../BorderRadius-ClUShVLu.js";
+import { a as borderRadiusFull } from "../../BorderRadius-2LdggXbQ.js";
 import { a as borderWidthFocus, d as borderWidthSm } from "../../BorderWidth-eg_mz82k.js";
 import { b as colorObjectInverse, d as colorObjectSelected, g as colorObjectUnselected } from "../../ObjectColor-0RAzLGI5.js";
 import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
 import { b as spacingXs, a as spacingMd } from "../../Spacing-BMQelJYr.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-CPul3CC8.js";
 const getHandleIcon = (checked) => {
   const iconName = checked ? "Tick" : "Close";
   return /* @__PURE__ */ jsx(IconLoader, { size: iconSize2xs, name: iconName });

package/dist/components/TabGroup/index.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { I as IconLoader } from "../../index-C3dW-7e_.js";
 import { b as iconSizeSm, d as iconSizeLg } from "../../props-7dcsjRUx.js";
-import "../../styled-RnVr222F.js";
+import "../../styled-DUsRG1Xh.js";
 import styled from "styled-components";
 import Flex from "../Flex/index.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
@@ -17,12 +17,12 @@ import { getObjectColor } from "../../foundations/token/getObjectColor/index.js"
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { c as colorBackgroundNeutral } from "../../BackgroundColor-DSOSZvNi.js";
 import { f as colorBorderSubtle, c as colorBorderFocus } from "../../BorderColor-CYdSW9dg.js";
-import { d as borderRadiusSm } from "../../BorderRadius-ClUShVLu.js";
+import { d as borderRadiusSm } from "../../BorderRadius-2LdggXbQ.js";
 import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
 import { a as fontWeightBold } from "../../FontWeight-C2pGs7aR.js";
 import { a as colorObjectBrand } from "../../ObjectColor-0RAzLGI5.js";
 import { a as spacingMd, c as spacingSm, b as spacingXs, e as spacing2Xs, d as spacingXl } from "../../Spacing-BMQelJYr.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-CPul3CC8.js";
 const iconPositionLeft = "left";
 const iconPositionTop = "top";
 const tabGroupWidthFull = "full";

package/dist/components/Table/index.js

@@ -1,6 +1,6 @@
 "use client";
-import { a, c, d, b, T, e } from "../../TableHead-C9Nyap9H.js";
-import { T as TableWrapper } from "../../TableWrapper-BlScbDc6.js";
+import { a, c, d, b, T, e } from "../../TableHead-Cfn2iQRg.js";
+import { T as TableWrapper } from "../../TableWrapper-BrnjxwJz.js";
 export {
   a as TableBody,
   c as TableCell,

package/dist/components/TabularPrice/index.js

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

package/dist/components/TextList/index.js

@@ -1,10 +1,10 @@
 "use client";
 import "react/jsx-runtime";
-import { a, T } from "../../index-B5p4bosD.js";
+import { a, T } from "../../index-rbdl_kyF.js";
 import "../../tags-38kBhOn6.js";
 import "../../Spacing-BMQelJYr.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import "../../styled-DJWrbsIZ.js";
+import "../../styled-DoOOutJj.js";
 export {
   a as TextListItem,
   T as default

package/dist/components/Textarea/index.js

@@ -19,10 +19,10 @@ import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { a as colorBackgroundSubtle } from "../../BackgroundColor-DSOSZvNi.js";
 import { a as colorBorderNeutral, c as colorBorderFocus, b as colorBorderUnselected, d as colorBorderSuccess, e as colorBorderCritical } from "../../BorderColor-CYdSW9dg.js";
-import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
+import { b as borderRadiusMd } from "../../BorderRadius-2LdggXbQ.js";
 import { t as textHeadingXs } from "../../HeadingSize-CfCRn3Lh.js";
 import { c as colorTextPlaceholder, a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
-import { a as filterProps } from "../../filterProps-CTn92eZw.js";
+import { a as filterProps } from "../../filterProps-CPul3CC8.js";
 const TextareaWrapperStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "TextareaWrapperStyled",

package/dist/components/TimeInput/index.js

@@ -6,9 +6,9 @@ import FormHelperLabel from "../FormHelperLabel/index.js";
 import FormHelperMessage from "../FormHelperMessage/index.js";
 import FormHelperStatusIcon from "../FormHelperStatusIcon/index.js";
 import { b as iconSizeSm } from "../../props-7dcsjRUx.js";
-import "../../styled-RnVr222F.js";
+import "../../styled-DUsRG1Xh.js";
 import "../Input/index.js";
-import { a as InputStyled, I as InputWrapperStyled } from "../../styled-BTBLpB_G.js";
+import { a as InputStyled, I as InputWrapperStyled } from "../../styled-CWusLu5R.js";
 import { a as spacingMd, b as spacingXs } from "../../Spacing-BMQelJYr.js";
 import { bm as ClockIcon } from "../../_5gPlusIcon-CnxmOo1u.js";
 import styled from "styled-components";

package/dist/components/Tray/index.js

@@ -11,7 +11,7 @@ import styled from "styled-components";
 import Card from "../Card/index.js";
 import Flex from "../Flex/index.js";
 import IconButton from "../IconButton/index.js";
-import { v as viewport } from "../../index-Ck2bCrhT.js";
+import viewport from "../../foundations/media-query/viewport/index.js";
 import { s as shadow28 } from "../../shadow-u158mzuN.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
@@ -19,7 +19,7 @@ import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { d as colorBackgroundOverlayStatic } from "../../BackgroundColor-DSOSZvNi.js";
 import { a as borderWidthFocus } from "../../BorderWidth-eg_mz82k.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
-import { a as flexOrientationVertical } from "../../styled-CyZvsdJs.js";
+import { a as flexOrientationVertical } from "../../styled-DG6HSLPJ.js";
 const TrayOverlayStyled = styled("div").withConfig({
   displayName: "TrayOverlayStyled",
   componentId: "sc-os3mq3-0"

package/dist/components/YoutubeVideo/index.js

@@ -5,7 +5,7 @@ import { useThirdPartyConsent } from "../../hooks/useThirdPartyConsent/index.js"
 import styled from "styled-components";
 import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
-import { b as borderRadiusMd } from "../../BorderRadius-ClUShVLu.js";
+import { b as borderRadiusMd } from "../../BorderRadius-2LdggXbQ.js";
 import { a as spacingMd } from "../../Spacing-BMQelJYr.js";
 const YoutubeVideoStyled = styled.div.withConfig({
   displayName: "YoutubeVideoStyled",

package/dist/contentful/index.js

@@ -5,19 +5,19 @@ import "../components/ScreenreaderOnly/index.js";
 import "../components/FootnoteLink/index.js";
 import "html-react-parser";
 import "../components/Body/index.js";
-import "../styled-jl0239KS.js";
+import "../styled-C6Wms75x.js";
 import "../components/Grid/index.js";
 import "react";
-import "../styled-Djetw1lK.js";
-import "../styled-VAsSnb5y.js";
+import "../styled-D57p2ktn.js";
+import "../styled-Csv7V9ez.js";
 import "../NotificationErrorIcon-DMnAJgPN.js";
-import "../styled-RnVr222F.js";
-import "../styled-B-_SmQSA.js";
+import "../styled-DUsRG1Xh.js";
+import "../styled-13a_Vk0D.js";
 import "../hooks/useLinkComponent/index.js";
-import "../styled-SllFJc7o.js";
+import "../styled-CKK_LUlC.js";
 import "../styled-BlHKbHF4.js";
-import "../styled-DOK4C5Ml.js";
-import "../styled-D8a-ap4J.js";
+import "../styled-QLVvcMdB.js";
+import "../styled-B_ihuvyB.js";
 import "../components/InlineLink/index.js";
-import "../TableHead-C9Nyap9H.js";
-import "../styled-DJWrbsIZ.js";
+import "../TableHead-Cfn2iQRg.js";
+import "../styled-DoOOutJj.js";

package/dist/contentful/live-preview-inspector/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
 import "@contentful/live-preview/react";
-import { L } from "../../mapContentToComponents-DRp1r1ht.js";
+import { L } from "../../mapContentToComponents-bL4ms1AC.js";
 export {
   L as LivePreviewInspector
 };

package/dist/contentful/live-preview-renderer/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, Fragment } from "react/jsx-runtime";
 import { useContentfulLiveUpdates, ContentfulLivePreviewProvider } from "@contentful/live-preview/react";
-import { m as mapContentToComponents } from "../../mapContentToComponents-DRp1r1ht.js";
+import { m as mapContentToComponents } from "../../mapContentToComponents-bL4ms1AC.js";
 const BrixLiveRendererComponents = ({
   data
 }) => {

package/dist/contentful/renderer/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, Fragment } from "react/jsx-runtime";
 import LivePreviewRenderer from "../live-preview-renderer/index.js";
-import { m as mapContentToComponents } from "../../mapContentToComponents-DRp1r1ht.js";
+import { m as mapContentToComponents } from "../../mapContentToComponents-bL4ms1AC.js";
 const Renderer = ({
   content,
   isDraftMode

package/dist/{cssVars-C3-c3zhv.js → cssVars-_wntC-Ac.js}

@@ -1,6 +1,6 @@
 import { css } from "styled-components";
-import { l as loadingSpinnerOverlayCssVar, j as loadingSpinnerOverlays } from "./styled-U9du2n1i.js";
-import { c as breakpoint_medium, a as breakpoint_large } from "./index-Ck2bCrhT.js";
+import { l as loadingSpinnerOverlayCssVar, j as loadingSpinnerOverlays } from "./styled-D_F38PuI.js";
+import { b as breakpoint_medium, a as breakpoint_large } from "./breakpoint-CzBSbbY7.js";
 const colorVodafoneRed = "colorVodafoneRed";
 const colorVodafoneRedTint = "colorVodafoneRedTint";
 const colorRed = "colorRed";

package/dist/filterProps-CPul3CC8.js

@@ -0,0 +1,17 @@
+const propsNotPassToDomDefault = ["accordionType", "activeId", "activeIndex", "aspectRatio", "setActiveId", "align", "animated", "appearance", "aspectRatio", "autoLayout", "apiKey", "badge", "borderBottom", "bottomSpacing", "buttonLink", "buttons", "coloringMode", "colorSwatch", "component", "contentGridDesktopColumns", "corners", "coversFullPage", "description", "elevation", "expanded", "filterItems", "footnote", "gapSpacing", "grow", "handleOnClick", "handleOnToogle", "hasOverlay", "heading", "heightSm", "heightMd", "heightLg", "horizontalAlignment", "icon", "iconAlign", "iconName", "iconPosition", "image", "images", "internal", "isActive", "isChecked", "isDisabled", "isFullscreen", "isInHoverRange", "isLastItemInList", "isOpen", "isOrdered", "isSelected", "isTransparentBackground", "items", "jumpToClickedItem", "justify", "justifyHorizontal", "label", "lg", "loadingSpinnerChild", "mapId", "md", "message", "more", "needsBorder", "nextAriaLabel", "notificationType", "objectFit", "objectPosition", "offset", "onUpdate", "openMultiple", "orientation", "padding", "prefix", "prefixWeight", "prevAriaLabel", "price", "productId", "promoPrice", "screenReaderInstruction", "showList", "size", "sm", "sources", "spacing", "spinnerType", "status", "stretch", "strikePrice", "suffix", "tag", "textContent", "uid", "variant", "verticalPadding", "viewportHeight", "weight", "width"];
+const filterProps = (propsNotPassToDom = []) => {
+  const shouldForwardProp = (prop) => {
+    if ("string" !== typeof prop) {
+      return false;
+    }
+    return ![...propsNotPassToDom, ...propsNotPassToDomDefault].includes(prop);
+  };
+  return shouldForwardProp;
+};
+const filterPropsForUnstyledComponent = (props) => {
+  return Object.fromEntries(Object.entries(props).filter(([key]) => !propsNotPassToDomDefault.includes(key)));
+};
+export {
+  filterProps as a,
+  filterPropsForUnstyledComponent as f
+};

package/dist/foundations/GlobalStyle/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { createGlobalStyle } from "styled-components";
-import { c as cssVars } from "../../cssVars-C3-c3zhv.js";
+import { c as cssVars } from "../../cssVars-_wntC-Ac.js";
 const cssReset = `
   /**
    * @TODO Das gehört nicht in global style

package/dist/foundations/media-query/viewport/index.js

@@ -1,6 +1,26 @@
-import { v, l, m } from "../../../index-Ck2bCrhT.js";
+import { b as breakpoint_medium, a as breakpoint_large } from "../../../breakpoint-CzBSbbY7.js";
+const mediumMediaQuery = `screen and (min-width: ${breakpoint_medium})`;
+const largeMediaQuery = `screen and (min-width: ${breakpoint_large})`;
+const md = (stylesInViewport) => {
+  return {
+    [`@media ${mediumMediaQuery}`]: {
+      ...stylesInViewport
+    }
+  };
+};
+const lg = (stylesInViewport) => {
+  return {
+    [`@media ${largeMediaQuery}`]: {
+      ...stylesInViewport
+    }
+  };
+};
+const viewport = {
+  md,
+  lg
+};
 export {
-  v as default,
-  l as largeMediaQuery,
-  m as mediumMediaQuery
+  viewport as default,
+  largeMediaQuery,
+  mediumMediaQuery
 };

package/dist/hooks/useImageComponent/index.d.ts

@@ -0,0 +1,28 @@
+import { ComponentType, JSX, ReactNode } from 'react';
+/**
+ * Props of the image component.
+ */
+export type ImageComponentProps = JSX.IntrinsicElements['img'];
+/**
+ * Image component type.
+ */
+export type ImageComponentType = ComponentType<ImageComponentProps>;
+/**
+ * Default image component using `<img>`.
+ */
+export declare const DefaultImage: ImageComponentType;
+/**
+ * Context for providing a custom image component.
+ */
+export declare const ImageContext: import('react').Context<ImageComponentType>;
+/**
+ * Hook to access the current image component from context.
+ */
+export declare const useImageComponent: () => ImageComponentType;
+/**
+ * Provider for ImageContext
+ */
+export declare const ImageProvider: ({ imageComponent, children, }: {
+    imageComponent: ImageComponentType;
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/hooks/useImageComponent/index.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const DefaultImage = (props) => /* @__PURE__ */ jsx("img", { ...props });
+const ImageContext = createContext(DefaultImage);
+const useImageComponent = () => useContext(ImageContext);
+const ImageProvider = ({
+  imageComponent,
+  children
+}) => {
+  return /* @__PURE__ */ jsx(ImageContext, { value: imageComponent, children });
+};
+export {
+  DefaultImage,
+  ImageContext,
+  ImageProvider,
+  useImageComponent
+};