@vodafone_de/brix-components 9.0.2 → 9.0.3

package/dist/components/Badge/index.js

@@ -1,11 +1,11 @@
 "use client";
 import "react/jsx-runtime";
-import "../../index-DToaoQpl.js";
+import "../../index-BJHhIBYl.js";
 import "../../IconSize-AJp7xdJi.js";
 import "../../SizeTypes-Ck_RdzIf.js";
 import "../../Spacing-8v6hcO2x.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
-import { b, c, d, B, i, p, s, a, t, v } from "../../index-DOjE2zK8.js";
+import { b, c, d, B, i, p, s, a, t, v } from "../../index-j22agtAk.js";
 export {
   b as BadgeAppearanceColor,
   c as badgeAppearances,

package/dist/components/Body/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { F as FootnoteLink } from "../../index-DToaoQpl.js";
+import { F as FootnoteLink } from "../../index-BJHhIBYl.js";
 import { b as spacingSm, s as spacingMd } from "../../Spacing-8v6hcO2x.js";
 import { t as textBodyMd, a as textBodySm } from "../../TextBodySize-BcZR9mh2.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";

package/dist/components/Carousel/index.js

@@ -9,16 +9,19 @@ import styled from "styled-components";
 import { a as CardStyled } from "../../styled-Dq0NuP5r.js";
 import { G as GridStyled } from "../../styled-BiCOjvNq.js";
 import { G as GridItemStyled } from "../../styled-0KSRG-Fv.js";
+import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import viewport from "../../foundations/media-query/viewport/index.js";
 import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
+import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/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 { d as borderWidthSm } from "../../BorderWidth-BjXpOdM5.js";
 import { a as colorObjectBrand, e as colorObjectUnselected } from "../../ObjectColor-DxgEnOBM.js";
 import { a as filterProps } from "../../filterProps-BJ5SpbnA.js";
 import IconButton from "../IconButton/index.js";
-import { S as ScreenreaderOnly } from "../../index-CfIoFAvq.js";
+import { S as ScreenreaderOnly } from "../../index-DCE5HNIR.js";
 const getItems = (items, loop) => {
   const normalizedItems = [...items].map((item, index) => ({
     ...item,
@@ -206,7 +209,7 @@ const CarouselProvider = ({
     if (!carouselLayoutedAttributes) {
       return;
     }
-    if (scrollSpyIndex) {
+    if (scrollSpyIndex !== void 0) {
       return;
     }
     if (focus) {
@@ -219,13 +222,26 @@ const CarouselProvider = ({
     const behavior = needsFirstPosition ? "instant" : "smooth";
     scrollTo(ref.current, left, behavior);
   }, [activeIndex, scrollSpyIndex, ref.current, carouselLayoutedAttributes]);
+  useEffect(() => {
+    if (loop || !carouselLayoutedAttributes) {
+      return;
+    }
+    setScrollSpyIndex(void 0);
+    const nonGhostCount = props.items.filter((i) => !i.ghost).length;
+    const maxStart = Math.max(0, nonGhostCount - carouselLayoutedAttributes.visibleItems);
+    setActiveIndex((prev) => prev > maxStart ? maxStart : prev);
+  }, [loop, carouselLayoutedAttributes == null ? void 0 : carouselLayoutedAttributes.visibleItems, props.items]);
   useEffect(() => {
     if (!props.onUpdate || !carouselLayoutedAttributes) {
       return;
     }
     const visibleIndexes = [];
     for (let i = 0, x = carouselLayoutedAttributes.visibleItems; i < x; i += 1) {
-      visibleIndexes.push(props.items[i + activeIndex].index);
+      const item = props.items[i + activeIndex];
+      if (!item) {
+        break;
+      }
+      visibleIndexes.push(item.index);
     }
     props.onUpdate(visibleIndexes);
   }, [activeIndex, carouselLayoutedAttributes]);
@@ -247,7 +263,11 @@ const CarouselProvider = ({
     }
   }, [loop, activeIndex, numberOfIndicators]);
   useEffect(() => {
-    const index = scrollSpyIndex || activeIndex;
+    const index = scrollSpyIndex ?? activeIndex;
+    const item = props.items[index];
+    if (!item) {
+      return;
+    }
     setActiveIndicator(props.items[index].index);
   }, [activeIndex, scrollSpyIndex]);
   return /* @__PURE__ */ jsx(CarouselContext.Provider, { value: {
@@ -404,7 +424,11 @@ const CarouselIndicatorStyled = styled.div.withConfig({
   return {
     backgroundColor: isActive ? getObjectColor(colorObjectBrand) : getObjectColor(colorObjectUnselected),
     width: isActive ? "16px" : "10px",
-    height: isActive ? "16px" : "10px"
+    height: isActive ? "16px" : "10px",
+    ...forcedColors({
+      backgroundColor: isActive ? "CanvasText" : "Canvas",
+      border: `${getBorderWidth(borderWidthSm)} solid CanvasText`
+    })
   };
 });
 const CarouselIndicator = () => {

package/dist/components/DiscoveryCard/index.js

@@ -1,18 +1,18 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-import { e as BadgeStyled, i as isBadgeProps, B as Badge } from "../../index-DOjE2zK8.js";
+import { e as BadgeStyled, i as isBadgeProps, B as Badge } from "../../index-j22agtAk.js";
 import Body, { isBodyProps, bodyAlignLeft, bodyAlignCenter } from "../Body/index.js";
 import Heading, { isHeadingProps } from "../Heading/index.js";
 import Link, { isLinkProps } from "../Link/index.js";
-import { k as isPriceProps, b as priceSizeSm, P as Price, f as priceAlignLeft, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-GkBE6ANF.js";
-import { R as RichText } from "../../index-CLHcudLb.js";
+import { k as isPriceProps, b as priceSizeSm, P as Price, f as priceAlignLeft, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-TL0X3rXH.js";
+import { R as RichText } from "../../index-C4eCcl02.js";
 import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
 import { b as textHeadingSm } from "../../HeadingSize-CfCRn3Lh.js";
 import { s as smallSize } from "../../SizeTypes-Ck_RdzIf.js";
 import { s as spacingMd, c as spacingNone, a as spacingXs, b as spacingSm } from "../../Spacing-8v6hcO2x.js";
-import "../../index-CfIoFAvq.js";
-import "../../index-DToaoQpl.js";
+import "../../index-DCE5HNIR.js";
+import "../../index-BJHhIBYl.js";
 import "html-react-parser";
 import "../../styled-7vJ7mrAA.js";
 import { a as LinkStyled } from "../../index-CEotMXpL.js";

package/dist/components/DiscoveryCardGroup/index.js

@@ -8,19 +8,19 @@ import { a as LinkStyled } from "../../index-CEotMXpL.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { s as spacingMd } from "../../Spacing-8v6hcO2x.js";
 import "react";
-import "../../index-CfIoFAvq.js";
-import "../../index-DToaoQpl.js";
+import "../../index-DCE5HNIR.js";
+import "../../index-BJHhIBYl.js";
 import "html-react-parser";
-import "../../index-DOjE2zK8.js";
+import "../../index-j22agtAk.js";
 import { i as isObject, h as hasMatchingComponentName } from "../../isObject-BYBrvoVW.js";
 import "../Body/index.js";
 import "../Heading/index.js";
 import "../../styled-7vJ7mrAA.js";
 import "../../hooks/useLinkComponent/index.js";
-import "../../index-GkBE6ANF.js";
+import "../../index-TL0X3rXH.js";
 import "../InlineLink/index.js";
 import "../../TableWrapper-Do9KCTGV.js";
-import "../../index-CLHcudLb.js";
+import "../../index-C4eCcl02.js";
 import "../Image/index.js";
 const DiscoveryCardGroupGridStyled = styled(Grid).withConfig({
   displayName: "DiscoveryCardGroupGridStyled",

package/dist/components/FilterGroup/index.js

@@ -5,7 +5,7 @@ import Fieldset from "../Fieldset/index.js";
 import { i as iconSizeSm } from "../../IconSize-AJp7xdJi.js";
 import styled from "styled-components";
 import { I as IconLoader } from "../../index--RjkzZm0.js";
-import { s as screenreaderOnly } from "../../index-CfIoFAvq.js";
+import { s as screenreaderOnly } from "../../index-DCE5HNIR.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { getBodySize } from "../../foundations/token/getBodySize/index.js";

package/dist/components/FootnoteLink/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
-import "../../index-CfIoFAvq.js";
-import { F } from "../../index-DToaoQpl.js";
+import "../../index-DCE5HNIR.js";
+import { F } from "../../index-BJHhIBYl.js";
 export {
   F as default
 };

package/dist/components/Form/index.js

@@ -4,7 +4,7 @@ import Body from "../Body/index.js";
 import ButtonGroup from "../ButtonGroup/index.js";
 import Heading from "../Heading/index.js";
 import IconSnippet from "../IconSnippet/index.js";
-import { R as RichText } from "../../index-CLHcudLb.js";
+import { R as RichText } from "../../index-C4eCcl02.js";
 import { c as spacingNone } from "../../Spacing-8v6hcO2x.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";

package/dist/components/Heading/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { F as FootnoteLink } from "../../index-DToaoQpl.js";
+import { F as FootnoteLink } from "../../index-BJHhIBYl.js";
 import { a as spacingXs, b as spacingSm, s as spacingMd, g as spacingLg, e as spacingXl } from "../../Spacing-8v6hcO2x.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 import styled from "styled-components";

package/dist/components/IconSnippet/index.js

@@ -4,7 +4,7 @@ import Body from "../Body/index.js";
 import Heading from "../Heading/index.js";
 import InlineLink from "../InlineLink/index.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-CLHcudLb.js";
+import { R as RichText } from "../../index-C4eCcl02.js";
 import { d as divTagName, c as spanTagName } from "../../tags-D7CRQqc1.js";
 import { a as iconSizeLg, f as iconSize3xl, i as iconSizeSm } from "../../IconSize-AJp7xdJi.js";
 import { b as spacingSm, s as spacingMd, c as spacingNone, a as spacingXs } from "../../Spacing-8v6hcO2x.js";

package/dist/components/ImageHeader/index.js

@@ -4,14 +4,15 @@ import Body from "../Body/index.js";
 import Button from "../Button/index.js";
 import Container from "../Container/index.js";
 import Heading, { headingAlignCenter } from "../Heading/index.js";
-import { P as Price, b as priceSizeSm } from "../../index-GkBE6ANF.js";
-import { R as RichText } from "../../index-CLHcudLb.js";
+import { P as Price, b as priceSizeSm } from "../../index-TL0X3rXH.js";
+import { R as RichText } from "../../index-C4eCcl02.js";
 import { b as fontWeightLight } from "../../FontWeight-DEBGHbtO.js";
 import { m as mediumSize } from "../../SizeTypes-Ck_RdzIf.js";
 import { s as spacingMd, b as spacingSm, e as spacingXl, a as spacingXs, f as spacing2Xs, c as spacingNone } from "../../Spacing-8v6hcO2x.js";
 import styled from "styled-components";
-import { B as Badge } from "../../index-DOjE2zK8.js";
+import { B as Badge } from "../../index-j22agtAk.js";
 import ButtonGroup from "../ButtonGroup/index.js";
+import { a as flexOrientationVertical } from "../../styled-BxkvYuWW.js";
 import Grid from "../Grid/index.js";
 import GridItem from "../GridItem/index.js";
 import ResponsiveImage from "../ResponsiveImage/index.js";
@@ -21,7 +22,6 @@ import { getBodySize } from "../../foundations/token/getBodySize/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { b as colorBackgroundOverlay } from "../../BackgroundColor-e0N9tdDR.js";
 import { t as textBodyMd } from "../../TextBodySize-BcZR9mh2.js";
-import { a as flexOrientationVertical } from "../../styled-BxkvYuWW.js";
 import { i as isObject, h as hasMatchingComponentName } from "../../isObject-BYBrvoVW.js";
 const imageHeaderVariantFull = "full";
 const imageHeaderVariantSplit = "split";
@@ -40,7 +40,8 @@ const ImageHeaderStyled = styled(Grid).withConfig({
   marginLeft: `calc(-1 * ${getSpacing(spacingMd)})`,
   ...viewport.lg({
     width: "100%",
-    margin: "0 auto"
+    marginRight: "auto",
+    marginLeft: "auto"
   })
 }, ({
   position,

package/dist/components/Legend/index.js

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

package/dist/components/LinkListItem/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { B as Badge } from "../../index-DOjE2zK8.js";
+import { B as Badge } from "../../index-j22agtAk.js";
 import { I as IconLoader } from "../../index--RjkzZm0.js";
 import { c as spanTagName } from "../../tags-D7CRQqc1.js";
 import { c as iconSizeMd } from "../../IconSize-AJp7xdJi.js";

package/dist/components/LoadingSpinner/index.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { createPortal } from "react-dom";
-import { S as ScreenreaderOnly } from "../../index-CfIoFAvq.js";
+import { S as ScreenreaderOnly } from "../../index-DCE5HNIR.js";
 import { L as LoadingSpinnerSVGStyled, a as LoadingSpinnerPathXsStyled, b as LoadingSpinnerPathOuter3Styled, c as LoadingSpinnerPathOuter2Styled, d as LoadingSpinnerPathOuter1Styled, e as LoadingSpinnerPathCenterStyled, f as LoadingSpinnerContainerStyled, g as LoadingSpinnerContentStyled, h as LoadingSpinnerLabelStyled, i as LoadingSpinnerChildrenStyled } from "../../styled-BBXC0aka.js";
 const LoadingSpinnerSVG = ({
   size = "lg",

package/dist/components/MediaText/index.js

@@ -6,7 +6,7 @@ import "../FlexItem/index.js";
 import "../Heading/index.js";
 import "../Image/index.js";
 import "../Link/index.js";
-import "../../index-CLHcudLb.js";
+import "../../index-C4eCcl02.js";
 import "../RichtTextContentful/index.js";
 import "../YoutubeVideo/index.js";
 import "../../tags-D7CRQqc1.js";
@@ -14,7 +14,7 @@ import "../../FontWeight-DEBGHbtO.js";
 import "../../HeadingSize-CfCRn3Lh.js";
 import "../../Spacing-8v6hcO2x.js";
 import "../../hooks/useViewport/index.js";
-import { M, i, a, b, m, c, v } from "../../index-DubgGwxc.js";
+import { M, i, a, b, m, c, v } from "../../index-ClAH0TNC.js";
 import "../../styled-BxkvYuWW.js";
 import "../../validate-DYmFz2FF.js";
 export {

package/dist/components/Notification/index.js

@@ -7,7 +7,7 @@ import Flex from "../Flex/index.js";
 import Heading from "../Heading/index.js";
 import { I as IconLoader } from "../../index--RjkzZm0.js";
 import Link from "../Link/index.js";
-import { R as RichText } from "../../index-CLHcudLb.js";
+import { R as RichText } from "../../index-C4eCcl02.js";
 import { i as iconSizeSm } from "../../IconSize-AJp7xdJi.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";

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-CLHcudLb.js";
+import { R as RichText } from "../../index-C4eCcl02.js";
 import { b as textHeadingSm, c as textHeadingLg } from "../../HeadingSize-CfCRn3Lh.js";
 import { h as h3TagName } from "../../tags-D7CRQqc1.js";
 const getFootnoteContent = (content, footnoteContentBacklinkText) => {

package/dist/components/PickerGroup/index.js

@@ -5,7 +5,7 @@ import { a as inputStateError } from "../../props-DDpgcryb.js";
 import { f as spacing2Xs, s as spacingMd, b as spacingSm, c as spacingNone } from "../../Spacing-8v6hcO2x.js";
 import { useState, useEffect } from "react";
 import Grid from "../Grid/index.js";
-import { B as Badge } from "../../index-DOjE2zK8.js";
+import { B as Badge } from "../../index-j22agtAk.js";
 import ColorSwatch from "../ColorSwatch/index.js";
 import { c as iconSizeMd } from "../../IconSize-AJp7xdJi.js";
 import { r as renderInlineRichTextFromOpenText } from "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
@@ -15,7 +15,7 @@ import { m as aspectRatio1_1 } from "../../validate-DYmFz2FF.js";
 import Image from "../Image/index.js";
 import viewport from "../../foundations/media-query/viewport/index.js";
 import GridItem from "../GridItem/index.js";
-import { s as screenreaderOnly } from "../../index-CfIoFAvq.js";
+import { s as screenreaderOnly } from "../../index-DCE5HNIR.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";

package/dist/components/Price/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
-import "../../index-CfIoFAvq.js";
-import { c, P, k, g, f, j, p, a, i, e, d, b, h, v } from "../../index-GkBE6ANF.js";
+import "../../index-DCE5HNIR.js";
+import { c, P, k, g, f, j, p, a, i, e, d, b, h, v } from "../../index-TL0X3rXH.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   c as createScreenReaderText,

package/dist/components/ProductCard/index.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { createElement } from "react";
-import { B as Badge } from "../../index-DOjE2zK8.js";
+import { B as Badge } from "../../index-j22agtAk.js";
 import Body from "../Body/index.js";
 import ColorSwatchGroup from "../ColorSwatchGroup/index.js";
 import Heading, { headingAlignCenter } from "../Heading/index.js";
 import { m as aspectRatio1_1 } from "../../validate-DYmFz2FF.js";
 import Link from "../Link/index.js";
-import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-GkBE6ANF.js";
+import { P as Price, d as priceSizeMd, g as priceAlignCenter, a as priceOrientationVertical } from "../../index-TL0X3rXH.js";
 import { f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
 import { a as textHeadingMd } from "../../HeadingSize-CfCRn3Lh.js";
 import { a as iconSizeLg } from "../../IconSize-AJp7xdJi.js";

package/dist/components/Rating/index.js

@@ -5,7 +5,7 @@ import Legend from "../Legend/index.js";
 import styled from "styled-components";
 import viewport from "../../foundations/media-query/viewport/index.js";
 import { a as filterProps } from "../../filterProps-BJ5SpbnA.js";
-import { s as screenreaderOnly } from "../../index-CfIoFAvq.js";
+import { s as screenreaderOnly } from "../../index-DCE5HNIR.js";
 import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/index.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-CLHcudLb.js";
+import { R } from "../../index-C4eCcl02.js";
 export {
   R as default
 };

package/dist/components/RichtTextContentful/index.js

@@ -5,7 +5,7 @@ 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-CLHcudLb.js";
+import { a as TextListItem, T as TextList } from "../../index-C4eCcl02.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { a as filterProps } from "../../filterProps-BJ5SpbnA.js";

package/dist/components/ScreenreaderOnly/index.js

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

package/dist/components/SuggestInput/index.js

@@ -388,6 +388,7 @@ const SuggestInput = forwardRef(({
     /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status, message: inputStateError === status ? errorMessage : helperText })
   ] });
 });
+SuggestInput.displayName = "SuggestInput";
 export {
   SuggestInput as default
 };

package/dist/components/TabularPrice/index.js

@@ -1,7 +1,7 @@
 "use client";
 import "react/jsx-runtime";
-import { T } from "../../index-GkBE6ANF.js";
-import "../../index-CfIoFAvq.js";
+import { T } from "../../index-TL0X3rXH.js";
+import "../../index-DCE5HNIR.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.js";
 export {
   T as default

package/dist/components/TextList/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { a, T } from "../../index-CLHcudLb.js";
+import { a, T } from "../../index-C4eCcl02.js";
 import "../../tags-D7CRQqc1.js";
 import "../../Spacing-8v6hcO2x.js";
 import "../../renderInlineRichTextFromOpenText-RvOG3QbI.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-CUCG09B3.js";
+import { L } from "../../mapContentToComponents-C_O2rRrX.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-CUCG09B3.js";
+import { m as mapContentToComponents } from "../../mapContentToComponents-C_O2rRrX.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-CUCG09B3.js";
+import { m as mapContentToComponents } from "../../mapContentToComponents-C_O2rRrX.js";
 const Renderer = ({
   content,
   isDraftMode

package/dist/{index-DToaoQpl.js → index-BJHhIBYl.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { S as ScreenreaderOnly } from "./index-CfIoFAvq.js";
+import { S as ScreenreaderOnly } from "./index-DCE5HNIR.js";
 import styled from "styled-components";
 import InlineLink from "./components/InlineLink/index.js";
 import { getFontWeight } from "./foundations/token/getFontWeight/index.js";

package/dist/{index-CLHcudLb.js → index-C4eCcl02.js}

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { cloneElement } from "react";
 import parse, { Element, domToReact } from "html-react-parser";
 import Body from "./components/Body/index.js";
-import { F as FootnoteLink } from "./index-DToaoQpl.js";
+import { F as FootnoteLink } from "./index-BJHhIBYl.js";
 import Heading from "./components/Heading/index.js";
 import InlineLink from "./components/InlineLink/index.js";
 import { T as TableWrapper, e as TableHead, a as TableBody, d as TableFoot } from "./TableWrapper-Do9KCTGV.js";

package/dist/{index-DubgGwxc.js → index-ClAH0TNC.js}

@@ -5,7 +5,7 @@ import FlexItem from "./components/FlexItem/index.js";
 import Heading, { isHeadingProps, headingAlignLeft } from "./components/Heading/index.js";
 import Image from "./components/Image/index.js";
 import Link, { isLinkProps } from "./components/Link/index.js";
-import { R as RichText } from "./index-CLHcudLb.js";
+import { R as RichText } from "./index-C4eCcl02.js";
 import RichTextContentful from "./components/RichtTextContentful/index.js";
 import YoutubeVideo from "./components/YoutubeVideo/index.js";
 import { r as pTagName, u as ulTagName, d as divTagName, l as liTagName } from "./tags-D7CRQqc1.js";
@@ -18,8 +18,8 @@ import viewport from "./foundations/media-query/viewport/index.js";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "./foundations/token/getSpacing/index.js";
 import { a as filterProps } from "./filterProps-BJ5SpbnA.js";
-import "./index-CfIoFAvq.js";
-import "./index-DToaoQpl.js";
+import "./index-DCE5HNIR.js";
+import "./index-BJHhIBYl.js";
 import "html-react-parser";
 import "./hooks/useLinkComponent/index.js";
 import { z as isImageProps, p as aspectRatio16_9 } from "./validate-DYmFz2FF.js";

package/dist/{index-CfIoFAvq.js → index-DCE5HNIR.js}

@@ -3,11 +3,15 @@ import styled from "styled-components";
 import { a as filterProps } from "./filterProps-BJ5SpbnA.js";
 const screenreaderOnly = {
   position: "absolute",
-  left: "-10000px",
-  top: "auto",
   width: "1px",
   height: "1px",
-  overflow: "hidden"
+  padding: "0",
+  margin: "-1px",
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  clipPath: "inset(50%)",
+  whiteSpace: "nowrap",
+  border: "0"
 };
 const ScreenReaderOnlyStyled = styled.span.withConfig({
   shouldForwardProp: filterProps(),

package/dist/{index-GkBE6ANF.js → index-TL0X3rXH.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { S as ScreenreaderOnly } from "./index-CfIoFAvq.js";
+import { S as ScreenreaderOnly } from "./index-DCE5HNIR.js";
 import styled from "styled-components";
 import { getBottomSpacing } from "./foundations/token/getBottomSpacing/index.js";
 import { getFontWeight } from "./foundations/token/getFontWeight/index.js";

package/dist/{index-DOjE2zK8.js → index-j22agtAk.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { a as FootnoteLinkStyled, F as FootnoteLink } from "./index-DToaoQpl.js";
+import { a as FootnoteLinkStyled, F as FootnoteLink } from "./index-BJHhIBYl.js";
 import { n as iconSizeXs, i as iconSizeSm } from "./IconSize-AJp7xdJi.js";
 import { s as smallSize, m as mediumSize } from "./SizeTypes-Ck_RdzIf.js";
 import { f as spacing2Xs, b as spacingSm, s as spacingMd, a as spacingXs } from "./Spacing-8v6hcO2x.js";

package/dist/index.js

@@ -5,8 +5,8 @@ import { default as default5 } from "./components/ToggleButtonProvider/index.js"
 import { default as default6 } from "./components/ToggleButton/index.js";
 import { default as default7 } from "./components/TimeInput/index.js";
 import { default as default8 } from "./components/Textarea/index.js";
-import { R, T, a } from "./index-CLHcudLb.js";
-import { P, T as T2, c, k, g, f, j, p, a as a2, i, e, d, b, h, v } from "./index-GkBE6ANF.js";
+import { R, T, a } from "./index-C4eCcl02.js";
+import { P, T as T2, c, k, g, f, j, p, a as a2, i, e, d, b, h, v } from "./index-TL0X3rXH.js";
 import { T as T3, a as a3, b as b2, c as c2, d as d2, e as e2, f as f2, T as T4 } from "./TableWrapper-Do9KCTGV.js";
 import { PanelStyled, default as default9, TabGroupContainerStyled, TabGroupIndicatorStyled, TabGroupTabsScrollableContainerStyled, TabGroupTabsStyled, TabLabelStyled, TabStyled, iconPositionLeft, iconPositionTop, tabGroupWidthAuto, tabGroupWidthFull } from "./components/TabGroup/index.js";
 import { default as default10 } from "./components/Switch/index.js";
@@ -15,7 +15,7 @@ import { default as default12 } from "./components/Stepper/index.js";
 import { default as default13 } from "./components/SmoothScrollArea/index.js";
 import { default as default14 } from "./components/SelectInput/index.js";
 import { default as default15 } from "./components/SearchInput/index.js";
-import { S } from "./index-CfIoFAvq.js";
+import { S } from "./index-DCE5HNIR.js";
 import { default as default16 } from "./components/RichtTextContentful/index.js";
 import { default as default17, isResponsiveImageProps, validateResponsiveImageProps } from "./components/ResponsiveImage/index.js";
 import { HiddenRadioStyled, default as default18, RatingFieldsetStyled, StarLabelStyled, StarsWrapperStyled } from "./components/Rating/index.js";
@@ -26,7 +26,7 @@ import { default as default22 } from "./components/PickerGroup/index.js";
 import { default as default23, overlayAppearancePrimary, overlayAppearanceSecondary } from "./components/Overlay/index.js";
 import { default as default24 } from "./components/OpenTextFootnoteAdapter/index.js";
 import { default as default25, notificationStatusError, notificationStatusInfo, notificationStatusSuccess, notificationStatusWarning } from "./components/Notification/index.js";
-import { M, i as i2, a as a4, b as b3, m, c as c3, v as v2 } from "./index-DubgGwxc.js";
+import { M, i as i2, a as a4, b as b3, m, c as c3, v as v2 } from "./index-ClAH0TNC.js";
 import { default as default26 } from "./components/LocalStyle/index.js";
 import { default as default27 } from "./components/LoadingSpinner/index.js";
 import { default as default28, linkListItemVariantHorizontal, linkListItemVariantVertical } from "./components/LinkListItem/index.js";
@@ -56,7 +56,7 @@ import { default as default49 } from "./components/FormHelperMessage/index.js";
 import { default as default50 } from "./components/FormHelperLabel/index.js";
 import { default as default51 } from "./components/FormElement/index.js";
 import { default as default52 } from "./components/Form/index.js";
-import { F } from "./index-DToaoQpl.js";
+import { F } from "./index-BJHhIBYl.js";
 import { default as default53 } from "./components/FootnoteContent/index.js";
 import { default as default54, flexItemAutoGrow, flexItemFullGrow } from "./components/FlexItem/index.js";
 import { default as default55 } from "./components/Flex/index.js";
@@ -84,7 +84,7 @@ import { B, c as c4, a as a6, b as b4, d as d3, i as i5, f as f3, v as v5, e as
 import { default as default76 } from "./components/Button/index.js";
 import { default as default77 } from "./components/BottomBar/index.js";
 import { default as default78, bodyAlignCenter, bodyAlignLeft, bodyAlignRight, bodyAligns, bodySizes, bodyTags, bodyWeights, isBodyProps, validateBodyProps } from "./components/Body/index.js";
-import { B as B2, b as b5, c as c5, d as d4, i as i6, p as p2, s, a as a7, t, v as v6 } from "./index-DOjE2zK8.js";
+import { B as B2, b as b5, c as c5, d as d4, i as i6, p as p2, s, a as a7, t, v as v6 } from "./index-j22agtAk.js";
 import { default as default79, isAccordionGroupProps, validateAccordionGroupProps } from "./components/AccordionGroup/index.js";
 import { default as default80, accordionToggleCollapsed, accordionToggleCollapsing, accordionToggleExpanded, isAccordionProps, validateAccordionProps } from "./components/Accordion/index.js";
 import { getTextDecoration } from "./foundations/token/getTextDecoration/index.js";
@@ -116,7 +116,7 @@ import { useForcedColors } from "./hooks/useForcedColors/index.js";
 import { useFocusWithin } from "./hooks/useFocusWithin/index.js";
 import "react/jsx-runtime";
 import "@contentful/live-preview/react";
-import { L as L2 } from "./mapContentToComponents-CUCG09B3.js";
+import { L as L2 } from "./mapContentToComponents-C_O2rRrX.js";
 import { a as a8, i as i7 } from "./props-DDpgcryb.js";
 import { p as p3, m as m2, q, r, s as s2, n, t as t2, x, d as d5, h as h2, c as c6, w, z, o, a as a9, b as b6, u, e as e4, i as i8, g as g2, f as f4, l, k as k2, j as j2, v as v7, y } from "./validate-DYmFz2FF.js";
 import { e as e5, d as d6, c as c7, b as b7, f as f5, a as a10 } from "./styled-BxkvYuWW.js";

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

@@ -1,6 +1,6 @@
 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-DOjE2zK8.js";
+import { i as isBadgeProps, B as Badge } from "./index-j22agtAk.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";
@@ -23,8 +23,8 @@ import ImageHeader, { isImageHeaderProps } from "./components/ImageHeader/index.
 import Link, { isLinkProps } from "./components/Link/index.js";
 import { i as isLinkAsButtonProps, L as LinkAsButton } from "./index-CEotMXpL.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-DubgGwxc.js";
-import { k as isPriceProps, P as Price } from "./index-GkBE6ANF.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 RichTextContentful from "./components/RichtTextContentful/index.js";
 import YoutubeVideo from "./components/YoutubeVideo/index.js";
@@ -37,8 +37,8 @@ import "html-react-parser";
 import { a as cornerRounded, c as cornerStraight } from "./CornerStyle-JEbGNArR.js";
 import { z as isImageProps } from "./validate-DYmFz2FF.js";
 import { linkListItemVariantVertical, linkListItemVariantHorizontal } from "./components/LinkListItem/index.js";
-import "./index-CfIoFAvq.js";
-import "./index-DToaoQpl.js";
+import "./index-DCE5HNIR.js";
+import "./index-BJHhIBYl.js";
 import "./NotificationErrorIcon-DMnAJgPN.js";
 import "react";
 import "./components/Collapsible/index.js";
@@ -47,7 +47,7 @@ import "./components/FlexItem/index.js";
 import "./styled-Dq0NuP5r.js";
 import "./components/InlineLink/index.js";
 import "./TableWrapper-Do9KCTGV.js";
-import "./index-CLHcudLb.js";
+import "./index-C4eCcl02.js";
 import "./styled-0KSRG-Fv.js";
 const validateLegibleContent = (check) => {
   var _a, _b, _c, _d;

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.2",
+  "version": "9.0.3",
   "exports": {
     "./package.json": "./package.json",
     ".": {